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

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