Initial xentral_oss_20.3.c9ffacf
This commit is contained in:
Alex
Vendored
+973
@@ -0,0 +1,973 @@
|
||||
/*!
|
||||
* 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;
|
||||
}
|
||||
Reference in New Issue
Block a user