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