]> git.mxchange.org Git - quix0rs-gnu-social.git/blob - plugins/MobileProfile/mp-screen.css
Better widths for notice options (improves Opera Mini's rendering)
[quix0rs-gnu-social.git] / plugins / MobileProfile / mp-screen.css
1 @import url(../../theme/base/css/display.css);
2 @import url(../../theme/identica/css/display.css);
3
4 #wrap {
5 min-width:0;
6 max-width:100%;
7 }
8
9 #header {
10 margin:0;
11 padding:2%;
12 width:96%;
13 }
14
15 address {
16 margin:4% 0 0 0;
17 }
18 address .vcard .photo {
19 margin-right:0;
20 }
21
22 address img + .fn {
23 display:block;
24 margin-top:8%;
25 width:100%;
26 }
27
28 .vcard .photo {
29 margin-right:7px;
30 }
31
32
33 #site_nav_global_primary {
34 margin:0;
35 width:100%;
36 list-style-type:none;
37 position:absolute;
38 top:0;
39 left:0;
40 }
41 #site_nav_global_primary li {
42 margin-left:0;
43 margin-right:2%;
44 float:left;
45 font-size:0.9em;
46 }
47
48
49 #form_notice {
50 width:100%;
51 }
52
53 #form_notice textarea {
54 width:60%;
55 height:20px;
56 }
57
58 #notice_text-count {
59 position:absolute;
60 bottom:2px;
61 right:40%;
62 z-index:9;
63 }
64
65 /*input type=file no good in
66 iPhone/iPod Touch, Android, Opera Mini Simulator
67 */
68 #form_notice #notice_text-count + label,
69 #form_notice label[for="notice_data-attach"] {
70 display:none;
71 }
72 #form_notice #notice_data-attach {
73 top:auto;
74 bottom:0;
75 left:0;
76 right:auto;
77 opacity:1;
78 z-index:9;
79 width:65%;
80 }
81
82 #form_notice #notice_action-submit {
83 width:20%;
84 right:2%;
85 text-align:center;
86 }
87
88
89 #site_nav_local_views li {
90 margin-left:0;
91 margin-right:0;
92 }
93 #site_nav_local_views li:first-child {
94 margin-left:0;
95 }
96 #site_nav_local_views a {
97 padding:0;
98 display:block;
99 }
100 #site_nav_local_views .current a {
101 text-shadow:none;
102 }
103 #site_nav_local_views li {
104 -moz-box-shadow:none;
105 -webkit-box-shadow:none;
106 box-shadow:none;
107 }
108
109
110 #content {
111 width:96.41%;
112 }
113
114 h1 {
115 margin-bottom:0;
116 }
117
118 .notice,
119 .profile {
120 padding-top:4px;
121 padding-bottom:4px;
122 }
123 .notice .entry-title {
124
125 }
126 .notice div.entry-content {
127 margin-left:0;
128 width:65%;
129 }
130 .notice-options {
131 width:30%;
132 margin-right:2%;
133 }
134
135
136
137 .entity_profile {
138 width:auto;
139 }
140
141
142
143 .entity_actions {
144 margin-right:0;
145 margin-left:0;
146 clear:both;
147 float:none;
148 width:100%;
149 max-width:9999px;
150 }
151
152 .entity_profile {
153 margin-bottom:7px;
154 min-height:0;
155 }
156
157 .entity_profile .entity_fn, 
158 .entity_profile .entity_nickname, 
159 .entity_profile .entity_location, 
160 .entity_profile .entity_url, 
161 .entity_profile .entity_note, 
162 .entity_profile .entity_tags, 
163 .entity_profile .entity_aliases {
164 line-height:1.4;
165 margin-left:0;
166 }
167
168 .entity_profile .entity_depiction {
169 margin-bottom:1%;
170 margin-right:7px;
171 }
172
173 .entity_actions {
174 margin-bottom:1%;
175 float:left;
176 width:100%;
177 }
178
179 .entity_actions li {
180 float:left;
181 margin-right:1.5%;
182 margin-bottom:0;
183 height:29px;
184 width:40%;
185 }
186
187 .user_in .entity_actions .entity_subscribe {
188 margin-bottom:47px;
189 width:auto;
190 height:auto;
191 margin-right:5%;
192 }
193
194
195
196 #footer {
197 width:96%;
198 padding:2%;
199 }
200