]> git.mxchange.org Git - quix0rs-gnu-social.git/blob - theme/base/css/display.css
Favor/Disfavor form @class
[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 .form_settings input.checkbox {
153 margin-top:3px;
154 }
155 .form_settings label.checkbox {
156 font-weight:normal;
157 width:auto;
158 margin-top:0;
159 }
160
161 #form_login p.form_guide {
162 margin-left:0;
163 }
164
165
166 .form_settings .form_note {
167 -moz-border-radius:4px;
168 padding:0 7px;
169 }
170
171 /* FORM SETTINGS */
172
173
174
175
176 address {
177 float:left;
178 margin-bottom:18px;
179 margin-left:18px;
180 }
181 address .fn,
182 address .email {
183 display:none;
184 }
185
186
187
188 #header {
189 width:100%;
190 position:relative;
191 float:left;
192 padding-top:18px;
193 margin-bottom:29px;
194 }
195
196 #site_nav_global_primary {
197 float:right;
198 }
199 #site_nav_global_primary ul li {
200 display:inline;
201 margin-left:11px;
202 }
203
204
205 .system_notice dt {
206 font-weight:bold;
207 text-transform:uppercase;
208 display:none;
209 }
210
211 #site_notice {
212 position:absolute;
213 right:0;
214 top:49px;
215 float:right;
216 width:322px;
217 }
218 #page_notice {
219 clear:both;
220 margin-bottom:18px;
221 }
222
223
224
225
226 #footer {
227 float:left;
228 width:68%;
229 padding-bottom:11px;
230 }
231
232
233
234 #site_nav_local_views {
235 width:100%;
236 float:left;
237 }
238 #site_nav_local_views dt {
239 display:none;
240 }
241 #site_nav_local_views li {
242 float:left;
243 margin-right:18px;
244 list-style-type:none;
245 }
246 #site_nav_local_views a {
247 float:left;
248 text-decoration:none;
249 padding:4px 11px;
250 -moz-border-radius-topleft:4px;
251 -moz-border-radius-topright:4px;
252 border-width:1px;
253 border-style:solid;
254 border-bottom:0;
255 font-weight:bold;
256 }
257 #site_nav_local_views .nav {
258 float:left;
259 width:100%;
260 }
261
262
263 #site_nav_global_primary dt,
264 #site_nav_global_secondary dt {
265 display:none;
266 }
267 /*
268 #site_nav_global_primary .current a {
269 font-weight:bold;
270 border-style:solid;
271 }
272 */
273 #site_nav_global_secondary {
274 margin-bottom:11px;
275 }
276
277 #site_nav_global_secondary ul li {
278 display:inline;
279 margin-right:11px;
280 }
281 #export_data li a {
282 padding-left:20px;
283 }
284 #export_data li a.foaf {
285 padding-left:30px;
286 }
287 #export_data li a.export_vcard {
288 padding-left:28px;
289 }
290
291
292
293 #export_data ul {
294 display:inline;
295 }
296 #export_data li {
297 list-style-type:none;
298 display:inline;
299 margin-left:11px;
300 }
301 #export_data li:first-child {
302 margin-left:0;
303 }
304
305
306
307 #licenses {
308 font-size:0.9em;
309 }
310
311 #licenses dt {
312 font-weight:bold;
313 display:none;
314 }
315 #licenses dd {
316 margin-bottom:11px;
317 line-height:1.5;
318 }
319
320
321 #site_content_license_cc p {
322 }
323 #site_content_license_cc img {
324 display:inline;
325 vertical-align:top;
326 margin-right:4px;
327 }
328
329
330 #wrap {
331         float:left;
332         margin:0 auto;
333     width:1004px;
334     width:71.714em;
335 }
336
337
338 #core {
339 position:relative;
340 width:100%;
341 float:left;
342 margin-bottom:1em;
343 }
344
345 #content {
346 width:644px;
347 padding:18px;
348 float:left;
349 -moz-border-radius:7px;
350 -moz-border-radius-topleft:0;
351 }
352
353 #content_inner {
354 position:relative;
355 }
356
357 #aside_primary {
358 width:300px;
359 float:left;
360 margin-left:2px;
361 padding:18px 4px 18px 18px;
362 -moz-border-radius:7px;
363 }
364
365
366
367
368 /*Start: FORM NOTICE*/
369 #form_notice {
370 width:384px;
371 width:458px;
372 float:left;
373 margin-left:68px;
374 position:relative;
375 line-height:1;
376 }
377 #form_notice fieldset {
378 border:0;
379 padding:0;
380 }
381 #form_notice legend {
382 display:none;
383 }
384 #form_notice textarea {
385 -moz-border-radius:4px;
386 width:304px;
387 width:377px;
388 height:95px;
389 height:86px;
390 line-height:1.5;
391 padding:7px 7px 14px 7px;
392 }
393 #form_notice label {
394 display:block;
395 font-size:1.3em;
396 margin-bottom:7px;
397 }
398 #form_notice .form_datas li {
399 float:left;
400 }
401
402 #form_notice #notice_attach_file label,
403 #form_notice #notice_submit label {
404 display:none;
405 }
406
407 #form_notice #notice_attachment {
408 margin-top:25px;
409 margin-left:4px;
410 }
411
412 #form_notice .form_note {
413 position:absolute;
414 top:125px;
415 top:116px;
416 right:98px;
417 z-index:9;
418 }
419
420 #form_notice .form_note dt {
421 font-weight:bold;
422 display:none;
423 }
424 #notice_text-count {
425 font-weight:bold;
426 line-height:1.15;
427 }
428
429 #form_notice #notice_data-attach_view {
430 /*position:absolute;*/
431 top:25px;
432 right:30px;
433 margin-left:4px;
434 padding:0;
435 cursor:pointer;
436 width:16px;
437 height:16px;
438 border:0;
439 text-indent:-9999px;
440 }
441 #form_notice .form_actions {
442 position:absolute;
443 top:107px;
444 top:98px;
445 right:0;
446 }
447 #form_notice li {
448 margin-bottom:0;
449 }
450 /*end FORM NOTICE*/
451
452
453
454
455
456 /* user_profile */
457 #user_profile {
458 position:relative;
459 width:633px;
460 min-height:123px;
461 float:left;
462 margin-bottom:17px;
463 margin-left:0;
464 }
465 #user_profile dt,
466 #user_statistics dt {
467 font-weight:bold;
468 }
469 #user_profile .user_depiction {
470 float:left;
471 position:absolute;
472 top:0;
473 left:0;
474 width:96px;
475 }
476 #user_profile .user_fn,
477 #user_profile .user_nickname,
478 #user_profile .user_location,
479 #user_profile .user_url,
480 #user_profile .user_note,
481 #user_profile .user_tags {
482 float:left;
483 clear:left;
484 margin-left:125px;
485 width:322px;
486 margin-bottom:4px;
487 }
488
489 #user_profile .user_fn,
490 #user_profile .user_nickname {
491 width:auto;
492 clear:none;
493 }
494 #user_profile .user_nickname {
495 margin-left:11px;
496 }
497 #user_profile .user_nickname .nickname {
498 font-style:italic;
499 font-weight:bold;
500 margin-left:4px;
501 margin-right:4px;
502 }
503
504 #user_profile .user_nickname dd:before {
505 content: "(";
506 }
507 #user_profile .user_nickname dd:after {
508 content: ")";
509 }
510
511 #user_profile dt {
512 display:none;
513 }
514 #user_profile h2 {
515 display:none;
516 }
517 /* user_profile */
518
519 /*user_actions*/
520 #user_actions {
521 clear:left;
522 float:left;
523 position:absolute;
524 top:0;
525 right:0;
526 }
527 #user_actions h2 {
528 display:none;
529 }
530 #user_actions ul {
531 list-style-type:none;
532 }
533 #user_actions li {
534 border-top-width:1px;
535 border-top-style:dotted;
536 }
537 #user_actions li:first-child {
538 border-top:0;
539 }
540 #user_actions fieldset {
541 border:0;
542 padding:0;
543 }
544 #user_actions legend {
545 display:none;
546 }
547
548 #user_actions a,
549 #user_actions input.submit {
550 display:block;
551 text-align:left;
552 padding:4px 0 4px 19px;
553 }
554 #user_actions a {
555 text-decoration:none;
556 }
557 #user_subscribe a,
558 #TB_window input.submit,
559 #user_actions input.submit {
560 border:0;
561 cursor:pointer;
562 padding-left:16px;
563 width:100%;
564 font-size:0.9em;
565 }
566
567 #user_subscribe a {
568 width:auto;
569 padding-left:20px;
570 }
571
572 #user_subscribe a,
573 #TB_window input.submit,
574 .form_user_subscribe input.submit {
575 font-weight:bold;
576 }
577
578
579
580 #user_send-a-message form {
581 clear:left;
582 width:322px;
583 margin-top:18px;
584 }
585
586 #user_send-a-message textarea {
587 width:96%;
588 }
589
590 .user_tags ul {
591 list-style-type:none;
592 }
593 .user_tags li {
594 display:inline;
595 margin-right:1em;
596 float:left;
597 }
598
599
600
601 .aside .section {
602 margin-bottom:29px;
603 clear:both;
604 }
605 .aside .section h2 {
606 text-transform:uppercase;
607 font-size:1em;
608 }
609
610 #user_statistics dt,
611 #user_statistics dd {
612 display:inline;
613 }
614 #user_statistics dt:after {
615 content: ":";
616 }
617
618
619 #user_subscriptions,
620 #user_subscriptions-common {
621 float:left;
622 }
623 #user_subscriptions ul.users {
624 width:220px;
625 float:left;
626 }
627 #user_subscriptions .users li {
628 list-style-type:none;
629 float:left;
630 margin-right:7px;
631 margin-bottom:7px;
632 }
633 #user_subscriptions .users li .photo {
634 width:24px;
635 height:24px;
636 margin-right:0;
637 }
638 #user_subscriptions .users li .fn {
639 display:none;
640 }
641 .aside .section .more {
642 clear:both;
643 }
644
645
646
647
648
649 /* NOTICE */
650 .notice {
651 position:relative;
652 padding-top:18px;
653 padding-bottom:18px;
654 clear:both;
655 float:left;
656 width:644px;
657 width:96.699%;
658 width:100%;
659 border-top:1px dashed #D1D9E4;
660 /*-moz-border-radius:7px;*/
661 }
662 .notices li {
663 list-style-type:none;
664 /*margin-bottom:11px;*/
665 }
666 .notices li.over {
667 background-color:#fcfcfc;
668 }
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 }