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