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