]> git.mxchange.org Git - quix0rs-gnu-social.git/blob - theme/cloudy/css/display.css
84460e022b960cad22d28713f94308ac0639423f
[quix0rs-gnu-social.git] / theme / cloudy / css / display.css
1 /** theme: cloudy
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 * { margin:0; padding:0; }
11 img { display:block; border:0; }
12 a abbr { cursor: pointer; border-bottom:0; }
13 table { border-collapse:collapse; }
14 ol { list-style-position:inside; }
15 html { font-size: 87.5%; }
16 body {
17 background-color:#fff;
18 color:#000;
19 font-family:sans-serif;
20 font-size:1em;
21 line-height:normal;
22 position:relative;
23 height:100%;
24 }
25 h1,h2,h3,h4,h5,h6 {
26 margin-bottom:7px;
27 overflow:hidden;
28 }
29 h1 {
30 font-size:1.4em;
31 margin-bottom:18px;
32 }
33 #showstream h1 { display:none; }
34 h2 { font-size:1.3em; }
35 h3 { font-size:1.2em; }
36 h4 { font-size:1.1em; }
37 h5 { font-size:1em; }
38 h6 { font-size:0.9em; }
39
40 caption {
41 font-weight:bold;
42 }
43 legend {
44 font-weight:bold;
45 font-size:1.3em;
46 }
47 input, textarea, select, option {
48 padding:4px;
49 font-family:sans-serif;
50 font-size:1em;
51 }
52 input, textarea, select {
53 border-width:2px;
54 border-style: solid;
55 border-radius:4px;
56 -moz-border-radius:4px;
57 -webkit-border-radius:4px;
58 }
59
60 input.submit {
61 font-weight:bold;
62 cursor:pointer;
63 }
64 textarea {
65 overflow:auto;
66 }
67 option {
68 padding-bottom:0;
69 }
70 fieldset {
71 padding:0;
72 border:0;
73 }
74 form ul li {
75 list-style-type:none;
76 margin:0 0 18px 0;
77 }
78 form label {
79 font-weight:bold;
80 }
81 input.checkbox {
82 position:relative;
83 top:2px;
84 left:0;
85 border:0;
86 }
87
88 .error,
89 .success {
90 padding:4px 7px;
91 border-radius:4px;
92 -moz-border-radius:4px;
93 -webkit-border-radius:4px;
94 margin-bottom:18px;
95 }
96 form label.submit {
97 display:none;
98 }
99
100 .form_settings {
101 clear:both;
102 }
103
104 .form_settings fieldset {
105 margin-bottom:29px;
106 }
107 .form_settings input.remove {
108 margin-left:11px;
109 }
110 .form_settings .form_data li {
111 width:100%;
112 float:left;
113 }
114 .form_settings .form_data label {
115 float:left;
116 }
117 .form_settings .form_data textarea,
118 .form_settings .form_data select,
119 .form_settings .form_data input {
120 margin-left:11px;
121 float:left;
122 }
123 .form_settings .form_data textarea {
124 width:325px;
125 }
126
127 .form_settings .form_data input.submit {
128 margin-left:0;
129 }
130
131 .form_settings label {
132 margin-top:2px;
133 width:143px;
134 }
135
136 .form_actions label {
137 display:none;
138 }
139 .form_guide {
140 font-style:italic;
141 }
142
143 .form_settings #settings_autosubscribe label {
144 display:inline;
145 font-weight:bold;
146 }
147
148 #form_settings_profile legend,
149 #form_login legend,
150 #form_register legend,
151 #form_password legend,
152 #form_settings_avatar legend,
153 #newgroup legend,
154 #editgroup legend,
155 #form_tag_user legend,
156 #form_remote_subscribe legend,
157 #form_openid_login legend,
158 #form_search legend,
159 #form_invite legend,
160 #form_notice_delete legend,
161 #form_password_recover legend,
162 #form_password_change legend {
163 display:none;
164 }
165
166 .form_settings .form_data p.form_guide {
167 clear:both;
168 margin-left:155px;
169 margin-bottom:0;
170 }
171
172 .form_settings p {
173 margin-bottom:11px;
174 }
175
176 .form_settings input.checkbox {
177 margin-top:0;
178 margin-left:0;
179 }
180 .form_settings label.checkbox {
181 font-weight:normal;
182 margin-top:0;
183 margin-right:0;
184 margin-left:11px;
185 float:left;
186 width:90%;
187 }
188
189
190 #form_login p.form_guide,
191 #form_register #settings_rememberme p.form_guide,
192 #form_openid_login #settings_rememberme p.form_guide,
193 #settings_twitter_remove p.form_guide,
194 #form_search ul.form_data #q {
195 margin-left:0;
196 }
197
198 .form_settings .form_note {
199 border-radius:4px;
200 -moz-border-radius:4px;
201 -webkit-border-radius:4px;
202 padding:0 7px;
203 }
204
205
206 .form_settings input.form_action-primary {
207 padding:0;
208 }
209 .form_settings input.form_action-secondary {
210 margin-left:29px;
211 }
212
213 #form_search .submit {
214 margin-left:11px;
215 }
216
217 address {
218 float:left;
219 margin-bottom:18px;
220 margin-left:18px;
221 }
222 address.vcard img.logo {
223 margin-right:0;
224 }
225 address .fn {
226 font-weight:bold;
227 }
228 address img + .fn {
229 display:none;
230 }
231 address a {
232 text-decoration:none;
233 }
234 address .poweredby {
235 float:left;
236 clear:left;
237 display:block;
238 position:relative;
239 top:7px;
240 margin-right:-47px;
241 }
242
243 #header {
244 width:100%;
245 position:relative;
246 float:left;
247 padding-top:18px;
248 margin-bottom:11px;
249 z-index:1;
250 }
251
252 #site_nav_global_primary {
253 float:right;
254 margin-right:0;
255 margin-bottom:11px;
256 margin-left:18px;
257 padding-top:7px;
258 padding-bottom:7px;
259 padding-right:11px;
260 -moz-border-radius:4px;
261 border-radius:4px;
262 -webkit-border-radius:4px;
263 }
264 #site_nav_global_primary ul li {
265 display:inline;
266 margin-left:11px;
267 }
268 #site_nav_global_primary a {
269 text-decoration:none;
270 }
271
272 .system_notice dt {
273 font-weight:bold;
274 text-transform:uppercase;
275 display:none;
276 }
277
278 #site_notice {
279 position:absolute;
280 top:65px;
281 right:18px;
282 width:250px;
283 width:24%;
284 }
285 #page_notice {
286 clear:both;
287 margin-bottom:18px;
288 }
289
290
291 #anon_notice {
292 clear:both;
293 width:99.8%;
294 padding-top:36px;
295 line-height:1.5;
296 font-size:1.3em;
297 font-weight:bold;
298 }
299 #anon_notice p {
300 border-style:solid;
301 border-width:1px;
302 width:96%;
303 padding:2%;
304 }
305
306 #footer {
307 float:left;
308 margin-bottom:1em;
309 padding:7px;
310 -moz-border-radius:4px;
311 border-radius:4px;
312 -webkit-border-radius:4px;
313 }
314 #footer a {
315 text-decoration:none;
316 }
317
318 #site_nav_local_views {
319 width:203px;
320 float:right;
321 margin-right:0;
322 -moz-border-radius-topright:4px;
323 border-radius-topright:4px;
324 -webkit-border-top-right-radius:4px;
325 }
326 #site_nav_local_views dt {
327 display:none;
328 }
329 #site_nav_local_views li {
330 list-style-type:none;
331 padding:0;
332 border-width:1px;
333 border-style:solid;
334 border-top:0;
335 border-right:0;
336 }
337 #site_nav_local_views a {
338 text-decoration:none;
339 padding:13px;
340 border-width:1px;
341 border-style:solid;
342 border-bottom:0;
343 text-shadow: 2px 2px 2px #ddd;
344 font-weight:bold;
345 font-size:1em;
346 display:block;
347 }
348 #site_nav_local_views .nav {
349 float:left;
350 width:100%;
351 }
352
353 #site_nav_global_primary dt,
354 #site_nav_global_secondary dt {
355 display:none;
356 }
357
358 #site_nav_global_secondary {
359 margin-bottom:11px;
360 }
361
362 #site_nav_global_secondary ul li {
363 display:inline;
364 margin-right:11px;
365 }
366 #export_data li a {
367 padding-left:20px;
368 }
369 #export_data li a.foaf {
370 padding-left:30px;
371 }
372 #export_data li a.export_vcard {
373 padding-left:28px;
374 }
375
376 #export_data ul {
377 display:inline;
378 }
379 #export_data li {
380 list-style-type:none;
381 display:inline;
382 margin:0 18px 7px 0;
383 float:left;
384 }
385 #export_data li:first-child {
386 margin-left:0;
387 }
388
389 #licenses {
390 font-size:0.9em;
391 }
392
393 #licenses dt {
394 font-weight:bold;
395 display:none;
396 }
397 #licenses dd {
398 margin-bottom:11px;
399 line-height:1.5;
400 }
401
402 #site_content_license_cc {
403 margin-bottom:0;
404 }
405 #site_content_license_cc img {
406 display:inline;
407 vertical-align:top;
408 margin-right:4px;
409 }
410
411 #wrap {
412 margin:0 auto;
413 width: 763px;
414 min-width:760px;
415 max-width:1003px;
416 overflow:hidden;
417 }
418
419 #core {
420 position:relative;
421 width:100%;
422 float:left;
423 margin-bottom:1em;
424 padding-top:10px;
425 }
426
427 #content {
428 width:518px;
429 min-height:322px;
430 padding:20px;
431 float:left;
432 border-radius:4px;
433 -moz-border-radius:4px;
434 -webkit-border-radius:4px;
435 border-radius-topright:0;
436 -moz-border-radius-topright:0;
437 -webkit-border-top-right-radius:0;
438 border-style:solid;
439 border-width:1px;
440 }
441
442 #content_inner {
443 position:relative;
444 width:100%;
445 float:left;
446 }
447
448 #aside_primary {
449 width:182px;
450 min-height:259px;
451 float:left;
452 margin-left:0;
453 padding:10px;
454 border-width:1px;
455 border-style:solid;
456 border-right:0;
457 border-top:0;
458 }
459
460 #form_notice {
461 width:505px;
462 line-height:1;
463 position:absolute;
464 top:200px;
465 left:20px;
466 z-index:9;
467 }
468 #form_notice fieldset {
469 border:0;
470 padding:0 0 50px 0;
471 }
472 #form_notice legend {
473 display:none;
474 }
475 #form_notice textarea {
476 float:left;
477 width:505px;
478 height:45px;
479 line-height:1.5;
480 padding:5px;
481 border-width:1px;
482 }
483 #form_notice label {
484 display:block;
485 float:left;
486 font-size:1.3em;
487 margin-bottom:7px;
488 }
489 #form_notice #notice_submit label {
490 display:none;
491 }
492 #form_notice label[for=notice_data-attach],
493 #form_notice #notice_data-attach {
494 position:absolute;
495 top:87px;
496 cursor:pointer;
497 }
498 #form_notice label[for=notice_data-attach] {
499 text-indent:-9999px;
500 left:72%;
501 width:16px;
502 height:16px;
503 }
504 #form_notice #notice_data-attach {
505 left:18%;
506 padding:0;
507 height:16px;
508 }
509
510 #form_notice .form_note {
511 position:absolute;
512 top:-10px;
513 right:-10px;
514 z-index:9;
515 font-family:Georgia, serif;
516 font-size:1.7em;
517 }
518 #form_notice .form_note dt {
519 font-weight:bold;
520 display:none;
521 }
522 #notice_text-count {
523 font-weight:bold;
524 line-height:1.15;
525 padding:1px 2px;
526 }
527
528 #form_notice #notice_action-submit {
529 width:14%;
530 height:35px;
531 padding-top:0;
532 padding-bottom:0;
533 position:absolute;
534 bottom:10px;
535 right:-10px;
536 }
537 #form_notice label[for=to] {
538 margin-top:7px;
539 }
540 #form_notice select[id=to] {
541 margin-bottom:7px;
542 margin-left:18px;
543 float:left;
544 }
545 .form_notice .error,
546 .form_notice .success {
547 float:left;
548 clear:both;
549 width:81.5%;
550 margin-bottom:0;
551 line-height:1.618;
552 }
553 .form_notice #notice_data-attach_selected code,
554 .form_notice #notice_data-location_name {
555 float:left;
556 width:80%;
557 display:block;
558 overflow:auto;
559 margin-right:2.5%;
560 }
561 .form_notice #notice_data-attach_selected code {
562 font-size:1.1em;
563 }
564 .form_notice #notice_data-attach_selected button.close,
565 .form_notice #notice_data-geo_selected button.close {
566 float:right;
567 font-size:0.8em;
568 }
569
570 .form_notice #notice_data-geo_selected button.minimize {
571 float:left;
572 }
573
574 .form_notice #notice_data-location_wrap label {
575 position:absolute;
576 top:87px;
577 left:82%;
578 cursor:pointer;
579 width:16px;
580 height:16px;
581 display:block;
582 }
583 .form_notice #notice_data-location_wrap input {
584 display:none;
585 }
586 .form_notice #notice_data-location_wrap label {
587 font-weight:normal;
588 font-size:1em;
589 margin-bottom:0;
590 text-indent:-9999px;
591 }
592 .form_notice #notice_data-location_name {
593 display:block;
594 padding-left:21px;
595 }
596
597 button.close,
598 button.minimize {
599 width:16px;
600 height:16px;
601 text-indent:-9999px;
602 padding:0;
603 border:0;
604 text-align:center;
605 font-weight:bold;
606 cursor:pointer;
607 }
608
609 /* entity_profile */
610 .entity_profile {
611 position:relative;
612 width:67.702%;
613 min-height:123px;
614 float:left;
615 margin-bottom:18px;
616 margin-left:0;
617 overflow:hidden;
618 }
619 .entity_profile dt,
620 #entity_statistics dt {
621 font-weight:bold;
622 }
623 .entity_profile dd {
624 display:inline;
625 }
626
627 .entity_profile .entity_depiction {
628 float:left;
629 width:96px;
630 margin-right:18px;
631 margin-bottom:18px;
632 }
633
634 .entity_profile .entity_fn,
635 .entity_profile .entity_nickname,
636 .entity_profile .entity_location,
637 .entity_profile .entity_url,
638 .entity_profile .entity_note,
639 .entity_profile .entity_tags {
640 margin-left:113px;
641 margin-bottom:4px;
642 }
643
644 .entity_profile .entity_fn,
645 .entity_profile .entity_nickname {
646 margin-left:11px;
647 display:inline;
648 font-weight:bold;
649 }
650 .entity_profile .entity_nickname {
651 margin-left:0;
652 }
653
654 .entity_profile .entity_fn dd:before {
655 content: "(";
656 font-weight:normal;
657 }
658 .entity_profile .entity_fn dd:after {
659 content: ")";
660 font-weight:normal;
661 }
662
663 .entity_profile dt {
664 display:none;
665 }
666 .entity_profile h2 {
667 display:none;
668 }
669 /* entity_profile */
670
671
672 /*entity_actions*/
673 .entity_actions {
674 float:right;
675 margin-left:4.35%;
676 max-width:25%;
677 }
678 .entity_actions h2 {
679 display:none;
680 }
681 .entity_actions ul {
682 list-style-type:none;
683 }
684 .entity_actions li {
685 margin-bottom:4px;
686 }
687 .entity_actions li:first-child {
688 border-top:0;
689 }
690 .entity_actions fieldset {
691 border:0;
692 padding:0;
693 }
694 .entity_actions legend {
695 display:none;
696 }
697
698 .entity_actions input.submit {
699 display:block;
700 text-align:left;
701 width:100%;
702 }
703 .entity_actions a,
704 .entity_nudge p,
705 .entity_remote_subscribe {
706 text-decoration:none;
707 font-weight:bold;
708 display:block;
709 }
710
711 .form_user_block input.submit,
712 .form_user_unblock input.submit,
713 .entity_send-a-message a,
714 .entity_edit a,
715 .form_user_nudge input.submit,
716 .entity_nudge p {
717 border:0;
718 padding-left:20px;
719 }
720
721 .entity_edit a,
722 .entity_send-a-message a,
723 .entity_nudge p {
724 padding:4px 4px 4px 23px;
725 }
726
727 .entity_remote_subscribe {
728 padding:4px;
729 border-width:2px;
730 border-style:solid;
731 border-radius:4px;
732 -moz-border-radius:4px;
733 -webkit-border-radius:4px;
734 }
735 .entity_actions .accept {
736 margin-bottom:18px;
737 }
738
739 .entity_tags ul {
740 list-style-type:none;
741 display:inline;
742 }
743 .entity_tags li {
744 display:inline;
745 margin-right:4px;
746 }
747
748 .aside .section {
749 margin-bottom:18px;
750 clear:both;
751 float:left;
752 width:100%;
753 }
754 .aside .section h2 {
755 font-size:110%;
756 text-transform:none;
757 }
758
759 #entity_statistics dt,
760 #entity_statistics dd {
761 display:inline;
762 }
763 #entity_statistics dt:after {
764 content: ":";
765 }
766
767 .section ul.entities {
768 float:left;
769 width:100%;
770 }
771 .section .entities li {
772 list-style-type:none;
773 float:left;
774 margin-right:7px;
775 margin-bottom:7px;
776 }
777 .section .entities li .photo {
778 margin-right:0;
779 margin-bottom:0;
780 }
781 .section .entities li .fn {
782 display:none;
783 }
784
785 .aside .section p,
786 .aside .section .more {
787 clear:both;
788 }
789
790 .profile .entity_profile {
791 margin-bottom:0;
792 min-height:60px;
793 }
794
795
796 .profile .form_group_join legend,
797 .profile .form_group_leave legend,
798 .profile .form_user_subscribe legend,
799 .profile .form_user_unsubscribe legend {
800 display:none;
801 }
802
803 .profiles {
804 list-style-type:none;
805 }
806 .profile .entity_profile .entity_location {
807 width:auto;
808 clear:none;
809 margin-left:11px;
810 }
811 .profile .entity_profile dl,
812 .profile .entity_profile dd {
813 display:inline;
814 float:none;
815 }
816 .profile .entity_profile .entity_note,
817 .profile .entity_profile .entity_url,
818 .profile .entity_profile .entity_tags,
819 .profile .entity_profile .form_subscription_edit {
820 margin-left:59px;
821 clear:none;
822 display:block;
823 width:auto;
824 }
825 .profile .entity_profile .entity_tags dt {
826 display:inline;
827 margin-right:11px;
828 }
829
830
831 .profile .entity_profile .form_subscription_edit label {
832 font-weight:normal;
833 margin-right:11px;
834 }
835
836
837 /* NOTICE */
838 .notice,
839 .profile {
840 position:relative;
841 padding-top:11px;
842 padding-bottom:11px;
843 clear:both;
844 float:left;
845 width:100%;
846 border-top-width:1px;
847 border-top-style:dotted;
848 }
849 .notices li {
850 list-style-type:none;
851 line-height:1.1;
852 min-height:47px;
853 }
854 .notices .notices {
855 margin-top:7px;
856 margin-left:2%;
857 width:98%;
858 float:left;
859 }
860
861 /* NOTICES */
862 #notices_primary {
863 float:left;
864 width:100%;
865 border-radius:7px;
866 -moz-border-radius:7px;
867 -webkit-border-radius:7px;
868 }
869 #notices_primary h2 {
870 display:none;
871 }
872 .notice-data a span {
873 display:block;
874 padding-left:28px;
875 }
876
877 .notice .author {
878 margin-right:11px;
879 }
880
881 .fn {
882 overflow:hidden;
883 }
884
885 .notice .author .fn {
886 font-weight:bold;
887 }
888
889 .notice .author .photo {
890 margin-bottom:0;
891 }
892
893 .vcard .photo {
894 display:inline;
895 margin-right:11px;
896 margin-bottom:11px;
897 float:left;
898 }
899 .vcard .url {
900 text-decoration:none;
901 }
902 .vcard .url:hover {
903 text-decoration:underline;
904 }
905
906 .notice .entry-title {
907 float:left;
908 width:100%;
909 overflow:hidden;
910 }
911 .notice .entry-title.ov {
912 overflow:visible;
913 }
914 #shownotice .notice .entry-title {
915 font-size:2.2em;
916 }
917
918 .notice p.entry-content {
919 display:inline;
920 }
921
922 #content .notice p.entry-content a:visited {
923 border-radius:4px;
924 -moz-border-radius:4px;
925 -webkit-border-radius:4px;
926 }
927 .notice p.entry-content .vcard a {
928 border-radius:4px;
929 -moz-border-radius:4px;
930 -webkit-border-radius:4px;
931 }
932
933 .notice div.entry-content {
934 clear:left;
935 float:left;
936 font-size:0.95em;
937 margin-left:59px;
938 min-width:60%;
939 max-width:66%;
940 }
941 #showstream .notice div.entry-content,
942 #shownotice .notice div.entry-content {
943 margin-left:0;
944 max-width:79%;
945 }
946
947 .notice .notice-options a,
948 .notice .notice-options input {
949 float:left;
950 font-size:1.025em;
951 }
952
953 .notice div.entry-content .timestamp {
954 display:inline-block;
955 }
956
957 .entry-content .repeat {
958 display:block;
959 }
960 .entry-content .repeat .photo {
961 float:none;
962 margin-right:1px;
963 position:relative;
964 top:4px;
965 left:0;
966 }
967
968 .dialogbox {
969 position:absolute;
970 top:-4px;
971 right:29px;
972 z-index:9;
973 min-width:199px;
974 float:none;
975 background-color:#FFF;
976 padding:11px;
977 border-radius:7px;
978 -moz-border-radius:7px;
979 -webkit-border-radius:7px;
980 border-style:solid;
981 border-width:1px;
982 border-color:#DDDDDD;
983 -moz-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
984 }
985
986 .dialogbox legend {
987 display:block !important;
988 margin-right:18px;
989 }
990
991 .dialogbox button.close {
992 position:absolute;
993 right:3px;
994 top:3px;
995 }
996
997 .dialogbox .submit_dialogbox {
998 text-indent:0;
999 font-weight:bold;
1000 }
1001
1002 .notice-options {
1003 position:relative;
1004 font-size:0.95em;
1005 width:113px;
1006 float:right;
1007 margin-right:4px;
1008 }
1009
1010 .notice-options a {
1011 float:left;
1012 }
1013 .notice-options .notice_reply,
1014 .notice-options .form_repeat,
1015 .notice-options .form_favor,
1016 .notice-options .form_disfavor,
1017 .notice-options .repeated {
1018 float:left;
1019 margin-left:14.2%;
1020 }
1021 .notice-options .form_favor,
1022 .notice-options .form_disfavor {
1023 margin-left:0;
1024 }
1025 .notice-options input,
1026 .notice-options a,
1027 .notice-options .repeated {
1028 text-indent:-9999px;
1029 outline:none;
1030 }
1031 .notice-options input.submit {
1032 display:block;
1033 border:0;
1034 }
1035 .notice-options .notice_reply,
1036 .notice-options .notice_delete {
1037 text-decoration:none;
1038 }
1039 .notice .notice-options .notice_delete {
1040 float:right;
1041 }
1042 .notice-options form input.submit {
1043 width:16px;
1044 height:16px;
1045 padding:0;
1046 border-radius:0;
1047 -moz-border-radius:0;
1048 -webkit-border-radius:0;
1049 }
1050 .notice-options .form_repeat legend,
1051 .notice-options .form_favor legend,
1052 .notice-options .form_disfavor legend {
1053 display:none;
1054 }
1055 .notice-options .form_repeat fieldset,
1056 .notice-options .form_favor fieldset,
1057 .notice-options .form_disfavor fieldset {
1058 border:0;
1059 padding:0;
1060 }
1061 .notice-options a,
1062 .notice-options .repeated {
1063 width:16px;
1064 height:16px;
1065 }
1066
1067 .notice .attachment {
1068 position:relative;
1069 padding-left:16px;
1070 }
1071 #attachments .attachment {
1072 padding-left:0;
1073 }
1074 .notice .attachment img {
1075 position:absolute;
1076 top:18px;
1077 left:0;
1078 z-index:99;
1079 }
1080 #shownotice .notice .attachment img {
1081 position:static;
1082 }
1083
1084 #attachments {
1085 clear:both;
1086 float:left;
1087 width:100%;
1088 margin-top:18px;
1089 }
1090 #attachments dt {
1091 font-weight:bold;
1092 font-size:1.3em;
1093 margin-bottom:4px;
1094 }
1095
1096 #attachments ol li {
1097 margin-bottom:18px;
1098 list-style-type:decimal;
1099 float:left;
1100 clear:both;
1101 }
1102
1103 #jOverlayContent,
1104 #jOverlayContent #content,
1105 #jOverlayContent #content_inner {
1106 width: auto !important;
1107 margin-bottom:0;
1108 }
1109 #jOverlayContent #content {
1110 padding:11px;
1111 min-height:auto;
1112 }
1113 #jOverlayContent .external span {
1114 display:block;
1115 margin-bottom:11px;
1116 }
1117 #jOverlayContent button {
1118 position:absolute;
1119 top:0;
1120 right:0;
1121 width:29px;
1122 height:29px;
1123 text-align:center;
1124 font-weight:bold;
1125 padding:0;
1126 }
1127 #jOverlayContent h1 {
1128 max-width:425px;
1129 }
1130 #jOverlayContent #content {
1131 border-radius:7px;
1132 -moz-border-radius:7px;
1133 -webkit-border-radius:7px;
1134 }
1135 #jOverlayLoading {
1136 top:5%;
1137 left:40%;
1138 }
1139 #attachment_view img {
1140 max-width:480px;
1141 max-height:480px;
1142 }
1143 #attachment_view #oembed_info {
1144 margin-top:11px;
1145 }
1146 #attachment_view #oembed_info dt,
1147 #attachment_view #oembed_info dd {
1148 float:left;
1149 }
1150 #attachment_view #oembed_info dt {
1151 clear:left;
1152 margin-right:11px;
1153 font-weight:bold;
1154 }
1155 #attachment_view #oembed_info dt:after {
1156 content: ":";
1157 }
1158
1159 #usergroups #new_group {
1160 float: left;
1161 margin-right: 2em;
1162 }
1163 #new_group, #group_search {
1164 margin-bottom:18px;
1165 }
1166 #new_group a {
1167 padding-left:20px;
1168 }
1169
1170
1171 #filter_tags {
1172 margin-bottom:11px;
1173 float:left;
1174 }
1175 #filter_tags dt {
1176 display:none;
1177 }
1178 #filter_tags ul {
1179 list-style-type:none;
1180 }
1181 #filter_tags ul li {
1182 float:left;
1183 margin-left:7px;
1184 padding-left:7px;
1185 border-left-width:1px;
1186 border-left-style:solid;
1187 }
1188 #filter_tags ul li.child_1 {
1189 margin-left:0;
1190 border-left:0;
1191 padding-left:0;
1192 }
1193 #filter_tags ul li#filter_tags_all a {
1194 font-weight:bold;
1195 margin-top:7px;
1196 float:left;
1197 }
1198
1199 #filter_tags ul li#filter_tags_item label {
1200 margin-right:7px;
1201 }
1202 #filter_tags ul li#filter_tags_item label,
1203 #filter_tags ul li#filter_tags_item select {
1204 display:inline;
1205 }
1206 #filter_tags ul li#filter_tags_item p {
1207 float:left;
1208 margin-left:38px;
1209 }
1210 #filter_tags ul li#filter_tags_item input {
1211 position:relative;
1212 top:3px;
1213 left:3px;
1214 }
1215
1216
1217
1218 .pagination {
1219 float:left;
1220 clear:both;
1221 width:100%;
1222 margin-top:18px;
1223 }
1224
1225 .pagination dt {
1226 font-weight:bold;
1227 display:none;
1228 }
1229
1230 .pagination .nav {
1231 float:left;
1232 width:100%;
1233 list-style-type:none;
1234 }
1235
1236 .pagination .nav_prev {
1237 float:left;
1238 }
1239 .pagination .nav_next {
1240 float:right;
1241 }
1242
1243 .pagination a {
1244 display:block;
1245 text-decoration:none;
1246 font-weight:bold;
1247 padding:7px;
1248 border-width:1px;
1249 border-style:solid;
1250 -moz-border-radius:7px;
1251 -webkit-border-radius:7px;
1252 border-radius:7px;
1253 }
1254
1255 .pagination .nav_prev a {
1256 padding-left:30px;
1257 }
1258 .pagination .nav_next a {
1259 padding-right:30px;
1260 }
1261 /* END: NOTICE */
1262
1263
1264 .hentry .entry-content p {
1265 margin-bottom:18px;
1266 }
1267 .hentry entry-content ol,
1268 .hentry .entry-content ul {
1269 list-style-position:inside;
1270 }
1271 .hentry .entry-content li {
1272 margin-bottom:18px;
1273 }
1274 .hentry .entry-content li li {
1275 margin-left:18px;
1276 }
1277
1278
1279
1280
1281 /* TOP_POSTERS */
1282 .section tbody td {
1283 padding-right:11px;
1284 padding-bottom:11px;
1285 }
1286 .section .vcard .photo {
1287 margin-right:7px;
1288 margin-bottom:0;
1289 }
1290
1291 .section .notice {
1292 padding-top:7px;
1293 padding-bottom:7px;
1294 border-top:0;
1295 }
1296
1297 .section .notice:first-child {
1298 padding-top:0;
1299 }
1300
1301 .section .notice .author {
1302 margin-right:0;
1303 }
1304 .section .notice .author .fn {
1305 display:none;
1306 }
1307
1308
1309 /* tagcloud */
1310 .tag-cloud {
1311 list-style-type:none;
1312 text-align:center;
1313 }
1314 .aside .tag-cloud {
1315 font-size:0.8em;
1316 }
1317 .tag-cloud li {
1318 display:inline;
1319 margin-right:7px;
1320 line-height:1.25;
1321 }
1322 .aside .tag-cloud li {
1323 line-height:1.5;
1324 }
1325 .tag-cloud li a {
1326 text-decoration:none;
1327 }
1328 #tagcloud.section dt {
1329 text-transform:uppercase;
1330 font-weight:bold;
1331 }
1332 .tag-cloud-1 {
1333 font-size:1em;
1334 }
1335 .tag-cloud-2 {
1336 font-size:1.25em;
1337 }
1338 .tag-cloud-3 {
1339 font-size:1.75em;
1340 }
1341 .tag-cloud-4 {
1342 font-size:2em;
1343 }
1344 .tag-cloud-5 {
1345 font-size:2.25em;
1346 }
1347 .tag-cloud-6 {
1348 font-size:2.75em;
1349 }
1350 .tag-cloud-7 {
1351 font-size:3.25em;
1352 }
1353
1354 #publictagcloud #tagcloud.section dt {
1355 display:none;
1356 }
1357
1358 #form_settings_photo .form_data {
1359 clear:both;
1360 }
1361
1362 #form_settings_avatar li {
1363 width:auto;
1364 }
1365 #form_settings_avatar input {
1366 margin-left:0;
1367 }
1368 #avatar_original,
1369 #avatar_preview {
1370 float:left;
1371 }
1372 #avatar_preview {
1373 margin-left:29px;
1374 }
1375 #avatar_preview_view {
1376 height:96px;
1377 width:96px;
1378 margin-bottom:18px;
1379 overflow:hidden;
1380 }
1381
1382 #settings_attach,
1383 #form_settings_avatar .form_actions {
1384 clear:both;
1385 }
1386
1387 #form_settings_avatar .form_actions {
1388 margin-bottom:0;
1389 }
1390
1391 #settings_design_background-image img {
1392 max-width:480px;
1393 max-height:480px;
1394 }
1395
1396 #settings_design_color .form_data,
1397 #color-picker {
1398 float:left;
1399 }
1400 #settings_design_color .form_data {
1401 width:400px;
1402 margin-right:1%;
1403 }
1404
1405 #settings_design_color .form_data li {
1406 width:33%;
1407 }
1408 #settings_design_color .form_data label {
1409 float:none;
1410 display:block;
1411 }
1412 #settings_design_color .form_data .swatch {
1413 padding:11px;
1414 margin-left:0;
1415 width:auto;
1416 }
1417
1418 .instructions ul {
1419 list-style-position:inside;
1420 }
1421 .instructions p,
1422 .instructions ul {
1423 margin-bottom:18px;
1424 }
1425 .help dt {
1426 display:none;
1427 }
1428 .guide {
1429 clear:both;
1430 }
1431 #bookmarklet address {
1432 display:none;
1433 }
1434 #bookmarklet .form_notice {
1435 width:auto;
1436 }
1437 #bookmarklet #wrap {
1438 min-width:0;
1439 }
1440
1441 #public.user_in #content,
1442 #groups.user_in #content,
1443 #publictagcloud.user_in #content,
1444 #featured.user_in #content,
1445 #favorited.user_in #content,
1446 #all.user_in #content,
1447 #replies.user_in #content,
1448 #showstream.user_in #content,
1449 #showfavorites.user_in #content,
1450 #inbox.user_in #content,
1451 #outbox.user_in #content,
1452 #subscriptions.user_in #content,
1453 #subscribers.user_in #content,
1454 #showgroup.user_in #content,
1455 #conversation.user_in #content {
1456 padding-top:160px;
1457 }
1458
1459 #profilesettings #form_notice,
1460 #avatarsettings #form_notice,
1461 #passwordsettings #form_notice,
1462 #emailsettings #form_notice,
1463 #openidsettings #form_notice,
1464 #othersettings #form_notice,
1465 #smssettings #form_notice,
1466 #twittersettings #form_notice,
1467 #imsettings #form_notice,
1468 #userdesignsettings #form_notice,
1469 #groupdesignsettings #form_notice,
1470 #grouplogo #form_notice,
1471 #editgroup #form_notice,
1472 #blockedfromgroup #form_notice,
1473 #groupmembers #form_notice,
1474 #doc #form_notice,
1475 #usergroups #form_notice,
1476 #invite #form_notice,
1477 #deletenotice #form_notice,
1478 #newgroup #form_notice,
1479 #register #form_notice,
1480 #shownotice #form_notice,
1481 #confirmaddress #form_notice,
1482 #tag #form_notice {
1483 display:none;
1484 }
1485
1486 #jOverlayContent #core #content {
1487 padding-top:11px;
1488 }
1489 #jOverlayContent #core {
1490 background:none;
1491 padding-top:0;
1492 }
1493
1494
1495 html,
1496 body,
1497 a:active {
1498 background-color:#9AE4E8;
1499 }
1500 body {
1501 font-family:'Lucida Grande',sans-serif;
1502 background:#9AE4E8  url(../images/illustrations/illu_clouds-01.gif) 0 0 no-repeat;
1503 color:#333333;
1504 }
1505 #core {
1506 background:url(../images/illustrations/illu_arrow-up-01.gif) no-repeat 25px 0;
1507 }
1508
1509 input, textarea, select, option {
1510 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
1511 }
1512 input, textarea, select,
1513 .entity_remote_subscribe {
1514 border-color:#aaa;
1515 }
1516 #filter_tags ul li {
1517 border-color:#ddd;
1518 }
1519
1520 .form_settings input.form_action-primary {
1521 background:none;
1522 }
1523
1524
1525 .form_notice label[for=notice_data-attach],
1526 #export_data li a.rss,
1527 #export_data li a.atom,
1528 #export_data li a.foaf,
1529 .entity_edit a,
1530 .entity_send-a-message a,
1531 .entity_nudge p,
1532 .form_user_nudge input.submit,
1533 .form_user_block input.submit,
1534 .form_user_unblock input.submit,
1535 .form_group_block input.submit,
1536 .form_group_unblock input.submit,
1537 .form_make_admin input.submit,
1538 .notice .attachment,
1539 .notice-options .notice_reply,
1540 .notice-options form.form_favor input.submit,
1541 .notice-options form.form_disfavor input.submit,
1542 .notice-options .notice_delete,
1543 .notice-options form.form_repeat input.submit,
1544 #new_group a,
1545 .pagination .nav_prev a,
1546 .pagination .nav_next a,
1547 button.close,
1548 .form_group_leave input.submit,
1549 .form_user_unsubscribe input.submit,
1550 .form_group_join input.submit,
1551 .form_user_subscribe input.submit,
1552 .entity_subscribe a,
1553 .entity_moderation p,
1554 .entity_sandbox input.submit,
1555 .entity_silence input.submit,
1556 .entity_delete input.submit,
1557 .notice-options .repeated,
1558 .form_notice a#notice_data-location_name,
1559 .form_notice label[for=notice_data-geo],
1560 button.minimize {
1561 background-image:url(../../base/images/icons/icons-01.gif);
1562 background-repeat:no-repeat;
1563 background-color:transparent;
1564 }
1565
1566 #wrap form.processing input.submit,
1567 .entity_actions a.processing {
1568 background:#FFFFFF url(../../base/images/icons/icon_processing.gif) no-repeat 47% 47%;
1569 cursor:wait;
1570 text-indent:-9999px;
1571 outline:none;
1572 }
1573 .processing {
1574 background-image:url(../../base/images/icons/icon_processing.gif);
1575 background-repeat:no-repeat;
1576 background-position:47% 47%;
1577 }
1578
1579 button.close {
1580 background-position:0 -1120px;
1581 }
1582 button.minimize {
1583 background-position:0 -1912px;
1584 }
1585
1586 input.submit,
1587 #form_notice.warning #notice_text-count,
1588 #nav_register a,
1589 .form_settings .form_note,
1590 .entity_remote_subscribe {
1591 background-color:#9BB43E;
1592 }
1593
1594 input:focus, textarea:focus, select:focus,
1595 #form_notice.warning #notice_data-text {
1596 border-color:#9BB43E;
1597 }
1598 input.submit,
1599 #nav_register a,
1600 .entity_remote_subscribe {
1601 color:#fff;
1602 }
1603
1604 a,
1605 div.notice-options input,
1606 .form_user_block input.submit,
1607 .form_user_unblock input.submit,
1608 .entity_send-a-message a,
1609 .form_user_nudge input.submit,
1610 .entity_nudge p,
1611 .form_settings input.form_action-primary {
1612 color:#0084B4;
1613 }
1614 .notice,
1615 .profile {
1616 border-top-color:#CEE1E9;
1617 }
1618 .notice,
1619 .profile {
1620 border-top-color:#DDFFCC;
1621 }
1622 .section .profile {
1623 border-top-color:#87B4C8;
1624 }
1625 .mark-top {
1626 border-color:#AAAAAA;
1627 }
1628
1629 .form_notice span#notice_data-location_name {
1630 background-position:0 47%;
1631 }
1632 .form_notice a#notice_data-location_name {
1633 background-position:0 -1711px;
1634 }
1635 .form_notice label[for=notice_data-geo] {
1636 background-position:0 -1780px;
1637 }
1638 .form_notice label[for=notice_data-geo].checked {
1639 background-position:0 -1846px;
1640 }
1641
1642
1643
1644
1645
1646 #aside_primary {
1647 background-color:#DDFFCC;
1648 }
1649
1650 #notice_text-count {
1651 color:#000000;
1652 }
1653 #form_notice.warning #notice_text-count {
1654 color:#000000;
1655 }
1656 #form_notice label[for=notice_data-attach] {
1657 background:transparent url(../../base/images/icons/twotone/green/clip-01.gif) no-repeat 0 45%;
1658 }
1659 #form_notice #notice_data-attach {
1660 opacity:0;
1661 }
1662
1663 #form_notice.processing #notice_action-submit {
1664 background:#fff url(../../base/images/icons/icon_processing.gif) no-repeat 47% 47%;
1665 cursor:wait;
1666 text-indent:-9999px;
1667 }
1668
1669 #content,
1670 #site_nav_local_views a,
1671 #aside_primary {
1672 border-color:#fff;
1673 }
1674 #content,
1675 #site_nav_local_views .current a {
1676 background-color:#fff;
1677 }
1678
1679 #site_nav_local_views a {
1680 background-color:rgba(135, 180, 200, 0.3);
1681 }
1682 #site_nav_local_views a:hover {
1683 background-color:rgba(255, 255, 255, 0.7);
1684 }
1685
1686
1687 .error {
1688 background-color:#F7E8E8;
1689 }
1690 .success {
1691 background-color:#EFF3DC;
1692 }
1693
1694
1695 #anon_notice {
1696 background-color:#FEFFDF;
1697 color:#333;
1698 border-color:#fff;
1699 }
1700
1701 #showstream #anon_notice {
1702 background-color:#FEFFDF;
1703 }
1704
1705
1706 #export_data li a {
1707 background-repeat:no-repeat;
1708 background-position:0 45%;
1709 }
1710 #export_data li a.rss {
1711 background-position:0 -130px;
1712 }
1713 #export_data li a.atom {
1714 background-position:0 -64px;
1715 }
1716 #export_data li a.foaf {
1717 background-position:0 1px;
1718 }
1719
1720 .form_group_leave input.submit,
1721 .form_user_unsubscribe input.submit {
1722 background-position:5px -1246px;
1723 }
1724 .form_group_join input.submit,
1725 .form_user_subscribe input.submit,
1726 .entity_subscribe a {
1727 background-position:5px -1181px;
1728 }
1729
1730 .entity_edit a {
1731 background-position: 5px -718px;
1732 }
1733 .entity_send-a-message a {
1734 background-position: 5px -852px;
1735 }
1736 .entity_send-a-message .form_notice,
1737 .entity_moderation:hover ul {
1738 box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
1739 -moz-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
1740 -webkit-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
1741 }
1742
1743 .entity_nudge p,
1744 .form_user_nudge input.submit {
1745 background-position: 5px -785px;
1746 }
1747 .form_user_block input.submit,
1748 .form_user_unblock input.submit,
1749 .form_group_block input.submit,
1750 .form_group_unblock input.submit {
1751 background-position: 5px -918px;
1752 }
1753 .form_make_admin input.submit {
1754 background-position: 5px -983px;
1755 }
1756 .entity_moderation p {
1757 background-position: 5px -1313px;
1758 }
1759 .entity_sandbox input.submit {
1760 background-position: 5px -1380px;
1761 }
1762 .entity_silence input.submit {
1763 background-position: 5px -1445px;
1764 }
1765 .entity_delete input.submit {
1766 background-position: 5px -1511px;
1767 }
1768
1769
1770
1771 /* NOTICES */
1772 .notice .attachment {
1773 background-position:0 -394px;
1774 }
1775 #attachments .attachment {
1776 background:none;
1777 }
1778 .notice-options .notice_reply {
1779 background-position:0 -592px;
1780 }
1781 .notice-options form.form_favor input.submit {
1782 background-position:0 -460px;
1783 }
1784 .notice-options form.form_disfavor input.submit {
1785 background-position:0 -526px;
1786 }
1787 .notice-options .notice_delete {
1788 background-position:0 -658px;
1789 }
1790 .notice-options form.form_repeat input.submit {
1791 background-position:0 -1582px;
1792 }
1793 .notice-options .repeated {
1794 background-position:0 -1648px;
1795 }
1796
1797 .notices div.entry-content,
1798 .notices div.notice-options {
1799 opacity:0.4;
1800 }
1801 .notices li:hover div.entry-content,
1802 .notices li:hover div.notice-options {
1803 opacity:1;
1804 }
1805 .opaque {
1806 opacity:1 !important;
1807 }
1808 .notices .notices {
1809 background-color:rgba(200, 200, 200, 0.050);
1810 }
1811 .notices .notices .notices {
1812 background-color:rgba(200, 200, 200, 0.100);
1813 }
1814 .notices .notices .notices .notices {
1815 background-color:rgba(200, 200, 200, 0.150);
1816 }
1817 .notices .notices .notices .notices .notices {
1818 background-color:rgba(200, 200, 200, 0.300);
1819 }
1820 .notice-options a,
1821 .notice-options input {
1822 font-family:sans-serif;
1823 box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
1824 -moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
1825 -webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
1826 }
1827 #content .notices li:hover {
1828 background-color:rgba(240, 240, 240, 0.2);
1829 }
1830 #conversation .notices li:hover {
1831 background-color:transparent;
1832 }
1833
1834 div.entry-content {
1835 color:#333;
1836 }
1837 div.notice-options a,
1838 div.notice-options input {
1839 font-family:sans-serif;
1840 }
1841 #content .notices li:hover {
1842 background-color:rgba(240, 240, 240, 0.2);
1843 }
1844 #conversation .notices li:hover {
1845 background-color:transparent;
1846 }
1847 /*END: NOTICES */
1848
1849
1850 #new_group a {
1851 background-position:0 -1054px;
1852 }
1853
1854 .pagination .nav_prev a,
1855 .pagination .nav_next a {
1856 background-repeat:no-repeat;
1857 box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
1858 -moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
1859 -webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
1860 }
1861 .pagination .nav_prev a {
1862 background-position:10% -187px;
1863 }
1864 .pagination .nav_next a {
1865 background-position:105% -252px;
1866 }
1867 .pagination .nav .processing {
1868 background-image:url(../../base/images/icons/icon_processing.gif);
1869 box-shadow:none;
1870 -moz-box-shadow:none;
1871 -webkit-box-shadow:none;
1872 outline:none;
1873 }
1874 .pagination .nav_next a.processing {
1875 background-position:90% 47%;
1876 }
1877 .pagination .nav_prev a.processing {
1878 background-position:10% 47%;
1879 }
1880
1881
1882 /*--------------------------------------*/
1883
1884 #anon_notice {
1885 background:url(../images/illustrations/illu_unicorn-01.png) no-repeat 0 0;
1886 }
1887 #showstream #anon_notice,
1888 #content .notice p.entry-content a:visited,
1889 content .notice p.entry-content .vcard a {
1890 background-color:transparent;
1891 }
1892
1893 #anon_notice p {
1894 background-color:#FEFFDF;
1895 border-color:#FFFF00;
1896 }
1897
1898
1899 #form_notice .form_note {
1900 color:#CCC;
1901 }
1902 input.submit {
1903 background-color:#eee;
1904 color:#666;
1905 }
1906
1907 .notices li.hover {
1908 background-color:#F7F7F7;
1909 }
1910
1911
1912 .notice div.entry-content,
1913 .notice div.entry-content a {
1914 color:#999;
1915 }
1916
1917 .notices div.entry-content,
1918 .notices div.notice-options {
1919 opacity:1;
1920 }
1921
1922 #site_nav_local_views {
1923 background-color:#DDFFCC;
1924 }
1925 #site_nav_local_views li,
1926 #aside_primary {
1927 border-color:#BDDCAD;
1928 }
1929 #site_nav_local_views a,
1930 .aside .section h2 {
1931 background-color:transparent;
1932 border-color:transparent;
1933 color:#4C4C4C;
1934 }
1935 #site_nav_local_views .current {
1936 border-left-color:#fff;
1937 }
1938
1939 #site_nav_local_views .current a,
1940 #site_nav_global_primary,
1941 #footer {
1942 background-color:#fff;
1943 }
1944