]> git.mxchange.org Git - friendica-addons.git/blob - jappixmini/jappix/css/userinfos.css
Twitter: Fetch the contact relation
[friendica-addons.git] / jappixmini / jappix / css / userinfos.css
1 /*
2
3 Jappix - An open social platform
4 This is the user-infos CSS stylesheet for Jappix
5
6 -------------------------------------------------
7
8 License: AGPL
9 Author: Vanaryon
10 Last revision: 27/03/11
11
12 */
13
14 #userinfos .content {
15         overflow: auto;
16 }
17
18 #userinfos .one-lap a {
19         text-decoration: underline;
20 }
21
22 #userinfos .main-infos {
23         margin: 20px 20px 8px 20px;
24         height: 120px;
25         background: white;
26         position: relative;
27         border-radius: 4px;
28         -moz-border-radius: 4px;
29         -webkit-border-radius: 4px;
30 }
31
32 #userinfos .avatar-container {
33         float: left;
34         text-align: center;
35         margin: 20px 35px;
36         width: 80px;
37         height: 80px;
38 }
39
40 #userinfos .avatar {
41         max-width: 80px;
42         max-height: 80px;
43 }
44
45 #userinfos h1,
46 #userinfos h2,
47 #userinfos h3 {
48         width: 410px;
49         overflow: hidden;
50 }
51
52 #userinfos h1 {
53         font-size: 2em;
54         padding-top: 12px;
55         margin-bottom: 4px;
56 }
57
58 #userinfos h2 {
59         color: #447079;
60         font-size: 1.1em;
61         margin-bottom: 10px;
62 }
63
64 #userinfos h3 {
65         color: #6e8388;
66         font-size: 0.8em;
67 }
68
69 #userinfos .main-infos div.shortcuts {
70         position: absolute;
71         top: 10px;
72         right: 12px;
73 }
74
75 #userinfos .block-infos {
76         margin: 7px 20px;
77         float: left;
78 }
79
80 #userinfos .one-line {
81         margin: 4px 0;
82         font-size: 0.9em;
83         float: left;
84 }
85
86 #userinfos .one-line b {
87         width: 120px;
88         float: left;
89 }
90
91 #userinfos .one-line span.reset-info {
92         float: left;
93         width: 460px;
94 }
95
96 #userinfos textarea {
97         margin: 30px 0 0 30px;
98         width: 572px;
99         height: 292px;
100 }