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