]> git.mxchange.org Git - quix0rs-gnu-social.git/blob - theme/identica/css/display.css
Merge commit 'origin/0.9.x' into 0.9.x
[quix0rs-gnu-social.git] / theme / identica / css / display.css
1 /** theme: identica
2  *
3  * @package   StatusNet
4  * @author Sarven Capadisli <csarven@status.net>
5  * @copyright 2009 StatusNet, Inc.
6  * @license   http://www.fsf.org/licensing/licenses/agpl-3.0.html GNU Affero General Public License version 3.0
7  * @link      http://status.net/
8  */
9
10 @import url(../../base/css/display.css);
11
12 body,
13 a:active {
14 background-color:#F0F2F5;
15 }
16 body {
17 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
18 font-size:1em;
19 }
20 address {
21 margin-right:7.2%;
22 }
23 input, textarea, select {
24 border-width:2px;
25 border-style: solid;
26 border-radius:4px;
27 -moz-border-radius:4px;
28 -webkit-border-radius:4px;
29 }
30 input, textarea, select, option {
31 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
32 }
33 input, textarea, select {
34 border-color:#AAAAAA;
35 }
36
37 .form_settings fieldset fieldset {
38 background:rgba(240, 240, 240, 0.2);
39 box-shadow:3px 3px 7px rgba(194, 194, 194, 0.3);
40 -moz-box-shadow:3px 3px 7px rgba(194, 194, 194, 0.3);
41 -webkit-box-shadow:3px 3px 7px rgba(194, 194, 194, 0.3);
42 }
43
44 #filter_tags ul li,
45 .entity_send-a-message .form_notice,
46 .pagination .nav_prev a,
47 .pagination .nav_next a,
48 .form_settings fieldset fieldset,
49 .entity_moderation:hover ul {
50 border-color:#DDDDDD;
51 }
52
53 .form_settings input.form_action-primary {
54 background:none;
55 }
56
57 .form_notice.warning #notice_text-count,
58 .form_settings .form_note {
59 background-color:#9BB43E;
60 }
61 input.submit,
62 .form_notice.warning #notice_text-count,
63 .form_settings .form_note,
64 .entity_actions a,
65 .entity_actions input,
66 .entity_moderation p,
67 button {
68 box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
69 -moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
70 -webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
71 }
72 .entity_actions a,
73 .entity_actions input,
74 .entity_actions p {
75 border-color:transparent;
76 background-color:transparent;
77 }
78 input:focus, textarea:focus, select:focus,
79 .form_notice.warning #notice_data-text,
80 .form_notice.warning #notice_text-count,
81 .form_settings .form_note {
82 border-color:#9BB43E;
83 }
84 input.submit {
85 color:#FFFFFF;
86 }
87 .entity_actions input.submit {
88 border-color:transparent;
89 text-shadow:none;
90 }
91 input.submit,
92 .form_notice input.submit {
93 background:#AAAAAA url(../../base/images/illustrations/illu_pattern-01.png) 0 0 repeat-x;
94 text-shadow:0 1px 0 #FFFFFF;
95 color:#000000;
96 border-color:#AAAAAA;
97 border-top-color:#CCCCCC;
98 border-left-color:#CCCCCC;
99 }
100 input.submit:hover {
101 background-position:0 -5px;
102 }
103 input.submit:focus {
104 background-position:0 -15px;
105 box-shadow:3px 3px 3px rgba(194, 194, 194, 0.1);
106 -moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.1);
107 -webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.1);
108 text-shadow:none;
109 }
110
111 a,
112 .form_settings input.form_action-primary,
113 .notice-options input,
114 .entity_actions a,
115 .entity_actions input,
116 .entity_moderation p {
117 color:#002FA7;
118 }
119
120 .notice,
121 .profile {
122 border-top-color:#CEE1E9;
123 }
124 .mark-top {
125 border-color:#AAAAAA;
126 }
127
128 #aside_primary {
129 background-color:#CEE1E9;
130 }
131
132 #notice_text-count {
133 color:#333333;
134 }
135 .form_notice.warning #notice_text-count {
136 color:#000000;
137 }
138 .form_notice label[for=notice_data-attach] {
139 background-position:0 -328px;
140 }
141 .form_notice #notice_data-attach {
142 opacity:0;
143 }
144
145 .form_notice label[for=notice_data-attach],
146 #export_data li a.rss,
147 #export_data li a.atom,
148 #export_data li a.foaf,
149 .entity_edit a,
150 .entity_send-a-message a,
151 .entity_nudge p,
152 .form_user_nudge input.submit,
153 .form_user_block input.submit,
154 .form_user_unblock input.submit,
155 .form_group_block input.submit,
156 .form_group_unblock input.submit,
157 .form_make_admin input.submit,
158 .notice .attachment,
159 .notice-options .notice_reply,
160 .notice-options form.form_favor input.submit,
161 .notice-options form.form_disfavor input.submit,
162 .notice-options .notice_delete,
163 #new_group a,
164 .pagination .nav_prev a,
165 .pagination .nav_next a,
166 button.close,
167 .form_group_leave input.submit,
168 .form_user_unsubscribe input.submit,
169 .form_group_join input.submit,
170 .form_user_subscribe input.submit,
171 .entity_subscribe a,
172 .entity_moderation p,
173 .entity_sandbox input.submit,
174 .entity_silence input.submit,
175 .entity_delete input.submit {
176 background-image:url(../../base/images/icons/icons-01.gif);
177 background-repeat:no-repeat;
178 background-color:transparent;
179 }
180
181 #wrap form.processing input.submit,
182 .entity_actions a.processing {
183 background:#FFFFFF url(../../base/images/icons/icon_processing.gif) no-repeat 47% 47%;
184 cursor:wait;
185 text-indent:-9999px;
186 outline:none;
187 }
188
189 #content {
190 box-shadow:5px 7px 7px rgba(194, 194, 194, 0.3);
191 -moz-box-shadow:5px 7px 7px rgba(194, 194, 194, 0.3);
192 -webkit-box-shadow:5px 7px 7px rgba(194, 194, 194, 0.3);
193 }
194 #content,
195 #site_nav_local_views a,
196 #aside_primary {
197 border-color:transparent;
198 }
199 #content,
200 #site_nav_local_views .current a,
201 .entity_send-a-message .form_notice,
202 .entity_moderation:hover ul {
203 background-color:#FFFFFF;
204 }
205
206 #site_nav_local_views li.current {
207 box-shadow:3px 7px 5px rgba(194, 194, 194, 0.5);
208 -moz-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.5);
209 -webkit-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.5);
210 }
211 #site_nav_local_views a {
212 background-color:rgba(194, 194, 194, 0.5);
213 }
214 #site_nav_local_views a:hover {
215 background-color:rgba(255, 255, 255, 0.7);
216 }
217 #site_nav_local_views .current a {
218 text-shadow: rgba(194,194,194,0.5) 1px 1px 1px;
219 }
220 .processing {
221 background-image:url(../../base/images/icons/icon_processing.gif);
222 background-repeat:no-repeat;
223 background-position:47% 47%;
224 }
225
226 .error {
227 background-color:#F7E8E8;
228 }
229 .success {
230 background-color:#EFF3DC;
231 }
232
233 button.close {
234 background-position:0 -1120px;
235 }
236
237 #anon_notice {
238 background-color:#87B4C8;
239 color:#FFFFFF;
240 border-color:#FFFFFF;
241 }
242
243 #showstream #anon_notice {
244 background-color:#9BB43E;
245 }
246
247 #export_data li a {
248 background-repeat:no-repeat;
249 }
250 #export_data li a.rss {
251 background-position:0 -130px;
252 }
253 #export_data li a.atom {
254 background-position:0 -64px;
255 }
256 #export_data li a.foaf {
257 background-position:0 1px;
258 }
259
260 .form_group_join input.submit,
261 .form_group_leave input.submit,
262 .form_user_subscribe input.submit,
263 .form_user_unsubscribe input.submit,
264 .entity_subscribe a {
265 background-color:#AAAAAA;
266 color:#FFFFFF;
267 }
268 .form_group_leave input.submit,
269 .form_user_unsubscribe input.submit {
270 background-position:5px -1246px;
271 }
272 .form_group_join input.submit,
273 .form_user_subscribe input.submit,
274 .entity_subscribe a {
275 background-position:5px -1181px;
276 }
277
278 .entity_edit a {
279 background-position: 5px -718px;
280 }
281 .entity_send-a-message a {
282 background-position: 5px -852px;
283 }
284 .entity_send-a-message .form_notice,
285 .entity_moderation:hover ul {
286 box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
287 -moz-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
288 -webkit-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
289 }
290
291 .entity_nudge p,
292 .form_user_nudge input.submit {
293 background-position: 5px -785px;
294 }
295 .form_user_block input.submit,
296 .form_user_unblock input.submit,
297 .form_group_block input.submit,
298 .form_group_unblock input.submit {
299 background-position: 5px -918px;
300 }
301 .form_make_admin input.submit {
302 background-position: 5px -983px;
303 }
304 .entity_moderation p {
305 background-position: 5px -1313px;
306 }
307 .entity_sandbox input.submit {
308 background-position: 5px -1380px;
309 }
310 .entity_silence input.submit {
311 background-position: 5px -1445px;
312 }
313 .entity_delete input.submit {
314 background-position: 5px -1511px;
315 }
316
317 /* NOTICES */
318 .notice .attachment {
319 background-position:0 -394px;
320 }
321 #attachments .attachment {
322 background:none;
323 }
324 .notice-options .notice_reply {
325 background-position:0 -592px;
326 }
327 .notice-options form.form_favor input.submit {
328 background-position:0 -460px;
329 }
330 .notice-options form.form_disfavor input.submit {
331 background-position:0 -526px;
332 }
333 .notice-options .notice_delete {
334 background-position:0 -658px;
335 }
336
337 .notices div.entry-content,
338 .notices div.notice-options {
339 opacity:0.4;
340 }
341 .notices li:hover div.entry-content,
342 .notices li:hover div.notice-options {
343 opacity:1;
344 }
345 .notice-options a,
346 .notice-options input {
347 font-family:sans-serif;
348 box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
349 -moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
350 -webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
351 }
352 #content .notices li:hover {
353 background-color:rgba(240, 240, 240, 0.2);
354 }
355 #conversation .notices li:hover {
356 background-color:transparent;
357 }
358
359 .notices .notices {
360 background-color:rgba(200, 200, 200, 0.050);
361 }
362 .notices .notices .notices {
363 background-color:rgba(200, 200, 200, 0.100);
364 }
365 .notices .notices .notices .notices {
366 background-color:rgba(200, 200, 200, 0.150);
367 }
368 .notices .notices .notices .notices .notices {
369 background-color:rgba(200, 200, 200, 0.300);
370 }
371 /*END: NOTICES */
372
373 #new_group a {
374 background-position:0 -1054px;
375 }
376
377 .pagination .nav_prev a,
378 .pagination .nav_next a {
379 background-repeat:no-repeat;
380 box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
381 -moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
382 -webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
383 }
384 .pagination .nav_prev a {
385 background-position:10% -187px;
386 }
387 .pagination .nav_next a {
388 background-position:105% -252px;
389 }
390 .pagination .nav .processing {
391 background-image:url(../../base/images/icons/icon_processing.gif);
392 box-shadow:none;
393 -moz-box-shadow:none;
394 -webkit-box-shadow:none;
395 outline:none;
396 }
397 .pagination .nav_next a.processing {
398 background-position:90% 47%;
399 }
400 .pagination .nav_prev a.processing {
401 background-position:10% 47%;
402 }
403