]> git.mxchange.org Git - quix0rs-gnu-social.git/blob - theme/base/css/display.css
789eaee4ce86f3fca142158e2f81401215efac54
[quix0rs-gnu-social.git] / theme / base / css / display.css
1 /* theme: base */
2 * { margin:0; padding:0; }
3 img { display:block; border:0; }
4 a abbr { cursor: pointer; border-bottom:0; }
5 table { border-collapse:collapse; }
6 ol { list-style-position:inside; }
7 html { font-size: 87.5%; background-color:#fff; height:100%; }
8 body {
9 background-color:#fff;
10 color:#000;
11 font-family:sans-serif;
12 font-size:1em;
13 line-height:1.65;
14 position:relative;
15 margin:0 auto;
16 width:1004px;
17 width:71.714em;
18 }
19 h1 {
20 font-size:1.7em;
21 line-height:1.1;
22 margin-bottom:0.25em;
23 }
24 h2 { font-size:1.3em; }
25 h3 { font-size:1.2em; }
26 h4 { font-size:1.1em; }
27 h5 { font-size:1em; }
28 h6 { font-size:0.9em; }
29 h1,h2,h3,h4,h5,h6 {
30         text-transform:uppercase;
31         margin-bottom:7px;
32 }
33 caption {
34 font-weight:bold;
35 }
36 .opened { display: block !important;}
37 .closed { display: none !important;}
38
39
40 legend {
41 font-weight:bold; 
42 font-size:1.5em;
43 text-transform:uppercase;
44 }
45 form {
46 }
47 input, textarea, select, option {
48 padding:4px;
49 font-family:sans-serif;
50 font-size:1em;
51 -moz-border-radius:4px;
52 }
53 input:focus, textarea:focus, select:focus {
54 border-width:2px;
55 border-style: solid;
56 }
57
58 select, option {
59 padding-bottom:0;
60 }
61 fieldset {
62 padding:0;
63 border:0;
64 }
65 form ul li {
66 list-style-type:none;
67 margin:0 0 18px 0;
68 }
69 form label {
70 font-weight:bold;
71 /*margin:0 0 11px 0;*/
72 }
73 form ul li input {
74 }
75
76 form input.checkbox {
77 position:relative;
78 top:2px;
79 left:0;
80 }
81
82 #page_notice .error {
83 background-color:#F7E8E8;
84 padding:4px 7px;
85 -moz-border-radius:4px;
86 }
87 form label.submit {
88 display:none;
89 }
90 form .error_message {
91 display:block;
92 }
93 .form_response {
94 margin-bottom:18px;
95 }
96
97 form input.submit {
98 }
99
100
101
102
103 /* FORM SETTINGS */
104 .form_settings fieldset {
105 margin-bottom:29px;
106 }
107
108 .form_guide {
109 font-style:italic;
110 }
111
112
113 .form_settings .form_datas li {
114 width:100%;
115 float:left;
116 }
117
118 .form_settings .form_datas label,
119 .form_settings .form_datas input {
120 margin-right:11px;
121 float:left;
122 }
123
124 .form_settings label {
125 margin-top:7px;
126 width:123px;
127 }
128
129 .form_actions label {
130 display:none;
131 }
132
133 .form_settings #settings_autosubscribe label {
134 display:inline;
135 font-weight:bold;
136 }
137
138 #form_settings_profile legend {
139 display:none;
140 }
141
142 .form_settings .form_datas p.form_guide {
143 clear:both;
144 margin-left:134px;
145 margin-bottom:0;
146 }
147
148 .form_settings p {
149 margin-bottom:11px;
150 }
151
152 .form_settings input.checkbox {
153 margin-top:3px;
154 }
155 .form_settings label.checkbox {
156 font-weight:normal;
157 width:auto;
158 margin-top:0;
159 }
160
161 #form_login p.form_guide {
162 margin-left:0;
163 }
164
165
166 .form_settings .form_note {
167 -moz-border-radius:4px;
168 padding:0 7px;
169 }
170
171 /* FORM SETTINGS */
172
173
174
175
176 address {
177 float:left;
178 margin-bottom:18px;
179 margin-left:18px;
180 }
181 address .fn,
182 address .email {
183 display:none;
184 }
185
186
187
188 #header {
189 width:100%;
190 position:relative;
191 float:left;
192 padding-top:18px;
193 margin-bottom:29px;
194 }
195
196 #site_nav_global_primary {
197 float:right;
198 }
199 #site_nav_global_primary ul li {
200 display:inline;
201 margin-left:11px;
202 }
203
204
205 .system_notice dt {
206 font-weight:bold;
207 text-transform:uppercase;
208 display:none;
209 }
210
211 #site_notice {
212 position:absolute;
213 right:0;
214 top:49px;
215 float:right;
216 width:322px;
217 }
218 #page_notice {
219 clear:both;
220 margin-bottom:18px;
221 }
222
223
224
225
226 #footer {
227 float:left;
228 width:68%;
229 padding-bottom:11px;
230 }
231
232
233
234 #site_nav_local_views {
235 width:100%;
236 float:left;
237 }
238 #site_nav_local_views dt {
239 display:none;
240 }
241 #site_nav_local_views li {
242 float:left;
243 margin-right:18px;
244 list-style-type:none;
245 }
246 #site_nav_local_views a {
247 float:left;
248 text-decoration:none;
249 padding:4px 11px;
250 -moz-border-radius-topleft:4px;
251 -moz-border-radius-topright:4px;
252 border-width:1px;
253 border-style:solid;
254 border-bottom:0;
255 font-weight:bold;
256 }
257 #site_nav_local_views .nav {
258 float:left;
259 width:100%;
260 }
261
262
263 #site_nav_global_primary dt,
264 #site_nav_global_secondary dt {
265 display:none;
266 }
267 /*
268 #site_nav_global_primary .current a {
269 font-weight:bold;
270 border-style:solid;
271 }
272 */
273 #site_nav_global_secondary {
274 margin-bottom:11px;
275 }
276
277 #site_nav_global_secondary ul li {
278 display:inline;
279 margin-right:11px;
280 }
281 #export_data li a {
282 padding-left:20px;
283 }
284 #export_data li a.foaf {
285 padding-left:30px;
286 }
287 #export_data li a.export_vcard {
288 padding-left:28px;
289 }
290
291
292
293 #export_data ul {
294 display:inline;
295 }
296 #export_data li {
297 list-style-type:none;
298 display:inline;
299 margin-left:11px;
300 }
301 #export_data li:first-child {
302 margin-left:0;
303 }
304
305
306
307 #licenses {
308 font-size:0.9em;
309 }
310
311 #licenses dt {
312 font-weight:bold;
313 display:none;
314 }
315 #licenses dd {
316 margin-bottom:11px;
317 line-height:1.5;
318 }
319
320
321 #site_content_license_cc p {
322 }
323 #site_content_license_cc img {
324 display:inline;
325 vertical-align:top;
326 margin-right:4px;
327 }
328
329
330 #wrap {
331         float:left;
332         margin:0 auto;
333     width:1004px;
334     width:71.714em;
335 }
336
337
338 #core {
339 position:relative;
340 width:100%;
341 float:left;
342 margin-bottom:1em;
343 }
344
345 #content {
346 width:644px;
347 padding:18px;
348 float:left;
349 -moz-border-radius:7px;
350 -moz-border-radius-topleft:0;
351 }
352
353 #content_inner {
354 position:relative;
355 }
356
357 #aside_primary {
358 width:300px;
359 float:left;
360 margin-left:2px;
361 padding:18px 4px 18px 18px;
362 -moz-border-radius:7px;
363 }
364
365
366
367
368 /*Start: FORM NOTICE*/
369 #form_notice {
370 width:384px;
371 width:458px;
372 float:left;
373 margin-left:68px;
374 position:relative;
375 line-height:1;
376 }
377 #form_notice fieldset {
378 border:0;
379 padding:0;
380 }
381 #form_notice legend {
382 display:none;
383 }
384 #form_notice textarea {
385 -moz-border-radius:4px;
386 width:304px;
387 width:377px;
388 height:95px;
389 height:86px;
390 line-height:1.5;
391 padding:7px 7px 14px 7px;
392 }
393 #form_notice label {
394 display:block;
395 font-size:1.3em;
396 margin-bottom:7px;
397 }
398 #form_notice .form_datas li {
399 float:left;
400 }
401
402 #form_notice #notice_attach_file label,
403 #form_notice #notice_submit label {
404 display:none;
405 }
406
407 #form_notice #notice_attachment {
408 margin-top:25px;
409 margin-left:4px;
410 }
411
412 #form_notice .form_note {
413 position:absolute;
414 top:125px;
415 top:116px;
416 right:98px;
417 z-index:9;
418 }
419
420 #form_notice .form_note dt {
421 font-weight:bold;
422 display:none;
423 }
424 #notice_text-count {
425 font-weight:bold;
426 line-height:1.15;
427 }
428
429 #form_notice #notice_data-attach_view {
430 /*position:absolute;*/
431 top:25px;
432 right:30px;
433 margin-left:4px;
434 padding:0;
435 cursor:pointer;
436 width:16px;
437 height:16px;
438 border:0;
439 text-indent:-9999px;
440 }
441 #form_notice .form_actions {
442 position:absolute;
443 top:107px;
444 top:98px;
445 right:0;
446 }
447 #form_notice li {
448 margin-bottom:0;
449 }
450 /*end FORM NOTICE*/
451
452
453
454
455
456 /* user_profile */
457 #user_profile {
458 position:relative;
459 width:633px;
460 min-height:123px;
461 float:left;
462 margin-bottom:17px;
463 margin-left:0;
464 }
465 #user_profile dt,
466 #user_statistics dt {
467 font-weight:bold;
468 }
469 #user_profile .user_depiction {
470 float:left;
471 position:absolute;
472 top:0;
473 left:0;
474 width:96px;
475 }
476 #user_profile .user_fn,
477 #user_profile .user_nickname,
478 #user_profile .user_location,
479 #user_profile .user_url,
480 #user_profile .user_note,
481 #user_profile .user_tags {
482 float:left;
483 clear:left;
484 margin-left:125px;
485 width:322px;
486 margin-bottom:4px;
487 }
488
489 #user_profile .user_fn,
490 #user_profile .user_nickname {
491 width:auto;
492 clear:none;
493 }
494 #user_profile .user_nickname {
495 margin-left:11px;
496 }
497 #user_profile .user_nickname .nickname {
498 font-style:italic;
499 font-weight:bold;
500 margin-left:4px;
501 margin-right:4px;
502 }
503
504 #user_profile .user_nickname dd:before {
505 content: "(";
506 }
507 #user_profile .user_nickname dd:after {
508 content: ")";
509 }
510
511 #user_profile dt {
512 display:none;
513 }
514 #user_profile h2 {
515 display:none;
516 }
517 /* user_profile */
518
519 /*user_actions*/
520 #user_actions {
521 clear:left;
522 float:left;
523 position:absolute;
524 top:0;
525 right:0;
526 }
527 #user_actions h2 {
528 display:none;
529 }
530 #user_actions ul {
531 list-style-type:none;
532 }
533 #user_actions li {
534 border-top-width:1px;
535 border-top-style:dotted;
536 }
537 #user_actions li:first-child {
538 border-top:0;
539 }
540 #user_actions fieldset {
541 border:0;
542 padding:0;
543 }
544 #user_actions legend {
545 display:none;
546 }
547
548 #user_actions a,
549 #user_actions input.submit {
550 display:block;
551 text-align:left;
552 padding:4px 0 4px 19px;
553 }
554 #user_actions a {
555 text-decoration:none;
556 }
557 #user_subscribe a,
558 #TB_window input.submit,
559 #user_actions input.submit {
560 border:0;
561 cursor:pointer;
562 padding-left:16px;
563 width:100%;
564 font-size:0.9em;
565 }
566
567 #user_subscribe a {
568 width:auto;
569 padding-left:20px;
570 }
571
572 #user_subscribe a,
573 #TB_window input.submit,
574 .form_user_subscribe input.submit {
575 font-weight:bold;
576 }
577
578
579
580 #user_send-a-message form {
581 clear:left;
582 width:322px;
583 margin-top:18px;
584 }
585
586 #user_send-a-message textarea {
587 width:96%;
588 }
589
590 .user_tags ul {
591 list-style-type:none;
592 }
593 .user_tags li {
594 display:inline;
595 margin-right:1em;
596 float:left;
597 }
598
599
600
601 .aside .section {
602 margin-bottom:29px;
603 clear:both;
604 }
605 .aside .section h2 {
606 text-transform:uppercase;
607 font-size:1em;
608 }
609
610 #user_statistics dt,
611 #user_statistics dd {
612 display:inline;
613 }
614 #user_statistics dt:after {
615 content: ":";
616 }
617
618
619 #user_subscriptions,
620 #user_subscriptions-common {
621 float:left;
622 }
623 #user_subscriptions ul.users {
624 width:220px;
625 float:left;
626 }
627 #user_subscriptions .users li {
628 list-style-type:none;
629 float:left;
630 margin-right:7px;
631 margin-bottom:7px;
632 }
633 #user_subscriptions .users li .photo {
634 width:24px;
635 height:24px;
636 margin-right:0;
637 }
638 #user_subscriptions .users li .fn {
639 display:none;
640 }
641 .aside .section .more {
642 clear:both;
643 }
644
645
646
647
648
649 /* NOTICE */
650 .notice {
651 position:relative;
652 padding-top:18px;
653 padding-bottom:18px;
654 clear:both;
655 float:left;
656 width:644px;
657 width:96.699%;
658 width:100%;
659 border-top:1px dashed #D1D9E4;
660 /*-moz-border-radius:7px;*/
661 }
662 .notices li {
663 list-style-type:none;
664 /*margin-bottom:11px;*/
665 }
666 .notices li.over {
667 background-color:#fcfcfc;
668 }
669
670
671 /* NOTICES */
672 #notices_primary {
673 float:left;
674 width:644px;
675 -moz-border-radius:7px;
676 }
677 #notices_primary h2 {
678 display:none;
679 }
680 .notice-data a span {
681 display:block;
682 padding-left:28px;
683 }
684
685
686 .notice .author {
687 margin-right:11px;
688 }
689 .notice .author a {
690 }
691 .notice .author:after {
692 /*content:":";*/
693 }
694
695 .vcard .photo {
696 display:inline;
697 margin-right:7px;
698 margin-bottom:7px;
699 float:left;
700 }
701 .vcard .url {
702 text-decoration:none;
703 }
704 .vcard .url:hover {
705 text-decoration:underline;
706 }
707 .vcard .fn {
708 font-style:italic;
709 }
710 .vcard .fn:hover {
711
712 }
713
714
715 .notice .entry-title {
716 float:left;
717 }
718 .notice p.entry-content {
719 display:inline;
720 }
721
722 .notice_video p.entry-content,
723 .notice_audio p.entry-content,
724 .notice_image p.entry-content,
725 .notice_location p.entry-content,
726 .notice_event p.entry-content,
727 .notice_document p.entry-content {
728 }
729 #laconicat .notice p.entry-content {
730 /*margin-left:199px;*/
731 }
732 .notice p.entry-content a {
733
734 }
735 .notice p.entry-content a:hover {
736
737 }
738 .notice p.entry-content .tag a {
739
740 }
741 .notice p.entry-content .tag a:hover {
742
743 }
744
745
746 .notice div.entry-content {
747 /*border:1px solid blue;*/
748 clear:left;
749 float:left;
750 width:48%;
751 font-size:0.95em;
752 }
753 .notice div.entry-content a,
754 .notice .notice-options a,
755 .notice .notice-options input {
756
757 }
758 .notice .notice-options a,
759 .notice .notice-options input {
760 float:left;
761 font-size:1.025em;
762 }
763
764 #laconicat .notice div.entry-content {
765 /*margin-left:0;*/
766 }
767
768 .notice div.entry-content dl,
769 .notice div.entry-content dt,
770 .notice div.entry-content dd {
771 display:inline;
772 }
773 .notice div.entry-content .timestamp dt,
774 .notice div.entry-content .response dt {
775 display:none;
776 }
777 .notice div.entry-content .timestamp a {
778 display:inline-block;
779 }
780 .notice div.entry-content .device dt {
781 text-transform:lowercase;
782 }
783 .notice div.entry-content a {
784
785 }
786 .notice div.entry-content a:hover {
787 }
788
789
790
791 .notice-data {
792 position:absolute;
793 top:18px;
794 right:0;
795 min-height:50px;
796 margin-bottom:4px;
797 }
798 .notice .entry-content .notice-data dt {
799 display:none;
800 }
801
802 .notice-data a {
803 display:block;
804 outline:none;
805 }
806
807 .notice-options {
808 padding-left:2%;
809 float:left;
810 width:50%;
811 position:relative;
812 font-size:0.95em;
813 }
814
815 .notice-options a {
816 float:left;
817 }
818 .notice-options .notice_delete,
819 .notice-options .notice_reply,
820 .notice-options .notice_favorite {
821 position:absolute;
822 top:0;
823 }
824 .notice-options .notice_favorite {
825 left:0;
826 }
827 .notice-options .notice_reply {
828 left:29px;
829 }
830 .notice-options .notice_delete {
831 left:76px;
832 }
833 .notice-options .notice_reply dt {
834 display:none;
835 }
836
837 .notice-options input,
838 .notice-options a {
839 text-indent:-9999px;
840 outline:none;
841 }
842
843 .notice-options .notice_reply a,
844 .notice-options form input.submit {
845 display:block;
846 border:0;
847 }
848 .notice-options .notice_reply a,
849 .notice-options .notice_delete a {
850 text-decoration:none;
851 padding-left:16px;
852 }
853
854 .notice-options .notice_delete {
855
856 }
857
858 .notice-options form input.submit {
859 cursor:pointer;
860 padding:2px 0 2px 10px;
861 }
862
863 .notice-options .notice_delete dt,
864 .notice-options .notice_favorite legend {
865 display:none;
866 }
867 .notice-options .notice_delete fieldset,
868 .notice-options .notice_favorite fieldset {
869 border:0;
870 padding:0;
871 }
872
873 /*END: NOTICES */
874
875
876
877
878
879 .pagination dt {
880 font-weight:bold;
881 display:none;
882 }
883
884 .pagination .nav {
885 float:left;
886 width:100%;
887 list-style-type:none;
888 }
889
890 .pagination .nav_prev {
891 float:left;
892 }
893 .pagination .nav_next {
894 float:right;
895 }
896
897 .pagination a {
898 display:block;
899 text-decoration:none;
900 font-weight:bold;
901 padding:7px;
902 border:1px dotted #D1D9E4;
903 border-bottom:0;
904 }
905
906 .pagination .nav_prev a {
907 -moz-border-radius-topright:7px;
908 padding-left:20px;
909 border-left:0;
910 }
911 .pagination .nav_next a {
912 -moz-border-radius-topleft:7px;
913 padding-right:20px;
914 border-right:0;
915 }
916
917
918 /* END: NOTICE */
919
920
921
922
923
924
925
926 /*START: LOAD ALONG WITH JS*/
927 .notice .in-reply-to {
928         width:98%;
929         margin-left:2%;
930 }
931 .notice .in-reply-to li {
932 background-color:#F7F9FB;
933 }
934 .notice .in-reply-to li .in-reply-to li {
935 background-color:#E4E9F0;
936 }
937 .notice .in-reply-to li .in-reply-to li .in-reply-to li {
938 background-color:#D1D9E4;
939 }
940
941
942
943 #user_actions #user_subscribe .form_note,
944 #user_actions #user_subscribe .form_datas,
945 #user_actions #user_subscribe .form_actions label {
946 display:none;
947 }
948 #form_user-relationship .form_note,
949 #form_user-relationship .form_datas,
950 #form_user-relationship .form_actions label {
951 display:block;
952 }
953
954 #user_actions #user-relationship_submit {
955 margin-bottom:0;
956 }
957 #form_user-relationship .form_datas li label {
958 margin-right:11px;
959 }
960
961 #user_relationship_xfn {
962 /*z-index:1000;
963 position:absolute;
964 width:521px;
965 height:322px;*/
966 display:none;
967 }
968 #user_relationship_xfn fieldset {
969 background-color:#fff;
970 }
971
972 /*END: LOAD ALONG WITH JS*/
973
974
975
976 /* TOP_POSTERS */
977 #top-posters caption {
978 text-align:left;
979 text-transform:uppercase;
980 }
981
982 #top-posters thead {
983 display:none;
984 }
985 #top-poster_user {
986 width:199px;
987 }
988 #top-poster_number-of-notices {
989 width:123px;
990 }
991 #top-posters tbody td {
992 padding-right:11px;
993 padding-bottom:4px;
994 }
995 #top-posters img {
996 margin-right:7px;
997 height:24px;
998 width:24px;
999 }
1000
1001
1002
1003 /* tagcloud */
1004 #tagcloud ul {
1005 list-style-type:none;
1006 }
1007 #tagcloud ul li {
1008 display:inline;
1009 margin-right:7px;
1010 line-height:1.4;
1011 }
1012
1013 #tagcloud.section dt {
1014 text-transform:uppercase;
1015 font-weight:bold;
1016 }
1017 #tagcloud .weight_1 {
1018 font-size:1em;
1019 }
1020 #tagcloud .weight_2 {
1021 font-size:1.3em;
1022 }
1023 #tagcloud .weight_3 {
1024 font-size:1.6em;
1025 }
1026 #tagcloud .weight_4 {
1027 font-size:1.9em;
1028 }
1029 #tagcloud .weight_5 {
1030 font-size:2.2em;
1031 }
1032
1033
1034
1035 #form_settings_photo .form_datas {
1036 clear:both;
1037 }
1038
1039
1040
1041
1042 #photo_original,
1043 #photo_preview {
1044 float:left;
1045 }
1046 #photo_preview,
1047 #settings_photo_action-crop {
1048 margin-left:29px;
1049 }
1050 #photo_preview_view {
1051 height:96px;
1052 width:96px;
1053 overflow:hidden;
1054 }
1055
1056
1057
1058
1059 .section .groups,
1060 #users_featured ul {
1061 list-style-type:none;
1062 }
1063 .section .groups li,
1064 #users_featured li {
1065 margin-top:11px;
1066 float:left;
1067 width:100%;
1068 }
1069 .section .groups li:first-child,
1070 #users_featured li:first-child {
1071 margin-top:0;
1072 }
1073
1074 .section .groups .vcard,
1075 #users_featured .vcard {
1076 float:left;
1077 margin-bottom:-23px;
1078 }
1079
1080 .section .groups dl,
1081 #users_featured dl {
1082 float:left;
1083 margin-left:63px;
1084 clear:left;
1085 }
1086 .section .groups dt,
1087 #users_featured dt {
1088 display:none;
1089 font-weight:bold;
1090 }
1091
1092
1093
1094 #home.logged_out h1 {
1095 display:none;
1096 }
1097
1098 #home #intro {
1099 margin-bottom:29px;
1100 float:left;
1101 width:100%;
1102 }
1103
1104 #home #intro p {
1105 margin-bottom:18px;
1106 font-size:1.8em;
1107 }
1108
1109 #home #intro #guide_steps {
1110 list-style-type:none;
1111 }
1112 #home #intro #guide_steps li {
1113 float:left;
1114 margin-left:18px;
1115 }
1116 #home #intro #guide_steps li:first-child {
1117 margin-left:0;
1118 }
1119 #home #intro #guide_steps li a {
1120 display:block;
1121 float:left;
1122 width:185px;
1123 height:109px;
1124 border-width:1px;
1125 border-style:dotted;
1126 text-decoration:none;
1127 -moz-border-radius:7px;
1128 padding:7px;
1129 font-size:1.6em;
1130 font-weight:bold;
1131 text-align:center;
1132 }
1133
1134
1135 #testimonials {
1136 clear:both;
1137 }