blob: 8cc5548d53a90207aff53cafdaefaafe1676fa40 (
plain) (
tree)
|
|
/* this is based on https://github.com/flatlogic/awesome-bootstrap-checkbox */
.checkbox {
padding-left: 20px;
}
.checkbox label {
display: inline-block;
vertical-align: middle;
position: relative;
padding-left: 5px;
}
.checkbox label::before {
content: "";
display: inline-block;
position: absolute;
width: 17px;
height: 17px;
left: 0;
margin-left: -20px;
border: 1px solid #cccccc;
border-radius: 3px;
background-color: #fff;
-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
display: inline-block;
position: absolute;
width: 16px;
height: 16px;
left: 0;
top: 0;
margin-left: -20px;
padding-left: 3px;
padding-top: 1px;
font-size: 11px;
color: #555555;
}
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
opacity: 0;
z-index: 1;
top: -6px;
}
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
font-family: "Glyphicons Halflings";
content: "\E013";
}
.witherror {
border: 1px solid red;
}
/*
.table-input-group tr:first-child {
background: #EEEEEE url("./style/bg.png");
border-style: solid none solid solid;
border-radius: 4px 0px 0px 4px;
border-color: #CCCCCC #555555 #CCCCCC #CCCCCC;
border-width: 1px 0px 1px 1px;
color: #555555;
}
*/
.table-input-group {
border-collapse: separate;
}
.table-input-group tr.input-group {
display: table-row;
width: auto;
border-collapse: separate;
}
.table-input-group tr.input-group td.input-group-addon {
text-align: left;
border-collapse: separate;
}
.table-input-group tr.input-group input.form-control {
width: auto;
}
.table-input-group tr.input-group td:last-child input {
border-radius: 0px 4px 4px 0px;
}
|