less/roojs-bootstrap/secure-pass.less
[roojs1] / less / roojs-bootstrap / secure-pass.less
1 .roo-password-meter-grey {
2     background: lightgrey; /* For browsers that do not support gradients */
3     height: 10px;
4 }
5
6 .roo-password-meter {
7     background: red; /* For browsers that do not support gradients */
8     background: -webkit-linear-gradient(-90deg, green, red); /* For Safari 5.1 to 6.0 */
9     background: -o-linear-gradient(-90deg, green, red); /* For Opera 11.1 to 12.0 */
10     background: -moz-linear-gradient(-90deg, green, red); /* For Firefox 3.6 to 15 */
11     background: linear-gradient(-90deg, green, red); 
12
13     font-size: 12px;     
14 }
15
16 .roo-password-meter-container {
17          margin-bottom: 20px;             
18 }
19
20 .roo-password-meter-tooweak {
21     background: red ;  
22     height: 10px;        
23 }
24
25 .roo-password-meter-weak {
26     background: #ffdddd;
27     height: 10px;         
28 }
29
30 .roo-password-meter-medium {
31     background: yellow;
32     height: 10px;          
33 }
34
35 .roo-password-meter-strong {
36     background: green;
37     height: 10px;          
38 }
39
40 .roo-password-meter-text { 
41     padding-bottom:5px;
42     margin-bottom:5px;    
43     font-size: 12px;
44     height: 10px;     
45 }