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