]> git.mxchange.org Git - quix0rs-gnu-social.git/blob - theme/base/css/display.css
styling for people tag UI
[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[for=notice_data-attach],
613 .form_notice #notice_data-attach {
614 position:absolute;
615 top:25px;
616 right:10.5%;
617 cursor:pointer;
618 }
619 .form_notice label[for=notice_data-attach] {
620 text-indent:-9999px;
621 width:16px;
622 height:16px;
623 }
624 .form_notice #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 float:left;
663 clear:both;
664 width:81.5%;
665 margin-bottom:0;
666 line-height:1.618;
667 }
668 .form_notice .attach-status code {
669 float:left;
670 width:80%;
671 display:block;
672 overflow:auto;
673 margin-right:2.5%;
674 font-size:1.1em;
675 }
676 .form_notice .attach-status button.close {
677 float:right;
678 font-size:0.8em;
679 }
680
681 .form_notice .notice_data-geo_wrap label,
682 .form_notice .notice_data-geo_wrap input {
683 position:absolute;
684 top:25px;
685 right:4px;
686 left:auto;
687 cursor:pointer;
688 width:16px;
689 height:16px;
690 display:block;
691 }
692 .form_notice .notice_data-geo_wrap input {
693 visibility:hidden;
694 }
695 .form_notice .notice_data-geo_wrap label {
696 font-weight:normal;
697 font-size:1em;
698 margin-bottom:0;
699 text-indent:-9999px;
700 }
701
702 button.close,
703 button.minimize {
704 width:16px;
705 height:16px;
706 text-indent:-9999px;
707 padding:0;
708 border:0;
709 text-align:center;
710 font-weight:bold;
711 cursor:pointer;
712 }
713
714 /* entity_profile */
715 .entity_profile {
716 position:relative;
717 width:73%;
718 min-height:123px;
719 float:left;
720 margin-bottom:18px;
721 margin-left:0;
722 overflow:visible;
723 }
724 .entity_profile dt,
725 #entity_statistics dt {
726 font-weight:bold;
727 }
728 .entity_profile dd {
729 display:inline;
730 }
731
732 .entity_profile .entity_depiction {
733 float:left;
734 width:96px;
735 margin-right:18px;
736 margin-bottom:18px;
737 }
738
739 .entity_profile .entity_fn,
740 .entity_profile .entity_nickname,
741 .entity_profile .entity_location,
742 .entity_profile .entity_url,
743 .entity_profile .entity_note,
744 .entity_profile .entity_tags,
745 .entity_profile .entity_aliases,
746 .entity_profile .entity_statistics {
747 margin-left:113px;
748 margin-bottom:4px;
749 }
750 .entity_tags p.error {
751 clear:both;
752 }
753
754 .peopletags_edit_button {
755 cursor:pointer;
756 border:0;
757 padding:0;
758 width:16px;
759 height:16px;
760 }
761
762 .entity_profile .entity_fn,
763 .entity_profile .entity_nickname {
764 margin-left:11px;
765 display:inline;
766 }
767 .entity_profile .entity_nickname {
768 margin-left:0;
769 }
770 .entity_profile .fn,
771 .entity_profile .nickname {
772 font-size:1.1em;
773 font-weight:bold;
774 }
775 .entity_profile .fn:before {
776 content: "(";
777 font-weight:normal;
778 }
779 .entity_profile .fn:after {
780 content: ")";
781 font-weight:normal;
782 }
783 .entity_profile .nickname:after,
784 .entity_profile .nickname:before {
785 content:"";
786 }
787 .entity_profile dt,
788 .entity_profile h2 {
789 display:none;
790 }
791 .entity_profile .role {
792 margin-left:11px;
793 font-style:italic;
794 }
795 /* entity_profile */
796
797 /*entity_actions*/
798 .entity_actions {
799 float:right;
800 margin-left:2%;
801 min-width:21%;
802 }
803 .entity_actions h2 {
804 display:none;
805 }
806 .entity_actions ul {
807 list-style-type:none;
808 }
809 .entity_actions li {
810 margin-bottom:7px;
811 }
812 .entity_actions li:first-child {
813 border-top:0;
814 }
815 .entity_actions fieldset {
816 border:0;
817 padding:0;
818 }
819 .entity_actions legend {
820 display:none;
821 }
822
823 .entity_actions input.submit {
824 display:block;
825 text-align:left;
826 width:100%;
827 }
828 .entity_actions a {
829 text-decoration:none;
830 font-weight:bold;
831 display:block;
832 }
833 .entity_actions a,
834 .entity_actions input {
835 border-radius:4px;
836 -moz-border-radius:4px;
837 -webkit-border-radius:4px;
838 }
839
840 .entity_actions a,
841 .entity_actions input,
842 .entity_actions p {
843 border-width:2px;
844 border-style:solid;
845 padding-left:23px;
846 }
847
848 .entity_actions a,
849 .entity_actions p {
850 padding:2px 4px 1px 26px;
851 }
852
853 .entity_actions .accept {
854 margin-bottom:18px;
855 }
856
857 .entity_send-a-message button {
858 position:absolute;
859 top:3px;
860 right:3px;
861 }
862
863 .entity_send-a-message .form_notice {
864 position:absolute;
865 top:34px;
866 right:-1px;
867 padding:1.795%;
868 width:65%;
869 z-index:2;
870  border-radius:7px;
871 -moz-border-radius:7px;
872 -webkit-border-radius:7px;
873 border-width:1px;
874 border-style:solid;
875 }
876 .entity_send-a-message .form_notice legend {
877 display:block;
878 margin-bottom:11px;
879 }
880
881 .entity_send-a-message .form_notice label,
882 .entity_send-a-message .form_notice select {
883 display:none;
884 }
885 .entity_send-a-message .form_notice input.submit {
886 text-align:center;
887 }
888
889 .entity_moderation,
890 .entity_role {
891 position:relative;
892 }
893 .entity_moderation p,
894 .entity_role p {
895 border-radius:4px;
896 -moz-border-radius:4px;
897 -webkit-border-radius:4px;
898 font-weight:bold;
899 padding-bottom:2px;
900 margin-bottom:7px;
901 }
902 .entity_moderation ul,
903 .entity_role ul {
904 display:none;
905 }
906 .entity_moderation:hover ul,
907 .entity_role:hover ul {
908 display:block;
909 width:110%;
910 padding:11px;
911 position:absolute;
912 top:-1px;
913 right:-1px;
914 z-index:1;
915 border-width:1px;
916 border-style:solid;
917 border-radius:7px;
918 -moz-border-radius:7px;
919 -webkit-border-radius:7px;
920 }
921
922 .entity_tags ul {
923 list-style-type:none;
924 display:inline;
925 }
926 .entity_tags li {
927 display:inline;
928 margin-right:7px;
929 }
930 .entity_tags li:before {
931 content:'\0009';
932 }
933
934 .aside .section {
935 margin-bottom:29px;
936 clear:both;
937 float:left;
938 width:100%;
939 list-style-position:inside;
940 }
941 .aside .section h2 {
942 text-transform:uppercase;
943 font-size:1em;
944 }
945
946 #entity_statistics dt {
947 margin-right:11px;
948 }
949 #entity_statistics dd {
950 display:inline;
951 margin-right:11px;
952 }
953 #entity_statistics dt:after {
954 content: ":";
955 }
956
957 .section ul.entities {
958 float:left;
959 width:100%;
960 }
961 .section .entities li {
962 list-style-type:none;
963 float:left;
964 margin-right:7px;
965 margin-bottom:7px;
966 display:inline;
967 }
968 .section .entities li .photo {
969 margin-right:0;
970 margin-bottom:0;
971 }
972 .section .entities li .fn {
973 display:none;
974 }
975
976 .aside .section p,
977 .aside .section .more {
978 clear:both;
979 }
980
981 .profile .entity_profile {
982 margin-bottom:0;
983 min-height:60px;
984 }
985
986 .profile .form_group_join legend,
987 .profile .form_group_leave legend,
988 .profile .form_user_subscribe legend,
989 .profile .form_user_unsubscribe legend,
990 .form_user_add_peopletag legend,
991 .form_user_remove_peopletag legend {
992 display:none;
993 }
994 .profile_search_wrap h3 {
995 float:left;
996 font-weight:normal;
997 margin-right:10px;
998 }
999 .profiles {
1000 list-style-type:none;
1001 }
1002 .peopletag .entry-content {
1003 width:auto;
1004 }
1005 .peopletag .tagged-count a:after,
1006 .peopletag .subscriber-count a:after {
1007 content: ':';
1008 }
1009 .peopletag .updated {
1010 display:none;
1011 }
1012 .peopletag .tag a{
1013 font-weight: bold;
1014 text-decoration: none;
1015 }
1016 .peopletag .tag:before {
1017 /* raquo */
1018 content: "\00BB";
1019 }
1020 .peopletag .entity_statistics {
1021 font-size:80%;
1022 }
1023 .peopletag .entity_statistics a {
1024 text-decoration:none;
1025 }
1026
1027 .profile-lister {
1028 list-style-type:none;
1029 }
1030 .profile-lister li {
1031 min-height:30px;
1032 padding:5px;
1033 clear:both;
1034 }
1035 .profile-lister li a {
1036 text-decoration:none;
1037 }
1038 .profile-lister li .photo {
1039 display:inline;
1040 margin-right:7px;
1041 margin-bottom:-5px;
1042 }
1043 .profile-lister li .fn {
1044 font-weight:bold;
1045 }
1046 #profile_search_results {
1047 border-radius:4px;
1048 -moz-border-radius:4px;
1049 -webkit-border-radius:4px;
1050 }
1051 .form_peopletag_edit_user_search legend,
1052 .form_peopletag_edit_user_search label,
1053 .form_peopletag_edit_user_search .form_guide {
1054 display:none;
1055 }
1056 .form_peopletag_edit_user_search #field {
1057 height:30px;
1058 }
1059 .form_peopletag_edit_user_search .submit {
1060 width:60px;
1061 }
1062 .form_user_remove_peopletag,
1063 .form_user_add_peopletag {
1064 float:right;
1065 }
1066 .form_user_add_peopletag input.submit,
1067 .form_user_remove_peopletag input.submit {
1068 width:100px;
1069 padding-left:25px;
1070 text-align:left;
1071 }
1072 .profile .entity_profile .fn.nickname,
1073 .profile .entity_profile .url[rel~=contact] {
1074 margin-left:0;
1075 display:inline;
1076 }
1077
1078 .profile .entity_profile .fn,
1079 .profile .entity_profile .label {
1080 margin-left:11px;
1081 margin-bottom:4px;
1082 width:auto;
1083 clear:none;
1084 }
1085
1086 .profile .entity_profile .note,
1087 .profile .entity_profile .url,
1088 .profile .entity_profile .entity_tags,
1089 .profile .entity_profile .form_subscription_edit {
1090 margin-left:59px;
1091 margin-bottom:7px;
1092 clear:none;
1093 display:block;
1094 width:auto;
1095 }
1096 .entity_profile .entity_tags dt {
1097 display:inline;
1098 float:left;
1099 margin-right:11px;
1100 }
1101 .profile .entity_profile .form_subscription_edit {
1102 clear:left;
1103 }
1104 .profile .entity_profile .form_subscription_edit label {
1105 font-weight:normal;
1106 margin-right:11px;
1107 }
1108
1109 /*applications*/
1110 .applications {
1111 margin-bottom:18px;
1112 float:left;
1113 width:100%;
1114 }
1115 .applications li {
1116 list-style-type:none;
1117 }
1118 .application img,
1119 #showapplication .entity_profile img,
1120 .form_data #application_icon img,
1121 #apioauthauthorize .form_data img {
1122 max-width:96px;
1123 max-height:96px;
1124 }
1125 #apioauthauthorize .form_data img {
1126 margin-right:18px;
1127 float:left;
1128 }
1129
1130 .oauth-desktop-mode #wrap {
1131     min-width: 500px;
1132 }
1133
1134 .oauth-desktop-mode #content {
1135     width: 480px;
1136     padding: 6px;
1137     margin: 4px 0px 0px 4px;
1138     border-top-left-radius: 7px;
1139     -moz-border-radius-topleft: 7px;
1140     -webkit-border-top-left-radius: 7px;
1141 }
1142
1143 .oauth-desktop-mode fieldset {
1144     margin-bottom: 10px !important;
1145 }
1146
1147 #oauth_pin {
1148     text-align: center;
1149     font-size: 3em;
1150 }
1151
1152 #showapplication .entity_profile {
1153 width:68%;
1154 }
1155 #showapplication .entity_profile .entity_fn {
1156 margin-left:0;
1157 }
1158 #showapplication .entity_profile .entity_fn .fn:before,
1159 #showapplication .entity_profile .entity_fn .fn:after {
1160 content:'';
1161 }
1162 #showapplication .entity_data {
1163 clear:both;
1164 margin-bottom:18px;
1165 }
1166 #showapplication .entity_data h2 {
1167 display:none;
1168 }
1169 #showapplication .entity_data dl {
1170 margin-bottom:18px;
1171 }
1172 #showapplication .entity_data dt {
1173 font-weight:bold;
1174 }
1175 #showapplication .entity_data dd {
1176 margin-left:1.795%;
1177 font-family:monospace;
1178 font-size:1.3em;
1179 }
1180 .form_data #application_types label.radio,
1181 .form_data #default_access_types label.radio {
1182 width:14.5%;
1183 }
1184
1185 /* NOTICE */
1186 .notice,
1187 .profile,
1188 .application,
1189 #content .peopletag {
1190 position:relative;
1191 padding-top:11px;
1192 padding-bottom:11px;
1193 clear:both;
1194 float:left;
1195 width:100%;
1196 border-top-width:1px;
1197 border-top-style:dotted;
1198 }
1199 .notices li {
1200 list-style-type:none;
1201 }
1202 .notices .notices {
1203 margin-top:7px;
1204 margin-left:2%;
1205 width:98%;
1206 float:left;
1207 }
1208 .mark-top {
1209 border-top-width:1px;
1210 border-top-style:solid;
1211 }
1212
1213 /* Threaded notices sublist */
1214 #content .notices .threaded-replies {
1215     margin-left: 10%;
1216     width: 90%;
1217
1218     background: #e4e8f1;
1219 }
1220 #content .threaded-replies .notice .author .photo {
1221     left: 8px;
1222     width: 32px;
1223     height: 32px;
1224 }
1225 .threaded-replies .notice-reply {
1226     margin: 8px;
1227 }
1228 .threaded-replies .notice-reply-placeholder input.placeholder {
1229     margin-left: 0;
1230     width: 95%;
1231 }
1232 .threaded-replies .notice-reply-placeholder input.placeholder {
1233     color: gray;
1234     margin-left: 8px; /* ?? */
1235     margin-bottom: 8px;
1236 }
1237 .threaded-replies .notice-reply .controls {
1238     text-align: right;
1239 }
1240 .threaded-replies .notice-reply-comments {
1241     margin: 8px;
1242 }
1243 .threaded-replies .response,
1244 .threaded-replies .source {
1245     /* Hide these for ajax/realtime sourced notices */
1246     display: none;
1247 }
1248 /* NOTICES */
1249 #notices_primary {
1250 float:left;
1251 width:100%;
1252 border-radius:7px;
1253 -moz-border-radius:7px;
1254 -webkit-border-radius:7px;
1255 }
1256 #notices_primary h2 {
1257 display:none;
1258 }
1259 .notice-data a span {
1260 display:block;
1261 padding-left:28px;
1262 }
1263
1264 .notice .author {
1265 margin-right:11px;
1266 }
1267 #showstream #content .notice .author {
1268 display:none;
1269 }
1270
1271 .fn {
1272 overflow:hidden;
1273 }
1274
1275 .notice .author .fn {
1276 font-weight:bold;
1277 }
1278
1279 .vcard .photo {
1280 display:inline;
1281 margin-right:11px;
1282 float:left;
1283 }
1284 #shownotice .vcard .photo {
1285 margin-bottom:4px;
1286 }
1287 #content .notice .author .photo {
1288 position:absolute;
1289 top:11px;
1290 left:0;
1291 float:none;
1292 }
1293 #content .notice .entry-title {
1294 margin-left:59px;
1295 margin-right:7px;
1296 }
1297
1298 .vcard .url {
1299 text-decoration:none;
1300 }
1301 .vcard .url:hover {
1302 text-decoration:underline;
1303 }
1304
1305 .notice .entry-title {
1306 overflow:hidden;
1307 word-wrap:break-word;
1308 }
1309 .notice .entry-title.ov {
1310 overflow:visible;
1311 }
1312 #showstream .notice .entry-title,
1313 #showstream .notice div.entry-content {
1314 margin-left:0;
1315 }
1316 #shownotice .notice .entry-title {
1317 margin-left:110px;
1318 font-size:2.2em;
1319 min-height:123px;
1320 }
1321 #shownotice .notice div.entry-content {
1322 margin-left:0;
1323 }
1324
1325 .notice p.entry-content {
1326 display:inline;
1327 }
1328
1329 #content .notice p.entry-content a:visited {
1330 border-radius:4px;
1331 -moz-border-radius:4px;
1332 -webkit-border-radius:4px;
1333 }
1334 .notice p.entry-content .vcard a {
1335 border-radius:4px;
1336 -moz-border-radius:4px;
1337 -webkit-border-radius:4px;
1338 }
1339
1340 .notice div.entry-content {
1341 clear:left;
1342 float:left;
1343 font-size:0.95em;
1344 margin-left:59px;
1345 min-width:60%;
1346 max-width:70%;
1347 }
1348 #showstream .notice div.entry-content,
1349 #shownotice .notice div.entry-content {
1350 max-width:79%;
1351 }
1352
1353 .notice .notice-options a,
1354 .notice .notice-options input {
1355 float:left;
1356 font-size:1.025em;
1357 }
1358
1359 .notice div.entry-content .timestamp {
1360 display:inline-block;
1361 }
1362
1363 .entry-content .repeat {
1364 display:block;
1365 }
1366 .entry-content .repeat .photo {
1367 float:none;
1368 margin-right:1px;
1369 position:relative;
1370 top:4px;
1371 left:0;
1372 }
1373
1374 .dialogbox {
1375 position:absolute;
1376 top:-1px;
1377 right:-1px;
1378 z-index:9;
1379 float:none;
1380 padding:11px;
1381 border-radius:7px;
1382 -moz-border-radius:7px;
1383 -webkit-border-radius:7px;
1384 border-style:solid;
1385 border-width:1px;
1386 }
1387
1388 .dialogbox legend {
1389 display:block !important;
1390 margin-right:18px;
1391 margin-bottom:18px;
1392 }
1393
1394 .dialogbox button.close {
1395 position:absolute;
1396 right:3px;
1397 top:3px;
1398 }
1399
1400 .dialogbox .form_guide {
1401 font-weight:normal;
1402 padding:0;
1403 }
1404
1405 .dialogbox .submit_dialogbox {
1406 font-weight:bold;
1407 text-indent:0;
1408 min-width:46px;
1409 }
1410 .dialogbox input {
1411 padding-left:4px;
1412 }
1413 .dialogbox fieldset {
1414 margin-bottom:0;
1415 }
1416
1417 #wrap form.processing input.submit,
1418 .entity_actions a.processing,
1419 .dialogbox.processing .submit_dialogbox {
1420 cursor:wait;
1421 outline:none;
1422 text-indent:-9999px;
1423 }
1424
1425 .form_repeat.dialogbox {
1426 top:-4px;
1427 right:29px;
1428 min-width:199px;
1429 }
1430
1431 .notice-options {
1432 position:relative;
1433 font-size:0.95em;
1434 width:113px;
1435 float:right;
1436 margin-top:3px;
1437 margin-right:4px;
1438 }
1439
1440 .notice-options a {
1441 float:left;
1442 }
1443 .notice-options .notice_reply,
1444 .notice-options .form_repeat,
1445 .notice-options .form_favor,
1446 .notice-options .form_disfavor,
1447 .notice-options .repeated {
1448 float:left;
1449 margin-left:14.2%;
1450 }
1451 .notice-options .form_favor,
1452 .notice-options .form_disfavor {
1453 margin-left:0;
1454 }
1455 .notice-options input,
1456 .notice-options a,
1457 .notice-options .repeated,
1458 .peopletags_edit_button {
1459 text-indent:-9999px;
1460 outline:none;
1461 }
1462 .notice-options input.submit {
1463 display:block;
1464 border:0;
1465 }
1466 .notice-options .notice_reply,
1467 .notice-options .notice_delete {
1468 text-decoration:none;
1469 }
1470 .notice .notice-options .notice_delete {
1471 float:right;
1472 }
1473 .notice-options form input.submit {
1474 width:16px;
1475 height:16px;
1476 padding:0;
1477 border-radius:0;
1478 -moz-border-radius:0;
1479 -webkit-border-radius:0;
1480 }
1481 .notice-options .form_repeat legend,
1482 .notice-options .form_favor legend,
1483 .notice-options .form_disfavor legend {
1484 display:none;
1485 }
1486 .notice-options .form_repeat fieldset,
1487 .notice-options .form_favor fieldset,
1488 .notice-options .form_disfavor fieldset {
1489 border:0;
1490 padding:0;
1491 }
1492 .notice-options a,
1493 .notice-options .repeated {
1494 width:16px;
1495 height:16px;
1496 }
1497
1498 .notice .attachment {
1499 position:relative;
1500 padding-left:16px;
1501 }
1502 .notice .attachment.more,
1503 .mode-private .privacy_mode {
1504 text-indent:-9999px;
1505 width:16px;
1506 height:16px;
1507 display:inline-block;
1508 overflow:hidden;
1509 vertical-align:middle;
1510 margin-left:4px;
1511 }
1512
1513 #attachments .attachment,
1514 .notice .attachment.more {
1515 padding-left:0;
1516 }
1517
1518 #attachments {
1519 clear:both;
1520 float:left;
1521 width:100%;
1522 margin-top:18px;
1523 }
1524 #attachments dt {
1525 font-weight:bold;
1526 font-size:1.3em;
1527 margin-bottom:4px;
1528 }
1529
1530 #attachments ol li {
1531 margin-bottom:18px;
1532 list-style-type:decimal;
1533 float:left;
1534 clear:both;
1535 }
1536
1537 #jOverlayContent,
1538 #jOverlayContent #content,
1539 #jOverlayContent #content_inner {
1540 width: auto !important;
1541 margin-bottom:0;
1542 }
1543 #jOverlayContent #content {
1544 padding:11px;
1545 min-height:auto;
1546 }
1547 #jOverlayContent .entry-title {
1548 display:block;
1549 margin-bottom:11px;
1550 }
1551 #jOverlayContent button {
1552 position:absolute;
1553 top:0;
1554 right:0;
1555 }
1556 #jOverlayContent h1 {
1557 max-width:425px;
1558 }
1559 #jOverlayContent #content {
1560 border-radius:7px;
1561 -moz-border-radius:7px;
1562 -webkit-border-radius:7px;
1563 }
1564 #jOverlayLoading {
1565 top:5%;
1566 left:40%;
1567 }
1568 #attachment_view img {
1569 max-width:480px;
1570 max-height:480px;
1571 }
1572 #attachment_view #oembed_info {
1573 margin-top:11px;
1574 }
1575 #attachment_view #oembed_info dt,
1576 #attachment_view #oembed_info dd {
1577 float:left;
1578 }
1579 #attachment_view #oembed_info dt {
1580 clear:left;
1581 margin-right:11px;
1582 font-weight:bold;
1583 }
1584 #attachment_view #oembed_info dt:after {
1585 content: ":";
1586 }
1587
1588 #usergroups #new_group {
1589 float: left;
1590 margin-right: 2em;
1591 }
1592 #new_group, #group_search {
1593 margin-bottom:18px;
1594 }
1595 #new_group a {
1596 padding-left:20px;
1597 }
1598
1599 #filter_tags {
1600 margin-bottom:11px;
1601 float:left;
1602 }
1603 #filter_tags dt {
1604 display:none;
1605 }
1606 #filter_tags ul {
1607 list-style-type:none;
1608 }
1609 #filter_tags li {
1610 float:left;
1611 margin-left:7px;
1612 padding-left:7px;
1613 border-left-width:1px;
1614 border-left-style:solid;
1615 }
1616 #filter_tags #filter_tags_all,
1617 #filter_tags #filter_tags_for {
1618 margin-left:0;
1619 border-left:0;
1620 padding-left:0;
1621 }
1622 #filter_tags_all a,
1623 #filter_tags_for a  {
1624 text-decoration:none;
1625 font-weight:bold;
1626 margin-top:7px;
1627 float:left;
1628 }
1629 #filter_tags_for a {
1630 margin:0;
1631 }
1632
1633 #filter_tags_item label {
1634 margin-right:7px;
1635 }
1636 #filter_tags_item label,
1637 #filter_tags_item select {
1638 float:left;
1639 }
1640 #filter_tags_item p {
1641 float:left;
1642 clear:both;
1643 margin-left:38px;
1644 }
1645 #filter_tags_item .submit {
1646 position:relative;
1647 top:3px;
1648 left:3px;
1649 }
1650 #filter_tags #form_filter_bymode .form_guide {
1651 display:none;
1652 }
1653 #filter_tags #form_filter_bymode .checkbox {
1654 float:none;
1655 }
1656 #filter_tags #form_filter_bymode legend {
1657 display:none;
1658 }
1659
1660 .pagination {
1661 float:left;
1662 clear:both;
1663 width:100%;
1664 margin-top:18px;
1665 }
1666
1667 .pagination dt {
1668 font-weight:bold;
1669 display:none;
1670 }
1671
1672 .pagination .nav {
1673 float:left;
1674 width:100%;
1675 list-style-type:none;
1676 }
1677
1678 .pagination .nav_prev {
1679 float:left;
1680 }
1681 .pagination .nav_next {
1682 float:right;
1683 }
1684
1685 .pagination a {
1686 display:block;
1687 text-decoration:none;
1688 font-weight:bold;
1689 padding:7px;
1690 border-width:1px;
1691 border-style:solid;
1692 -moz-border-radius:7px;
1693 -webkit-border-radius:7px;
1694 border-radius:7px;
1695 }
1696
1697 .pagination .nav_prev a {
1698 padding-left:30px;
1699 }
1700 .pagination .nav_next a {
1701 padding-right:30px;
1702 }
1703 /* END: NOTICE */
1704
1705 .hentry .entry-content p {
1706 margin-bottom:18px;
1707 }
1708 .hentry .entry-content ol,
1709 .hentry .entry-content ul {
1710 margin-left:1.795%;
1711 }
1712 .hentry .entry-content li {
1713 margin-bottom:18px;
1714 }
1715 .hentry .entry-content li li {
1716 margin-left:18px;
1717 }
1718 .hentry .entry-content .form_settings ul {
1719 margin-left:0;
1720 }
1721
1722 #content #plugin_authors {
1723 min-width:122px;
1724 }
1725 #content thead th {
1726 text-align:left;
1727 }
1728 #content tbody th {
1729 vertical-align:top;
1730 text-align:left;
1731 font-weight:normal;
1732 padding-top:11px;
1733 padding-right:18px;
1734 }
1735 #content tbody tr {
1736 border-top-width:1px;
1737 border-top-style:dotted;
1738 }
1739 #content td {
1740 padding:11px 18px 11px 0;
1741 vertical-align:top;
1742 }
1743 #content td:last-child {
1744 padding-right:0;
1745 }
1746
1747 /* TOP_POSTERS */
1748 .section tbody td {
1749 padding-right:18px;
1750 padding-bottom:11px;
1751 }
1752 .section .vcard .photo {
1753 margin-right:7px;
1754 margin-bottom:0;
1755 }
1756
1757 .section .notice {
1758 padding-top:7px;
1759 padding-bottom:7px;
1760 border-top:0;
1761 }
1762
1763 .section .notice:first-child {
1764 padding-top:0;
1765 }
1766
1767 .section .notice .author {
1768 margin-right:0;
1769 }
1770 .section .notice .author .fn {
1771 display:none;
1772 }
1773
1774 /* tagcloud */
1775 .tag-cloud {
1776 list-style-type:none;
1777 text-align:center;
1778 }
1779 .aside .tag-cloud {
1780 font-size:0.8em;
1781 word-wrap:break-word;
1782 }
1783 .tag-cloud li {
1784 display:inline;
1785 margin-right:7px;
1786 line-height:1.25;
1787 }
1788
1789 .tag-cloud li:before {
1790 content:'\0009';
1791 }
1792
1793 .aside .tag-cloud li {
1794 line-height:1.5;
1795 }
1796 .tag-cloud li a {
1797 text-decoration:none;
1798 }
1799 #tagcloud.section dt {
1800 text-transform:uppercase;
1801 font-weight:bold;
1802 }
1803 .tag-cloud-1 {
1804 font-size:1em;
1805 }
1806 .tag-cloud-2 {
1807 font-size:1.25em;
1808 }
1809 .tag-cloud-3 {
1810 font-size:1.75em;
1811 }
1812 .tag-cloud-4 {
1813 font-size:2em;
1814 }
1815 .tag-cloud-5 {
1816 font-size:2.25em;
1817 }
1818 .tag-cloud-6 {
1819 font-size:2.75em;
1820 }
1821 .tag-cloud-7 {
1822 font-size:3.25em;
1823 }
1824
1825 #publictagcloud #tagcloud.section dt {
1826 display:none;
1827 }
1828
1829 #form_settings_photo .form_data {
1830 clear:both;
1831 }
1832
1833 #form_settings_avatar li {
1834 width:auto;
1835 }
1836 #form_settings_avatar input {
1837 margin-left:0;
1838 }
1839 #avatar_original,
1840 #avatar_preview {
1841 float:left;
1842 }
1843 #avatar_preview {
1844 margin-left:29px;
1845 }
1846 #avatar_preview_view {
1847 height:96px;
1848 width:96px;
1849 margin-bottom:18px;
1850 overflow:hidden;
1851 }
1852
1853 #settings_attach,
1854 #form_settings_avatar .form_actions {
1855 clear:both;
1856 }
1857
1858 #form_settings_avatar .form_actions {
1859 margin-bottom:0;
1860 }
1861
1862 #settings_design_background-image img {
1863 max-width:480px;
1864 max-height:480px;
1865 }
1866
1867 #settings_design_color .form_data,
1868 #color-picker {
1869 float:left;
1870 }
1871 #settings_design_color .form_data {
1872 width:400px;
1873 margin-right:1%;
1874 }
1875
1876 #settings_design_color .form_data li {
1877 width:33%;
1878 }
1879 #settings_design_color .form_data label {
1880 float:none;
1881 display:block;
1882 }
1883 #settings_design_color .form_data .swatch {
1884 padding:11px;
1885 margin-left:0;
1886 width:auto;
1887 }
1888
1889 .system_notice ul,
1890 .instructions ul {
1891 margin-left:1em;
1892 }
1893 .instructions p,
1894 .instructions ul {
1895 margin-bottom:18px;
1896 }
1897 .help dt {
1898 display:none;
1899 }
1900 .guide {
1901 clear:both;
1902 }
1903
1904 #bookmarklet address {
1905 display:none;
1906 }
1907 #bookmarklet .form_notice {
1908 width:auto;
1909 }
1910 #bookmarklet #wrap {
1911 min-width:0;
1912 }
1913
1914 /* tag autocomplete */
1915
1916 .tagInputDiv {
1917 display: none;
1918 position: absolute;
1919 overflow: auto;
1920 margin-top:-1px;
1921 z-index: 99;
1922 }
1923
1924 .tagInputLine {
1925 font-weight: normal;
1926 padding:4px;
1927 }
1928
1929 .tagInputLineTag {
1930 min-width: 150px;
1931 display: inline-block;
1932 }
1933
1934 .tagInputLineFreq {
1935 min-width: 50px;
1936 text-align: right;
1937 display: inline-block;
1938 float:right;
1939 }
1940
1941 .inline-attachment img {
1942     /* Why on earth is this changed to block at the top? */
1943     display: inline;
1944     border: solid 1px #aaa;
1945     padding: 1px;
1946 }
1947 }/*end of @media screen, projection, tv*/
1948
1949
1950 @media print {
1951 a:after { background-color:#FFFFFF; }
1952 a:not([href^="#"]):after { content:" <"attr(href)"> "; }
1953 img { border:none; }
1954 p { orphans: 2; widows: 1; }
1955
1956 #site_nav_global_primary,
1957 #site_nav_local_views,
1958 #form_notice,
1959 .pagination,
1960 #site_nav_global_secondary,
1961 .entity_actions,
1962 .notice-options,
1963 #aside_primary,
1964 .form_subscription_edit .submit {
1965 display:none;
1966 }
1967 .timestamp dt, .timestamp dd,
1968 .device dt, .device dd {
1969 display:inline;
1970 }
1971 .profiles li,
1972 .notices li {
1973 margin-bottom:18px;
1974 }
1975
1976 }/*end of @media print*/