]> git.mxchange.org Git - quix0rs-gnu-social.git/blob - theme/default/css/display.css
Merge branch 'master' into 0.9.x
[quix0rs-gnu-social.git] / theme / default / css / display.css
1 /** theme: default
2  *
3  * @package   StatusNet
4  * @author    Sarven Capadisli <csarven@status.net>
5  * @copyright 2009-2010 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) screen, projection, tv, print;
11
12 @media screen, projection, tv {
13 body,
14 a:active {
15 background-color:#CEE1E9;
16 }
17 body {
18 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
19 font-size:1em;
20 }
21 address {
22 margin-right:5.3%;
23 }
24 input, textarea, select {
25 border-width:2px;
26 border-style: solid;
27 border-radius:4px;
28 -moz-border-radius:4px;
29 -webkit-border-radius:4px;
30 }
31 input, textarea, select, option {
32 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
33 }
34 input, textarea, select,
35 .entity_actions .dialogbox input,
36 .mark-top {
37 border-color:#AAAAAA;
38 }
39
40 .form_settings fieldset fieldset {
41 background:rgba(240, 240, 240, 0.2);
42 box-shadow:3px 3px 7px rgba(194, 194, 194, 0.3);
43 -moz-box-shadow:3px 3px 7px rgba(194, 194, 194, 0.3);
44 -webkit-box-shadow:3px 3px 7px rgba(194, 194, 194, 0.3);
45 }
46
47 #filter_tags ul li,
48 .entity_send-a-message .form_notice,
49 .pagination .nav_prev a,
50 .pagination .nav_next a,
51 .form_settings fieldset fieldset,
52 .entity_moderation:hover ul,
53 .entity_role:hover ul,
54 .dialogbox {
55 border-color:#DDDDDD;
56 }
57
58 .form_settings input.form_action-primary {
59 background:none;
60 }
61
62 .form_notice.warning #notice_text-count,
63 .form_settings .form_note {
64 background-color:#9BB43E;
65 }
66 input.submit,
67 .form_notice.warning #notice_text-count,
68 .form_settings .form_note,
69 .entity_actions a,
70 .entity_actions input,
71 .entity_moderation p,
72 .entity_role p,
73 button {
74 box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
75 -moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
76 -webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
77 }
78 .entity_actions a,
79 .entity_actions input,
80 .entity_actions p {
81 border-color:transparent;
82 background-color:transparent;
83 }
84 input:focus, textarea:focus, select:focus,
85 .form_notice.warning #notice_data-text,
86 .form_notice.warning #notice_text-count,
87 .form_settings .form_note,
88 .entity_actions .dialogbox .form_data input:focus {
89 border-color:#9BB43E;
90 }
91 input.submit {
92 color:#FFFFFF;
93 }
94 .entity_actions input.submit {
95 border-color:transparent;
96 text-shadow:none;
97 }
98 .dialogbox .submit_dialogbox,
99 input.submit,
100 .form_notice input.submit {
101 background:#AAAAAA url(../../base/images/illustrations/illu_pattern-01.png) 0 0 repeat-x;
102 text-shadow:0 1px 0 #FFFFFF;
103 color:#000000;
104 border-color:#AAAAAA;
105 border-top-color:#CCCCCC;
106 border-left-color:#CCCCCC;
107 }
108 .dialogbox .submit_dialogbox:hover,
109 input.submit:hover {
110 background-position:0 -5px;
111 }
112 .dialogbox .submit_dialogbox:focus,
113 input.submit:focus {
114 background-position:0 -15px;
115 box-shadow:3px 3px 3px rgba(194, 194, 194, 0.1);
116 -moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.1);
117 -webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.1);
118 text-shadow:none;
119 }
120
121 .form_notice label[for=notice_data-geo] {
122 background-position:0 -1780px;
123 }
124 .form_notice label[for=notice_data-geo].checked {
125 background-position:0 -1846px;
126 }
127
128 a,
129 .form_settings input.form_action-primary,
130 .notice-options input,
131 .entity_actions a,
132 .entity_actions input,
133 .entity_moderation p,
134 .entity_role p {
135 color:#002FA7;
136 }
137
138 .notice,
139 .profile,
140 .application,
141 #content tbody tr {
142 border-top-color:#C8D1D5;
143 }
144
145 #aside_primary {
146 background-color:#C8D1D5;
147 }
148
149 #notice_text-count {
150 color:#333333;
151 }
152 .form_notice.warning #notice_text-count,
153 .dialogbox,
154 .entity_actions .dialogbox input {
155 color:#000000;
156 }
157 .form_notice .attach-label {
158 background-position:0 -328px;
159 }
160 .form_notice .attach {
161 position: absolute;
162 opacity:0;
163 }
164
165 .form_notice .attach-label,
166 #export_data li a.rss,
167 #export_data li a.atom,
168 #export_data li a.foaf,
169 .entity_edit a,
170 .entity_send-a-message a,
171 .entity_nudge p,
172 .form_user_nudge input.submit,
173 .form_user_block input.submit,
174 .form_user_unblock input.submit,
175 .form_group_block input.submit,
176 .form_group_unblock input.submit,
177 .form_make_admin input.submit,
178 .notice .attachment,
179 .notice-options .notice_reply,
180 .notice-options form.form_favor input.submit,
181 .notice-options form.form_disfavor input.submit,
182 .notice-options .notice_delete,
183 .notice-options form.form_repeat input.submit,
184 #new_group a,
185 .pagination .nav_prev a,
186 .pagination .nav_next a,
187 button.close,
188 .form_group_leave input.submit,
189 .form_user_unsubscribe input.submit,
190 .form_group_join input.submit,
191 .form_user_subscribe input.submit,
192 .form_remote_authorize input.submit,
193 .entity_subscribe a,
194 .entity_moderation p,
195 .entity_sandbox input.submit,
196 .entity_silence input.submit,
197 .entity_delete input.submit,
198 .entity_role p,
199 .entity_role_administrator input.submit,
200 .entity_role_moderator input.submit,
201 .notice-options .repeated,
202 .form_notice label[for=notice_data-geo],
203 button.minimize,
204 .form_reset_key input.submit,
205 .entity_clear input.submit,
206 .entity_flag input.submit,
207 .entity_flag p,
208 .entity_subscribe input.submit,
209 #realtime_play,
210 #realtime_pause,
211 #realtime_popup {
212 background-image:url(../../base/images/icons/icons-01.gif);
213 background-repeat:no-repeat;
214 background-color:transparent;
215 }
216
217 #wrap form.processing input.submit,
218 #core a.processing,
219 .dialogbox.processing .submit_dialogbox {
220 background:#FFFFFF url(../../base/images/icons/icon_processing.gif) no-repeat 47% 47%;
221 }
222 .notice-options .form_repeat.processing {
223 background-image:none;
224 }
225
226 #content {
227 box-shadow:5px 7px 7px rgba(194, 194, 194, 0.3);
228 -moz-box-shadow:5px 7px 7px rgba(194, 194, 194, 0.3);
229 -webkit-box-shadow:5px 7px 7px rgba(194, 194, 194, 0.3);
230 }
231 #content,
232 #site_nav_local_views a,
233 #aside_primary {
234 border-color:transparent;
235 }
236 #content,
237 #site_nav_local_views .current a,
238 .entity_send-a-message .form_notice,
239 .entity_moderation:hover ul,
240 .entity_role:hover ul,
241 .dialogbox {
242 background-color:#FFFFFF;
243 }
244
245 #site_nav_local_views li.current {
246 box-shadow:3px 7px 5px rgba(194, 194, 194, 0.5);
247 -moz-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.5);
248 -webkit-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.5);
249 }
250 #site_nav_local_views a {
251 background-color:rgba(194, 194, 194, 0.5);
252 }
253 #site_nav_local_views a:hover {
254 background-color:rgba(255, 255, 255, 0.7);
255 }
256 #site_nav_local_views .current a {
257 text-shadow: rgba(194,194,194,0.5) 1px 1px 1px;
258 }
259 .processing {
260 background-image:url(../../base/images/icons/icon_processing.gif);
261 background-repeat:no-repeat;
262 background-position:47% 47%;
263 }
264
265
266 .error {
267 background-color:#F7E8E8;
268 }
269 .success {
270 background-color:#EFF3DC;
271 }
272
273 button.close {
274 background-position:0 -1120px;
275 }
276 button.minimize {
277 background-position:0 -1912px;
278 }
279
280 #anon_notice {
281 background-color:#87B4C8;
282 color:#FFFFFF;
283 border-color:#FFFFFF;
284 }
285
286 #showstream #anon_notice {
287 background-color:#9BB43E;
288 }
289
290 #export_data li a {
291 background-repeat:no-repeat;
292 }
293 #export_data li a.rss {
294 background-position:0 -130px;
295 }
296 #export_data li a.atom {
297 background-position:0 -64px;
298 }
299 #export_data li a.foaf {
300 background-position:0 1px;
301 }
302
303 .form_group_join input.submit,
304 .form_group_leave input.submit,
305 .form_user_subscribe input.submit,
306 .form_user_unsubscribe input.submit,
307 .form_remote_authorize input.submit,
308 .entity_subscribe a {
309 background-color:#AAAAAA;
310 color:#FFFFFF;
311 }
312 .form_group_leave input.submit,
313 .form_user_unsubscribe input.submit {
314 background-position:5px -1246px;
315 }
316 .form_group_join input.submit,
317 .form_user_subscribe input.submit,
318 .form_remote_authorize input.submit,
319 .entity_subscribe a {
320 background-position:5px -1181px;
321 }
322
323 .entity_edit a {
324 background-position: 5px -719px;
325 }
326 .entity_send-a-message a {
327 background-position: 5px -852px;
328 }
329 .entity_send-a-message .form_notice,
330 .entity_moderation:hover ul,
331 .entity_role:hover ul,
332 .dialogbox {
333 box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
334 -moz-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
335 -webkit-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
336 }
337
338 .entity_nudge p,
339 .form_user_nudge input.submit {
340 background-position: 5px -785px;
341 }
342 .form_user_block input.submit,
343 .form_user_unblock input.submit,
344 .form_group_block input.submit,
345 .form_group_unblock input.submit {
346 background-position: 5px -918px;
347 }
348 .form_make_admin input.submit {
349 background-position: 5px -983px;
350 }
351 .entity_moderation p {
352 background-position: 5px -1313px;
353 }
354 .entity_sandbox input.submit {
355 background-position: 5px -1380px;
356 }
357 .entity_silence input.submit {
358 background-position: 5px -1445px;
359 }
360 .entity_delete input.submit {
361 background-position: 5px -1511px;
362 }
363 .entity_sandbox .form_user_unsandbox input.submit {
364 background-position: 5px -2568px;
365 }
366 .entity_silence .form_user_unsilence input.submit {
367 background-position: 5px -2633px;
368 }
369 .entity_role p {
370 background-position: 5px -2436px;
371 }
372 .entity_role_administrator .form_user_grantrole input.submit {
373 background-position: 5px -983px;
374 }
375 .entity_role_moderator .form_user_grantrole input.submit {
376 background-position: 5px -1313px;
377 }
378 .entity_role_administrator .form_user_revokerole input.submit {
379 background-position: 5px -2699px;
380 }
381 .entity_role_moderator .form_user_revokerole input.submit {
382 background-position: 5px -2501px;
383 }
384 .form_reset_key input.submit {
385 background-position: 5px -1973px;
386 }
387 .entity_clear input.submit {
388 background-position: 5px -2039px;
389 }
390 .entity_flag input.submit,
391 .entity_flag p {
392 background-position: 5px -2105px;
393 }
394 .entity_subscribe input.accept {
395 background-position: 5px -2171px;
396 }
397 .entity_subscribe input.reject {
398 background-position: 5px -2237px;
399 }
400 #realtime_play {
401 background-position: 0 -2308px;
402 }
403 #realtime_pause {
404 background-position: 0 -2374px;
405 }
406 #realtime_popup {
407 background-position: 0 -1714px;
408 }
409
410
411 /* NOTICES */
412 .notice .attachment {
413 background-position:0 -394px;
414 }
415 .notice .attachment.more {
416 background-position:0 -2770px;
417 }
418 #attachments .attachment {
419 background:none;
420 }
421 .notice-options .notice_reply {
422 background-position:0 -592px;
423 }
424 .notice-options form.form_favor input.submit {
425 background-position:0 -460px;
426 }
427 .notice-options form.form_disfavor input.submit {
428 background-position:0 -526px;
429 }
430 .notice-options .notice_delete {
431 background-position:0 -658px;
432 }
433 .notice-options form.form_repeat input.submit {
434 background-position:0 -1582px;
435 }
436 .notice-options .repeated {
437 background-position:0 -1648px;
438 }
439
440 .notices .attachment.more,
441 .notices div.entry-content,
442 .notices div.notice-options {
443 opacity:0.4;
444 }
445 .notices li:hover .attachment.more,
446 .notices li:hover div.entry-content,
447 .notices li:hover div.notice-options {
448 opacity:1;
449 }
450 .opaque {
451 opacity:1 !important;
452 }
453 .attachment.more,
454 .notice-options a,
455 .notice-options input {
456 font-family:sans-serif;
457 box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
458 -moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
459 -webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
460 }
461 .attachment.more:focus {
462 box-shadow:none;
463 -moz-box-shadow:none;
464 -webkit-box-shadow:none;
465 outline:none;
466 }
467 #content .notices li:hover,
468 #content .applications li:hover,
469 #content tbody tr:hover {
470 background-color:rgba(240, 240, 240, 0.2);
471 }
472 #conversation .notices li:hover {
473 background-color:transparent;
474 }
475
476 .notices .notices {
477 background-color:rgba(200, 200, 200, 0.050);
478 }
479 .notices .notices .notices {
480 background-color:rgba(200, 200, 200, 0.100);
481 }
482 .notices .notices .notices .notices {
483 background-color:rgba(200, 200, 200, 0.150);
484 }
485 .notices .notices .notices .notices .notices {
486 background-color:rgba(200, 200, 200, 0.300);
487 }
488 /*END: NOTICES */
489
490 #new_group a {
491 background-position:0 -1054px;
492 }
493
494 .pagination .nav_prev a,
495 .pagination .nav_next a {
496 background-repeat:no-repeat;
497 box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
498 -moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
499 -webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
500 }
501 .pagination .nav_prev a {
502 background-position:10% -187px;
503 }
504 .pagination .nav_next a {
505 background-position:105% -252px;
506 }
507 .pagination .nav .processing {
508 background-image:url(../../base/images/icons/icon_processing.gif);
509 box-shadow:none;
510 -moz-box-shadow:none;
511 -webkit-box-shadow:none;
512 outline:none;
513 }
514 .pagination .nav_next a.processing {
515 background-position:90% 47%;
516 }
517 .pagination .nav_prev a.processing {
518 background-position:10% 47%;
519 }
520
521 }/*end of @media screen, projection, tv*/