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