passman/css/vendor/ng-password-meter/ng-password-meter.css
2016-09-13 00:10:24 +02:00

100 lines
No EOL
1.5 KiB
CSS

.pass-meter {
width:100%;
padding-top:3px;
padding-bottom: 30px;
}
.pass-meter.hidden {
display: none;
}
.pass-meter .details, .pass-meter .pass-meter-message{
margin-top: 3px;
}
.pass-meter-col {
float:left;
width:25%;
padding:1px;
}
.pass-meter-col .indicator {
border-radius:3px;
background-color:#eee;
height:5px;
}
.pass-meter-col.poor .indicator{
background-color:#ef4e3a;
}
.pass-meter-col.weak .indicator{
background-color:#F27B1C;
}
.pass-meter-col.good .indicator{
background-color:#66cc33;
}
.pass-meter-col.strong .indicator{
background-color:#33A7E3;
}
.pass-meter .pass-meter-message {
width:49%;
text-align:right;
font-family: "Arial Black", Gadget, sans-serif;
font-size:10px;
line-height:10px;
color:#555;
min-height:7px;
float: right;
}
.pass-meter .details{
width:49%;
text-align:left;
font-family: "Arial Black", Gadget, sans-serif;
font-size:10px;
line-height:10px;
color:#555;
min-height:7px;
float: left;
cursor: pointer;
}
.pass-meter .details span{
cursor: pointer;
}
.pass-meter .details:hover, .pass-meter .link{
color: rgb(0, 102, 255) !important;
}
.pass-meter .link{
cursor: pointer;
}
.pass-meter .link:hover{
text-decoration: underline;
}
.detail_box .row {
clear: both;
}
.detail_box .row .col{
float: left;
width: 49%;
}
.match-sequence {
}
.match-sequence .sequence{
float: left;
width: auto;
margin-right: 10px;
}
.match-sequence .sequence table td:nth-child(2){
padding-left: 4px;
}
.sequence .token{
text-align: center;
}
.sequence code{
border: 1px solid;
padding: 3px;
}