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