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