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