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;
|
||||
}
|
||||
Vendored
+6
File diff suppressed because one or more lines are too long
Vendored
+1525
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,45 @@
|
||||
/* surrounding tag container */
|
||||
.tag-editor {
|
||||
list-style-type: none; padding: 0 5px 0 0; margin: 0; overflow: hidden; border: 1px solid #eee; cursor: text;
|
||||
font: normal 12px sans-serif; color: #555; background: #fff; line-height: 20px;
|
||||
}
|
||||
|
||||
/* core styles usually need no change */
|
||||
.tag-editor li { display: block; float: left; overflow: hidden; margin: 3px 0; }
|
||||
.tag-editor div { float: left; padding: 0 4px; }
|
||||
.tag-editor .placeholder { padding: 0 8px; color: #bbb; }
|
||||
.tag-editor .tag-editor-spacer { padding: 0; width: 8px; overflow: hidden; color: transparent; background: none; }
|
||||
.tag-editor input {
|
||||
vertical-align: inherit; border: 0; outline: none; padding: 0; margin: 0; cursor: text;
|
||||
font-family: inherit; font-weight: inherit; font-size: inherit; font-style: inherit;
|
||||
box-shadow: none; background: none; color: #444;
|
||||
}
|
||||
/* hide original input field or textarea visually to allow tab navigation */
|
||||
.tag-editor-hidden-src { position: absolute !important; left: -99999px; }
|
||||
/* hide IE10 "clear field" X */
|
||||
.tag-editor ::-ms-clear { display: none; }
|
||||
|
||||
/* tag style */
|
||||
.tag-editor .tag-editor-tag {
|
||||
color: #fff; background: #46799b; white-space: nowrap;
|
||||
overflow: hidden; cursor: pointer; border-radius: 5px;
|
||||
}
|
||||
|
||||
/* delete icon */
|
||||
.tag-editor .tag-editor-delete { cursor: pointer; border-radius: 0 2px 2px 0; padding-left: 3px; padding-right: 4px; }
|
||||
.tag-editor .tag-editor-delete i { line-height: 18px; display: inline-block; }
|
||||
.tag-editor .tag-editor-delete i:before { font-size: 16px; content: "×"; font-style: normal; }
|
||||
.tag-editor .tag-editor-delete:hover i:before { color: #d65454; }
|
||||
.tag-editor .tag-editor-tag.active+.tag-editor-delete, .tag-editor .tag-editor-tag.active+.tag-editor-delete i { visibility: hidden; cursor: text; }
|
||||
|
||||
.tag-editor .tag-editor-tag.active { background: none !important; }
|
||||
|
||||
/* jQuery UI autocomplete - code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css */
|
||||
.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; font-size: 14px; }
|
||||
.ui-front { z-index: 9999; }
|
||||
.ui-menu { list-style: none; padding: 1px; margin: 0; display: block; outline: none; }
|
||||
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.4; min-height: 0; /* support: IE7 */ }
|
||||
.ui-widget-content { border: 1px solid #bbb; background: #fff; color: #555; }
|
||||
.ui-widget-content a { color: #46799b; }
|
||||
.ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #e0eaf1; }
|
||||
.ui-helper-hidden-accessible { display: none; }
|
||||
@@ -0,0 +1,351 @@
|
||||
.b-a {
|
||||
border: 1px solid #dee5e7;
|
||||
}
|
||||
.padder {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.panel {
|
||||
border-radius: 2px;
|
||||
}
|
||||
.panel .accordion-toggle {
|
||||
font-size: 14px;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
}
|
||||
.panel .list-group-item {
|
||||
border-color: #edf1f2;
|
||||
}
|
||||
.panel.no-borders {
|
||||
border-width: 0;
|
||||
}
|
||||
.panel.no-borders .panel-heading,
|
||||
.panel.no-borders .panel-footer {
|
||||
border-width: 0;
|
||||
}
|
||||
.timeline {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-spacing: 0;
|
||||
border-collapse: separate;
|
||||
}
|
||||
.tl-item {
|
||||
display: block;
|
||||
}
|
||||
.tl-item:before,
|
||||
.tl-item:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
.tl-item:after {
|
||||
clear: both;
|
||||
}
|
||||
.visible-left {
|
||||
display: none;
|
||||
}
|
||||
.tl-wrap {
|
||||
display: block;
|
||||
margin-left: 2em;
|
||||
padding: 15px 0 15px 20px;
|
||||
border-style: solid;
|
||||
border-color: #dee5e7;
|
||||
border-width: 0 0 0 4px;
|
||||
}
|
||||
.tl-wrap:before,
|
||||
.tl-wrap:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
.tl-wrap:after {
|
||||
clear: both;
|
||||
}
|
||||
.tl-wrap:before {
|
||||
position: relative;
|
||||
content: "";
|
||||
float: left;
|
||||
top: 43px;
|
||||
margin-left: -27px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-color: inherit;
|
||||
border-width: 3px;
|
||||
border-radius: 50%;
|
||||
border-style: solid;
|
||||
background: #edf1f2;
|
||||
box-shadow: 0 0 0 4px #f0f3f4;
|
||||
}
|
||||
.tl-wrap:hover:before {
|
||||
background: transparent;
|
||||
border-color: #fff;
|
||||
}
|
||||
.tl-date {
|
||||
position: relative;
|
||||
top: 10px;
|
||||
/* float: left;
|
||||
margin-left: -7.5em;
|
||||
display: block;
|
||||
width: 5.5em; */
|
||||
text-align: right;
|
||||
}
|
||||
.tl-content {
|
||||
/* display: inline-block; */
|
||||
position: relative;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
background-color: white;
|
||||
top:15px;
|
||||
}
|
||||
.tl-content.block {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
.tl-content.panel {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.tl-header {
|
||||
display: block;
|
||||
width: 12em;
|
||||
text-align: center;
|
||||
margin-left: 2px;
|
||||
}
|
||||
.timeline-center .tl-item {
|
||||
margin-left: 50%;
|
||||
}
|
||||
.timeline-center .tl-item .tl-wrap {
|
||||
margin-left: -2px;
|
||||
}
|
||||
.timeline-center .tl-header {
|
||||
width: auto;
|
||||
margin: 0;
|
||||
}
|
||||
.timeline-center .tl-left {
|
||||
margin-left: 0;
|
||||
margin-right: 50%;
|
||||
}
|
||||
.timeline-center .tl-left .hidden-left {
|
||||
display: none !important;
|
||||
}
|
||||
.timeline-center .tl-left .visible-left {
|
||||
display: inherit;
|
||||
}
|
||||
.timeline-center .tl-left .tl-wrap {
|
||||
float: right;
|
||||
margin-right: -2px;
|
||||
border-left-width: 0;
|
||||
border-right-width: 4px;
|
||||
padding-left: 0;
|
||||
padding-right: 20px;
|
||||
}
|
||||
.timeline-center .tl-left .tl-wrap:before {
|
||||
float: right;
|
||||
margin-left: 0;
|
||||
margin-right: -27px;
|
||||
}
|
||||
.timeline-center .tl-left .tl-date {
|
||||
float: right;
|
||||
margin-left: 0;
|
||||
margin-right: -8.5em;
|
||||
text-align: left;
|
||||
}
|
||||
.arrow {
|
||||
border-width: 9px;
|
||||
z-index: 10;
|
||||
}
|
||||
.arrow,
|
||||
.arrow:after {
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-color: transparent;
|
||||
border-style: solid;
|
||||
}
|
||||
.arrow:after {
|
||||
border-width: 8px;
|
||||
content: "";
|
||||
}
|
||||
.arrow.top {
|
||||
left: 50%;
|
||||
margin-left: -9px;
|
||||
border-top-width: 0;
|
||||
border-bottom-color: rgba(0, 0, 0, 0.1);
|
||||
top: -9px;
|
||||
}
|
||||
.arrow.top:after {
|
||||
top: 1px;
|
||||
margin-left: -8px;
|
||||
border-top-width: 0;
|
||||
border-bottom-color: #ffffff;
|
||||
}
|
||||
.arrow.top.arrow-primary:after {
|
||||
border-bottom-color: #7266ba;
|
||||
}
|
||||
.arrow.top.arrow-info:after {
|
||||
border-bottom-color: #23b7e5;
|
||||
}
|
||||
.arrow.top.arrow-success:after {
|
||||
border-bottom-color: #27c24c;
|
||||
}
|
||||
.arrow.top.arrow-danger:after {
|
||||
border-bottom-color: #f05050;
|
||||
}
|
||||
.arrow.top.arrow-warning:after {
|
||||
border-bottom-color: #fad733;
|
||||
}
|
||||
.arrow.top.arrow-light:after {
|
||||
border-bottom-color: #edf1f2;
|
||||
}
|
||||
.arrow.top.arrow-dark:after {
|
||||
border-bottom-color: #3a3f51;
|
||||
}
|
||||
.arrow.top.arrow-black:after {
|
||||
border-bottom-color: #13171e;
|
||||
}
|
||||
.arrow.right {
|
||||
top: 50%;
|
||||
right: -9px;
|
||||
margin-top: -9px;
|
||||
border-right-width: 0;
|
||||
border-left-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.arrow.right:after {
|
||||
right: 1px;
|
||||
bottom: -8px;
|
||||
border-right-width: 0;
|
||||
border-left-color: #ffffff;
|
||||
}
|
||||
.arrow.right.arrow-primary:after {
|
||||
border-left-color: #7266ba;
|
||||
}
|
||||
.arrow.right.arrow-info:after {
|
||||
border-left-color: #23b7e5;
|
||||
}
|
||||
.arrow.right.arrow-success:after {
|
||||
border-left-color: #27c24c;
|
||||
}
|
||||
.arrow.right.arrow-danger:after {
|
||||
border-left-color: #f05050;
|
||||
}
|
||||
.arrow.right.arrow-warning:after {
|
||||
border-left-color: #fad733;
|
||||
}
|
||||
.arrow.right.arrow-light:after {
|
||||
border-left-color: #edf1f2;
|
||||
}
|
||||
.arrow.right.arrow-dark:after {
|
||||
border-left-color: #3a3f51;
|
||||
}
|
||||
.arrow.right.arrow-black:after {
|
||||
border-left-color: #13171e;
|
||||
}
|
||||
.arrow.bottom {
|
||||
left: 50%;
|
||||
bottom: -9px;
|
||||
margin-left: -9px;
|
||||
border-bottom-width: 0;
|
||||
border-top-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.arrow.bottom:after {
|
||||
bottom: 1px;
|
||||
margin-left: -8px;
|
||||
border-bottom-width: 0;
|
||||
border-top-color: #ffffff;
|
||||
}
|
||||
.arrow.bottom.arrow-primary:after {
|
||||
border-top-color: #7266ba;
|
||||
}
|
||||
.arrow.bottom.arrow-info:after {
|
||||
border-top-color: #23b7e5;
|
||||
}
|
||||
.arrow.bottom.arrow-success:after {
|
||||
border-top-color: #27c24c;
|
||||
}
|
||||
.arrow.bottom.arrow-danger:after {
|
||||
border-top-color: #f05050;
|
||||
}
|
||||
.arrow.bottom.arrow-warning:after {
|
||||
border-top-color: #fad733;
|
||||
}
|
||||
.arrow.bottom.arrow-light:after {
|
||||
border-top-color: #edf1f2;
|
||||
}
|
||||
.arrow.bottom.arrow-dark:after {
|
||||
border-top-color: #3a3f51;
|
||||
}
|
||||
.arrow.bottom.arrow-black:after {
|
||||
border-top-color: #13171e;
|
||||
}
|
||||
.arrow.left {
|
||||
top: 50%;
|
||||
left: -9px;
|
||||
margin-top: -9px;
|
||||
border-left-width: 0;
|
||||
border-right-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.arrow.left:after {
|
||||
left: 1px;
|
||||
bottom: -8px;
|
||||
border-left-width: 0;
|
||||
border-right-color: #ffffff;
|
||||
}
|
||||
.arrow.left.arrow-primary:after {
|
||||
border-right-color: #7266ba;
|
||||
}
|
||||
.arrow.left.arrow-info:after {
|
||||
border-right-color: #23b7e5;
|
||||
}
|
||||
.arrow.left.arrow-success:after {
|
||||
border-right-color: #27c24c;
|
||||
}
|
||||
.arrow.left.arrow-danger:after {
|
||||
border-right-color: #f05050;
|
||||
}
|
||||
.arrow.left.arrow-warning:after {
|
||||
border-right-color: #fad733;
|
||||
}
|
||||
.arrow.left.arrow-light:after {
|
||||
border-right-color: #edf1f2;
|
||||
}
|
||||
.arrow.left.arrow-dark:after {
|
||||
border-right-color: #3a3f51;
|
||||
}
|
||||
.arrow.left.arrow-black:after {
|
||||
border-right-color: #13171e;
|
||||
}
|
||||
.arrow.pull-left {
|
||||
left: 19px;
|
||||
}
|
||||
.arrow.pull-right {
|
||||
left: auto;
|
||||
right: 19px;
|
||||
}
|
||||
.arrow.pull-up {
|
||||
top: 19px;
|
||||
}
|
||||
.arrow.pull-down {
|
||||
top: auto;
|
||||
bottom: 19px;
|
||||
}
|
||||
|
||||
.timeline-message {
|
||||
width: 85%;
|
||||
min-height: 20px;
|
||||
}
|
||||
.timeline-textarea {
|
||||
display: none;
|
||||
width: 85%;
|
||||
min-height: 20px;
|
||||
resize: vertical;
|
||||
}
|
||||
.timeline-buttons {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
width: 15%;
|
||||
height: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
.timeline-buttons img {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
@@ -0,0 +1,372 @@
|
||||
#help-trigger{
|
||||
position: fixed;
|
||||
height: 28px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
border-radius: 28px;
|
||||
right: 18px;
|
||||
bottom: 18px;
|
||||
background-color: #5754EE;
|
||||
z-index: 8900;
|
||||
cursor: pointer;
|
||||
color: white;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
#help-trigger svg{
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#wawitooltip {
|
||||
display: none;
|
||||
z-index: 9999;
|
||||
position: absolute;
|
||||
background-color: #fff;
|
||||
border: 2px solid rgb(166, 201, 226);
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
#inlinehelpimg {
|
||||
z-index: 9900;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#inlinehelpimg img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
#inlinehelp {
|
||||
width: 0;
|
||||
position: fixed;
|
||||
height: 100vh;
|
||||
top: 0;
|
||||
right: 0;
|
||||
overflow: hidden;
|
||||
color: #6d6d6d;
|
||||
line-height: 1.6;
|
||||
z-index: 9000;
|
||||
background: white;
|
||||
}
|
||||
|
||||
#inlinehelp h1,
|
||||
#inlinehelp h2,
|
||||
#inlinehelp h3,
|
||||
#inlinehelp h4,
|
||||
#inlinehelp h5,
|
||||
#inlinehelp h6 {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
#inlinehelp .youtubehaupt iframe {
|
||||
width: 540px;
|
||||
}
|
||||
|
||||
#inlinehelp input[type="submit"],
|
||||
#inlinehelp input[type="button"],
|
||||
#inlinehelp input[type="reset"] {
|
||||
background-color: var(--button-primary-background);
|
||||
border-color: var(--button-primary-border-color);
|
||||
color: var(--button-primary-color);
|
||||
}
|
||||
|
||||
#inlinehelpheading {
|
||||
font-size: 20px;
|
||||
color: var(--grey);
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
#inlinehelpheading .header-actions{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border: 1px solid #EBEFF2;
|
||||
padding: 3px 12px 0 12px;
|
||||
}
|
||||
|
||||
#inlinehelpheading .inlinehelp-sharing{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-direction: row;
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
#inlinehelpheading .inlinehelp-sharing > div{
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#inlinehelpheading .header-headlines{
|
||||
padding: 0 12px;
|
||||
font-size: 10px;
|
||||
font-weight: normal;
|
||||
color: #646464;
|
||||
margin-bottom: 10px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#inlinehelpheading .header-headlines p{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#inlinehelpheading .header-headlines a{
|
||||
position: absolute;
|
||||
right: 12px;
|
||||
}
|
||||
|
||||
#inlinehelpheading .header-headlines strong{
|
||||
color: #000000;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
#inlinehelpcontent div.inlinetab {
|
||||
padding-left: 15px;
|
||||
max-width: 700px;
|
||||
overflow-x: hidden;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#inlinehelpcontent div.inlinetab div,
|
||||
#inlinehelpcontent div.inlinetab article {
|
||||
max-width: 700px;
|
||||
}
|
||||
|
||||
div.inlinetab h2.inlinetabh2 {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#inlinehelpcontent div.inlinetab img {
|
||||
max-width: 670px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
div#inlinehelpmenu ul li:first-child {
|
||||
padding-left: 12px;
|
||||
}
|
||||
|
||||
#inlinehelpclose {
|
||||
cursor: pointer;
|
||||
background: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#inlinehelpclose > svg > path {
|
||||
fill: var(--grey) !important;
|
||||
}
|
||||
|
||||
#inlinehelpcontent {
|
||||
padding: 20px 0;
|
||||
box-sizing: border-box;
|
||||
overflow: scroll;
|
||||
height: 74vh;
|
||||
width: 100%;
|
||||
background-color: #FAFAFA;
|
||||
border: 1px solid #D9D9D9;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
@media only screen and (max-height: 850px) {
|
||||
#inlinehelpcontent {
|
||||
height: 71vh;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-height: 750px) {
|
||||
#inlinehelpcontent {
|
||||
height: 68vh;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-height: 680px) {
|
||||
#inlinehelpcontent {
|
||||
height: 63vh;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#inlinehelpcontent .inlinehelp-recommendations{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 15px 0;
|
||||
border-bottom: 1px solid rgba(196, 196, 196, 0.4);
|
||||
}
|
||||
|
||||
#inlinehelpcontent .link-container{
|
||||
position: relative;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#inlinehelpcontent .inlinehelp-recommendations a{
|
||||
display: inline-block;
|
||||
width: 33%;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#inlinehelpcontent strong,
|
||||
#inlinehelpcontent strong span,
|
||||
#inlinehelpcontent h1{
|
||||
font-size: 14px !important; /** important to override inline styles **/
|
||||
}
|
||||
|
||||
.inline-help-content-container{
|
||||
padding: 0 12px;;
|
||||
}
|
||||
|
||||
#inlinehelp iframe {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#inlinehelplink {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.youtubehaupt {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
|
||||
.outeryoutubeweitere {
|
||||
float: right;
|
||||
width: 190px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.youtubepfeil {
|
||||
float: left;
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.outeryoutubeweitere .youtubesubtitel {
|
||||
|
||||
background-color: var(--primary);
|
||||
color: #fff;
|
||||
padding: 9px;
|
||||
}
|
||||
|
||||
.youtubeweiterecontainer2 {
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
|
||||
.youtubeweitere .youtubesubtitel {
|
||||
font-size: 9pt;
|
||||
}
|
||||
|
||||
.youtubeweiterecontainerinner {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.youtubehaupttitel {
|
||||
display: none;
|
||||
}
|
||||
|
||||
span.youtubeoverlay {
|
||||
cursor: pointer;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
z-index: 2;
|
||||
width: 190px;
|
||||
height: 105px;
|
||||
background: transparent
|
||||
}
|
||||
|
||||
.pfeillinks {
|
||||
width: 0;
|
||||
height: 0;
|
||||
top: 5px;
|
||||
-webkit-transform: rotate(360deg);
|
||||
border-style: solid;
|
||||
border-width: 55px 15px 50px 0;
|
||||
border-color: transparent #53BED0 transparent transparent;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.pfeilrechts {
|
||||
width: 0;
|
||||
height: 0;
|
||||
top: 5px;
|
||||
-webkit-transform: rotate(360deg);
|
||||
border-style: solid;
|
||||
border-width: 55px 0 50px 15px;
|
||||
border-color: transparent transparent transparent #53BED0;
|
||||
margin-left: 4px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#inlinehelp .search-container{
|
||||
padding: 0 12px;
|
||||
}
|
||||
|
||||
#inlinehelpmenu .rTabs{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#inlinehelpmenu .rTabs ul{
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
#inlinehelpmenu .rTabs ul li a{
|
||||
border: none;
|
||||
}
|
||||
|
||||
#inlinehelpmenu > div.rTabs > ul > li > a {
|
||||
text-decoration: none;
|
||||
color: rgba(125, 127, 129, 0.5);
|
||||
}
|
||||
|
||||
#inlinehelpmenu .rTabs ul li.aktiv a{
|
||||
border-bottom: 2px solid var(--link-color);
|
||||
background: none;
|
||||
color: var(--link-color);
|
||||
}
|
||||
|
||||
#faqaccordion {
|
||||
width: 100%;
|
||||
background-color: var(--body-background);
|
||||
}
|
||||
|
||||
|
||||
#faqaccordion .ui-accordion-header {
|
||||
margin-top: 2px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#faqaccordion .ui-accordion-header:after{
|
||||
position: absolute;
|
||||
top: 11px;
|
||||
right: 2px;
|
||||
content: '';
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-style: solid;
|
||||
border-width: 6px 6px 0 6px;
|
||||
border-color: #d7d7d7 transparent transparent transparent;
|
||||
}
|
||||
|
||||
#faqaccordion .ui-accordion-header .ui-accordion-header-icon{
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul.firstlvl ul {
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
ul.firstlvl + hr {
|
||||
border: 1px solid #6d6d6d;
|
||||
}
|
||||
|
||||
input#wikilink {
|
||||
background-color: transparent;
|
||||
color: #6d6d6d;
|
||||
}
|
||||
|
||||
.inline-help-content-container .footer-actions{
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
margin: 14px 0;
|
||||
}
|
||||
|
||||
.inline-help-content-container .footer-actions a{
|
||||
margin-left: 10px;
|
||||
}
|
||||
Reference in New Issue
Block a user