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