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