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