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