]> git.mxchange.org Git - quix0rs-gnu-social.git/blob - theme/h4ck3r/css/base.css
Merge branch '0.7.x' 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-primary {
193 padding:0;
194 }
195 .form_settings input.form_action-secondary {
196 margin-left:29px;
197 }
198
199 #form_search .submit {
200 margin-left:11px;
201 }
202
203 address {
204 float:left;
205 margin-bottom:18px;
206 margin-left:18px;
207 }
208 address.vcard img.logo {
209 margin-right:0;
210 }
211 address .fn {
212 font-weight:bold;
213 }
214 address img + .fn {
215 display:none;
216 }
217
218 #header {
219 width:100%;
220 position:relative;
221 float:left;
222 padding-top:18px;
223 margin-bottom:29px;
224 }
225
226 #site_nav_global_primary {
227 float:right;
228 margin-right:18px;
229 margin-bottom:11px;
230 margin-left:18px;
231 }
232 #site_nav_global_primary ul li {
233 display:inline;
234 margin-left:11px;
235 }
236
237 .system_notice dt {
238 font-weight:bold;
239 text-transform:uppercase;
240 display:none;
241 }
242
243 #site_notice {
244 float:left;
245 clear:right;
246 margin-top:7px;
247 margin-right:18px;
248 width:31%;
249 }
250 #page_notice {
251 clear:both;
252 margin-bottom:18px;
253 }
254
255
256 #anon_notice {
257 float:right;
258 clear:right;
259 width:41.2%;
260 padding:1.1%;
261 border-width:2px;
262 border-style:dashed;
263 line-height:1.5;
264 font-size:1.1em;
265 font-weight:bold;
266 -moz-transform:skewX(-30deg) scale(0.85);
267 -webkit-transform:skewX(-30deg) scale(0.85);
268 }
269
270
271 #footer {
272 float:left;
273 width:64%;
274 padding:18px;
275 }
276
277 #site_nav_local_views {
278 width:100%;
279 float:right;
280 }
281 #site_nav_local_views dt {
282 display:none;
283 }
284 #site_nav_local_views li {
285 float:right;
286 margin-left:11px;
287 list-style-type:none;
288 }
289 #site_nav_local_views a {
290 float:left;
291 text-decoration:none;
292 padding:4px 11px;
293 border-width:1px;
294 border-style:dashed;
295 border-bottom:0;
296 text-shadow: 2px 2px 2px #ddd;
297 font-weight:bold;
298 }
299 #site_nav_local_views .nav {
300 float:left;
301 width:100%;
302 }
303
304 #site_nav_global_primary dt,
305 #site_nav_global_secondary dt {
306 display:none;
307 }
308
309 #site_nav_global_secondary {
310 margin-bottom:11px;
311 }
312
313 #site_nav_global_secondary ul li {
314 display:inline;
315 margin-right:11px;
316 }
317 #export_data li a {
318 padding-left:20px;
319 }
320 #export_data li a.foaf {
321 padding-left:30px;
322 }
323 #export_data li a.export_vcard {
324 padding-left:28px;
325 }
326
327 #export_data ul {
328 display:inline;
329 }
330 #export_data li {
331 list-style-type:none;
332 display:inline;
333 margin-left:11px;
334 }
335 #export_data li:first-child {
336 margin-left:0;
337 }
338
339 #licenses {
340 font-size:0.9em;
341 }
342
343 #licenses dt {
344 font-weight:bold;
345 display:none;
346 }
347 #licenses dd {
348 margin-bottom:11px;
349 line-height:1.5;
350 }
351
352 #site_content_license_cc {
353 margin-bottom:0;
354 }
355 #site_content_license_cc img {
356 display:inline;
357 vertical-align:top;
358 margin-right:4px;
359 }
360
361 #wrap {
362 margin:0 auto;
363 width:100%;
364 min-width:760px;
365 max-width:1003px;
366 overflow:hidden;
367 }
368
369 #core {
370 position:relative;
371 width:100%;
372 float:left;
373 margin-bottom:1em;
374 }
375
376 #content {
377 width:60.009%;
378 min-height:259px;
379 padding:1.795%;
380 float:right;
381 border-style:dashed;
382 border-width:1px;
383 }
384 #shownotice #content {
385 min-height:0;
386 }
387
388 #content_inner {
389 position:relative;
390 width:100%;
391 float:left;
392 }
393
394 #aside_primary {
395 width:27.917%;
396 min-height:259px;
397 float:right;
398 margin-right:4.385%;
399 padding:1.795%;
400 border-width:1px;
401 border-style:dashed;
402 }
403
404 #form_notice {
405 width:43.664%;
406 float:right;
407 position:relative;
408 line-height:1;
409 }
410 #form_notice fieldset {
411 border:0;
412 padding:0;
413 position:relative;
414 }
415 #form_notice legend {
416 display:none;
417 }
418 #form_notice textarea {
419 float:left;
420 width:80.789%;
421 height:67px;
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:99px;
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 clear:both;
615 float:left;
616 width:100%;
617 }
618 .aside .section h2 {
619 text-transform:uppercase;
620 font-size:1em;
621 }
622
623 #entity_statistics dt,
624 #entity_statistics dd {
625 display:inline;
626 }
627 #entity_statistics dt:after {
628 content: ":";
629 }
630
631 .section ul.entities {
632 float:left;
633 width:100%;
634 }
635 .section .entities li {
636 list-style-type:none;
637 float:left;
638 margin-right:7px;
639 margin-bottom:7px;
640 }
641 .section .entities li .photo {
642 margin-right:0;
643 margin-bottom:0;
644 }
645 .section .entities li .fn {
646 display:none;
647 }
648
649 .aside .section p,
650 .aside .section .more {
651 clear:both;
652 }
653
654 .profile .entity_profile {
655 margin-bottom:0;
656 min-height:60px;
657 }
658
659
660 .profile .form_group_join legend,
661 .profile .form_group_leave legend,
662 .profile .form_user_subscribe legend,
663 .profile .form_user_unsubscribe legend {
664 display:none;
665 }
666
667 .profiles {
668 list-style-type:none;
669 }
670 .profile .entity_profile .entity_location {
671 width:auto;
672 clear:none;
673 margin-left:11px;
674 }
675 .profile .entity_profile dl,
676 .profile .entity_profile dd {
677 display:inline;
678 float:none;
679 }
680 .profile .entity_profile .entity_note,
681 .profile .entity_profile .entity_url,
682 .profile .entity_profile .entity_tags,
683 .profile .entity_profile .form_subscription_edit {
684 margin-left:59px;
685 clear:none;
686 display:block;
687 width:auto;
688 }
689 .profile .entity_profile .entity_tags dt {
690 display:inline;
691 margin-right:11px;
692 }
693
694
695 .profile .entity_profile .form_subscription_edit label {
696 font-weight:normal;
697 margin-right:11px;
698 }
699
700
701 /* NOTICE */
702 .notice,
703 .profile {
704 position:relative;
705 padding-top:11px;
706 padding-bottom:11px;
707 clear:both;
708 float:left;
709 width:100%;
710 border-top-width:1px;
711 border-top-style:dashed;
712 }
713 .notices li {
714 list-style-type:none;
715 }
716
717
718 /* NOTICES */
719 #notices_primary {
720 float:left;
721 width:100%;
722 border-radius:7px;
723 -moz-border-radius:7px;
724 -webkit-border-radius:7px;
725 }
726 #notices_primary h2 {
727 display:none;
728 }
729 .notice-data a span {
730 display:block;
731 padding-left:28px;
732 }
733
734 .notice .author {
735 margin-right:11px;
736 }
737
738 .fn {
739 overflow:hidden;
740 }
741
742 .notice .author .fn {
743 font-weight:bold;
744 }
745
746 .vcard .photo {
747 display:inline;
748 margin-right:11px;
749 float:left;
750 }
751 #shownotice .vcard .photo {
752 margin-bottom:4px;
753 }
754 .vcard .url {
755 text-decoration:none;
756 }
757 .vcard .url:hover {
758 text-decoration:underline;
759 }
760
761 .notice .entry-title {
762 display:inline;
763 width:100%;
764 overflow:hidden;
765 }
766 #shownotice .notice .entry-title {
767 font-size:2.2em;
768 }
769
770 .notice p.entry-content {
771 display:inline;
772 }
773
774 #content .notice p.entry-content a:visited {
775 border-radius:4px;
776 -moz-border-radius:4px;
777 -webkit-border-radius:4px;
778 }
779 .notice p.entry-content .vcard a {
780 border-radius:4px;
781 -moz-border-radius:4px;
782 -webkit-border-radius:4px;
783 }
784
785 .notice div.entry-content {
786 float:left;
787 font-size:0.95em;
788 width:65%;
789 }
790
791 .notice .notice-options a,
792 .notice .notice-options input {
793 float:left;
794 font-size:1.025em;
795 }
796
797 .notice div.entry-content dl,
798 .notice div.entry-content dt,
799 .notice div.entry-content dd {
800 display:inline;
801 }
802
803 .notice div.entry-content .timestamp dt,
804 .notice div.entry-content .response dt {
805 display:none;
806 }
807 .notice div.entry-content .timestamp a {
808 display:inline-block;
809 }
810 .notice div.entry-content .device dt {
811 text-transform:lowercase;
812 }
813
814
815 .notice-options {
816 padding-left:2%;
817 float:left;
818 width:50%;
819 position:relative;
820 font-size:0.95em;
821 width:12.5%;
822 float:right;
823 }
824
825 .notice-options a {
826 float:left;
827 }
828 .notice-options .notice_delete,
829 .notice-options .notice_reply,
830 .notice-options .form_favor,
831 .notice-options .form_disfavor {
832 position:absolute;
833 top:0;
834 }
835 .notice-options .form_favor,
836 .notice-options .form_disfavor {
837 left:0;
838 }
839 .notice-options .notice_reply {
840 left:29px;
841 }
842 .notice-options .notice_delete {
843 right:0;
844 }
845 .notice-options .notice_reply dt {
846 display:none;
847 }
848
849 .notice-options input,
850 .notice-options a {
851 text-indent:-9999px;
852 outline:none;
853 }
854
855 .notice-options .notice_reply a,
856 .notice-options input.submit {
857 display:block;
858 border:0;
859 }
860 .notice-options .notice_reply a,
861 .notice-options .notice_delete a {
862 text-decoration:none;
863 padding-left:16px;
864 }
865
866 .notice-options form input.submit {
867 width:16px;
868 padding:2px 0;
869 }
870
871 .notice-options .notice_delete dt,
872 .notice-options .form_favor legend,
873 .notice-options .form_disfavor legend {
874 display:none;
875 }
876 .notice-options .notice_delete fieldset,
877 .notice-options .form_favor fieldset,
878 .notice-options .form_disfavor fieldset {
879 border:0;
880 padding:0;
881 }
882
883
884 #usergroups #new_group {
885 float: left;
886 margin-right: 2em;
887 }
888 #new_group, #group_search {
889 margin-bottom:18px;
890 }
891 #new_group a {
892 padding-left:20px;
893 }
894
895
896 #filter_tags {
897 margin-bottom:11px;
898 float:left;
899 }
900 #filter_tags dt {
901 display:none;
902 }
903 #filter_tags ul {
904 list-style-type:none;
905 }
906 #filter_tags ul li {
907 float:left;
908 margin-left:7px;
909 padding-left:7px;
910 border-left-width:1px;
911 border-left-style:solid;
912 }
913 #filter_tags ul li.child_1 {
914 margin-left:0;
915 border-left:0;
916 padding-left:0;
917 }
918 #filter_tags ul li#filter_tags_all a {
919 font-weight:bold;
920 margin-top:7px;
921 float:left;
922 }
923
924 #filter_tags ul li#filter_tags_item label {
925 margin-right:7px;
926 }
927 #filter_tags ul li#filter_tags_item label,
928 #filter_tags ul li#filter_tags_item select {
929 display:inline;
930 }
931 #filter_tags ul li#filter_tags_item p {
932 float:left;
933 margin-left:38px;
934 }
935 #filter_tags ul li#filter_tags_item input {
936 position:relative;
937 top:3px;
938 left:3px;
939 }
940
941
942
943 .pagination {
944 float:left;
945 clear:both;
946 width:100%;
947 margin-top:18px;
948 }
949
950 .pagination dt {
951 font-weight:bold;
952 display:none;
953 }
954
955 .pagination .nav {
956 float:left;
957 width:100%;
958 list-style-type:none;
959 }
960
961 .pagination .nav_prev {
962 float:left;
963 }
964 .pagination .nav_next {
965 float:right;
966 }
967
968 .pagination a {
969 display:block;
970 text-decoration:none;
971 font-weight:bold;
972 padding:7px;
973 border-width:1px;
974 border-style:solid;
975 -moz-border-radius:7px;
976 -webkit-border-radius:7px;
977 border-radius:7px;
978 }
979
980 .pagination .nav_prev a {
981 padding-left:30px;
982 }
983 .pagination .nav_next a {
984 padding-right:30px;
985 }
986 /* END: NOTICE */
987
988
989 .hentry .entry-content p {
990 margin-bottom:18px;
991 }
992 .system_notice ul,
993 .instructions ul,
994 .hentry entry-content ol,
995 .hentry .entry-content ul {
996 list-style-position:inside;
997 }
998 .hentry .entry-content li {
999 margin-bottom:18px;
1000 }
1001 .hentry .entry-content li li {
1002 margin-left:18px;
1003 }
1004
1005
1006
1007
1008 /* TOP_POSTERS */
1009 .section tbody td {
1010 padding-right:11px;
1011 padding-bottom:11px;
1012 }
1013 .section .vcard .photo {
1014 margin-right:7px;
1015 margin-bottom:0;
1016 }
1017
1018 .section .notice {
1019 padding-top:7px;
1020 padding-bottom:7px;
1021 border-top:0;
1022 }
1023
1024 .section .notice:first-child {
1025 padding-top:0;
1026 }
1027
1028 .section .notice .author {
1029 margin-right:0;
1030 }
1031 .section .notice .author .fn {
1032 display:none;
1033 }
1034
1035
1036 /* tagcloud */
1037 .tag-cloud {
1038 list-style-type:none;
1039 text-align:center;
1040 }
1041 .aside .tag-cloud {
1042 font-size:0.8em;
1043 }
1044 .tag-cloud li {
1045 display:inline;
1046 margin-right:7px;
1047 line-height:1.25;
1048 }
1049 .aside .tag-cloud li {
1050 line-height:1.5;
1051 }
1052 .tag-cloud li a {
1053 text-decoration:none;
1054 }
1055 #tagcloud.section dt {
1056 text-transform:uppercase;
1057 font-weight:bold;
1058 }
1059 .tag-cloud-1 {
1060 font-size:1em;
1061 }
1062 .tag-cloud-2 {
1063 font-size:1.25em;
1064 }
1065 .tag-cloud-3 {
1066 font-size:1.75em;
1067 }
1068 .tag-cloud-4 {
1069 font-size:2em;
1070 }
1071 .tag-cloud-5 {
1072 font-size:2.25em;
1073 }
1074 .tag-cloud-6 {
1075 font-size:2.75em;
1076 }
1077 .tag-cloud-7 {
1078 font-size:3.25em;
1079 }
1080
1081 #publictagcloud #tagcloud.section dt {
1082 display:none;
1083 }
1084
1085 #form_settings_photo .form_data {
1086 clear:both;
1087 }
1088
1089 #form_settings_avatar li {
1090 width:auto;
1091 }
1092 #form_settings_avatar input {
1093 margin-left:0;
1094 }
1095 #avatar_original,
1096 #avatar_preview {
1097 float:left;
1098 }
1099 #avatar_preview {
1100 margin-left:29px;
1101 }
1102 #avatar_preview_view {
1103 height:96px;
1104 width:96px;
1105 margin-bottom:18px;
1106 overflow:hidden;
1107 }
1108
1109 #settings_attach,
1110 #form_settings_avatar .form_actions {
1111 clear:both;
1112 }
1113
1114 #form_settings_avatar .form_actions {
1115 margin-bottom:0;
1116 }
1117
1118 #form_settings_design #settings_design_color .form_data,
1119 #form_settings_design #color-picker {
1120 float:left;
1121 }
1122 #form_settings_design #settings_design_color .form_data {
1123 width:400px;
1124 margin-right:28px;
1125 }
1126
1127 .instructions ul {
1128 list-style-position:inside;
1129 }
1130 .instructions p,
1131 .instructions ul {
1132 margin-bottom:18px;
1133 }
1134 .help dt {
1135 display:none;
1136 }
1137 .guide {
1138 clear:both;
1139 }