mirror of
https://github.com/OpenXE-org/OpenXE.git
synced 2024-11-15 12:37:14 +01:00
974 lines
25 KiB
CSS
974 lines
25 KiB
CSS
|
/*!
|
||
|
|
* Bootstrap v3.3.7 (http://getbootstrap.com)
|
||
|
|
* Copyright 2011-2016 Twitter, Inc.
|
||
|
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
LAYOUT
|
||
|
|
*/
|
||
|
|
#main .mobile-ui .container {
|
||
|
|
padding-right: 15px;
|
||
|
|
padding-left: 15px;
|
||
|
|
margin-right: auto;
|
||
|
|
margin-left: auto;
|
||
|
|
}
|
||
|
|
/*@media (min-width: 768px) {*/
|
||
|
|
@media (min-width: 852px) {
|
||
|
|
#main .mobile-ui .container {
|
||
|
|
width: 750px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
/*@media (min-width: 992px) {*/
|
||
|
|
@media (min-width: 1076px) {
|
||
|
|
#main .mobile-ui .container {
|
||
|
|
width: 970px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
/*@media (min-width: 1200px) {*/
|
||
|
|
@media (min-width: 1284px) {
|
||
|
|
#main .mobile-ui .container {
|
||
|
|
width: 1170px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
#main .mobile-ui .container-fluid {
|
||
|
|
padding-right: 15px;
|
||
|
|
padding-left: 15px;
|
||
|
|
margin-right: auto;
|
||
|
|
margin-left: auto;
|
||
|
|
}
|
||
|
|
.mobile-ui .row {
|
||
|
|
margin-top: 0;
|
||
|
|
margin-right: -5px;
|
||
|
|
margin-left: -5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mobile-ui {
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
FORMS
|
||
|
|
*/
|
||
|
|
.mobile-ui fieldset {
|
||
|
|
min-width: 0;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
.mobile-ui legend {
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
padding: 0;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
font-size: 21px;
|
||
|
|
line-height: inherit;
|
||
|
|
color: #333;
|
||
|
|
border: 0;
|
||
|
|
border-bottom: 1px solid #e5e5e5;
|
||
|
|
}
|
||
|
|
.mobile-ui label {
|
||
|
|
display: inline-block;
|
||
|
|
max-width: 100%;
|
||
|
|
margin-bottom: 5px;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
.mobile-ui input[type="search"] {
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.mobile-ui input[type="radio"],
|
||
|
|
.mobile-ui input[type="checkbox"] {
|
||
|
|
margin: 4px 0 0;
|
||
|
|
margin-top: 1px \9;
|
||
|
|
line-height: normal;
|
||
|
|
}
|
||
|
|
.mobile-ui input[type="file"] {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.mobile-ui input[type="range"] {
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.mobile-ui select[multiple],
|
||
|
|
.mobile-ui select[size] {
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
.mobile-ui input[type="file"]:focus,
|
||
|
|
.mobile-ui input[type="radio"]:focus,
|
||
|
|
.mobile-ui input[type="checkbox"]:focus {
|
||
|
|
outline: 5px auto -webkit-focus-ring-color;
|
||
|
|
outline-offset: -2px;
|
||
|
|
}
|
||
|
|
.mobile-ui output {
|
||
|
|
display: block;
|
||
|
|
padding-top: 7px;
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 1.42857143;
|
||
|
|
color: #555;
|
||
|
|
}
|
||
|
|
.mobile-ui .form-control {
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
height: 34px;
|
||
|
|
padding: 6px 12px;
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 1.42857143;
|
||
|
|
color: #555;
|
||
|
|
background-color: #fff;
|
||
|
|
/*background-image: none;*/
|
||
|
|
border: 1px solid #ccc;
|
||
|
|
border-radius: 4px;
|
||
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
||
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
||
|
|
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
|
||
|
|
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
||
|
|
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
||
|
|
}
|
||
|
|
.mobile-ui .form-control:focus {
|
||
|
|
border-color: #66afe9;
|
||
|
|
outline: 0;
|
||
|
|
/*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);*/
|
||
|
|
/*box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);*/
|
||
|
|
}
|
||
|
|
.mobile-ui .form-control::-moz-placeholder {
|
||
|
|
color: #999;
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
.mobile-ui .form-control:-ms-input-placeholder {
|
||
|
|
color: #999;
|
||
|
|
}
|
||
|
|
.mobile-ui .form-control::-webkit-input-placeholder {
|
||
|
|
color: #999;
|
||
|
|
}
|
||
|
|
.mobile-ui .form-control::-ms-expand {
|
||
|
|
background-color: transparent;
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
.mobile-ui .form-control[disabled],
|
||
|
|
.mobile-ui .form-control[readonly],
|
||
|
|
.mobile-ui fieldset[disabled] .form-control {
|
||
|
|
background-color: #eee;
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
.mobile-ui .form-control[disabled],
|
||
|
|
.mobile-ui fieldset[disabled] .form-control {
|
||
|
|
cursor: not-allowed;
|
||
|
|
}
|
||
|
|
.mobile-ui textarea.form-control {
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
.mobile-ui input[type="search"] {
|
||
|
|
-webkit-appearance: none;
|
||
|
|
}
|
||
|
|
@media screen and (-webkit-min-device-pixel-ratio: 0) {
|
||
|
|
.mobile-ui input[type="date"].form-control,
|
||
|
|
.mobile-ui input[type="time"].form-control,
|
||
|
|
.mobile-ui input[type="datetime-local"].form-control,
|
||
|
|
.mobile-ui input[type="month"].form-control {
|
||
|
|
line-height: 34px;
|
||
|
|
}
|
||
|
|
.mobile-ui input[type="date"].input-sm,
|
||
|
|
.mobile-ui input[type="time"].input-sm,
|
||
|
|
.mobile-ui input[type="datetime-local"].input-sm,
|
||
|
|
.mobile-ui input[type="month"].input-sm,
|
||
|
|
.mobile-ui .input-group-sm input[type="date"],
|
||
|
|
.mobile-ui .input-group-sm input[type="time"],
|
||
|
|
.mobile-ui .input-group-sm input[type="datetime-local"],
|
||
|
|
.mobile-ui .input-group-sm input[type="month"] {
|
||
|
|
line-height: 30px;
|
||
|
|
}
|
||
|
|
.mobile-ui input[type="date"].input-lg,
|
||
|
|
.mobile-ui input[type="time"].input-lg,
|
||
|
|
.mobile-ui input[type="datetime-local"].input-lg,
|
||
|
|
.mobile-ui input[type="month"].input-lg,
|
||
|
|
.mobile-ui .input-group-lg input[type="date"],
|
||
|
|
.mobile-ui .input-group-lg input[type="time"],
|
||
|
|
.mobile-ui .input-group-lg input[type="datetime-local"],
|
||
|
|
.mobile-ui .input-group-lg input[type="month"] {
|
||
|
|
line-height: 46px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.mobile-ui .form-group {
|
||
|
|
margin-bottom: 15px;
|
||
|
|
}
|
||
|
|
.mobile-ui .radio,
|
||
|
|
.mobile-ui .checkbox {
|
||
|
|
position: relative;
|
||
|
|
display: block;
|
||
|
|
margin-top: 10px;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
}
|
||
|
|
.mobile-ui .radio label,
|
||
|
|
.mobile-ui .checkbox label {
|
||
|
|
min-height: 20px;
|
||
|
|
padding-left: 20px;
|
||
|
|
margin-bottom: 0;
|
||
|
|
font-weight: normal;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.mobile-ui .radio input[type="radio"],
|
||
|
|
.mobile-ui .radio-inline input[type="radio"],
|
||
|
|
.mobile-ui .checkbox input[type="checkbox"],
|
||
|
|
.mobile-ui .checkbox-inline input[type="checkbox"] {
|
||
|
|
position: absolute;
|
||
|
|
margin-top: 4px \9;
|
||
|
|
margin-left: -20px;
|
||
|
|
}
|
||
|
|
.mobile-ui .radio + .radio,
|
||
|
|
.mobile-ui .checkbox + .checkbox {
|
||
|
|
margin-top: -5px;
|
||
|
|
}
|
||
|
|
.mobile-ui .radio-inline,
|
||
|
|
.mobile-ui .checkbox-inline {
|
||
|
|
position: relative;
|
||
|
|
display: inline-block;
|
||
|
|
padding-left: 20px;
|
||
|
|
margin-bottom: 0;
|
||
|
|
font-weight: normal;
|
||
|
|
vertical-align: middle;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.mobile-ui .radio-inline + .radio-inline,
|
||
|
|
.mobile-ui .checkbox-inline + .checkbox-inline {
|
||
|
|
margin-top: 0;
|
||
|
|
margin-left: 10px;
|
||
|
|
}
|
||
|
|
.mobile-ui input[type="radio"][disabled],
|
||
|
|
.mobile-ui input[type="checkbox"][disabled],
|
||
|
|
.mobile-ui input[type="radio"].disabled,
|
||
|
|
.mobile-ui input[type="checkbox"].disabled,
|
||
|
|
.mobile-ui fieldset[disabled] input[type="radio"],
|
||
|
|
.mobile-ui fieldset[disabled] input[type="checkbox"] {
|
||
|
|
cursor: not-allowed;
|
||
|
|
}
|
||
|
|
.mobile-ui .radio-inline.disabled,
|
||
|
|
.mobile-ui .checkbox-inline.disabled,
|
||
|
|
.mobile-ui fieldset[disabled] .radio-inline,
|
||
|
|
.mobile-ui fieldset[disabled] .checkbox-inline {
|
||
|
|
cursor: not-allowed;
|
||
|
|
}
|
||
|
|
.mobile-ui .radio.disabled label,
|
||
|
|
.mobile-ui .checkbox.disabled label,
|
||
|
|
.mobile-ui fieldset[disabled] .radio label,
|
||
|
|
.mobile-ui fieldset[disabled] .checkbox label {
|
||
|
|
cursor: not-allowed;
|
||
|
|
}
|
||
|
|
.form-control-static {
|
||
|
|
min-height: 34px;
|
||
|
|
padding-top: 7px;
|
||
|
|
padding-bottom: 7px;
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
.mobile-ui .form-control-static.input-lg,
|
||
|
|
.mobile-ui .form-control-static.input-sm {
|
||
|
|
padding-right: 0;
|
||
|
|
padding-left: 0;
|
||
|
|
}
|
||
|
|
.mobile-ui .input-sm {
|
||
|
|
height: 30px;
|
||
|
|
padding: 5px 10px;
|
||
|
|
font-size: 12px;
|
||
|
|
line-height: 1.5;
|
||
|
|
border-radius: 3px;
|
||
|
|
}
|
||
|
|
.mobile-ui select.input-sm {
|
||
|
|
height: 30px;
|
||
|
|
line-height: 30px;
|
||
|
|
}
|
||
|
|
.mobile-ui textarea.input-sm,
|
||
|
|
.mobile-ui select[multiple].input-sm {
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
.mobile-ui .form-group-sm .form-control {
|
||
|
|
height: 30px;
|
||
|
|
padding: 5px 10px;
|
||
|
|
font-size: 12px;
|
||
|
|
line-height: 1.5;
|
||
|
|
border-radius: 3px;
|
||
|
|
}
|
||
|
|
.mobile-ui .form-group-sm select.form-control {
|
||
|
|
height: 30px;
|
||
|
|
line-height: 30px;
|
||
|
|
}
|
||
|
|
.mobile-ui .form-group-sm textarea.form-control,
|
||
|
|
.mobile-ui .form-group-sm select[multiple].form-control {
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
.mobile-ui .form-group-sm .form-control-static {
|
||
|
|
height: 30px;
|
||
|
|
min-height: 32px;
|
||
|
|
padding: 6px 10px;
|
||
|
|
font-size: 12px;
|
||
|
|
line-height: 1.5;
|
||
|
|
}
|
||
|
|
.mobile-ui .input-lg {
|
||
|
|
height: 46px;
|
||
|
|
padding: 10px 16px;
|
||
|
|
font-size: 18px;
|
||
|
|
line-height: 1.3333333;
|
||
|
|
border-radius: 6px;
|
||
|
|
}
|
||
|
|
.mobile-ui select.input-lg {
|
||
|
|
height: 46px;
|
||
|
|
line-height: 46px;
|
||
|
|
}
|
||
|
|
.mobile-ui textarea.input-lg,
|
||
|
|
.mobile-ui select[multiple].input-lg {
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
.mobile-ui .form-group-lg .form-control {
|
||
|
|
height: 46px;
|
||
|
|
padding: 10px 16px;
|
||
|
|
font-size: 18px;
|
||
|
|
line-height: 1.3333333;
|
||
|
|
border-radius: 6px;
|
||
|
|
}
|
||
|
|
.mobile-ui .form-group-lg select.form-control {
|
||
|
|
height: 46px;
|
||
|
|
line-height: 46px;
|
||
|
|
}
|
||
|
|
.mobile-ui .form-group-lg textarea.form-control,
|
||
|
|
.mobile-ui .form-group-lg select[multiple].form-control {
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
.mobile-ui .form-group-lg .form-control-static {
|
||
|
|
height: 46px;
|
||
|
|
min-height: 38px;
|
||
|
|
padding: 11px 16px;
|
||
|
|
font-size: 18px;
|
||
|
|
line-height: 1.3333333;
|
||
|
|
}
|
||
|
|
.mobile-ui .has-feedback {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.mobile-ui .has-feedback .form-control {
|
||
|
|
padding-right: 42.5px;
|
||
|
|
}
|
||
|
|
.mobile-ui .form-control-feedback {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
z-index: 2;
|
||
|
|
display: block;
|
||
|
|
width: 34px;
|
||
|
|
height: 34px;
|
||
|
|
line-height: 34px;
|
||
|
|
text-align: center;
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
.mobile-ui .input-lg + .form-control-feedback,
|
||
|
|
.mobile-ui .input-group-lg + .form-control-feedback,
|
||
|
|
.mobile-ui .form-group-lg .form-control + .form-control-feedback {
|
||
|
|
width: 46px;
|
||
|
|
height: 46px;
|
||
|
|
line-height: 46px;
|
||
|
|
}
|
||
|
|
.mobile-ui .input-sm + .form-control-feedback,
|
||
|
|
.mobile-ui .input-group-sm + .form-control-feedback,
|
||
|
|
.mobile-ui .form-group-sm .form-control + .form-control-feedback {
|
||
|
|
width: 30px;
|
||
|
|
height: 30px;
|
||
|
|
line-height: 30px;
|
||
|
|
}
|
||
|
|
.mobile-ui .has-success .help-block,
|
||
|
|
.mobile-ui .has-success .control-label,
|
||
|
|
.mobile-ui .has-success .radio,
|
||
|
|
.mobile-ui .has-success .checkbox,
|
||
|
|
.mobile-ui .has-success .radio-inline,
|
||
|
|
.mobile-ui .has-success .checkbox-inline,
|
||
|
|
.mobile-ui .has-success.radio label,
|
||
|
|
.mobile-ui .has-success.checkbox label,
|
||
|
|
.mobile-ui .has-success.radio-inline label,
|
||
|
|
.mobile-ui .has-success.checkbox-inline label {
|
||
|
|
color: #3c763d;
|
||
|
|
}
|
||
|
|
.mobile-ui .has-success .form-control {
|
||
|
|
border-color: #3c763d;
|
||
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
||
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
||
|
|
}
|
||
|
|
.mobile-ui .has-success .form-control:focus {
|
||
|
|
border-color: #2b542c;
|
||
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
|
||
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
|
||
|
|
}
|
||
|
|
.mobile-ui .has-success .input-group-addon {
|
||
|
|
color: #3c763d;
|
||
|
|
background-color: #dff0d8;
|
||
|
|
border-color: #3c763d;
|
||
|
|
}
|
||
|
|
.mobile-ui .has-success .form-control-feedback {
|
||
|
|
color: #3c763d;
|
||
|
|
}
|
||
|
|
.mobile-ui .has-warning .help-block,
|
||
|
|
.mobile-ui .has-warning .control-label,
|
||
|
|
.mobile-ui .has-warning .radio,
|
||
|
|
.mobile-ui .has-warning .checkbox,
|
||
|
|
.mobile-ui .has-warning .radio-inline,
|
||
|
|
.mobile-ui .has-warning .checkbox-inline,
|
||
|
|
.mobile-ui .has-warning.radio label,
|
||
|
|
.mobile-ui .has-warning.checkbox label,
|
||
|
|
.mobile-ui .has-warning.radio-inline label,
|
||
|
|
.mobile-ui .has-warning.checkbox-inline label {
|
||
|
|
color: #8a6d3b;
|
||
|
|
}
|
||
|
|
.mobile-ui .has-warning .form-control {
|
||
|
|
border-color: #8a6d3b;
|
||
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
||
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
||
|
|
}
|
||
|
|
.mobile-ui .has-warning .form-control:focus {
|
||
|
|
border-color: #66512c;
|
||
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
|
||
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
|
||
|
|
}
|
||
|
|
.mobile-ui .has-warning .input-group-addon {
|
||
|
|
color: #8a6d3b;
|
||
|
|
background-color: #fcf8e3;
|
||
|
|
border-color: #8a6d3b;
|
||
|
|
}
|
||
|
|
.mobile-ui .has-warning .form-control-feedback {
|
||
|
|
color: #8a6d3b;
|
||
|
|
}
|
||
|
|
.mobile-ui .has-error .help-block,
|
||
|
|
.mobile-ui .has-error .control-label,
|
||
|
|
.mobile-ui .has-error .radio,
|
||
|
|
.mobile-ui .has-error .checkbox,
|
||
|
|
.mobile-ui .has-error .radio-inline,
|
||
|
|
.mobile-ui .has-error .checkbox-inline,
|
||
|
|
.mobile-ui .has-error.radio label,
|
||
|
|
.mobile-ui .has-error.checkbox label,
|
||
|
|
.mobile-ui .has-error.radio-inline label,
|
||
|
|
.mobile-ui .has-error.checkbox-inline label {
|
||
|
|
color: #a94442;
|
||
|
|
}
|
||
|
|
.mobile-ui .has-error .form-control {
|
||
|
|
border-color: #a94442;
|
||
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
||
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
||
|
|
}
|
||
|
|
.mobile-ui .has-error .form-control:focus {
|
||
|
|
border-color: #843534;
|
||
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
|
||
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
|
||
|
|
}
|
||
|
|
.mobile-ui .has-error .input-group-addon {
|
||
|
|
color: #a94442;
|
||
|
|
background-color: #f2dede;
|
||
|
|
border-color: #a94442;
|
||
|
|
}
|
||
|
|
.mobile-ui .has-error .form-control-feedback {
|
||
|
|
color: #a94442;
|
||
|
|
}
|
||
|
|
.mobile-ui .has-feedback label ~ .form-control-feedback {
|
||
|
|
top: 25px;
|
||
|
|
}
|
||
|
|
.mobile-ui .has-feedback label.sr-only ~ .form-control-feedback {
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
.mobile-ui .help-block {
|
||
|
|
display: block;
|
||
|
|
margin-top: 5px;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
color: #737373;
|
||
|
|
}
|
||
|
|
@media (min-width: 768px) {
|
||
|
|
.mobile-ui .form-inline .form-group {
|
||
|
|
display: inline-block;
|
||
|
|
margin-bottom: 0;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.mobile-ui .form-inline .form-control {
|
||
|
|
display: inline-block;
|
||
|
|
width: auto;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.mobile-ui .form-inline .form-control-static {
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.mobile-ui .form-inline .input-group {
|
||
|
|
display: inline-table;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.mobile-ui .form-inline .input-group .input-group-addon,
|
||
|
|
.mobile-ui .form-inline .input-group .input-group-btn,
|
||
|
|
.mobile-ui .form-inline .input-group .form-control {
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
.mobile-ui .form-inline .input-group > .form-control {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.mobile-ui .form-inline .control-label {
|
||
|
|
margin-bottom: 0;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.mobile-ui .form-inline .radio,
|
||
|
|
.mobile-ui .form-inline .checkbox {
|
||
|
|
display: inline-block;
|
||
|
|
margin-top: 0;
|
||
|
|
margin-bottom: 0;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.mobile-ui .form-inline .radio label,
|
||
|
|
.mobile-ui .form-inline .checkbox label {
|
||
|
|
padding-left: 0;
|
||
|
|
}
|
||
|
|
.mobile-ui .form-inline .radio input[type="radio"],
|
||
|
|
.mobile-ui .form-inline .checkbox input[type="checkbox"] {
|
||
|
|
position: relative;
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
.mobile-ui .form-inline .has-feedback .form-control-feedback {
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.mobile-ui .form-horizontal .radio,
|
||
|
|
.mobile-ui .form-horizontal .checkbox,
|
||
|
|
.mobile-ui .form-horizontal .radio-inline,
|
||
|
|
.mobile-ui .form-horizontal .checkbox-inline {
|
||
|
|
padding-top: 7px;
|
||
|
|
margin-top: 0;
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
.mobile-ui .form-horizontal .radio,
|
||
|
|
.mobile-ui .form-horizontal .checkbox {
|
||
|
|
min-height: 27px;
|
||
|
|
}
|
||
|
|
.mobile-ui .form-horizontal .form-group {
|
||
|
|
margin-right: -5px;
|
||
|
|
margin-left: -5px;
|
||
|
|
}
|
||
|
|
@media (min-width: 768px) {
|
||
|
|
.mobile-ui .form-horizontal .control-label {
|
||
|
|
padding-top: 7px;
|
||
|
|
margin-bottom: 0;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.mobile-ui .form-horizontal .has-feedback .form-control-feedback {
|
||
|
|
right: 15px;
|
||
|
|
}
|
||
|
|
@media (min-width: 768px) {
|
||
|
|
.mobile-ui .form-horizontal .form-group-lg .control-label {
|
||
|
|
padding-top: 11px;
|
||
|
|
font-size: 18px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 768px) {
|
||
|
|
.mobile-ui .form-horizontal .form-group-sm .control-label {
|
||
|
|
padding-top: 6px;
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
BUTTONS
|
||
|
|
*/
|
||
|
|
.mobile-ui .btn {
|
||
|
|
box-sizing: border-box;
|
||
|
|
display: inline-block;
|
||
|
|
padding: 6px 12px;
|
||
|
|
margin: 0;
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: normal;
|
||
|
|
line-height: 1.42857143;
|
||
|
|
text-align: center;
|
||
|
|
white-space: nowrap;
|
||
|
|
vertical-align: middle;
|
||
|
|
-ms-touch-action: manipulation;
|
||
|
|
touch-action: manipulation;
|
||
|
|
cursor: pointer;
|
||
|
|
-webkit-user-select: none;
|
||
|
|
-moz-user-select: none;
|
||
|
|
-ms-user-select: none;
|
||
|
|
user-select: none;
|
||
|
|
background-image: none;
|
||
|
|
border: 1px solid transparent;
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
.mobile-ui .btn:focus,
|
||
|
|
.mobile-ui .btn:active:focus,
|
||
|
|
.mobile-ui .btn.active:focus,
|
||
|
|
.mobile-ui .btn.focus,
|
||
|
|
.mobile-ui .btn:active.focus,
|
||
|
|
.mobile-ui .btn.active.focus {
|
||
|
|
outline: 5px auto -webkit-focus-ring-color;
|
||
|
|
outline-offset: -2px;
|
||
|
|
}
|
||
|
|
.mobile-ui .btn:hover,
|
||
|
|
.mobile-ui .btn:focus,
|
||
|
|
.mobile-ui .btn.focus {
|
||
|
|
color: #333;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.mobile-ui .btn:active,
|
||
|
|
.mobile-ui .btn.active {
|
||
|
|
background-image: none;
|
||
|
|
outline: 0;
|
||
|
|
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
|
||
|
|
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
|
||
|
|
}
|
||
|
|
.mobile-ui .btn.disabled,
|
||
|
|
.mobile-ui .btn[disabled],
|
||
|
|
.mobile-ui fieldset[disabled] .btn {
|
||
|
|
cursor: not-allowed;
|
||
|
|
filter: alpha(opacity=65);
|
||
|
|
-webkit-box-shadow: none;
|
||
|
|
box-shadow: none;
|
||
|
|
opacity: .65;
|
||
|
|
}
|
||
|
|
.mobile-ui a.btn.disabled,
|
||
|
|
.mobile-ui fieldset[disabled] a.btn {
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
BUTTON DEFAULT
|
||
|
|
*/
|
||
|
|
.mobile-ui .btn-default {
|
||
|
|
color: #FFFFFF;
|
||
|
|
background-color: #B1B2B3;
|
||
|
|
border-color: #B1B2B3;
|
||
|
|
}
|
||
|
|
.mobile-ui .btn-default:focus,
|
||
|
|
.mobile-ui .btn-default.focus {
|
||
|
|
color: #FFFFFF;
|
||
|
|
background-color: #B1B2B3;
|
||
|
|
border-color: #B1B2B3;
|
||
|
|
}
|
||
|
|
.mobile-ui .btn-default:hover {
|
||
|
|
color: #FFFFFF;
|
||
|
|
background-color: #B1B2B3;
|
||
|
|
border-color: #B1B2B3;
|
||
|
|
}
|
||
|
|
.mobile-ui .btn-default:active,
|
||
|
|
.mobile-ui .btn-default.active,
|
||
|
|
.mobile-ui .open > .dropdown-toggle.btn-default {
|
||
|
|
color: #FFFFFF;
|
||
|
|
background-color: #B1B2B3;
|
||
|
|
border-color: #B1B2B3;
|
||
|
|
}
|
||
|
|
.mobile-ui .btn-default:active:hover,
|
||
|
|
.mobile-ui .btn-default.active:hover,
|
||
|
|
.mobile-ui .open > .dropdown-toggle.btn-default:hover,
|
||
|
|
.mobile-ui .btn-default:active:focus,
|
||
|
|
.mobile-ui .btn-default.active:focus,
|
||
|
|
.mobile-ui .open > .dropdown-toggle.btn-default:focus,
|
||
|
|
.mobile-ui .btn-default:active.focus,
|
||
|
|
.mobile-ui .btn-default.active.focus,
|
||
|
|
.mobile-ui .open > .dropdown-toggle.btn-default.focus {
|
||
|
|
color: #FFFFFF;
|
||
|
|
background-color: #B1B2B3;
|
||
|
|
border-color: #B1B2B3;
|
||
|
|
}
|
||
|
|
.mobile-ui .btn-default:active,
|
||
|
|
.mobile-ui .btn-default.active,
|
||
|
|
.mobile-ui .open > .dropdown-toggle.btn-default {
|
||
|
|
background-image: none;
|
||
|
|
}
|
||
|
|
.mobile-ui .btn-default.disabled:hover,
|
||
|
|
.mobile-ui .btn-default[disabled]:hover,
|
||
|
|
.mobile-ui fieldset[disabled] .btn-default:hover,
|
||
|
|
.mobile-ui .btn-default.disabled:focus,
|
||
|
|
.mobile-ui .btn-default[disabled]:focus,
|
||
|
|
.mobile-ui fieldset[disabled] .btn-default:focus,
|
||
|
|
.mobile-ui .btn-default.disabled.focus,
|
||
|
|
.mobile-ui .btn-default[disabled].focus,
|
||
|
|
.mobile-ui fieldset[disabled] .btn-default.focus {
|
||
|
|
background-color: #FFFFFF;
|
||
|
|
border-color: #B1B2B3;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
BUTTON PRIMARY
|
||
|
|
*/
|
||
|
|
.mobile-ui .btn-primary {
|
||
|
|
color: #FFFFFF;
|
||
|
|
background-color: #A2D624;
|
||
|
|
border-color: #A2D624;
|
||
|
|
}
|
||
|
|
.mobile-ui .btn-primary {
|
||
|
|
color: #FFFFFF;
|
||
|
|
background-color: #A2D624;
|
||
|
|
border-color: #A2D624;
|
||
|
|
}
|
||
|
|
.mobile-ui .btn-primary:focus,
|
||
|
|
.mobile-ui .btn-primary.focus {
|
||
|
|
color: #FFFFFF;
|
||
|
|
background-color: #A2D624;
|
||
|
|
border-color: #A2D624;
|
||
|
|
}
|
||
|
|
.mobile-ui .btn-primary:hover {
|
||
|
|
color: #FFFFFF;
|
||
|
|
background-color: #A2D624;
|
||
|
|
border-color: #A2D624;
|
||
|
|
}
|
||
|
|
.mobile-ui .btn-primary:active,
|
||
|
|
.mobile-ui .btn-primary.active,
|
||
|
|
.mobile-ui .open > .dropdown-toggle.btn-primary {
|
||
|
|
color: #FFFFFF;
|
||
|
|
background-color: #A2D624;
|
||
|
|
border-color: #A2D624;
|
||
|
|
}
|
||
|
|
.mobile-ui .btn-primary:active:hover,
|
||
|
|
.mobile-ui .btn-primary.active:hover,
|
||
|
|
.mobile-ui .open > .dropdown-toggle.btn-primary:hover,
|
||
|
|
.mobile-ui .btn-primary:active:focus,
|
||
|
|
.mobile-ui .btn-primary.active:focus,
|
||
|
|
.mobile-ui .open > .dropdown-toggle.btn-primary:focus,
|
||
|
|
.mobile-ui .btn-primary:active.focus,
|
||
|
|
.mobile-ui .btn-primary.active.focus,
|
||
|
|
.mobile-ui .open > .dropdown-toggle.btn-primary.focus {
|
||
|
|
color: #FFFFFF;
|
||
|
|
background-color: #A2D624;
|
||
|
|
border-color: #A2D624;
|
||
|
|
}
|
||
|
|
.mobile-ui .btn-primary:active,
|
||
|
|
.mobile-ui .btn-primary.active,
|
||
|
|
.mobile-ui .open > .dropdown-toggle.btn-primary {
|
||
|
|
background-image: none;
|
||
|
|
}
|
||
|
|
.mobile-ui .btn-primary.disabled:hover,
|
||
|
|
.mobile-ui .btn-primary[disabled]:hover,
|
||
|
|
.mobile-ui fieldset[disabled] .btn-primary:hover,
|
||
|
|
.mobile-ui .btn-primary.disabled:focus,
|
||
|
|
.mobile-ui .btn-primary[disabled]:focus,
|
||
|
|
.mobile-ui fieldset[disabled] .btn-primary:focus,
|
||
|
|
.mobile-ui .btn-primary.disabled.focus,
|
||
|
|
.mobile-ui .btn-primary[disabled].focus,
|
||
|
|
.mobile-ui fieldset[disabled] .btn-primary.focus {
|
||
|
|
background-color: #FFFFFF;
|
||
|
|
border-color: #A2D624;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
BUTTON SECONDARY
|
||
|
|
*/
|
||
|
|
.mobile-ui .btn-secondary {
|
||
|
|
color: #FFFFFF;
|
||
|
|
background-color: var(--turquoise);
|
||
|
|
border-color: var(--turquoise);
|
||
|
|
}
|
||
|
|
.mobile-ui .btn-secondary {
|
||
|
|
color: #FFFFFF;
|
||
|
|
background-color: var(--turquoise);
|
||
|
|
border-color: var(--turquoise);
|
||
|
|
}
|
||
|
|
.mobile-ui .btn-secondary:focus,
|
||
|
|
.mobile-ui .btn-secondary.focus {
|
||
|
|
color: #FFFFFF;
|
||
|
|
background-color: var(--turquoise);
|
||
|
|
border-color: var(--turquoise);
|
||
|
|
}
|
||
|
|
.mobile-ui .btn-secondary:hover {
|
||
|
|
color: #FFFFFF;
|
||
|
|
background-color: var(--turquoise);
|
||
|
|
border-color: var(--turquoise);
|
||
|
|
}
|
||
|
|
.mobile-ui .btn-secondary:active,
|
||
|
|
.mobile-ui .btn-secondary.active,
|
||
|
|
.mobile-ui .open > .dropdown-toggle.btn-secondary {
|
||
|
|
color: #FFFFFF;
|
||
|
|
background-color: var(--turquoise);
|
||
|
|
border-color: var(--turquoise);
|
||
|
|
}
|
||
|
|
.mobile-ui .btn-secondary:active:hover,
|
||
|
|
.mobile-ui .btn-secondary.active:hover,
|
||
|
|
.mobile-ui .open > .dropdown-toggle.btn-secondary:hover,
|
||
|
|
.mobile-ui .btn-secondary:active:focus,
|
||
|
|
.mobile-ui .btn-secondary.active:focus,
|
||
|
|
.mobile-ui .open > .dropdown-toggle.btn-secondary:focus,
|
||
|
|
.mobile-ui .btn-secondary:active.focus,
|
||
|
|
.mobile-ui .btn-secondary.active.focus,
|
||
|
|
.mobile-ui .open > .dropdown-toggle.btn-secondary.focus {
|
||
|
|
color: #FFFFFF;
|
||
|
|
background-color: var(--turquoise);
|
||
|
|
border-color: var(--turquoise);
|
||
|
|
}
|
||
|
|
.mobile-ui .btn-secondary:active,
|
||
|
|
.mobile-ui .btn-secondary.active,
|
||
|
|
.mobile-ui .open > .dropdown-toggle.btn-secondary {
|
||
|
|
background-image: none;
|
||
|
|
}
|
||
|
|
.mobile-ui .btn-secondary.disabled:hover,
|
||
|
|
.mobile-ui .btn-secondary[disabled]:hover,
|
||
|
|
.mobile-ui fieldset[disabled] .btn-secondary:hover,
|
||
|
|
.mobile-ui .btn-secondary.disabled:focus,
|
||
|
|
.mobile-ui .btn-secondary[disabled]:focus,
|
||
|
|
.mobile-ui fieldset[disabled] .btn-secondary:focus,
|
||
|
|
.mobile-ui .btn-secondary.disabled.focus,
|
||
|
|
.mobile-ui .btn-secondary[disabled].focus,
|
||
|
|
.mobile-ui fieldset[disabled] .btn-secondary.focus {
|
||
|
|
background-color: #FFFFFF;
|
||
|
|
border-color: var(--turquoise);
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
BUTTON SIZES
|
||
|
|
*/
|
||
|
|
.mobile-ui .btn-lg {
|
||
|
|
padding: 10px 16px;
|
||
|
|
font-size: 18px;
|
||
|
|
line-height: 1.3333333;
|
||
|
|
border-radius: 6px;
|
||
|
|
}
|
||
|
|
.mobile-ui .btn-sm {
|
||
|
|
padding: 5px 10px;
|
||
|
|
font-size: 12px;
|
||
|
|
line-height: 1.5;
|
||
|
|
border-radius: 3px;
|
||
|
|
}
|
||
|
|
.mobile-ui .btn-xs {
|
||
|
|
padding: 1px 5px;
|
||
|
|
font-size: 12px;
|
||
|
|
line-height: 1.5;
|
||
|
|
border-radius: 3px;
|
||
|
|
}
|
||
|
|
.mobile-ui .btn-block {
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.mobile-ui .btn-block + .btn-block {
|
||
|
|
margin-top: 5px;
|
||
|
|
}
|
||
|
|
.mobile-ui input[type="submit"].btn-block,
|
||
|
|
.mobile-ui input[type="reset"].btn-block,
|
||
|
|
.mobile-ui input[type="button"].btn-block {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
FORMS
|
||
|
|
*/
|
||
|
|
.mobile-ui .form {
|
||
|
|
display: block;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
AUTOCOMPLETE-WRAPPER
|
||
|
|
*/
|
||
|
|
|
||
|
|
.mobile-ui .input-autocomplete {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mobile-ui .input-autocomplete .form-control {
|
||
|
|
position: relative;
|
||
|
|
float: left;
|
||
|
|
width: 100%;
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
RESET
|
||
|
|
*/
|
||
|
|
|
||
|
|
.mobile-ui .clearfix:before,
|
||
|
|
.mobile-ui .clearfix:after,
|
||
|
|
.mobile-ui .dl-horizontal dd:before,
|
||
|
|
.mobile-ui .dl-horizontal dd:after,
|
||
|
|
.mobile-ui .container:before,
|
||
|
|
.mobile-ui .container:after,
|
||
|
|
.mobile-ui .container-fluid:before,
|
||
|
|
.mobile-ui .container-fluid:after,
|
||
|
|
.mobile-ui .row:before,
|
||
|
|
.mobile-ui .row:after,
|
||
|
|
.mobile-ui .form-horizontal .form-group:before,
|
||
|
|
.mobile-ui .form-horizontal .form-group:after,
|
||
|
|
.mobile-ui .btn-toolbar:before,
|
||
|
|
.mobile-ui .btn-toolbar:after,
|
||
|
|
.mobile-ui .btn-group-vertical > .btn-group:before,
|
||
|
|
.mobile-ui .btn-group-vertical > .btn-group:after,
|
||
|
|
.mobile-ui .nav:before,
|
||
|
|
.mobile-ui .nav:after,
|
||
|
|
.mobile-ui .navbar:before,
|
||
|
|
.mobile-ui .navbar:after,
|
||
|
|
.mobile-ui .navbar-header:before,
|
||
|
|
.mobile-ui .navbar-header:after,
|
||
|
|
.mobile-ui .navbar-collapse:before,
|
||
|
|
.mobile-ui .navbar-collapse:after,
|
||
|
|
.mobile-ui .pager:before,
|
||
|
|
.mobile-ui .pager:after,
|
||
|
|
.mobile-ui .panel-body:before,
|
||
|
|
.mobile-ui .panel-body:after,
|
||
|
|
.mobile-ui .modal-header:before,
|
||
|
|
.mobile-ui .modal-header:after,
|
||
|
|
.mobile-ui .modal-footer:before,
|
||
|
|
.mobile-ui .modal-footer:after {
|
||
|
|
display: table;
|
||
|
|
content: " ";
|
||
|
|
}
|
||
|
|
.mobile-ui .clearfix:after,
|
||
|
|
.mobile-ui .dl-horizontal dd:after,
|
||
|
|
.mobile-ui .container:after,
|
||
|
|
.mobile-ui .container-fluid:after,
|
||
|
|
.mobile-ui .row:after,
|
||
|
|
.mobile-ui .form-horizontal .form-group:after,
|
||
|
|
.mobile-ui .btn-toolbar:after,
|
||
|
|
.mobile-ui .btn-group-vertical > .btn-group:after,
|
||
|
|
.mobile-ui .nav:after,
|
||
|
|
.mobile-ui .navbar:after,
|
||
|
|
.mobile-ui .navbar-header:after,
|
||
|
|
.mobile-ui .navbar-collapse:after,
|
||
|
|
.mobile-ui .pager:after,
|
||
|
|
.mobile-ui .panel-body:after,
|
||
|
|
.mobile-ui .modal-header:after,
|
||
|
|
.mobile-ui .modal-footer:after {
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
KORREKTUR
|
||
|
|
*/
|
||
|
|
|
||
|
|
.mobile-ui {
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mobile-ui.ui-tabs .ui-tabs-panel,
|
||
|
|
.mobile-ui .ui-tabs .ui-tabs-panel,
|
||
|
|
.mobile-ui .ui-tabs.ui-tabs-panel {
|
||
|
|
padding-top: 1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mobile-ui .info,
|
||
|
|
.mobile-ui .success,
|
||
|
|
.mobile-ui .warning,
|
||
|
|
.mobile-ui .error,
|
||
|
|
.mobile-ui .validation,
|
||
|
|
.mobile-ui .error2,
|
||
|
|
.mobile-ui .important {
|
||
|
|
margin: 5px 0;
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 768px) {
|
||
|
|
.mobile-ui .form-horizontal .form-group-lg .control-label {
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.mobile-ui .table-responsive {
|
||
|
|
width: 100%;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
overflow-x: auto;
|
||
|
|
overflow-y: hidden;
|
||
|
|
-ms-overflow-style: -ms-autohiding-scrollbar;
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mobile-ui p {
|
||
|
|
font-size: 14px;
|
||
|
|
margin: 0 0 10px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
body[data-module="lagermobil"] .ui-autocomplete .ui-menu-item {
|
||
|
|
font-size: 14px;
|
||
|
|
}
|