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