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