slitaz-forge view forum/my-templates/slitaz/style.css @ rev 542

arm: tiny edits
author Paul Issott <paul@slitaz.org>
date Thu May 01 21:49:06 2014 +0100 (2014-05-01)
parents 8cf82e7a5a8a
children 7e2f64c44dc5
line source
1 /*
2 Theme Name: SliTaz
3 Theme URI: http://www.slitaz.org/
4 Description: The SliTaz Theme for bbPress.
5 Version: 1.0
6 Author: Christophe Lincoln
7 Author URI: http://people.slitaz.org/~pankso/
8 */
9
10 /* Globals
11 =================================== */
12
13 * { margin: 0; padding: 0; }
14
15 body {
16 background-color: #fff;
17 font: 13px sans-serif, vernada, arial;
18 line-height: 130%;
19 }
20
21 a { text-decoration: none; color: #215090; }
22 a:hover { text-decoration: none; color: blue; }
23
24 .alt { background-color: #fff; }
25
26 pre, code { font: 1.0em Monaco, 'Courier New', monospace; }
27
28 pre, p { margin-bottom: 1.0em; }
29
30 .left { float: left; }
31
32 .right { float: right; }
33
34 .delete:hover {
35 background-color: #c00;
36 color: #fff;
37 }
38
39 h1 { font-size: 2em; }
40
41 h2 { font-size: 1.3em; }
42
43 fieldset {
44 border-width: 0;
45 padding: 0;
46 margin: 0;
47 }
48
49 img.avatar { border: 1px solid #ddd; }
50
51 .bozo { background-color: #eeee88; }
52
53 .alt.bozo { background-color: #ffff99; }
54
55 .deleted { background-color: #ee8888; }
56
57 .alt.deleted { background-color: #ff9999; }
58
59 /* Structure
60 =================================== */
61
62 #wrapper {
63 border: none;
64 }
65
66 #header {
67 margin: 0;
68 width: 100%;
69 height: 40px;
70 position: relative;
71 background: #222;
72 }
73
74 #header h1 {
75 font-size: 20px;
76 font-style: italic;
77 position: absolute;
78 display: block;
79 color: #fff;
80 left: 0px;
81 top: 0px;
82 bottom: 0;
83 z-index: 2;
84 background: url(images/logo.png) no-repeat left;
85 padding: 12px 0 0 42px;
86 }
87
88 #header p.description {
89 font-size: 14px;
90 font-style: italic;
91 position: absolute;
92 display: block;
93 color: #999;
94 text-align: right;
95 left: 120px;
96 top: 8px;
97 padding: 6px;
98 z-index: 2;
99 }
100
101 #header p { margin-bottom: 0; }
102
103 #header h1 a { color: #fff; text-decoration: none; }
104 #header h1 a:hover, #network a:hover, #network span { color: #afafaf; }
105
106 #header div.search {
107 float: right;
108 padding: 8px;
109 background: #666;
110 position: absolute;
111 top: 68px;
112 right: 10%;
113 width: 210px;
114 -moz-border-radius: 4px;
115 -webkit-border-radius: 4px;
116 border-radius: 4px;
117 }
118
119 #header div.search input {
120 border: 1px solid #999;
121 background-color: #fdfdfd;
122 padding: 2px;
123 line-height: 14px;
124 font-size: 12px;
125 margin: 0;
126 -moz-border-radius: 3px;
127 -khtml-border-radius: 3px;
128 -webkit-border-radius: 3px;
129 border-radius: 3px;
130 }
131
132 #header div.search input.submit {
133 background-color: #ccc;
134 line-height: 15px;
135 -moz-border-radius: 4px;
136 -khtml-border-radius: 4px;
137 -webkit-border-radius: 4px;
138 border-radius: 4px;
139 padding: 2px 4px;
140 }
141
142 #header div.search input.submit:hover {
143 background-color: #ddd;
144 color: rgb(0, 100, 0);
145 }
146
147 #header div.search input.submit:active {
148 border-color: rgb(0, 100, 0);
149 }
150
151 #network {
152 float: right;
153 padding: 13px 5px 0;
154 font-size: 12px;
155 }
156
157 #network a, #network span {
158 padding: 0 4px;
159 color: #fff;
160 font-weight: bold;
161 text-decoration: none;
162 }
163
164 #network span { color: #afafaf; }
165 #network img, .infobox img { vertical-align: middle; border: 0pt none; }
166
167 #block {
168 min-height: 92px;
169 background: #ccc;
170 padding: 0px 10% 0;
171 text-align: center;
172 color: #333;
173 border-bottom: 1px solid #afafaf;
174 }
175
176 #block a {
177 color: #fff;
178 text-decoration: none;
179 }
180
181 #block a:hover {
182 text-decoration: underline;
183 }
184
185 #main {
186 margin: 60px 0;
187 padding: 0px 80px 40px 80px;
188 position: relative;
189 }
190
191 .bbcrumb {
192 text-transform: uppercase;
193 font-size: 0.9em;
194 letter-spacing: 1px;
195 padding: 5px 0 20px;
196 font-weight: bold;
197 }
198
199 #footer {
200 background: #f1f1f1;
201 text-align: center;
202 border-top: 1px solid #ddd;
203 padding: 40px;
204 color: #666;
205 margin: 0;
206 clear: both;
207 }
208
209 #footer p.showoff {
210 color: #888;
211 }
212
213 #footer a { color: #666; padding: 0 2px; text-decoration: underline; }
214 #footer a:hover { text-decoration: none; }
215
216 .notice {
217 border: 1px solid #4c9545;
218 background-color: #abd8a2;
219 color: #4c9545;
220 font-size: 1.1em;
221 font-weight: bold;
222 padding: 10px 15px;
223 margin: 0 0 1.1em;
224 }
225
226 .notice.error {
227 border-color: #852424;
228 background-color: #ca8a8a;
229 color: #5d2424;
230 }
231
232 .notice p { margin-bottom: 0; }
233
234 /* Login Form
235 =================================== */
236
237 .login {
238 position: absolute;
239 top: 146px;
240 right: 80px;
241 color: #444;
242 z-index: 1;
243 font-size: 12px;
244 padding: 2px;
245 }
246
247 form.login {
248 bottom: 15px;
249 }
250
251 .login p {
252 padding: 0px;
253 border-bottom: 0px solid #999; }
254
255 .login label {
256 display: block;
257 float: left;
258 padding-right: 10px;
259 line-height: 14px;
260 }
261
262 form.login input {
263 border: 1px solid #999;
264 padding: 2px;
265 line-height: 14px;
266 font-size: 12px;
267 margin: 0;
268 -moz-border-radius: 3px;
269 -khtml-border-radius: 3px;
270 -webkit-border-radius: 3px;
271 border-radius: 3px;
272 }
273
274 form.login input.submit {
275 background-color: #ccc;
276 float: left;
277 margin-top: 14px;
278 margin-bottom: -10px;
279 display: block;
280 line-height: 15px;
281 -moz-border-radius: 4px;
282 -khtml-border-radius: 4px;
283 -webkit-border-radius: 4px;
284 border-radius: 4px;
285 padding: 2px 4px;
286 }
287
288 form.login input.submit:hover {
289 background-color: #ddd;
290 color: rgb(0, 100, 0);
291 }
292
293 form.login input.submit:active {
294 border-color: rgb(0, 100, 0);
295 }
296
297 div.remember label {
298 clear: both;
299 padding: 0;
300 margin: 6px 0 0 0;
301 line-height: 12px;
302 }
303
304 form.login input#remember {
305 border-width: 0;
306 padding: 0;
307 margin: 0;
308 vertical-align: baseline;
309 }
310
311 /* Front Page
312 =================================== */
313
314 #front-page #hottags {
315 position: absolute;
316 top: -46px;
317 left: 80px;
318 width: 48%;
319 overflow: hidden;
320 height: 64px;
321 }
322
323 #front-page #discussions {
324 padding: 40px 0 0 0;
325 }
326
327 .frontpageheatmap {
328 font-weight: normal;
329 line-height: 30px;
330 padding-bottom: 10px;
331 }
332
333 #front-page #main h2, #forum-page #main h2, h2.post-form, #userlogin, #currentfavorites, #register, #passwordrecovery {
334 color: #555;
335 border-bottom: 1px solid #ddd;
336 margin: 0 0 10px;
337 padding: 0 0 5px;
338 }
339
340 #front-page #discussions ul { padding: 0 0 0 14px; }
341
342 .sticky { background-color: #a1d29a; }
343
344 /* Page navigation
345 =================================== */
346
347 a.page-numbers,
348 span.page-numbers {
349 border-right: 1px solid #bbbbbb;
350 border-bottom: 1px solid #bbbbbb;
351 padding: 4px 4px 2px 5px;
352 margin-left: 5px;
353 background-image: url('images/page-links-background.gif');
354 background-repeat: no-repeat;
355 background-position: 0 0;
356 }
357
358 span.page-numbers.current {
359 color: #ffffff;
360 background-position: 0 -100px;
361 }
362
363 #latest a.page-numbers {
364 font-size: 0.8em;
365 padding: 3px 3px 1px 4px;
366 margin-left: 3px;
367 }
368
369 a.prev.page-numbers,
370 a.next.page-numbers,
371 span.page-numbers.dots {
372 border-width: 0;
373 padding: 0 4px;
374 background-image: none;
375 }
376
377 span.page-numbers.dots {
378 padding: 0;
379 }
380
381 a.page-numbers:hover {
382 background-position: 0 -100px;
383 }
384
385 a.prev.page-numbers:hover,
386 a.next.page-numbers:hover {
387 color: #006400;
388 }
389
390 /* Topic Page
391 =================================== */
392
393 .infobox {
394 border: 1px solid #ccc;
395 border-width: 1px 0;
396 padding: 1em 0;
397 }
398
399 .infobox ul {
400 margin: 10px 0 10px 20px;
401 padding: 0;
402 list-style-type: disc;
403 }
404
405 .infobox ul li { padding-bottom: 3px; }
406
407 #topic-info {
408 float: left;
409 padding: 0 1em 0 0;
410 }
411
412 #topic-tags {
413 border-left: 1px solid #ccc;
414 float: right;
415 padding: 0 0 0 1em;
416 }
417
418 #tag-form p {
419 margin-bottom: 0;
420 }
421
422 input#tag {
423 border: 1px solid #999;
424 padding: 2px;
425 line-height: 14px;
426 font-size: 12px;
427 margin: 0;
428 -moz-border-radius: 3px;
429 -khtml-border-radius: 3px;
430 -webkit-border-radius: 3px;
431 border-radius: 3px;
432 }
433
434 input#tagformsub {
435 border: 1px solid #999;
436 line-height: 14px;
437 font-size: 12px;
438 margin: 0;
439 line-height: 15px;
440 -moz-border-radius: 4px;
441 -khtml-border-radius: 4px;
442 -webkit-border-radius: 4px;
443 border-radius: 4px;
444 padding: 2px 4px;
445 }
446
447 input#tagformsub:hover {
448 background-color: #ddd;
449 color: rgb(0, 100, 0);
450 }
451
452 input#tagformsub:active {
453 border-color: rgb(0, 100, 0);
454 }
455
456 .nav {
457 margin: 15px 0;
458 padding: 12px 0;
459 text-align: center;
460 }
461
462 #thread {
463 list-style: none;
464 margin: 2em 0 0 0;
465 padding: 0;
466 }
467
468 #thread li {
469 line-height: 1.5em;
470 clear: both;
471 /* Hack to force padding on .threadauthor on IE */
472 border-top: 1px solid #fff;
473 }
474
475 #thread li ol, #thread li ul { margin-left: 40px; }
476
477 #thread li ol li, #thread li ul li { padding: 0; }
478
479 .threadauthor {
480 float: left;
481 padding: 1em 1em 0 1em;
482 width: 120px;
483 }
484
485 .threadauthor p { margin: 0; }
486
487 .threadauthor small { font: 11px Verdana, Arial, Helvetica, sans-serif; }
488
489 .threadpost {
490 padding: 1.5em 1em;
491 margin-left: 140px;
492 background-color: #eee;
493 -moz-border-radius: 6px;
494 -khtml-border-radius: 6px;
495 -webkit-border-radius: 6px;
496 border-radius: 6px;
497 }
498
499 #thread li.alt .threadpost { background-color: transparent; }
500
501 #thread li.deleted { background-color: transparent; }
502
503 #thread li.deleted .threadpost { background-color: #ee8888; }
504
505 #thread li.alt.deleted .threadpost { background-color: #ff9999; }
506
507 #thread li .post-undelete-link, #thread li.deleted .post-delete-link { display: none; }
508 #thread li.deleted .post-undelete-link { display: inline; }
509
510 #thread li.deleted .before-post-delete-link, #thread li .before-post-undelete-link { display: none; }
511 #thread li.deleted span.before-post-undelete-link { display: inline; }
512 #thread li.deleted div.before-post-undelete-link { display: block; }
513 #thread li.deleted li.before-post-undelete-link { display: block; }
514
515 #thread li.pingback {
516 margin-left: 140px;
517 margin-top: 2px;
518 margin-bottom: 2px;
519 background-color: #e4f3e1;
520 -moz-border-radius: 6px;
521 -khtml-border-radius: 6px;
522 -webkit-border-radius: 6px;
523 border-radius: 6px;
524 border: 0.2em solid #e4f3e1;
525 }
526
527 #thread li.pingback.alt {
528 background-color: #fff;
529 }
530
531 #thread li.pingback .threadpost {
532 background-color: #e4f3e1;
533 }
534
535 #thread li.pingback.alt .threadpost {
536 background-color: #fff;
537 }
538
539 #thread li.pingback .threadauthor {
540 float: none;
541 padding: 0.9em 0.9em 0;
542 width: auto;
543 }
544
545 #thread li.pingback .threadauthor strong {
546 font-weight: normal;
547 }
548
549 #thread li.pingback .threadauthor small {
550 color: #333;
551 }
552
553 #thread li.pingback .threadpost {
554 margin-left: 0;
555 padding: 0.5em 0.9em 1.5em;
556 }
557
558 #thread li.pingback .post {
559 font-style: italic;
560 color: #333;
561 margin: 0 0 0 2.4em;
562 padding: 0 0 0 0.8em;
563 border-left: 3px dotted #ccc;
564 }
565
566 #thread .post {
567 _height: 90px; /* Hack to fix broken .alt coloring in IE6 */
568 }
569
570 #thread .post blockquote {
571 margin: 0 0 0 2.4em;
572 padding: 0 0 0 0.8em;
573 border-left: 3px solid #ccc;
574 }
575
576 #thread .post li { clear:none; }
577
578 .poststuff {
579 clear:both;
580 _clear: none; /* Hack to fix broken .alt coloring in IE6 */
581 border-top: 1px dotted #ccc;
582 margin: 10px 0 0;
583 padding: 5px 0 0;
584 font: 10px Verdana, Arial, Helvetica, sans-serif;
585 text-transform: uppercase;
586 }
587
588 .num, #forumlist small {
589 font: 11px Verdana,Arial,Helvetica,sans-serif;
590 text-align: center;
591 white-space: nowrap;
592 }
593
594 h2.post-form {
595 border-bottom-width: 0;
596 margin-bottom: 2px;
597 }
598
599 .postform {
600 background-color: #f0f0f0;
601 padding: 1em;
602 margin-bottom: 1em;
603 -moz-border-radius: 6px;
604 -khtml-border-radius: 6px;
605 -webkit-border-radius: 6px;
606 border-radius: 6px;
607 }
608
609 .postform textarea {
610 height: 12em;
611 margin: 5px 0;
612 padding: 5px;
613 width: 724px;
614 max-width: 724px;
615 border: 1px solid #ccc;
616 display: block;
617 -moz-border-radius: 3px;
618 -khtml-border-radius: 3px;
619 -webkit-border-radius: 3px;
620 border-radius: 3px;
621 }
622
623 .postform label { display: block; }
624
625 .postform #topic,
626 .postform #tags-input {
627 margin: 5px 0;
628 padding: 5px;
629 width: 724px;
630 border: 1px solid #ccc;
631 display: block;
632 -moz-border-radius: 3px;
633 -khtml-border-radius: 3px;
634 -webkit-border-radius: 3px;
635 border-radius: 3px;
636 }
637
638 .postform p#post-form-forum-container label span {
639 font-weight: bold;
640 font-style: italic;
641 }
642
643 #manage-tags {
644 margin: 10px 0;
645 list-style: none;
646 }
647
648 #manage-tags li {
649 float: left;
650 width: 200px;
651 padding-bottom: 10px;
652 }
653
654 p.submit { text-align: right; }
655
656 p.allowed { margin-bottom: 0; }
657
658 .topiclink { display: block; }
659
660 .topictitle {
661 font-size: 26px;
662 font-weight: normal;
663 display: inline;
664 }
665
666 p.rss-link {
667 text-align: right;
668 }
669
670 a.rss-link {
671 padding: 6px 0 6px 20px;
672 background-image: url('images/feed-icon-16x16.gif');
673 background-repeat: no-repeat;
674 background-position: 0 50%;
675 }
676
677 #topic-move,
678 #topic-move fieldset,
679 #topic-move fieldset div {
680 display: inline;
681 }
682
683 #topic-move input {
684 font-family: inherit;
685 background: none;
686 border: none;
687 cursor: pointer;
688 color: #2e6e15;
689 font-size: 1em;
690 }
691
692 #topic-move input:hover { color: #006400; }
693
694 /* Other
695 =================================== */
696
697 #content .frontpageheatmap a {
698 font-weight: normal;
699 text-decoration: none;
700 }
701
702 #content .infobox li { margin-bottom: 2px; }
703
704 #content .nav a {
705 border: 1px solid #ccc;
706 font-weight: normal;
707 }
708 #content .nav a:hover {
709 border: 1px solid #999;
710 }
711 #content a:visited {
712 font-weight: normal;
713 }
714
715 #front-search {
716 float: right;
717 margin-top: -8px;
718 }
719
720 #latest td, #forumlist td, #favorites td { padding: 5px 10px; }
721
722 #forumlist tr td div.nest {
723 padding-left: 2.5ex;
724 }
725
726 #latest tr:hover, #forumlist tr:hover, #favorites tr:hover { background-color: #e4f3e1; }
727
728 #latest th, #forumlist th, #favorites th {
729 text-align: left;
730 background-color: rgb(102, 102, 102);
731 font: 11px Verdana,Arial,Helvetica,sans-serif;
732 font-weight: normal;
733 padding: 5px 9px;
734 color: rgb(255, 255, 255);
735 }
736
737 #latest th a, #forumlist th a, #favorites th a {
738 color: rgb(200, 200, 200);
739 font-style: italic;
740 }
741
742 #latest th a:hover, #forumlist th a:hover, #favorites th a:hover {
743 color: rgb(255, 255, 255);
744 }
745
746 tr.bb-category td {
747 background-color: #ddd;
748 }
749
750 #latest, #forumlist, #favorites {
751 background-color: #f7f7f7;
752 margin-bottom: 3em;
753 width: 100%;
754 }
755
756 #latest, #forumlist {
757 margin-top: -0.9em;
758 }
759
760 #discussions .nav {
761 margin-top: -2em;
762 margin-bottom: 1em;
763 }
764
765 /* Profile Page
766 =================================== */
767
768 #profile-menu {
769 list-style: none;
770 position: absolute;
771 right: 40px;
772 top: -83px;
773 }
774
775 #profile-menu li {
776 display: inline;
777 }
778
779 #profile-menu li a, .login a {
780 padding: 4px 6px;
781 }
782
783 #profile-menu li.current a {
784 background-color: #fff;
785 }
786
787 #profile-menu li a:hover, .login a:hover {
788 background-color: #fff;
789 }
790
791 #useravatar { margin-bottom: 1em; }
792
793 #useravatar img { display: block; border-width: 3px; border-style: double; }
794
795 #userinfo { margin-top: 10px; }
796
797 #userinfo dt { font-weight: bold; }
798
799 #userinfo dd { margin: 0 0 5px; }
800
801 #useractivity { margin: 15px 0 5px; }
802
803 .user-recent { margin: 0 0 10px; }
804
805 .user-recent ol { margin: 5px 0 0 28px; }
806
807 .user-recent ol li { margin: 0 0 3px; }
808
809 /* Search
810 =================================== */
811
812 #topic-search-form fieldset {
813 border-top: 3px double #ccc;
814 border-bottom: 1px solid #ccc;
815 border-left: none;
816 border-right: none;
817 padding: 10px 0 10px 10px;
818 margin-bottom: 15px;
819 background-color: #f6f6f6;
820 }
821
822 #topic-search-form div {
823 clear: both;
824 }
825
826 #topic-search-form div label {
827 display: block;
828 float: left;
829 padding: 5px;
830 text-align: right;
831 width: 20%;
832 vertical-align: top;
833 padding-right: 1em;
834 font-weight: bold;
835 }
836
837 #topic-search-form div div {
838 display: block;
839 float: left;
840 clear: none;
841 padding: 5px;
842 }
843
844 #topic-search-form div div input {
845 width: 280px;
846 border: 1px solid #ccc;
847 padding: 2px;
848 line-height: 14px;
849 font-size: 12px;
850 margin: 0;
851 -moz-border-radius: 3px;
852 -khtml-border-radius: 3px;
853 -webkit-border-radius: 3px;
854 border-radius: 3px;
855 }
856
857 #search-for { margin: 15px 0 5px; }
858
859 .search-results { margin: 0 0 10px; }
860
861 .search-results ol { margin: 5px 0 0 28px; }
862
863 .search-results ol li { margin: 0 0 3px; }
864
865 /* Login, Register, Profile Edit
866 =================================== */
867
868 #login-page fieldset,
869 #register-page fieldset,
870 #profile-page fieldset {
871 border-top: 3px double #ccc;
872 border-bottom: 1px solid #ccc;
873 border-left: none;
874 border-right: none;
875 padding: 10px 0 10px 10px;
876 margin-bottom: 15px;
877 background-color: #f6f6f6;
878 }
879
880 #login-page legend,
881 #register-page legend,
882 #profile-page legend {
883 font-weight: bold;
884 padding: 0 15px;
885 }
886
887 #login-page fieldset table,
888 #register-page fieldset table,
889 #profile-page fieldset table {
890 text-align: left;
891 margin: 0 15px;
892 width: 95%;
893 border-collapse: collapse;
894 }
895
896 #login-page fieldset table th,
897 #register-page fieldset table th,
898 #profile-page fieldset table th {
899 padding: 5px;
900 text-align: right;
901 width: 20%;
902 vertical-align: top;
903 padding-right: 1em;
904 }
905
906 #login-page fieldset table tr.error th em,
907 #register-page fieldset table tr.error th em,
908 #profile-page fieldset table tr.error th em {
909 position: absolute;
910 /* fieldset:padding-left + table:margin-left + table:width + td:padding-left + input:width + input:padding-right */
911 left: 458px; /* 10 + 15 + 20% * ( 95% * (760 - 10) ) + 5 + 280 + 5 */
912 margin-left: 1em; /* th:padding-right = 1em */
913 color: red;
914 font-style: normal;
915 }
916
917 #login-page fieldset table td,
918 #register-page fieldset table td,
919 #profile-page fieldset table td {
920 padding: 5px;
921 }
922
923 #login-page fieldset table td p,
924 #register-page fieldset table td p,
925 #profile-page fieldset table td p{
926 margin: 5px 0;
927 }
928
929 #login-page fieldset input[type=text],
930 #register-page fieldset input[type=text],
931 #profile-page fieldset input[type=text],
932 #login-page fieldset input[type=password],
933 #profile-page fieldset input[type=password] {
934 width: 280px;
935 border: 1px solid #ccc;
936 padding: 2px;
937 line-height: 14px;
938 font-size: 12px;
939 margin: 0;
940 -moz-border-radius: 3px;
941 -khtml-border-radius: 3px;
942 -webkit-border-radius: 3px;
943 border-radius: 3px;
944 }
945
946 #login-page fieldset p,
947 #register-page fieldset p,
948 #profile-page fieldset p {
949 font-size: 11px;
950 margin: 10px 16px;
951 }
952
953 #login-page tr.form-required label:before,
954 #register-page tr.form-required label:before,
955 #profile-page tr.form-required label:before,
956 p.required-message:before {
957 content: ' * ';
958 color: red;
959 vertical-align: 10%;
960 }
961
962 .form-invalid {
963 background-color: #ffebe8 !important;
964 }
965
966 .form-invalid input {
967 padding: 1px;
968 border: 1px solid #c00 !important;
969 }
970
971 .hidden {
972 display: none;
973 }
974
975 #pass-strength-result {
976 padding: 2px;
977 text-align: center;
978 width: 280px;
979 border: 1px solid #ccc;
980 background-color: #e3e3e3;
981 -moz-border-radius: 3px;
982 -khtml-border-radius: 3px;
983 -webkit-border-radius: 3px;
984 border-radius: 3px;
985 }
986
987 #pass-strength-result.bad {
988 background-color: #ffeff7;
989 border-color: #c69;
990 }
991
992 #pass-strength-result.good {
993 background-color: #effff4;
994 border-color: #66cc87;
995 }
996
997 #pass-strength-result.short {
998 background-color: #e3e3e3;
999 }
1000
1001 #pass-strength-result.strong {
1002 background-color: #59ef86;
1003 border-color: #319f52;
1004 }
1005
1006 p.submit input {
1007 background-color: #ccc;
1008 border: 1px solid #999;
1009 padding: 2px 4px;
1010 line-height: 14px;
1011 font-size: 12px;
1012 margin: 0;
1013 line-height: 15px;
1014 -moz-border-radius: 4px;
1015 -khtml-border-radius: 4px;
1016 -webkit-border-radius: 4px;
1017 border-radius: 4px;
1018 }
1019
1020 p.submit input:hover {
1021 background-color: #ddd;
1022 color: rgb(0, 100, 0);
1023 }
1024
1025 p.submit input:active {
1026 border-color: rgb(0, 100, 0);
1027 }