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