]> git.mxchange.org Git - quix0rs-gnu-social.git/blob - theme/base/css/display.css
NoticeOver styles
[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 .notices li.over {
615 background-color:#fcfcfc;
616 }
617
618
619 /* NOTICES */
620 #notices_primary {
621 float:left;
622 width:644px;
623 -moz-border-radius:7px;
624 }
625 #notices_primary h2 {
626 display:none;
627 }
628 .notice-data a span {
629 display:block;
630 padding-left:28px;
631 }
632
633
634 .notice .author {
635 float:left;
636 width:96px;
637 width:199px;
638 margin-left:-217px;
639 margin-left:-199px;
640 }
641 .notice .author a {
642 }
643 .notice .author:after {
644 content:":";
645 }
646
647 .vcard .photo {
648 display:inline;
649 margin-right:11px;
650 margin-right:4px;
651 vertical-align:top;
652 }
653 .vcard .url {
654 text-decoration:none;
655 }
656 .vcard .fn {
657 border-bottom-width:1px;
658 border-bottom-style:dotted;
659 font-style:italic;
660 }
661 .vcard .fn:hover {
662 border-bottom-width:1px;
663 border-bottom-style:solid;
664 }
665
666
667 .notice .entry-title {
668 float:left;
669 margin-bottom:11px;
670 margin-left:217px;
671 margin-left:199px;
672 }
673 .notice p.entry-content {
674 float:left;
675 width:427px;
676 width:100%;
677 }
678
679 .notice_video p.entry-content,
680 .notice_audio p.entry-content,
681 .notice_image p.entry-content,
682 .notice_location p.entry-content,
683 .notice_event p.entry-content,
684 .notice_document p.entry-content {
685 width:322px;
686 width:75.41%;
687 }
688 #laconicat .notice p.entry-content {
689 /*margin-left:199px;*/
690 }
691 .notice p.entry-content a {
692
693 }
694 .notice p.entry-content a:hover {
695
696 }
697 .notice p.entry-content .tag a {
698
699 }
700 .notice p.entry-content .tag a:hover {
701
702 }
703
704
705 .notice div.entry-content {
706 /*border:1px solid blue;*/
707 clear:left;
708 float:left;
709 margin-left:11px;
710 margin-left:0;
711 margin-bottom:4px;
712 width:199px;
713 width:149px;
714 }
715 .notice div.entry-content,
716 .notice .notice-options a,
717 .notice .notice-options input {
718 font-size:0.9em;
719 }
720
721
722 #laconicat .notice div.entry-content {
723 /*margin-left:0;*/
724 }
725
726 .notice div.entry-content dl,
727 .notice div.entry-content dt,
728 .notice div.entry-content dd {
729 display:inline;
730 }
731 .notice div.entry-content .timestamp dt,
732 .notice div.entry-content .response dt {
733 display:none;
734 }
735 .notice div.entry-content .timestamp {
736
737 }
738 .notice div.entry-content .device dt {
739 text-transform:lowercase;
740 }
741 .notice div.entry-content a {
742 text-decoration:none;
743 border-bottom-width:1px;
744 border-bottom-style:dotted;
745 }
746 .notice div.entry-content a:hover {
747 border-bottom-width:1px;
748 border-bottom-style:solid;
749 }
750
751
752
753 .notice-data {
754 position:absolute;
755 top:18px;
756 right:0;
757 min-height:50px;
758 margin-bottom:4px;
759 }
760 .notice .entry-content .notice-data dt {
761 display:none;
762 }
763
764 .notice-data a {
765 display:block;
766 outline:none;
767 }
768
769
770
771 .notice-options {
772 margin-left:18px;
773 margin-left:260px;
774 margin-left:304px;
775 margin-left:18px;
776 margin-left:50px;
777 float:left;
778 }
779 .notice-options .reply,
780 .notice-options .notice_delete ,
781 .notice-options .notice_favorite {
782 float:left;
783 margin-right:11px;
784 }
785 .notice-options .reply dt {
786 display:none;
787 }
788 .notice-options .reply a,
789 .notice-options form input.submit {
790 display:block;
791 border:0;
792 padding-left:20px;
793 }
794
795 .notice-options .reply a {
796 text-decoration:none;
797 }
798 .notice-options form input.submit {
799 cursor:pointer;
800 width:16px;
801 width:auto;
802 height:16px;
803 height:auto;
804 padding-top:0;
805 padding-right:0;
806 padding-bottom:0;
807 }
808
809 .notice-options .notice_delete legend,
810 .notice-options .notice_favorite legend {
811 display:none;
812 }
813 .notice-options .notice_delete fieldset,
814 .notice-options .notice_favorite fieldset {
815 border:0;
816 padding:0;
817 }
818
819
820 .notice-options form.notice_delete {
821 margin-left:2em;
822 }
823 /*END: NOTICES */
824
825
826
827
828
829 .pagination dt {
830 font-weight:bold;
831 display:none;
832 }
833
834 .pagination .nav {
835 float:left;
836 width:100%;
837 list-style-type:none;
838 }
839
840 .pagination .nav_prev {
841 float:left;
842 }
843 .pagination .nav_next {
844 float:right;
845 }
846
847 .pagination a {
848 display:block;
849 text-decoration:none;
850 font-weight:bold;
851 padding:7px;
852 border:1px dotted #D1D9E4;
853 border-bottom:0;
854 }
855
856 .pagination .nav_prev a {
857 -moz-border-radius-topright:4px;
858 padding-left:20px;
859 border-left:0;
860 }
861 .pagination .nav_next a {
862 -moz-border-radius-topleft:4px;
863 padding-right:20px;
864 border-right:0;
865 }
866
867
868 /* END: NOTICE */
869
870
871
872
873
874
875
876 /*START: LOAD ALONG WITH JS*/
877 .notice .in-reply-to {
878         width:98%;
879         margin-left:2%;
880 }
881 .notice .in-reply-to li {
882 background-color:#F7F9FB;
883 }
884 .notice .in-reply-to li .in-reply-to li {
885 background-color:#E4E9F0;
886 }
887 .notice .in-reply-to li .in-reply-to li .in-reply-to li {
888 background-color:#D1D9E4;
889 }
890
891
892
893 #user_actions #user_subscribe .form_note,
894 #user_actions #user_subscribe .form_datas,
895 #user_actions #user_subscribe .form_actions label {
896 display:none;
897 }
898 #form_user-relationship .form_note,
899 #form_user-relationship .form_datas,
900 #form_user-relationship .form_actions label {
901 display:block;
902 }
903
904 #user_actions #user-relationship_submit {
905 margin-bottom:0;
906 }
907 #form_user-relationship .form_datas li label {
908 margin-right:11px;
909 }
910
911 #user_relationship_xfn {
912 /*z-index:1000;
913 position:absolute;
914 width:521px;
915 height:322px;*/
916 display:none;
917 }
918 #user_relationship_xfn fieldset {
919 background-color:#fff;
920 }
921
922 /*END: LOAD ALONG WITH JS*/
923
924
925
926 /* TOP_POSTERS */
927 #top-posters caption {
928 text-align:left;
929 text-transform:uppercase;
930 }
931
932 #top-posters thead {
933 display:none;
934 }
935 #top-poster_user {
936 width:199px;
937 }
938 #top-poster_number-of-notices {
939 width:123px;
940 }
941 #top-posters tbody td {
942 padding-right:11px;
943 padding-bottom:4px;
944 }
945 #top-posters img {
946 margin-right:7px;
947 height:24px;
948 width:24px;
949 }
950
951
952
953 /* tagcloud */
954 #tagcloud ul {
955 list-style-type:none;
956 }
957 #tagcloud ul li {
958 display:inline;
959 margin-right:7px;
960 line-height:1.4;
961 }
962
963 #tagcloud.section dt {
964 text-transform:uppercase;
965 font-weight:bold;
966 }
967 #tagcloud .weight_1 {
968 font-size:1em;
969 }
970 #tagcloud .weight_2 {
971 font-size:1.3em;
972 }
973 #tagcloud .weight_3 {
974 font-size:1.6em;
975 }
976 #tagcloud .weight_4 {
977 font-size:1.9em;
978 }
979 #tagcloud .weight_5 {
980 font-size:2.2em;
981 }
982
983
984
985 #form_settings_photo .form_datas {
986 clear:both;
987 }
988
989
990
991
992 #photo_original,
993 #photo_preview {
994 float:left;
995 }
996 #photo_preview,
997 #settings_photo_action-crop {
998 margin-left:29px;
999 }
1000 #photo_preview_view {
1001 height:96px;
1002 width:96px;
1003 overflow:hidden;
1004 }
1005
1006
1007
1008
1009 .section .groups,
1010 #users_featured ul {
1011 list-style-type:none;
1012 }
1013 .section .groups li,
1014 #users_featured li {
1015 margin-top:11px;
1016 float:left;
1017 width:100%;
1018 }
1019 .section .groups li:first-child,
1020 #users_featured li:first-child {
1021 margin-top:0;
1022 }
1023
1024 .section .groups .vcard,
1025 #users_featured .vcard {
1026 float:left;
1027 margin-bottom:-23px;
1028 }
1029
1030 .section .groups dl,
1031 #users_featured dl {
1032 float:left;
1033 margin-left:63px;
1034 clear:left;
1035 }
1036 .section .groups dt,
1037 #users_featured dt {
1038 display:none;
1039 font-weight:bold;
1040 }
1041
1042
1043
1044 #home.logged_out h1 {
1045 display:none;
1046 }
1047
1048 #home #intro {
1049 margin-bottom:29px;
1050 float:left;
1051 width:100%;
1052 }
1053
1054 #home #intro p {
1055 margin-bottom:18px;
1056 font-size:1.8em;
1057 }
1058
1059 #home #intro #guide_steps {
1060 list-style-type:none;
1061 }
1062 #home #intro #guide_steps li {
1063 float:left;
1064 margin-left:18px;
1065 }
1066 #home #intro #guide_steps li:first-child {
1067 margin-left:0;
1068 }
1069 #home #intro #guide_steps li a {
1070 display:block;
1071 float:left;
1072 width:185px;
1073 height:109px;
1074 border-width:1px;
1075 border-style:dotted;
1076 text-decoration:none;
1077 -moz-border-radius:7px;
1078 padding:7px;
1079 font-size:1.6em;
1080 font-weight:bold;
1081 text-align:center;
1082 }
1083
1084
1085 #testimonials {
1086 clear:both;
1087 }