90 lines
1.8 KiB
CSS
Executable File
90 lines
1.8 KiB
CSS
Executable File
.fv-has-feedback {
|
|
position: relative;
|
|
}
|
|
|
|
.fv-control-feedback {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
z-index: 2;
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
|
|
.fv-help-block {
|
|
display: block;
|
|
}
|
|
|
|
/* Hide the clear icon for field using placeholder attribute on IE10/11 */
|
|
.fv-form [placeholder]::-ms-clear {
|
|
display: none;
|
|
}
|
|
|
|
/* -------------------
|
|
* Support Bootstrap 3
|
|
* ------------------- */
|
|
.fv-form-bootstrap .help-block {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.fv-form-bootstrap .tooltip-inner {
|
|
text-align: left;
|
|
}
|
|
|
|
.fv-form-bootstrap .fv-bootstrap-icon-input-group {
|
|
z-index: 100;
|
|
}
|
|
|
|
/* Inline form */
|
|
.form-inline.fv-form-bootstrap .form-group {
|
|
vertical-align: top;
|
|
}
|
|
|
|
/* -------------------------
|
|
* Support Bootstrap 4 alpha
|
|
* ------------------------- */
|
|
.fv-form-bootstrap4 .fv-control-feedback {
|
|
width: 38px;
|
|
height: 38px;
|
|
line-height: 38px;
|
|
}
|
|
|
|
/* For horizontal form */
|
|
.fv-form-bootstrap4 .form-group.row .fv-control-feedback {
|
|
right: 15px;
|
|
}
|
|
|
|
.fv-form-bootstrap4 .form-group.row .form-check ~ .fv-control-feedback {
|
|
top: -7px;
|
|
/* labelHeight/2 - iconHeight/2 */
|
|
}
|
|
|
|
/* Inline form */
|
|
.fv-form-bootstrap4.form-inline .form-group {
|
|
vertical-align: top;
|
|
}
|
|
|
|
/* Stacked form */
|
|
.fv-form-bootstrap4:not(.form-inline) label ~ .fv-control-feedback {
|
|
top: 32px;
|
|
}
|
|
|
|
/* Without label */
|
|
.fv-form-bootstrap4:not(.form-inline) label.sr-only ~ .fv-control-feedback {
|
|
top: -7px;
|
|
/* labelHeight/2 - iconHeight/2 */
|
|
}
|
|
|
|
.fv-form-bootstrap4:not(.form-inline) .form-check ~ .fv-control-feedback {
|
|
top: 25px;
|
|
/* labelHeight + checkboxHeight/2 - iconHeight/2 */
|
|
}
|
|
|
|
.fv-form-bootstrap4 .has-success label, .fv-form-bootstrap4 .has-success .fv-control-feedback {
|
|
color: #5cb85c;
|
|
}
|
|
|
|
.fv-form-bootstrap4 .has-warning label, .fv-form-bootstrap4 .has-warning .fv-control-feedback {
|
|
color: #f0ad4e;
|
|
}
|