]> git.mxchange.org Git - quix0rs-gnu-social.git/blob - theme/base/css/display.css
Removed max-width:100%
[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
257 #licenses dt {
258 font-weight:bold;
259 display:none;
260 }
261 #licenses dd {
262 margin-bottom:11px;
263 }
264
265
266 #site_content_license_cc p {
267 float:left;
268 margin-left:10%;
269 width:90%;
270 }
271 #site_content_license_cc img {
272 float:left;
273 margin-left:-100%;
274 }
275
276
277 #wrap {
278         float:left;
279         margin:0 auto;
280     width:1004px;
281     width:71.714em;
282 }
283
284
285 #core {
286 position:relative;
287 width:100%;
288 float:left;
289 margin-bottom:1em;
290 }
291
292 #content {
293 width:644px;
294 padding:18px;
295 float:left;
296 -moz-border-radius:7px;
297 -moz-border-radius-topleft:0;
298 }
299
300 #content_inner {
301 position:relative;
302 }
303
304 #aside_primary {
305 width:300px;
306 float:left;
307 margin-left:2px;
308 padding:18px 4px 18px 18px;
309 -moz-border-radius:7px;
310 }
311
312
313
314
315 /*Start: FORM NOTICE*/
316 #form_notice {
317 width:384px;
318 width:458px;
319 float:left;
320 margin-left:68px;
321 position:relative;
322 line-height:1;
323 }
324 #form_notice fieldset {
325 border:0;
326 padding:0;
327 }
328 #form_notice legend {
329 display:none;
330 }
331 #form_notice textarea {
332 -moz-border-radius:4px;
333 width:304px;
334 width:377px;
335 height:95px;
336 height:86px;
337 line-height:1.5;
338 padding:7px 7px 14px 7px;
339 }
340 #form_notice label {
341 display:block;
342 font-size:1.3em;
343 margin-bottom:7px;
344 }
345 #form_notice .form_datas li {
346 float:left;
347 }
348
349 #form_notice #notice_attach_file label,
350 #form_notice #notice_submit label {
351 display:none;
352 }
353
354 #form_notice #notice_attachment {
355 margin-top:25px;
356 margin-left:4px;
357 }
358
359 #form_notice .form_note {
360 position:absolute;
361 top:125px;
362 top:116px;
363 right:98px;
364 z-index:9;
365 }
366
367 #form_notice .form_note dt {
368 font-weight:bold;
369 display:none;
370 }
371 #notice_text-count {
372 font-weight:bold;
373 line-height:1.15;
374 }
375
376 #form_notice #notice_data-attach_view {
377 /*position:absolute;*/
378 top:25px;
379 right:30px;
380 margin-left:4px;
381 padding:0;
382 cursor:pointer;
383 width:16px;
384 height:16px;
385 border:0;
386 text-indent:-9999px;
387 }
388 #form_notice .form_actions {
389 position:absolute;
390 top:107px;
391 top:98px;
392 right:0;
393 }
394 #form_notice li {
395 margin-bottom:0;
396 }
397 /*end FORM NOTICE*/
398
399
400
401
402
403 /* user_profile */
404 #user_profile {
405 position:relative;
406 width:633px;
407 min-height:123px;
408 float:left;
409 margin-bottom:17px;
410 margin-left:0;
411 }
412 #user_profile dt,
413 #user_statistics dt {
414 font-weight:bold;
415 }
416 #user_profile .user_depiction {
417 float:left;
418 position:absolute;
419 top:0;
420 left:0;
421 width:96px;
422 }
423 #user_profile .user_fn,
424 #user_profile .user_nickname,
425 #user_profile .user_location,
426 #user_profile .user_url,
427 #user_profile .user_note,
428 #user_profile .user_tags {
429 float:left;
430 clear:left;
431 margin-left:125px;
432 width:322px;
433 margin-bottom:4px;
434 }
435
436 #user_profile .user_fn,
437 #user_profile .user_nickname {
438 width:auto;
439 clear:none;
440 }
441 #user_profile .user_nickname {
442 margin-left:11px;
443 }
444 #user_profile .user_nickname .nickname {
445 font-style:italic;
446 font-weight:bold;
447 margin-left:4px;
448 margin-right:4px;
449 }
450
451 #user_profile .user_nickname dd:before {
452 content: "(";
453 }
454 #user_profile .user_nickname dd:after {
455 content: ")";
456 }
457
458 #user_profile dt {
459 display:none;
460 }
461 #user_profile h2 {
462 display:none;
463 }
464 /* user_profile */
465
466 /*user_actions*/
467 #user_actions {
468 clear:left;
469 float:left;
470 position:absolute;
471 top:0;
472 right:0;
473 }
474 #user_actions h2 {
475 display:none;
476 }
477 #user_actions ul {
478 list-style-type:none;
479 }
480 #user_actions li {
481 border-top-width:1px;
482 border-top-style:dotted;
483 }
484 #user_actions li:first-child {
485 border-top:0;
486 }
487 #user_actions fieldset {
488 border:0;
489 padding:0;
490 }
491 #user_actions legend {
492 display:none;
493 }
494
495 #user_actions a,
496 #user_actions input.submit {
497 display:block;
498 text-align:left;
499 padding:4px 0 4px 19px;
500 }
501 #user_actions a {
502 text-decoration:none;
503 }
504 #user_subscribe a,
505 #TB_window input.submit,
506 #user_actions input.submit {
507 border:0;
508 cursor:pointer;
509 padding-left:16px;
510 width:100%;
511 font-size:0.9em;
512 }
513
514 #user_subscribe a {
515 width:auto;
516 padding-left:20px;
517 }
518
519 #user_subscribe a,
520 #TB_window input.submit,
521 .form_user_subscribe input.submit {
522 font-weight:bold;
523 }
524
525
526
527 #user_send-a-message form {
528 clear:left;
529 width:322px;
530 margin-top:18px;
531 }
532
533 #user_send-a-message textarea {
534 width:96%;
535 }
536
537 .user_tags ul {
538 list-style-type:none;
539 }
540 .user_tags li {
541 display:inline;
542 margin-right:1em;
543 float:left;
544 }
545
546
547
548 .aside .section {
549 margin-bottom:29px;
550 clear:both;
551 }
552 .aside .section h2 {
553 text-transform:uppercase;
554 font-size:1em;
555 }
556
557 #user_statistics dt,
558 #user_statistics dd {
559 display:inline;
560 }
561 #user_statistics dt:after {
562 content: ":";
563 }
564
565
566 #user_subscriptions,
567 #user_subscriptions-common {
568 float:left;
569 }
570 #user_subscriptions ul.users {
571 width:220px;
572 float:left;
573 }
574 #user_subscriptions .users li {
575 list-style-type:none;
576 float:left;
577 margin-right:7px;
578 margin-bottom:7px;
579 }
580 #user_subscriptions .users li .photo {
581 width:24px;
582 height:24px;
583 margin-right:0;
584 }
585 #user_subscriptions .users li .fn {
586 display:none;
587 }
588 .aside .section .more {
589 clear:both;
590 }
591
592
593
594
595
596 /* NOTICE */
597 .notice {
598 position:relative;
599 padding-top:18px;
600 padding-bottom:18px;
601 clear:both;
602 float:left;
603 width:644px;
604 width:96.699%;
605 width:100%;
606 border-top:1px dashed #D1D9E4;
607 /*-moz-border-radius:7px;*/
608 }
609 .notices li {
610 list-style-type:none;
611 /*margin-bottom:11px;*/
612 }
613 .notices li.over {
614 background-color:#fcfcfc;
615 }
616
617
618 /* NOTICES */
619 #notices_primary {
620 float:left;
621 width:644px;
622 -moz-border-radius:7px;
623 }
624 #notices_primary h2 {
625 display:none;
626 }
627 .notice-data a span {
628 display:block;
629 padding-left:28px;
630 }
631
632
633 .notice .author {
634 float:left;
635 width:96px;
636 width:199px;
637 margin-left:-217px;
638 margin-left:-199px;
639 }
640 .notice .author a {
641 }
642 .notice .author:after {
643 content:":";
644 }
645
646 .vcard .photo {
647 display:inline;
648 margin-right:11px;
649 margin-right:4px;
650 vertical-align:top;
651 }
652 .vcard .url {
653 text-decoration:none;
654 }
655 .vcard .fn {
656 border-bottom-width:1px;
657 border-bottom-style:dotted;
658 font-style:italic;
659 }
660 .vcard .fn:hover {
661 border-bottom-width:1px;
662 border-bottom-style:solid;
663 }
664
665
666 .notice .entry-title {
667 float:left;
668 margin-bottom:11px;
669 margin-left:217px;
670 margin-left:199px;
671 }
672 .notice p.entry-content {
673 float:left;
674 width:427px;
675 width:100%;
676 }
677
678 .notice_video p.entry-content,
679 .notice_audio p.entry-content,
680 .notice_image p.entry-content,
681 .notice_location p.entry-content,
682 .notice_event p.entry-content,
683 .notice_document p.entry-content {
684 width:322px;
685 width:75.41%;
686 }
687 #laconicat .notice p.entry-content {
688 /*margin-left:199px;*/
689 }
690 .notice p.entry-content a {
691
692 }
693 .notice p.entry-content a:hover {
694
695 }
696 .notice p.entry-content .tag a {
697
698 }
699 .notice p.entry-content .tag a:hover {
700
701 }
702
703
704 .notice div.entry-content {
705 /*border:1px solid blue;*/
706 clear:left;
707 float:left;
708 margin-left:11px;
709 margin-left:0;
710 margin-bottom:4px;
711 width:199px;
712 width:149px;
713 }
714 .notice div.entry-content,
715 .notice .notice-options a,
716 .notice .notice-options input {
717 font-size:0.9em;
718 }
719
720
721 #laconicat .notice div.entry-content {
722 /*margin-left:0;*/
723 }
724
725 .notice div.entry-content dl,
726 .notice div.entry-content dt,
727 .notice div.entry-content dd {
728 display:inline;
729 }
730 .notice div.entry-content .timestamp dt,
731 .notice div.entry-content .response dt {
732 display:none;
733 }
734 .notice div.entry-content .timestamp {
735
736 }
737 .notice div.entry-content .device dt {
738 text-transform:lowercase;
739 }
740 .notice div.entry-content a {
741 text-decoration:none;
742 border-bottom-width:1px;
743 border-bottom-style:dotted;
744 }
745 .notice div.entry-content a:hover {
746 border-bottom-width:1px;
747 border-bottom-style:solid;
748 }
749
750
751
752 .notice-data {
753 position:absolute;
754 top:18px;
755 right:0;
756 min-height:50px;
757 margin-bottom:4px;
758 }
759 .notice .entry-content .notice-data dt {
760 display:none;
761 }
762
763 .notice-data a {
764 display:block;
765 outline:none;
766 }
767
768
769
770 .notice-options {
771 margin-left:18px;
772 margin-left:260px;
773 margin-left:304px;
774 margin-left:18px;
775 margin-left:50px;
776 float:left;
777 }
778 .notice-options .reply,
779 .notice-options .notice_delete ,
780 .notice-options .notice_favorite {
781 float:left;
782 margin-right:11px;
783 }
784 .notice-options .reply dt {
785 display:none;
786 }
787 .notice-options .reply a,
788 .notice-options form input.submit {
789 display:block;
790 border:0;
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 }