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