zncstrap/webskins/_default_/pub/_default_.css
2015-01-21 23:37:59 +08:00

68 lines
1.5 KiB
CSS

/* Some minor re-design for zncstrap */
body {
padding-top: 80px;
}
#footer {
height: 60px;
padding-top: 30px;
}
/* for BindHosts textarea */
.form-control {
white-space:inherit;
}
/* for Traffic page */
.progress {
margin-bottom: 0px;
}
/* Switch & SwitchMini checkbox re-design */
input[type=checkbox] {
visibility: hidden;
}
.checkboxSwitch,
.checkboxSwitchMini {
position: relative;
}
.checkboxSwitch label {
display: block;
width: 20px;
height: 20px;
border-radius: 100px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
cursor: pointer;
position: absolute;
top: 5px;
left: 5px;
z-index: 1;
background: #d9534f;
-webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
}
.checkboxSwitchMini label {
display: block;
width: 13px;
height: 13px;
border-radius: 100px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
cursor: pointer;
position: absolute;
top: 5px;
left: 5px;
z-index: 1;
background: #d9534f;
-webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
}
.checkboxSwitch input[type=checkbox]:checked + label,
.checkboxSwitchMini input[type=checkbox]:checked + label {
background: #5cb85c;
}