%PDF- %PDF-
| Direktori : /home/waritko/jetty-distribution-9.4.21.v20190926/webapps/ROOT/skins/flamingo/less/ |
| Current File : //home/waritko/jetty-distribution-9.4.21.v20190926/webapps/ROOT/skins/flamingo/less/forms.less |
//
// Forms
// --------------------------------------------------
textarea, select, input[type="text"], input[type="password"] {
&:extend(.form-control all);
display: inline-block;
max-width: 100%; /* Prevent resizing beyond the visible area in modern browsers */
width: auto;
}
select.input-sm, input[type="text"].input-sm, input[type="password"].input-sm {
.input-sm;
}
select.input-lg, input[type="text"].input-lg, input[type="password"].input-lg {
.input-lg;
}
input[type="radio"],
input[type="checkbox"] {
display: inline-block;
margin-right: (@padding-base-horizontal / 2);
}
input[type="checkbox"] {
vertical-align: middle;
position: relative;
margin: 0 4px 0 0;
bottom: 1px;
}
textarea {
height: auto;
font-family: @font-family-monospace;
}
.placeholder(@color: @text-muted);
/* For browsers that don't support the placeholder attribute. */
input[type="text"].empty {
.text-muted;
}
/* Overrides Bootstrap generic select[size] selector, since it should be applied only for size>1 */
select[size="0"], select[size="1"] {
height: @input-height-base;
}
.xform {
input[type="text"], input[type="password"], select, textarea {
width: 100%;
}
dl {
dt {
margin-top: floor(@font-size-base * 1.4);
position: relative;
&:first-of-type {
margin-top: 0;
}
label {
color: @text-color;
font-size: 0.85em;
font-weight: 700;
margin-bottom: 0.3em;
text-transform: uppercase;
.buttonwrapper a {
.btn-xs;
line-height: 1.3em;
margin: 0;
position: absolute;
right: 0;
text-transform: none;
top: 0;
}
}
}
}
label {
margin: 0;
font-weight: normal;
}
.xRequired {
margin-left: 1ex;
}
.xHint, .xRequired, .xErrorMsg {
.text-muted-smaller;
font-weight: 400;
text-transform: none;
}
.xHint {
display: block;
}
.xErrorMsg {
color: @state-danger-text;
}
.xErrorField {
border-color: @state-danger-border;
}
}
.xformInline {
label {
text-transform: uppercase;
margin-right: 0.5em;
}
input[type="text"] {
vertical-align: middle;
}
}
.xwiki-form-listclass {
display: block;
}
// Validation messages do not have the place to be displayed at the right of the input field, because the width of the fields is 100%.
.LV_validation_message {
display: block;
}
// Forms on the navbar
@media screen and (max-width: @screen-xs-max) {
.navbar-form {
margin: 0 0;
}
}
// Images inside input groups
.input-group img {
max-width: inherit;
}