Merge remote-tracking branch 'origin/1.0.x' into 1.0.x
[statusnet:mainline.git] / theme / base / css / display.css
1 /** theme: base
2  *
3  * @package   StatusNet
4  * @author    Samantha Doherty <sammy@status.net>
5  * @copyright 2011 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
11 @media screen, projection, tv {
12
13 /* general styles and layout */
14
15 * {margin: 0; padding: 0; vertical-align: baseline;}
16 a abbr {border-bottom: 0; cursor: pointer;}
17 input.submit {cursor: pointer;}
18 table {border-collapse: collapse;}
19 ol, ul {list-style-position: inside;}
20 fieldset {border: none;}
21 legend {font-weight: bold; font-size: 1.2em;}
22 input, textarea, select, option {padding: 2px;}
23 textarea {overflow:auto;}
24
25 body {
26     background-color: #f2f2f2;
27     color: #000;
28     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
29     font-size: 14px;
30     line-height: 1.6;
31 }
32
33 a {
34     text-decoration: none; 
35     outline: none;
36 }
37
38 a:hover {
39     text-decoration: underline;
40 }
41
42 a img {
43     border: 0;
44     text-decoration: none;
45 }
46
47 h1, h2, h3, h4, h5, h6 {
48     font-weight: normal;
49     margin-bottom: 15px;
50 }
51
52 h1 {font-size: 2.2em;}
53 h2 {font-size: 1.8em;}
54 h3 {font-size: 1.6em;}
55 h4 {font-size: 1.4em;}
56 h5 {font-size: 1.2em;}
57 h6 {font-size: 1em;}
58
59 p {
60     margin-bottom: 1.4em;
61 }
62
63 .form_notice p, li p, .section p {
64     margin-bottom: 0;
65 }
66
67 input, textarea, select, option {
68     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
69     font-size: 1em;
70 }
71
72 select {
73     padding-right: 10px;
74     padding-bottom: 0px;
75     margin-top: -4px;
76 }
77
78 option {
79     padding-bottom: 0px;
80 }
81
82 #wrap {
83     position: relative;
84     width: 960px;
85     margin: 0px auto;
86     background-color: #fff;
87     border-left: 10px solid #fff;
88     border-right: 10px solid #fff;
89     padding-top: 10px;
90 }
91
92 #header {
93     position: relative;
94     width: 960px;
95     padding: 0px
96 }
97
98 #core {
99     position: relative;
100     float: left;
101     clear: both;
102     margin: 0px;
103     width: 958px;
104     border-top: 5px solid #ccc;
105     border-left: 1px solid #ccc;
106     border-right: 1px solid #ccc;
107 }
108
109 #aside_primary_wrapper {
110     width: 100%;
111     float: left;
112     overflow: hidden;
113     position: relative;
114     background-color: #f2f2f2;  
115 }    
116
117 #content_wrapper  {  
118     width: 100%;  
119     float: left;
120     position: relative;  
121     right: 239px; 
122     background-color: #fff;  
123     border-right: 1px solid #ccc;
124 }  
125
126 #site_nav_local_views_wrapper  {  
127     width: 100%;  
128     float: left;
129     position: relative;  
130     right: 561px;
131     background-color: #f2f2f2;  
132     border-right: 1px solid #ccc;
133
134
135 #site_nav_local_views {
136     width: 138px;
137     float: left;
138     overflow: hidden;
139     position: relative;
140     left: 800px;
141     margin: 0px 0px 20px 0px;
142     padding: 22px 10px 40px 10px;
143 }
144
145 #content {
146     width: 520px;
147     float: left;
148     overflow: hidden;
149     position: relative;
150     left: 801px;
151     margin: 0px;
152     padding: 20px 20px 40px 20px;
153     background-color: #fff;
154 }
155
156 #aside_primary {
157     width: 218px;
158     float: left;
159     overflow: hidden;
160     position: relative;
161     left: 802px;
162     padding: 22px 10px 40px 10px;
163     margin: 0px 0px 20px 0px;
164 }
165
166 #footer {
167     clear: both;
168     position: relative;
169     width: 940px;
170     background-color: #ccc;
171     padding: 10px;
172 }
173
174 /* header elements */
175
176 address {
177     float: left;
178     position: relative;
179     margin: -2px 0 3px 0;
180     padding: 0px;
181     z-index: 99;
182 }
183
184 address a, address img {
185     display: block;
186 }
187
188 address img {
189     max-width: 158px;
190 }
191
192 address img + .fn {
193     display: none;
194 }
195
196 address .poweredby {
197     display: block;
198     width: auto;
199 }
200
201 #site_nav_global_primary {
202     display: block;
203     position: absolute;
204     top: 0;
205     right: 0;
206     width: 800px;
207     margin: 0px;
208     height: 24px;
209     line-height: 20px;
210 }
211
212 #site_nav_global_primary ul {
213     float: right;
214 }
215
216 #site_nav_global_primary li {
217     display: inline;
218     margin-right: 10px;
219 }
220
221 #site_nav_global_primary li:last-child {
222     margin-right: 0px;
223 }
224
225 #header-search {
226     float: right;
227     position: relative;
228     top: -8px;
229     margin-left: 10px;
230 }
231
232 #site_notice { 
233     float: right;
234     width: 300px;
235     margin: 26px 0px 4px 0px;
236     padding: 10px;
237     background-color: #f2f2f2;
238 }
239
240 #site_notice p {
241     margin-bottom: 0px;
242 }
243
244 /* input forms */
245
246 .input_forms {
247     float: left;
248     position: relative;
249     margin-bottom: 10px;
250     border-bottom: 1px dotted #ccc;
251 }
252
253 #input_form_nav {
254     float: left;
255     width: 100%;
256     margin-bottom: 10px;
257     list-style-type: none;
258 }
259
260 #input_form_nav li { 
261     display: inline;
262 }
263
264 #input_form_nav li a {
265     margin-right: 10px;
266 }
267
268 .input_form_nav_tab.current a {
269     text-decoration: underline;
270 }
271
272 .input_form { 
273     position: relative;
274     float: left;
275     width: 520px;
276     padding-bottom: 20px;
277     display: none;
278 }
279
280 .input_form.current { 
281     display: block;
282 }
283
284 #input_form_status, #input_form_direct {
285     padding-bottom: 50px;
286 }
287
288 .form_notice { 
289     margin-bottom: 10px;
290 }
291
292 .form_notice fieldset {
293     width: auto;
294 }
295
296 .form_notice legend {
297     display: none;
298 }
299
300 .form_notice #notice_data-text-label { /* TODO can remove this now? */
301     display: none;
302 }
303
304 .form_notice_placeholder .placeholder {
305     width: 508px;
306     padding: 4px 4px 4px 6px;
307     border: 1px solid #a6a6a6;
308     z-index: 97;
309     font-size: 1em;
310     color: #888;
311 }
312
313 .form_notice textarea {
314     clear: left;
315     float: left;
316     position: relative;
317     width: 483px;
318     height: 42px;
319     padding: 6px 5px 18px 5px;
320     border: 1px solid #a6a6a6;
321     z-index: 97;
322     font-size: 1.2em;
323 }
324
325 #form_notice-direct.form_notice textarea {
326     width: 508px;
327 }
328
329 .form_notice label.notice_data-attach,
330 .form_notice input.notice_data-attach {
331     position: absolute;
332     cursor: pointer;
333 }
334 .form_notice label.notice_data-attach {
335     top: 0px;
336     right: 0px;
337     z-index: 96;
338     text-indent: -9999px;
339     width: 16px;
340     height: 16px;
341 }
342
343 .form_notice input.notice_data-attach {
344     top: 0;
345     right: 0;
346     padding:0;
347     height:16px;
348 }
349
350 .form_notice .notice_data-geo_wrap label,
351 .form_notice .notice_data-geo_wrap input {
352     position: absolute;
353     top: 26px;
354     right: 0px;
355     cursor: pointer;
356     width: 16px;
357     height: 16px;
358     display: block;
359     z-index: 99;
360 }
361
362 .form_notice .notice_data-geo_wrap input {
363     visibility:hidden;
364 }
365
366 .form_notice .notice_data-geo_wrap label {
367     font-weight:normal;
368     font-size:1em;
369     margin-bottom:0;
370     text-indent:-9999px;
371 }
372
373 .form_notice label {
374     opacity: 0.6;
375 }
376
377 .form_notice label:hover {
378     opacity: 1;
379 }
380
381 .form_notice input.notice_data-attach {
382     opacity: 0;
383 }
384
385 .form_notice .count {
386     position: absolute;
387     top: 50px;
388     right: 32px;
389     z-index: 99;
390     font-size: 0.8em;
391     height: 1em; 
392     color: #777;
393 }
394
395 .form_notice.warning .count {
396     color: #ff0000;
397 }
398
399 #form_notice-direct.form_notice .count {
400     top: 84px;
401     right: 7px;
402 }
403     
404 .form_notice .error,
405 .form_notice .success,
406 .form_notice .notice-status {
407     position: relative;
408     overflow: auto;
409     line-height: 1.2em;
410     padding: 5px 5px 5px 10px;
411     margin: 10px 0px 0px 0px;
412     width: 478px;
413     border: 1px solid #ccc;
414 }
415
416 .form_notice .error {
417     border: 1px solid #d05858;
418 }
419
420 .form_notice .attach-status button.close,
421 .form_notice .notice-status button.close {
422     float:right;
423     font-size:0.8em;
424 }
425
426 .input_form .form_settings fieldset {
427     margin: 0px;
428     padding: 0px;
429 }
430
431 .input_form .form_settings fieldset fieldset {
432     width: 400px;
433     float: left;
434     background: none;
435     border: none;
436     margin-bottom: 0px;
437     padding: 0px;
438 }
439
440 .input_form .form_settings .form_data li {
441     position: relative;
442     margin-bottom: 12px;
443 }
444
445 .input_form fieldset fieldset label {
446     position: absolute;
447     top: 0;
448     left: 6px;
449     float: none;
450     text-align: left;
451     color: #888;
452     cursor: text;
453     background: #fff;
454 }
455
456 .input_form .form_settings li input {
457     width: 388px;
458     margin-left: 0;
459     margin-right: 0;
460     padding: 4px 5px 4px 5px;
461     border: 1px solid #a6a6a6;
462     font-size: 1em;
463 }
464
465 .input_form .form_settings li textarea {
466     width: 388px;
467     margin-left: 0;
468     padding: 4px 5px 4px 5px;
469     border: 1px solid #a6a6a6;
470     z-index: 97;
471     font-size: 1em;
472 }
473
474 .input_form .form_settings .form_data p.form_guide {
475     margin-left: 5px;
476 }
477
478 .form_notice label[for=to] {
479     float: left;
480 }
481
482 .form_notice select[id=to] {
483     float:left;
484     margin: -4px 0px 10px 10px;
485     max-width: 450px;
486 }
487
488 .form_notice .to-selector { 
489     clear: left;
490     padding-top: 15px;
491     z-index: 99;
492 }
493
494 .form_settings label[for=notice_to] {
495     left: 5px;
496     margin-left: 0px;
497     margin-right: 10px;
498     position: relative;
499     clear: left;
500     background: none;
501 }
502
503 .checkbox-wrapper {
504     padding: 2px;
505     margin-left: 10px;
506 }
507
508 .form_notice .checkbox-wrapper {
509     display: inline;
510     margin-left: 10px;
511 }
512
513 .form_settings .checkbox-wrapper label.checkbox {
514     margin-left: 0px;
515     margin-top: 6px;
516     line-height: 1.2em;
517     left: -3px;
518     float: none;
519 }
520
521 .checkbox-wrapper #notice_private {
522     display:none;
523 }
524
525 .checkbox-wrapper.unchecked label.checkbox {
526     padding-left: 20px;
527     background: url(../images/icons/lock_open.png) no-repeat 0px 0px;
528     opacity: 0.6;
529 }
530
531 .checkbox-wrapper.unchecked label.checkbox:hover {
532     opacity: 1;
533     cursor: pointer;
534 }
535
536 .checkbox-wrapper.checked label.checkbox {
537     padding-left: 20px;
538     background: url(../images/icons/lock.png) no-repeat 0px 0px;
539     color: red;
540     opacity: 1;
541 }
542
543 .checkbox-wrapper.checked label.checkbox:hover {
544     cursor: pointer;
545 }
546
547 .form_notice input.submit {
548     position: absolute;
549     top: 100%;
550     left: 0px;
551     margin-top: -49px;
552     float: left;
553     width: 100px;
554     padding: 0px;
555     z-index: 99;
556 }
557
558 .input_form .form_settings .submit {
559     position: relative;
560     top: 0;
561     right: 0;
562     float: right;   
563     width: 100px;
564     height: 26px;
565     line-height: 26px;
566     padding: 0px 10px;
567     margin: 0px;
568     z-index: 1;
569 }
570
571 /* site nav local views */
572
573
574 #site_nav_local_views li {
575     display: block;
576     margin: 0px 0px 8px 0px;
577 }
578
579 #site_nav_local_views li ul {
580     margin-bottom: 20px;
581 }
582
583 #site_nav_local_views a {
584     word-wrap: break-word;
585 }
586
587 #site_nav_local_views .current a {
588     text-decoration: underline;
589 }
590
591
592 /* aside primary */
593
594 #aside_primary .section {
595     position: relative;
596     float: left;
597     clear: both;
598     width: 100%;
599     margin-bottom: 20px;
600 }
601
602
603 /* notices */
604
605 #notices_primary {
606     padding-top: 3px;
607     clear: both;
608 }
609
610 #notices_primary h2 {
611     display: none;
612 }
613
614 .notice {
615     list-style-type: none;
616     margin-bottom: 10px;
617     clear: left;
618     padding-bottom: 2px;
619     line-height: 1.36em;
620 }
621
622 .notice, .profile, .application, #content .peopletag {
623     position:relative;
624     clear:both;
625     float:left;
626     width:100%;
627 }
628
629 .notice .author {
630     margin-right: 8px;
631 }
632
633 .notice .addressees:before {
634     content: '\25B8';
635 }
636
637 .fn {
638     overflow: hidden;
639 }
640
641 .notice .author .fn {
642     font-weight: bold;
643 }
644
645 #core .vcard .photo {
646     display: inline;
647     margin-right: 11px;
648     float: left;
649 }
650
651 #content .notice .author .photo {
652     position: absolute;
653     top: 7px;
654     left: 0px;
655     float: none;
656 }
657
658 #content .notice .entry-title {
659     margin: 2px 7px 0px 59px;
660     min-height: 35px;
661 }
662
663 .vcard .url {
664     text-decoration:none;
665 }
666 .vcard .url:hover {
667     text-decoration:underline;
668 }
669
670 .notice .entry-title {
671     overflow:hidden;
672     word-wrap:break-word;
673 }
674
675 .notice .entry-title.ov {
676 overflow:visible;
677 }
678
679 .notice .automatic { 
680 font-style:italic;
681 }
682
683 #showstream h1 { 
684     display:none;
685 }
686
687 #showstream .notice .entry-title, #showstream .notice div.entry-content {
688     margin-left: 0;
689 }
690
691 #showstream .notice .entry-title {
692     min-height: 1px;
693 }
694
695 #showstream #content .notice .author {
696     display: none;
697 }
698
699 #showstream .notice {
700     min-height: 1em; 
701 }
702
703 #shownotice .notice .entry-title {
704     font-size:2.2em;
705     min-height:123px;
706     font-size: 1.6em;
707     line-height: 1.2em;
708 }
709
710 #shownotice .notice div.entry-content {
711     margin-left:0;
712 }
713
714 .notice p.entry-content {
715     display:inline;
716 }
717
718 .notice div.entry-content {
719     clear:left;
720     float:left;
721     margin-left:59px;
722     margin-top: 10px;
723 }
724
725 .entry-content .repeat {
726     display: block;
727 }
728
729 .entry-content .repeat .photo {
730 float:none;
731 margin-right:1px;
732 position:relative;
733 top:4px;
734 left:0;
735 }
736
737 .notice-options {
738     float: right;    
739     margin-top: 12px;
740     margin-right: -6px;
741     margin-bottom: 10px;
742 }
743
744 .notice-options fieldset {
745     border: none;
746 }
747
748 .notice-options legend {
749     display: none;
750 }
751
752 .notice-options form, .notice-options a, .notice-options .repeated {
753     float: left;
754     margin-right: 10px;
755 }
756
757 .notice-options input, .notice-options a, .notice-options .repeated {    
758     text-indent: -9999px;
759     outline:none;
760 }
761
762 .notice-options input.submit, .notice-options a, .notice-options .repeated {
763     display: block;
764     border: 0;
765     height: 16px;
766     width: 16px;
767 }
768
769 .notice-options input.submit, .notice-options a {
770     opacity: 0.6;
771 }
772
773 .notice-options input.submit:hover, .notice-options a:hover {
774     opacity: 1;
775 }
776
777 .notice .attachment {
778     position:relative;
779     padding-left:16px;
780 }
781
782 .notice .attachment.more, .mode-private .privacy_mode {
783 text-indent:-9999px;
784 width:16px;
785 height:16px;
786 display:inline-block;
787 overflow:hidden;
788 vertical-align:middle;
789 margin-left:4px;
790 }
791
792 #attachments .attachment,
793 .notice .attachment.more {
794 padding-left:0;
795 }
796
797 .notice .attachment img {
798 position:absolute;
799 top:18px;
800 left:0;
801 z-index:99;
802 }
803
804 #shownotice .notice .attachment img {
805 position:static;
806 }
807
808 #attachments {
809 clear:both;
810 float:left;
811 width:100%;
812 margin-top:18px;
813 }
814 #attachments dt {
815 font-weight:bold;
816 font-size:1.3em;
817 margin-bottom:4px;
818 }
819
820 #attachments ol li {
821 margin-bottom:18px;
822 list-style-type:decimal;
823 float:left;
824 clear:both;
825 }
826
827 #jOverlayContent,
828 #jOverlayContent #content,
829 #jOverlayContent #content_inner { /* TODO can remove this now? */
830 width: auto !important;
831 margin-bottom:0;
832 }
833 #jOverlayContent #content {
834 padding:11px;
835 min-height:auto;
836     border: 1px solid #fff;
837 }
838 #jOverlayContent .entry-title {
839 display:block;
840 margin-bottom:11px;
841 }
842 #jOverlayContent button {
843     position:absolute;
844     top: 5px;
845     right: 20px;
846 }
847 #jOverlayContent h1 {
848 max-width:425px;
849 }
850 #jOverlayLoading {
851 top:5%;
852 left:40%;
853 }
854 #attachment_view img {
855 max-width:480px;
856 max-height:480px;
857 }
858 #attachment_view #oembed_info {
859 margin-top:11px;
860 }
861 #attachment_view #oembed_info dt,
862 #attachment_view #oembed_info dd {
863 float:left;
864 }
865 #attachment_view #oembed_info dt {
866 clear:left;
867 margin-right:11px;
868 font-weight:bold;
869 }
870 #attachment_view #oembed_info dt:after {
871 content: ":";
872 }
873
874 /* threaded replies */
875
876 .threaded-replies {
877     clear: both;
878     float: left;
879     width: 458px;
880     margin-left: 59px;
881     margin-top: 10px;
882     margin-bottom: 10px;
883     padding-right: 2px;
884     border-left: 3px solid #ECECF2;
885     background: #fafafa;
886     color: #222;
887     font-size: 1em;
888 }
889
890 .threaded-replies:empty {
891     margin-bottom: 0px; 
892 }
893
894 .user_in .threaded-replies {
895     margin-top: 0px;
896 }
897
898 #content .notice .threaded-replies .notice,
899 #content .notice .threaded-replies .notice-data { 
900     width: 440px;
901     padding-bottom: 14px;
902     padding-top: 5px;
903     border-bottom: 2px dotted #eee;
904     line-height: 1.36em;
905     margin-top: 0px;
906     margin-bottom: 0px;
907     margin-left: 10px;
908     background: none;
909 }
910
911 #content .notice .threaded-replies .entry-title {
912     min-height: 1px;
913 }
914
915 #content .threaded-replies .notice .author .photo {
916     height: 24px;
917     width: 24px;
918     top: 12px;
919 }
920
921 #content .notice .threaded-replies .notice .entry-title {
922     margin: 2px 7px 0px 35px;
923 }
924
925 #content .notice .threaded-replies .notice div.entry-content {
926     clear:left;
927     float:left;
928     margin-left: 35px;
929     margin-top: 6px !important;
930 }
931
932 #content .notice .threaded-replies .notice div.entry-content.notice-faves {
933     margin-top: 2px !important;
934 }
935
936 #content .notice .threaded-replies .notice .notice-options {
937     margin-top: 5px;
938     margin-bottom: 0px;
939 }
940
941 .threaded-replies li {
942     list-style-type: none;
943 }
944
945 .threaded-replies .notice-reply-comments {
946     margin: 2px 0px 4px 10px;
947 }
948
949 .threaded-replies .placeholder {
950     margin: 10px;
951     width: 426px;
952     padding: 4px 4px 4px 6px;
953     border: 1px solid #a6a6a6;
954     color: #888;
955 }
956
957 .threaded-replies .notice-reply {
958     clear: left;
959     position: relative;
960     padding: 10px;
961     padding-bottom: 44px;
962 }
963
964 .threaded-replies .form_notice textarea {
965     width: 395px;
966 }
967
968 .threaded-replies .form_notice label.notice_data-attach {
969     top: 10px;
970     right: 10px;
971 }
972
973 .threaded-replies .form_notice .notice_data-geo_wrap label,
974 .threaded-replies .form_notice .notice_data-geo_wrap input {
975     top: 36px;
976     right: 10px;
977 }
978
979 .threaded-replies .form_notice .count {
980     top: 60px;
981     right: 50px;
982 }
983
984 .threaded-replies .form_notice #notice_action-submit {
985     left: 10px;
986     margin-top: -44px;
987 }
988
989 .threaded-replies .form_notice .error,
990 .threaded-replies .form_notice .success,
991 .threaded-replies .form_notice .notice-status {
992     width: 390px; 
993 }
994
995 .threaded-replies .to-selector {
996     display: none;
997 }
998
999
1000
1001 /* aside primary specific styles */
1002
1003 .aside .section p,
1004 .aside .section .more {
1005 clear:both;
1006 }
1007
1008 .section .vcard .photo {
1009 margin-right:7px;
1010 margin-bottom:0;
1011 }
1012
1013 .section .notice {
1014 padding-top:7px;
1015 padding-bottom:7px;
1016 border-top:0;
1017 }
1018
1019 .section .notice:first-child {
1020 padding-top:0;
1021 }
1022
1023 .section .notice .author {
1024 margin-right:0;
1025 }
1026 .section .notice .author .fn {
1027 display:none;
1028 }
1029
1030 #aside_primary ol.notices {
1031     list-style-type: none;
1032     float: left;
1033     position: relative;
1034     margin-bottom: 10px;
1035     width: 100%;
1036 }
1037
1038 #aside_primary .notices li {
1039     margin-bottom: 8px;
1040 }
1041
1042 #aside_primary .notice {
1043     min-height: 24px;
1044 }
1045
1046 #export_data li {
1047     list-style-type:none;
1048 }
1049
1050 #export_data li a {
1051     display: block;
1052     padding-left: 30px;
1053     height: 16px;
1054     line-height: 16px;
1055     margin-bottom: 15px;
1056 }
1057
1058 #aside_primary td {
1059     padding-right: 10px;
1060     padding-bottom: 10px;
1061 }
1062
1063 .section tbody td {
1064 padding-right:18px;
1065 padding-bottom:11px;
1066 }
1067
1068 #entity_statistics dt,
1069 #entity_statistics dd {
1070 display:inline;
1071 margin-right:11px;
1072 }
1073 #entity_statistics dt:after {
1074 content: ":";
1075 }
1076
1077 .section ul.entities {
1078     float:left;
1079     width:100%;
1080 }
1081
1082 .section .entities li {
1083     list-style-type: none;
1084     float: left;
1085     margin-right: 3px;
1086     margin-bottom: 8px;
1087     display: inline;
1088 }
1089 .section .entities li .photo {
1090     margin: 0;
1091 }
1092 .section .entities li .fn {
1093     display: none;
1094 }
1095
1096 .tag-cloud {
1097 list-style-type:none;
1098 text-align:center;
1099 }
1100 .aside .tag-cloud {
1101 font-size:0.8em;
1102 word-wrap:break-word;
1103 }
1104 .tag-cloud li {
1105 display:inline;
1106 margin-right:7px;
1107 line-height:1.25;
1108 }
1109
1110 .tag-cloud li:before {
1111 content:'\0009';
1112 }
1113
1114 .aside .tag-cloud li {
1115 line-height:1.5;
1116 }
1117 .tag-cloud li a {
1118 text-decoration:none;
1119 }
1120 #tagcloud.section dt {
1121 text-transform:uppercase;
1122 font-weight:bold;
1123 }
1124 .tag-cloud-1 {
1125 font-size:1em;
1126 }
1127 .tag-cloud-2 {
1128 font-size:1.25em;
1129 }
1130 .tag-cloud-3 {
1131 font-size:1.75em;
1132 }
1133 .tag-cloud-4 {
1134 font-size:2em;
1135 }
1136 .tag-cloud-5 {
1137 font-size:2.25em;
1138 }
1139 .tag-cloud-6 {
1140 font-size:2.75em;
1141 }
1142 .tag-cloud-7 {
1143 font-size:3.25em;
1144 }
1145
1146 #publictagcloud #tagcloud.section dt {
1147 display:none;
1148 }
1149
1150 /* secondary elements */
1151
1152 .error, .success, .notice-status {
1153     background-color: #F7E8E8;
1154     padding: 4px 10px;
1155 }
1156 .success, .notice-status {
1157     background-color: #f2f2f2;
1158 }
1159
1160 #page_notice {
1161 clear:both;
1162 margin-bottom:18px;
1163 }
1164
1165 .entry-content .success {
1166     padding: 6px;
1167 }
1168
1169 .system_notice ul,
1170 .instructions ul {
1171 margin-left:1em;
1172 }
1173 .instructions p,
1174 .instructions ul {
1175 margin-bottom:18px;
1176 }
1177 .help dt {
1178 display:none;
1179 }
1180 .guide {
1181 clear:both;
1182 }
1183
1184 #bookmarklet address {
1185 display:none;
1186 }
1187 #bookmarklet .form_notice {
1188 width:auto;
1189 }
1190 #bookmarklet #wrap {
1191 min-width:0;
1192 }
1193
1194 button.close,
1195 button.minimize {
1196 width:16px;
1197 height:16px;
1198 text-indent:-9999px;
1199 padding:0;
1200 border:0;
1201 text-align:center;
1202 font-weight:bold;
1203 cursor:pointer;
1204 }
1205
1206 .dialogbox {
1207 position:absolute;
1208     top: 0px;
1209     right: 0px;
1210 z-index:9;
1211 float:none;
1212 padding:11px;
1213 border-style:solid;
1214 border-width:1px;
1215     background: #fff;
1216     color: #000;
1217 }
1218
1219 .dialogbox legend {
1220 display:block !important;
1221 margin-right:18px;
1222 margin-bottom:18px;
1223 }
1224
1225 .dialogbox button.close {
1226 position:absolute;
1227 right:3px;
1228 top:3px;
1229 }
1230
1231 .dialogbox .form_guide {
1232 font-weight:normal;
1233 padding:0;
1234 }
1235
1236 .dialogbox .submit_dialogbox {
1237 font-weight:bold;
1238 text-indent:0;
1239 min-width:46px;
1240 }
1241 .dialogbox input {
1242 padding-left:4px;
1243 }
1244 .dialogbox fieldset {
1245 margin-bottom:0;
1246 }
1247
1248 #pagination {
1249     background-color: #f2f2f2;
1250     clear: left;
1251     margin-top: 20px;
1252     padding: 1%;
1253     height: 1em;
1254 }
1255
1256 #pagination li {
1257     display: inline;
1258 }
1259
1260 #pagination .nav_prev {
1261     float: left;
1262 }
1263
1264 #pagination .nav_next {
1265     float: right;
1266 }
1267
1268 #wrap form.processing input.submit,
1269 #wrap a.processing,
1270 .dialogbox.processing .submit_dialogbox {
1271     background: url(../images/icons/icon_processing.gif) no-repeat 47% 47%;
1272     cursor: wait;
1273     outline: none;
1274     text-indent: -9999px;
1275 }
1276
1277 /* footer elements */
1278
1279 #site_nav_global_secondary dt {
1280     display: none;
1281 }
1282
1283 #site_nav_global_secondary li {
1284     display: inline;
1285     margin-right: 20px;
1286 }
1287
1288 #licenses dt {
1289     display: none;
1290 }
1291
1292 #licenses dd {
1293     margin-top: 10px;
1294 }
1295
1296 #site_content_license_cc {
1297 margin-bottom:0;
1298 }
1299 #site_content_license_cc img {
1300 display:inline;
1301 vertical-align:top;
1302 margin-right:4px;
1303 }
1304
1305 form ul li {
1306     list-style-type:none;
1307     margin:0 0 18px 0;
1308 }
1309
1310 form label.submit {
1311 display:none;
1312 }
1313
1314 .form_settings {
1315     clear:both;
1316 }
1317
1318 .form_settings fieldset {
1319     margin-top: 10px;
1320     margin-bottom: 30px;
1321     border: none;
1322 }
1323
1324 .form_settings fieldset fieldset {
1325     margin-bottom: 40px;
1326     padding: 10px;
1327     padding-top: 30px;
1328     border-width:1px;
1329     border-style:solid;
1330     background:rgba(240, 240, 240, 0.2);
1331 }
1332
1333 .form_settings fieldset fieldset legend {
1334     line-height:0;
1335     font-size: 1.4em;
1336     font-weight: normal;
1337 }
1338
1339 .form_settings input.remove {
1340 margin-left:11px;
1341 }
1342 .form_settings .form_data li {
1343 width:100%;
1344 float:left;
1345     margin-bottom: 22px;
1346 }
1347 .form_settings .form_data label {
1348 float:left;
1349 }
1350 .form_settings .form_data textarea,
1351 .form_settings .form_data select,
1352 .form_settings .form_data input {
1353 margin-left:1.795%;
1354 float:left;
1355 }
1356
1357 .form_settings .form_data select {
1358     margin-top: 0px;
1359 }
1360
1361
1362 .form_settings .form_data input {
1363 width:39%;
1364 }
1365 .form_settings .form_data input.submit,
1366 .form_settings .form_data input.checkbox,
1367 .form_settings .form_data input.radio {
1368 width:auto;
1369 }
1370 .form_settings .form_data textarea {
1371 width:63%;
1372 }
1373
1374 .form_settings .form_data input.submit {
1375 margin-left:0;
1376 }
1377
1378 .form_settings label {
1379 margin-top:2px;
1380     width: 25%;
1381     text-align: right;
1382 }
1383
1384 .form_settings input.checkbox, .form_settings input.radio {
1385     margin-left: 25%;
1386     margin-top: 3px;
1387     position: relative;
1388     left: -14px;
1389 }
1390
1391 .form_settings label.checkbox, .form_settings label.radio {
1392     width: auto;
1393     max-width: 60%;
1394     position: relative;
1395     left: -25px;
1396 }
1397
1398 .form_settings label.checkbox {
1399     text-align: left;
1400     line-height: 1.2em;
1401 }
1402
1403 .form_settings label.radio {
1404     text-align: left;
1405     margin: 0px;
1406 }
1407
1408 .form_settings li input.radio {
1409     clear: left;
1410 }
1411
1412 .form_actions label {
1413 display:none;
1414 }
1415 .form_guide {
1416 font-style:italic;
1417 }
1418
1419 .form_settings #settings_autosubscribe label {
1420 display:inline;
1421 font-weight:bold;
1422 }
1423
1424 #form_settings_profile legend,
1425 #form_login legend,
1426 #form_register legend,
1427 #form_password legend,
1428 #form_settings_avatar legend,
1429 #newgroup legend,
1430 #editgroup legend,
1431 .form_tag_user legend,
1432 #form_remote_subscribe legend,
1433 #form_openid_login legend,
1434 #form_search legend,
1435 #form_invite legend,
1436 #form_notice_delete legend,
1437 #form_password_recover legend,
1438 #form_password_change legend,
1439 .form_entity_block legend,
1440 #form_filter_bytag legend,
1441 #apioauthauthorize_allowdeny,
1442 .form_tag_user_wrap form,
1443 .form_tag_user_wrap label,
1444 .form_tag_user_wrap legend {
1445 display:none;
1446 }
1447
1448 .form_tag_user_wrap {
1449 clear:both;
1450 }
1451
1452 .form_tag_user {
1453 float:left;
1454 width:auto;
1455 }
1456
1457 .form_tag_user input.submit {
1458 width:50px;
1459 }
1460
1461 .form_settings .form_data p.form_guide {
1462 clear:both;
1463     margin-left: 27%;
1464 margin-bottom:0;
1465     line-height: 1.2em;
1466     padding-top: 4px;
1467 }
1468
1469 .form_settings p {
1470 margin-bottom:11px;
1471 }
1472
1473 .form_settings .form_note {
1474 padding:0 7px;
1475 }
1476
1477 .form_settings .form_response {
1478     margin-top: 10px;
1479 }
1480
1481 .form_settings input {
1482     margin-right: 20px;
1483 }
1484
1485 #form_search .submit {
1486 margin-left:11px;
1487 }
1488 #form_search .form_data input {
1489 width:auto;
1490 }
1491
1492 .hentry .entry-content .form_settings ul {
1493 margin-left:0;
1494 }
1495
1496 .limited-scope .entry-content .timestamp:before {
1497 content:'☠';
1498 font-size:150%;
1499 }
1500
1501 #content .notice-source-activity div.entry-title, .notice-source-activity div.entry-content {
1502     margin-left: 0;
1503
1504
1505 #content .notice-source-activity div.entry-title {
1506     font-style: italic;
1507     min-height: 0;
1508 }
1509
1510 #content .notice-source-activity .notice div.entry-title {
1511     font-style: normal;
1512 }
1513
1514 span.rtl {
1515     display: block;
1516     direction: rtl;
1517     text-align: right;
1518     float: right;
1519
1520
1521 #filter_tags ul li,
1522 .entity_send-a-message .form_notice,
1523 .form_settings fieldset fieldset,
1524 .entity_moderation:hover ul,
1525 .entity_role:hover ul,
1526 .dialogbox {
1527 border-color:#DDDDDD;
1528 }
1529
1530 .form_settings input.form_action-primary {
1531 background:none;
1532 }
1533
1534 .form_settings .form_note {
1535     background-color: #d1f7cb;
1536 }
1537
1538 #form_settings_photo .form_data {
1539 clear:both;
1540 }
1541
1542 #form_settings_avatar li {
1543 width:auto;
1544 }
1545 #form_settings_avatar input {
1546 margin-left:0;
1547 }
1548 #avatar_original,
1549 #avatar_preview {
1550 float:left;
1551 }
1552 #avatar_preview {
1553 margin-left:29px;
1554 }
1555 #avatar_preview_view {
1556 height:96px;
1557 width:96px;
1558 margin-bottom:18px;
1559 overflow:hidden;
1560 }
1561
1562 #settings_attach,
1563 #form_settings_avatar .form_actions {
1564 clear:both;
1565 }
1566
1567 #form_settings_avatar .form_actions {
1568 margin-bottom:0;
1569 }
1570
1571 #settings_design_background-image img {
1572     max-width:480px;
1573     max-height:480px;
1574     clear: left;
1575     display: block;
1576     margin-bottom: 10px;
1577 }
1578
1579 #settings_design_background-image .form_guide {
1580     float: left;
1581     margin-top: 10px;
1582 }
1583
1584 #settings_design_color .form_data,
1585 #color-picker {
1586 float:left;
1587 }
1588 #settings_design_color .form_data {
1589 width:400px;
1590 margin-right:1%;
1591 }
1592
1593 #settings_design_color .form_data li {
1594 width:33%;
1595 }
1596 #settings_design_color .form_data label {
1597 float:none;
1598 display:block;
1599 }
1600 #settings_design_color .form_data .swatch {
1601 padding:11px;
1602 margin-left:0;
1603 width:auto;
1604 }
1605
1606 .entity_profile {
1607 position:relative;
1608 width:73%;
1609 min-height:123px;
1610 float:left;
1611 margin-bottom:18px;
1612 margin-left:0;
1613 overflow:hidden;
1614 }
1615
1616 .entity_profile dt,
1617 #entity_statistics dt {
1618 font-weight:bold;
1619 }
1620 .entity_profile dd {
1621 display:inline;
1622 }
1623
1624 .entity_profile .entity_depiction {
1625     float:left;
1626     width:96px;
1627     margin-right:18px;
1628     margin-bottom:18px;
1629     text-align: center;
1630 }
1631
1632 .entity_profile .entity_fn,
1633 .entity_profile .entity_nickname,
1634 .entity_profile .entity_location,
1635 .entity_profile .entity_url,
1636 .entity_profile .entity_note,
1637 .entity_profile .entity_tags,
1638 .entity_profile .entity_aliases,
1639 .entity_profile .entity_statistics {
1640 margin-left:113px;
1641 margin-bottom:4px;
1642 }
1643
1644 .peopletags_edit_button {
1645 cursor:pointer;
1646 border:0;
1647 padding:0;
1648 width:16px;
1649 height:16px;
1650     position: relative;
1651     top: -3px;
1652 }
1653
1654 .entity_profile .entity_nickname,
1655 .entity_profile .entity_fn {
1656 margin-left:0;
1657 }
1658
1659 .entity_profile .nickname {
1660     font-size:1.4em;
1661 }
1662
1663 .entity_profile .fn {
1664     font-size: 1.2em;
1665     clear: left;
1666 }
1667
1668 .entity_profile .fn:before {
1669 content: "(";
1670 font-weight:normal;
1671 }
1672 .entity_profile .fn:after {
1673 content: ")";
1674 font-weight:normal;
1675 }
1676 .entity_profile .nickname:after,
1677 .entity_profile .nickname:before {
1678 content:"";
1679 }
1680 .entity_profile dt,
1681 .entity_profile h2 {
1682 display:none;
1683 }
1684 .entity_profile .role {
1685 margin-left:11px;
1686 font-style:italic;
1687 }
1688
1689 .entity_actions {
1690 float:right;
1691 margin-left:2%;
1692     margin-bottom: 28px;
1693 min-width:21%;
1694 }
1695
1696 .entity_actions h2 {
1697 display:none;
1698 }
1699 .entity_actions ul {
1700 list-style-type:none;
1701 }
1702 .entity_actions li {
1703 margin-bottom:7px;
1704 }
1705 .entity_actions li:first-child {
1706 border-top:0;
1707 }
1708 .entity_actions fieldset {
1709 border:0;
1710 padding:0;
1711 }
1712 .entity_actions legend {
1713 display:none;
1714 }
1715
1716 .entity_actions input.submit {
1717 display:block;
1718 text-align:left;
1719 width:100%;
1720 }
1721
1722 .entity_actions a, .entity_actions input, .entity_actions p {
1723     color: #333 !important;
1724     font-weight: normal;
1725     line-height: 1.6em;
1726 }
1727
1728 .entity_actions a {
1729 text-decoration:none;
1730 display:block;
1731     padding: 3px 4px 4px 28px;
1732 }
1733
1734 .entity_actions input {
1735     padding: 4px 4px 4px 26px;
1736 }
1737
1738 .entity_actions a, .entity_actions p, .entity_actions .entity_subscribe input, .entity_actions .entity_block input, .entity_actions .entity_moderation input, .entity_actions .entity_role input, .entity_actions .entity_nudge input, .entity_actions .entity_delete input, .entity_actions input.submit {
1739     background-color: #ccc !important;
1740     border: none;
1741 }
1742
1743 .entity_actions p {
1744     padding: 2px 4px 4px 28px;
1745 }
1746
1747 .entity_actions a:hover, .entity_actions p:hover, .entity_actions .entity_subscribe input:hover, .entity_actions .entity_block input:hover, .entity_actions .entity_moderation input:hover, .entity_actions .entity_role input:hover, .entity_actions .entity_nudge input:hover, .entity_actions .entity_delete input:hover, .entity_actions input.submit:hover {
1748     background-color: #f2f2f2 !important;
1749 }
1750
1751 .entity_actions #entity_remote_subscribe a {
1752     padding-right: 6px;
1753 }
1754
1755 .entity_actions .accept {
1756 margin-bottom:18px;
1757 }
1758
1759 .entity_send-a-message button {
1760 position:absolute;
1761 top:3px;
1762 right:3px;
1763 }
1764
1765 .entity_send-a-message .form_notice {
1766     width: 410px;
1767     padding: 10px;
1768     position: absolute;
1769     top: 46px;
1770     right: 10px;
1771     z-index: 2;
1772 }
1773
1774 .entity_send-a-message .form_notice fieldset {
1775     width: 410px;
1776 }
1777
1778 .entity_send-a-message .form_notice textarea {
1779     width: 280px;
1780 }
1781
1782 .entity_send-a-message .form_notice legend {
1783 display:block;
1784 margin-bottom:11px;
1785     font-weight: normal;
1786     color: #333 !important;
1787 }
1788
1789 .entity_send-a-message .form_notice label,
1790 .entity_send-a-message .form_notice select {
1791 display:none;
1792 }
1793 .entity_send-a-message .form_notice .submit {
1794     position: absolute;
1795     top: 52px;
1796     right: 0px;
1797     text-align: center;
1798 }
1799
1800 .entity_moderation,
1801 .entity_role {
1802 position:relative;
1803 }
1804 .entity_moderation p,
1805 .entity_role p {
1806
1807 padding-bottom:2px;
1808 margin-bottom:7px;
1809 }
1810 .entity_moderation ul,
1811 .entity_role ul {
1812 display:none;
1813 }
1814 .entity_moderation:hover ul,
1815 .entity_role:hover ul {
1816 display:block;
1817 width:110%;
1818 padding:11px;
1819 position:absolute;
1820 z-index:1;
1821 border-width:1px;
1822 border-style:solid;
1823         top: 20px;
1824         right: 0px;
1825         background-color: #fff;
1826 }
1827
1828 .entity_tags ul {
1829 list-style-type:none;
1830 display:inline;
1831 }
1832 .entity_tags li {
1833 display:inline;
1834 margin-right:7px;
1835 }
1836 .entity_tags li:before {
1837 content:'\0009';
1838 }
1839 .entity_tags p.error {
1840 clear:both;
1841 }
1842
1843 #filter_tags {
1844     margin-bottom: 20px;
1845     padding-bottom: 10px;
1846     border-bottom: 1px solid #ccc;
1847     float: left;
1848 }
1849 #filter_tags dt {
1850 display:none;
1851 }
1852 #filter_tags ul {
1853 list-style-type:none;
1854 }
1855 #filter_tags li {
1856 float:left;
1857 margin-left:7px;
1858 padding-left:7px;
1859 border-left-width: 1px;
1860 border-left-style:solid;
1861 }
1862 #filter_tags #filter_tags_all,
1863 #filter_tags #filter_tags_for {
1864     margin-left: 10px;
1865 border-left:0;
1866 padding-left:0;
1867 }
1868 #filter_tags_all a,
1869 #filter_tags_for a  {
1870 font-weight:bold;
1871     margin-top: 4px;
1872 float:left;
1873 }
1874
1875 #filter_tags_for a {
1876 margin:0;
1877 }
1878
1879 #filter_tags #form_filter_bymode .form_guide {
1880 display:none;
1881 }
1882
1883 #filter_tags #form_filter_bymode .checkbox {
1884 float:none;
1885 }
1886
1887 #filter_tags #form_filter_bymode legend {
1888 display:none;
1889 }
1890
1891 #filter_tags_item label {
1892     margin-right: 14px;
1893     margin-left: 7px;
1894     padding-top: 4px;
1895 }
1896 #filter_tags_item label,
1897 #filter_tags_item select {
1898 float:left;
1899 }
1900
1901 #filter_tags_item p {
1902 float:left;
1903 clear:both;
1904 margin-left:38px;
1905 }
1906 #filter_tags_item .submit {
1907 position:relative;
1908 top:3px;
1909 left:3px;
1910 }
1911
1912 .profile .entity_profile {
1913 margin-bottom:0;
1914 min-height:60px;
1915 }
1916
1917 .profile .form_group_join legend,
1918 .profile .form_group_leave legend,
1919 .profile .form_user_subscribe legend,
1920 .profile .form_user_unsubscribe legend,
1921 .form_user_add_peopletag legend,
1922 .form_user_remove_peopletag legend {
1923 display:none;
1924 }
1925
1926 .profiles {
1927     list-style-type:none;
1928 }
1929
1930 .profiles li {
1931     margin-bottom: 20px;
1932 }
1933
1934 .profile .entity_profile .fn.nickname,
1935 .profile .entity_profile .url[rel~=contact] {
1936 margin-left:0;
1937 display:inline;
1938 }
1939
1940 .profile .entity_profile .fn,
1941 .profile .entity_profile .label {
1942 margin-left:11px;
1943 margin-bottom:4px;
1944 width:auto;
1945 clear:none;
1946 }
1947
1948 .profile .entity_profile .note,
1949 .profile .entity_profile .url,
1950 .profile .entity_profile .entity_tags,
1951 .profile .entity_profile .form_subscription_edit {
1952 margin-left:59px;
1953 clear:none;
1954 display:block;
1955 width:auto;
1956 }
1957
1958 .profile_block .entity_tags dt {
1959 display: inline;
1960 margin-right: 3px;
1961 font-weight: bold;
1962 }
1963
1964 .profile_block .entity_tags dd {
1965 display: inline;
1966 }
1967
1968 .profile .entity_profile .form_subscription_edit {
1969 clear:left;
1970 }
1971
1972 .peopletag {
1973 min-height: 90px;
1974 list-style: none;
1975 }
1976
1977 .peopletag .entry-content {
1978 width:auto;
1979 }
1980
1981 .peopletag .tagged-count a:after,
1982 .peopletag .subscriber-count a:after,
1983 .entity_tags dt:after {
1984 content: ':';
1985 }
1986
1987 .peopletag .updated {
1988 display:none;
1989 }
1990 .peopletag .tag a{
1991 font-weight: bold;
1992 }
1993
1994 .peopletag .tag:before {
1995 /* raquo */
1996 content: "\00BB";
1997 }
1998
1999 .peopletag .entity_statistics {
2000 font-size:80%;
2001 }
2002
2003 .profile-lister li {
2004 min-height:30px;
2005 padding:5px;
2006 clear:both;
2007 border-top: 1px #eee solid;
2008 }
2009
2010 .profile-lister {
2011 list-style-type:none;
2012 }
2013
2014 .profile_search_wrap h3 {
2015 float:left;
2016 font-weight:normal;
2017 margin-right:10px;
2018 }
2019
2020 .profile-lister li .photo {
2021 display:inline;
2022 margin-right:7px;
2023 margin-bottom:-5px;
2024 }
2025
2026 .profile-lister li .fn {
2027 font-weight:bold;
2028 }
2029
2030 .profile-lister li .entity_actions {
2031 margin:0;
2032 }
2033
2034 #profile_search_results {
2035 display:block;
2036 border-radius:4px;
2037 -moz-border-radius:4px;
2038 -webkit-border-radius:4px;
2039 max-height:800px;
2040 margin:10px 0;
2041 padding: 5px;
2042 border:1px #ddd solid;
2043 background:#f1f1f1;
2044 }
2045
2046 #profile_search_results.empty {
2047 display: none;
2048 }
2049
2050 .form_peopletag_edit_user_search legend,
2051 .form_peopletag_edit_user_search label,
2052 .form_peopletag_edit_user_search .form_guide {
2053 display:none;
2054 }
2055
2056 .form_peopletag_edit_user_search #field {
2057 height:30px;
2058 }
2059 .form_peopletag_edit_user_search .submit {
2060 width:60px;
2061 }
2062 .form_user_remove_peopletag,
2063 .form_user_add_peopletag {
2064 float:right;
2065 }
2066 .form_user_add_peopletag input.submit,
2067 .form_user_remove_peopletag input.submit {
2068 width:100px;
2069 padding-left:25px;
2070 text-align:left;
2071 }
2072
2073 .profile .entity_profile .form_subscription_edit label {
2074 font-weight:normal;
2075 margin-right:11px;
2076 }
2077
2078 .applications {
2079 margin-bottom:18px;
2080 float:left;
2081 width:100%;
2082 }
2083 .applications li {
2084 list-style-type:none;
2085 }
2086 .application img,
2087 #showapplication .entity_profile img,
2088 .form_data #application_icon img,
2089 #apioauthauthorize .form_data img {
2090 max-width:96px;
2091 max-height:96px;
2092 }
2093 #apioauthauthorize .form_data img {
2094 margin-right:18px;
2095 float:left;
2096 }
2097
2098 .oauth-desktop-mode #wrap {
2099     min-width: 500px;
2100 }
2101
2102 .oauth-desktop-mode #content {
2103     width: 480px;
2104     padding: 6px;
2105     margin: 4px 0px 0px 4px;
2106     border-top-left-radius: 7px;
2107     -moz-border-radius-topleft: 7px;
2108     -webkit-border-top-left-radius: 7px;
2109 }
2110
2111 .oauth-desktop-mode fieldset {
2112     margin-bottom: 10px !important;
2113 }
2114
2115 #oauth_pin {
2116     text-align: center;
2117     font-size: 3em;
2118 }
2119
2120 #showapplication .entity_profile {
2121 width:68%;
2122 }
2123 #showapplication .entity_profile .entity_fn {
2124 margin-left:0;
2125 }
2126 #showapplication .entity_profile .fn:before,
2127 #showapplication .entity_profile .fn:after {
2128 content:'';
2129 }
2130 #showapplication .entity_data {
2131 clear:both;
2132 margin-bottom:18px;
2133 }
2134 #showapplication .entity_data h2 {
2135 display:none;
2136 }
2137 #showapplication .entity_data dd {
2138 font-family:monospace;
2139 font-size:1.3em;
2140     margin-bottom: 10px;
2141 }
2142 .form_data #application_types label.radio,
2143 .form_data #default_access_types label.radio {
2144 width:14.5%;
2145 }
2146
2147 .mark-top {
2148     border-top: 1px solid #ccc;
2149 }
2150
2151 #realtime_actions {
2152     position: relative !important;
2153     right: -4px !important;
2154     float: right;
2155     padding-top: 15px;
2156     margin-bottom: -8px !important;
2157 }
2158
2159 #realtime_actions li {
2160     margin-left: 2px !important;
2161 }
2162
2163 #realtime_play, #realtime_pause, #realtime_popup {
2164     background-image: url(../images/icons/icons-01.gif);
2165     background-repeat: no-repeat;
2166     background-color: transparent;
2167 }
2168
2169 #realtime_play {
2170     background-position: 0 -2308px;
2171 }
2172 #realtime_pause {
2173     background-position: 0 -2374px;
2174 }
2175 #realtime_popup {
2176     background-position: 0 -1714px;
2177 }
2178
2179 #realtime_play, #realtime_pause, #realtime_popup {
2180     opacity: 0.6;
2181 }
2182
2183 #realtime_play:hover, #realtime_pause:hover, #realtime_popup:hover {
2184     opacity: 1;
2185 }
2186
2187 body.realtime-popup {
2188     min-width: 100%;
2189     overflow-x: hidden;
2190 }
2191
2192 .realtime-popup #content {
2193     padding: 0px !important;
2194     margin: 0px !important;
2195     left: 0;
2196     right: 0;
2197     width: 100% !important;
2198     overflow: visible;
2199 }
2200
2201 .realtime-popup #content_inner {
2202     padding: 5px;
2203 }
2204
2205 .realtime-popup .input_forms {
2206     top: 0px;
2207     left: 0px;
2208     padding: 10px 0px 0px 5px;
2209 }
2210
2211 .realtime-popup .form_notice_placeholder .placeholder {
2212     width: 445px;
2213 }
2214
2215 .realtime-popup .input_form {
2216     width: 470px;
2217 }
2218
2219 .realtime-popup .form_notice fieldset {
2220     width: 430px !important;
2221 }
2222
2223 .realtime-popup .form_notice textarea {
2224     width: 425px !important;
2225 }
2226
2227 .realtime-popup .form_notice label.notice_data-attach {
2228     right: 0px !important;
2229     top: 3px !important;
2230 }
2231
2232 .realtime-popup .form_notice #notice_data-geo_wrap label, .realtime-popup .form_notice #notice_data-geo_wrap input {
2233     right: 8px !important;
2234     top: 3px !important;
2235 }
2236
2237 .realtime-popup .form_notice .error,
2238 .realtime-popup .form_notice .success,
2239 .realtime-popup .form_notice .notice-status {
2240     width: 430px; 
2241 }
2242
2243 /* icons */
2244
2245 .form_notice label.notice_data-attach,
2246 #export_data li a.rss,
2247 #export_data li a.atom,
2248 #export_data li a.foaf,
2249 .entity_edit a,
2250 .entity_send-a-message a,
2251 .entity_nudge p,
2252 .form_user_nudge input.submit,
2253 .form_user_block input.submit,
2254 .form_user_unblock input.submit,
2255 .form_group_block input.submit,
2256 .form_group_unblock input.submit,
2257 .form_make_admin input.submit,
2258 .notice .attachment,
2259 .notice-options .notice_reply,
2260 .notice-options form.form_favor input.submit,
2261 .notice-options form.form_disfavor input.submit,
2262 .notice-options .notice_delete,
2263 .notice-options form.form_repeat input.submit,
2264 #new_group a,
2265 #pagination .nav_prev a,
2266 #pagination .nav_next a,
2267 button.close,
2268 .form_group_leave input.submit,
2269 .form_user_unsubscribe input.submit,
2270 .form_group_join input.submit,
2271 .form_user_subscribe input.submit,
2272 .form_remote_authorize input.submit,
2273 .entity_subscribe a,
2274 .entity_moderation p,
2275 .entity_sandbox input.submit,
2276 .entity_silence input.submit,
2277 .entity_delete input.submit,
2278 .entity_role p,
2279 .entity_role_administrator input.submit,
2280 .entity_role_moderator input.submit,
2281 .form_user_remove_peopletag input.submit,
2282 .form_user_add_peopletag input.submit,
2283 .form_peopletag_subscribe input.submit,
2284 .form_peopletag_unsubscribe input.submit,
2285 .notice-options .repeated,
2286 .form_notice label.notice_data-geo,
2287 button.minimize,
2288 .form_reset_key input.submit,
2289 .entity_tag a,
2290 .entity_clear input.submit,
2291 .entity_flag input.submit,
2292 .entity_flag p,
2293 .entity_subscribe input.submit,
2294 #realtime_play,
2295 #realtime_pause,
2296 #realtime_popup,
2297 .peopletags_edit_button,
2298 .mode-private .privacy_mode {
2299 background-image:url(../images/icons/icons-01.gif);
2300 background-repeat:no-repeat;
2301 background-color:transparent;
2302 }
2303
2304 button.close {
2305 background-position:0 -1120px;
2306 }
2307 button.minimize {
2308 background-position:0 -1912px;
2309 }
2310 #export_data li a.rss {
2311 background-position:0 -130px;
2312 }
2313 #export_data li a.atom {
2314 background-position:0 -64px;
2315 }
2316 #export_data li a.foaf {
2317 background-position:0 1px;
2318 }
2319
2320 #export_data li a.json {
2321 background-image:url(../images/icons/activitystreams.png);
2322 background-repeat:no-repeat;
2323 background-color:transparent;
2324 }
2325
2326 .form_group_leave input.submit,
2327 .form_user_unsubscribe input.submit,
2328 .form_user_remove_peopletag input.submit,
2329 .form_peopletag_unsubscribe input.submit {
2330 background-position:5px -1246px;
2331 }
2332 .form_group_join input.submit,
2333 .form_user_subscribe input.submit,
2334 .form_remote_authorize input.submit,
2335 .form_user_add_peopletag input.submit,
2336 .form_peopletag_subscribe input.submit,
2337 .entity_subscribe a {
2338 background-position:5px -1181px;
2339 }
2340  .peopletags_edit_button {
2341 background-position: 0 -724px;
2342 }
2343
2344 .entity_edit a {
2345 background-position: 5px -719px;
2346 }
2347 .entity_send-a-message a {
2348 background-position: 5px -852px;
2349 }
2350 .entity_nudge p,
2351 .form_user_nudge input.submit {
2352 background-position: 5px -785px;
2353 }
2354 .form_user_block input.submit,
2355 .form_user_unblock input.submit,
2356 .form_group_block input.submit,
2357 .form_group_unblock input.submit {
2358 background-position: 5px -918px;
2359 }
2360 .form_make_admin input.submit {
2361 background-position: 5px -983px;
2362 }
2363 .entity_moderation p {
2364 background-position: 5px -1313px;
2365 }
2366 .entity_sandbox input.submit {
2367 background-position: 5px -1380px;
2368 }
2369 .entity_silence input.submit {
2370 background-position: 5px -1445px;
2371 }
2372 .entity_delete input.submit {
2373 background-position: 5px -1511px;
2374 }
2375 .entity_sandbox .form_user_unsandbox input.submit {
2376 background-position: 5px -2568px;
2377 }
2378 .entity_silence .form_user_unsilence input.submit {
2379 background-position: 5px -2633px;
2380 }
2381 .entity_role p {
2382 background-position: 5px -2436px;
2383 }
2384 .entity_role_administrator .form_user_grantrole input.submit {
2385 background-position: 5px -983px;
2386 }
2387 .entity_role_moderator .form_user_grantrole input.submit {
2388 background-position: 5px -1313px;
2389 }
2390 .entity_role_administrator .form_user_revokerole input.submit {
2391 background-position: 5px -2699px;
2392 }
2393 .entity_role_moderator .form_user_revokerole input.submit {
2394 background-position: 5px -2501px;
2395 }
2396 .form_reset_key input.submit {
2397 background-position: 5px -1973px;
2398 }
2399 .entity_clear input.submit {
2400 background-position: 5px -2039px;
2401 }
2402 .entity_flag input.submit,
2403 .entity_flag p {
2404 background-position: 5px -2105px;
2405 }
2406 .entity_subscribe input.accept {
2407 background-position: 5px -2171px;
2408 }
2409 .entity_subscribe input.reject {
2410 background-position: 5px -2237px;
2411 }
2412 #realtime_play {
2413 background-position: 0 -2308px;
2414 }
2415 #realtime_pause {
2416 background-position: 0 -2374px;
2417 }
2418 #realtime_popup {
2419 background-position: 0 -1714px;
2420 }
2421 .notice .attachment {
2422 background-position:0 -394px;
2423 }
2424 .notice .attachment.more {
2425 background-position:0 -2770px;
2426 }
2427 #attachments .attachment {
2428 background:none;
2429 }
2430 .notice-options .notice_reply {
2431 background-position:0 -592px;
2432 }
2433 .notice-options form.form_favor input.submit {
2434 background-position:0 -460px;
2435 }
2436 .notice-options form.form_disfavor input.submit {
2437 background-position:0 -526px;
2438 }
2439 .notice-options .notice_delete {
2440 background-position:0 -658px;
2441 }
2442 .notice-options .form_repeat.processing {
2443 background-image:none;
2444 }
2445 .notice-options form.form_repeat input.submit {
2446 background-position:0 -1582px;
2447 }
2448 .notice-options .repeated {
2449 background-position:0 -1648px;
2450 }
2451 #new_group a {
2452 background-position:0 -1054px;
2453 }
2454 .form_notice label.notice_data-attach {
2455     background-position: 0 -328px;
2456 }
2457 .form_notice label.notice_data-geo {
2458     background-position: 0 -1780px;
2459 }
2460 .form_notice label.notice_data-geo.checked {
2461     background-position: 0 -1846px;
2462 }
2463
2464 #pagination .nav_prev a {
2465     padding-top: 8px;
2466     padding-left: 25px;
2467     background-position:0 -187px;
2468 }
2469 #pagination .nav_next a { 
2470     padding-top: 9px;
2471     padding-right: 25px;
2472     background-position: 115% -252px;
2473 }
2474
2475 #usergroups #new_group {
2476 float: left;
2477 margin-right: 2em;
2478 }
2479 #new_group, #group_search {
2480 margin-bottom:18px;
2481 }
2482 #new_group a {
2483 padding-left:20px;
2484 }
2485
2486
2487
2488 .entity_tags li.mode-private {
2489 color: #829D25;
2490 }
2491 .mode-private .privacy_mode {
2492 background-position: 0px -1978px;
2493 }
2494
2495 /* tag autocomplete */
2496
2497 .ptag-ac-line {
2498 font-weight: normal;
2499 background-color: white;
2500 min-height:30px;
2501 }
2502 .ptag-ac-line:nth-child(odd) {
2503 background-color: #fafafa;
2504 }
2505
2506 .ptag-ac-line-tag {
2507 min-width: 150px;
2508 display: inline-block;
2509 }
2510
2511 .ptag-ac-line .freq {
2512 min-width: 50px;
2513 text-align: right;
2514 float:right;
2515 }
2516
2517 .ptag-ac-line.mode-public .privacy_mode {
2518 display:none;
2519 }
2520
2521 #site_nav_local_views li.extended_menu a {
2522     display:none;
2523 }
2524
2525 /*end of @media screen, projection, tv*/
2526
2527
2528 @media print {
2529 a:after { background-color:#FFFFFF; }
2530 a:not([href^="#"]):after { content:" <"attr(href)"> "; }
2531 img { border:none; }
2532 p { orphans: 2; widows: 1; }
2533
2534 #site_nav_global_primary,
2535 #site_nav_local_views,
2536 #form_notice,
2537 .pagination,
2538 #site_nav_global_secondary,
2539 .entity_actions,
2540 .notice-options,
2541 #aside_primary,
2542 .form_subscription_edit .submit {
2543 display:none;
2544 }
2545 .timestamp dt, .timestamp dd,
2546 .device dt, .device dd {
2547 display:inline;
2548 }
2549 .profiles li,
2550 .notices li {
2551 margin-bottom:18px;
2552 }
2553
2554 }/*end of @media print*/