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