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