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