632 lines
10 KiB
CSS
632 lines
10 KiB
CSS
|
|
/* roboto-regular - latin_latin-ext */
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url('../fonts/roboto-v18-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
|
|
src: local('Roboto'), local('Roboto-Regular'),
|
|
url('../fonts/roboto-v18-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
|
url('../fonts/roboto-v18-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
|
|
url('../fonts/roboto-v18-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
|
|
url('../fonts/roboto-v18-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
|
url('../fonts/roboto-v18-latin_latin-ext-regular.svg#Roboto') format('svg'); /* Legacy iOS */
|
|
}
|
|
|
|
/* open-sans-regular - latin_latin-ext */
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url('../fonts/open-sans-v15-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
|
|
src: local('Open Sans Regular'), local('OpenSans-Regular'),
|
|
url('../fonts/open-sans-v15-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
|
url('../fonts/open-sans-v15-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
|
|
url('../fonts/open-sans-v15-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
|
|
url('../fonts/open-sans-v15-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
|
url('../fonts/open-sans-v15-latin_latin-ext-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
|
|
}
|
|
|
|
body{
|
|
margin:0;
|
|
padding:0;
|
|
color:#000;
|
|
background:#efefef;
|
|
height:100%;
|
|
text-align:center;
|
|
}
|
|
|
|
body #content{
|
|
margin:0;
|
|
color:#000;
|
|
background:#fff;
|
|
text-align:left;
|
|
min-width:500px;
|
|
max-width:1200px;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
}
|
|
|
|
div{
|
|
transition: background-color 0.5s linear;
|
|
transition: z-index 2s linear;
|
|
}
|
|
|
|
#selectImage #content{
|
|
max-width:none;
|
|
}
|
|
|
|
body,
|
|
#content input,
|
|
#content textarea,
|
|
#content td,
|
|
#content div,
|
|
#content select,
|
|
#content option,
|
|
#content li,
|
|
#content input[type="submit"],
|
|
#content input[type="file"],
|
|
#content .label{
|
|
font-family:Roboto,sans-serif;
|
|
font-size:0.937rem;
|
|
}
|
|
|
|
|
|
#content div.panel-header,
|
|
#content button{
|
|
font-size:1rem;
|
|
font-family:Roboto,sans-serif;
|
|
font-weight:600;
|
|
}
|
|
|
|
|
|
#content textarea{
|
|
padding:6px;
|
|
border:1px solid #ccc;
|
|
}
|
|
|
|
@media handheld{
|
|
body{
|
|
max-width:800px;
|
|
font-size:1em;
|
|
}
|
|
input,button{
|
|
padding:16px;
|
|
}
|
|
|
|
#calcms_nav{
|
|
min-width:640px;
|
|
max-width:800px;
|
|
}
|
|
}
|
|
|
|
#calcms_nav{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: center;
|
|
vertical-align:middle;
|
|
z-index:99;
|
|
}
|
|
|
|
#calcms_nav,
|
|
#calcms_nav a,
|
|
#calcms_nav div,
|
|
#calcms_nav input,
|
|
#calcms_nav select,
|
|
#calcms_nav option{
|
|
margin:0;
|
|
padding:0;
|
|
color:#fff;
|
|
}
|
|
|
|
#calcms_nav,
|
|
#calcms_nav select{
|
|
background:#004f9b;
|
|
}
|
|
|
|
#calcms_nav a:hover,
|
|
#calcms_nav select:hover{
|
|
background:#007acc;
|
|
transition: all 0.5s linear;
|
|
}
|
|
|
|
#calcms_nav div a,
|
|
#calcms_nav select{
|
|
padding:6px;
|
|
padding-top:1rem;
|
|
padding-bottom:1rem;
|
|
line-height:3em;
|
|
}
|
|
|
|
#calcms_nav div {
|
|
transition: background 0.2s;
|
|
}
|
|
|
|
#calcms_nav select,
|
|
#calcms_nav option{
|
|
max-width:8em;
|
|
border:0;
|
|
padding-left:0;
|
|
padding-right:0;
|
|
border-left:1px solid #666;
|
|
}
|
|
|
|
#calcms_nav a#logout{
|
|
color:#ff4444;
|
|
}
|
|
|
|
a{
|
|
color:#000;
|
|
text-decoration:none;
|
|
}
|
|
|
|
#content table{
|
|
border-collapse:collapse;
|
|
width:100%
|
|
}
|
|
|
|
#content table.data tr{
|
|
border-bottom:1px solid rgba(0,0,0,0.12);
|
|
}
|
|
|
|
#content table td{
|
|
padding:6px;
|
|
border-collapse:collapse;
|
|
border-right:0;
|
|
border-left:0;
|
|
}
|
|
|
|
#content table th{
|
|
padding:6px;
|
|
border-collapse:collapse;
|
|
}
|
|
|
|
#info{
|
|
color:#000;
|
|
background:#fff;
|
|
}
|
|
|
|
#content textarea{
|
|
font-weight:normal;
|
|
}
|
|
|
|
|
|
div.editor{
|
|
padding-left:1rem;
|
|
padding-right:1rem;
|
|
}
|
|
|
|
#content .panel{
|
|
border: 1px solid rgba(0,0,0,.03);
|
|
box-shadow: 0 2px 2px rgba(0,0,0,.24),0 0 2px rgba(0,0,0,.12);
|
|
margin: 4px;
|
|
}
|
|
|
|
#content div.panel-header{
|
|
text-align:left;
|
|
padding-left:0;
|
|
align-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
padding: 8px 20px;
|
|
color: rgba(0,0,0,.54);
|
|
background: rgba(0,0,0,.03);
|
|
}
|
|
|
|
#content div.panel-body{
|
|
padding:1rem;
|
|
}
|
|
|
|
#content .field{
|
|
width:30em;
|
|
}
|
|
|
|
*:focus {outline: none;}
|
|
|
|
#content a{
|
|
color:#000;
|
|
font-weight:normal;
|
|
}
|
|
#content a:hover{
|
|
text-decoration:underline;
|
|
}
|
|
|
|
#content form{
|
|
border:0;
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
|
|
#content div,td,tr,table{
|
|
vertical-align:middle;
|
|
}
|
|
|
|
#content td{
|
|
padding:3px;
|
|
}
|
|
|
|
#content pre, .pre {
|
|
border:0;
|
|
padding:2em;
|
|
color:#000;
|
|
background:#eee;
|
|
}
|
|
|
|
.error.head{
|
|
position:relative;
|
|
top:3em;
|
|
}
|
|
|
|
li.ui-menu-item{
|
|
background:none;
|
|
list-style-image:url();
|
|
list-style-type:none;
|
|
}
|
|
|
|
#content h1,
|
|
#content h2{
|
|
margin:1em;
|
|
padding:0;
|
|
font-weight:100;
|
|
}
|
|
|
|
#jobs th{
|
|
text-align:left;
|
|
}
|
|
|
|
#jobs td.status.finished a{
|
|
color:#000;
|
|
}
|
|
|
|
#jobs td.status.ongoing a{
|
|
text-decoration:blink;
|
|
color:green;
|
|
}
|
|
|
|
#jobs td.status.scheduled a{
|
|
color:green;
|
|
}
|
|
|
|
#content div.ok,
|
|
#content div.warn,
|
|
#content div.error{
|
|
font-weight:bold;
|
|
margin:0;
|
|
padding:1rem;
|
|
}
|
|
|
|
#content span.ok,
|
|
#content span.warn,
|
|
#content span.error{
|
|
font-weight:bold;
|
|
padding:1px;
|
|
}
|
|
|
|
#content span.ok,
|
|
#content span.error{
|
|
color:white;
|
|
}
|
|
|
|
div.ok{
|
|
color:white;
|
|
background:#0c0;
|
|
}
|
|
|
|
div.warn{
|
|
background:#ff0;
|
|
}
|
|
|
|
div.error{
|
|
color:white;
|
|
background:#d00;
|
|
}
|
|
|
|
/* badges */
|
|
div.badge-ok,
|
|
div.badge-warn,
|
|
div.badge-error{
|
|
border-radius:4px;
|
|
display:inline;
|
|
margin:3px;
|
|
padding:3px;
|
|
}
|
|
|
|
div.badge-ok{
|
|
color:white;
|
|
background:#0c0;
|
|
}
|
|
|
|
div.badge-warn{
|
|
background:#ff0;
|
|
}
|
|
|
|
div.badge-error{
|
|
color:white;
|
|
background:#d00;
|
|
}
|
|
|
|
#content button,
|
|
#content select,
|
|
#content input{
|
|
padding:4px;
|
|
}
|
|
|
|
#content div.flex{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
#content div.card{
|
|
border:0;
|
|
margin:1em;
|
|
box-shadow:0 2px 5px 0 rgba(0,0,0,.12),0 2px 10px 0 rgba(0,0,0,.09);
|
|
border-radius:3px;
|
|
}
|
|
|
|
#content table.table tr:hover{
|
|
background:#ebebeb
|
|
}
|
|
|
|
#content div.card tr{
|
|
border-bottom:none;
|
|
}
|
|
#content div.card tr:hover{
|
|
background:none;
|
|
}
|
|
|
|
/*overwrite jquery ui*/
|
|
|
|
#content .ui-tabs-nav{
|
|
border:0;
|
|
background:#fff;
|
|
border-bottom: solid 1px #ccc;
|
|
}
|
|
|
|
#content .ui-tab a{
|
|
color:#fff;
|
|
}
|
|
|
|
#content .ui-tabs-tab{
|
|
border:0;
|
|
background:#aaa;
|
|
padding:6px;
|
|
border-radius: 3px 3px 0 0;
|
|
}
|
|
|
|
#content .ui-tab a:hover{
|
|
text-decoration:none;
|
|
}
|
|
|
|
/* overwrite tablesorter */
|
|
tr.tablesorter-filter-row{
|
|
background:#ccc;
|
|
}
|
|
tr.tablesorter-filter-row input{
|
|
height:1rem;
|
|
color:#000;
|
|
}
|
|
|
|
table.table tr,
|
|
table.tablesorter tr{
|
|
border-bottom:solid 1px #ebebeb;
|
|
}
|
|
|
|
#content table.tablesorter td,
|
|
#content table.table td{
|
|
padding:0.8rem 0.4rem;
|
|
text-align:left;
|
|
vertical-align:middle;
|
|
}
|
|
|
|
/*colors*/
|
|
#content input[type="submit"],
|
|
#content input[type="file"],
|
|
#content button,
|
|
#content .ui-state-active,
|
|
#content a.ui-button:active,
|
|
#content .ui-button:active{
|
|
background-color:#2196f3;
|
|
cursor:pointer;
|
|
}
|
|
|
|
#content input[type="submit"]:hover,
|
|
#content input[type="file"]:hover,
|
|
#content button:hover,
|
|
#content .ui-button.ui-state-active:hover{
|
|
background-color:#39a1f4;
|
|
}
|
|
|
|
#content .button{
|
|
cursor:pointer;
|
|
}
|
|
|
|
/*colors end */
|
|
#content input[type="submit"],
|
|
#content input[type="file"],
|
|
#content button{
|
|
display:inline-block;
|
|
border:0;
|
|
padding-left:16px;
|
|
padding-right:16px;
|
|
margin:0.5rem;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
min-width:64px;
|
|
font-weight:500;
|
|
border-radius:4px;
|
|
color:#fff;
|
|
height:36px;
|
|
position:relative;
|
|
box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
|
|
transition:background-color .3s cubic-bezier(.64,.09,.08,1),box-shadow .3s cubic-bezier(.64,.09,.08,1);
|
|
}
|
|
|
|
#content input[type="submit"]:hover,
|
|
#content input[type="file"]:hover,
|
|
#content button:focus{
|
|
outline:0;
|
|
transition:background 0.5s cubic-bezier(.64,.09,.08,1)
|
|
}
|
|
|
|
#content input[type="submit"]:hover,
|
|
#content input[type="file"]:hover,
|
|
#content button:hover{
|
|
box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
|
|
}
|
|
|
|
#content input{
|
|
border:none;
|
|
border-bottom:1px solid #03a9f4;
|
|
color:#000;
|
|
background:#fefefe;
|
|
padding:8px;
|
|
margin-top:0px;
|
|
margin-bottom:0px;
|
|
margin-left:0.5rem;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#content input.error{
|
|
border-bottom:2px solid #d30000;
|
|
}
|
|
|
|
#content input[type="text"]:focus{
|
|
border-bottom:2px solid #03a9f4;
|
|
}
|
|
|
|
#content textarea:focus{
|
|
border:1px solid #03a9f4;
|
|
}
|
|
|
|
#content select{
|
|
color:#000;
|
|
padding:6px;
|
|
padding-left:0;
|
|
padding-right:0;
|
|
border:none;
|
|
border-bottom:solid 1px #9e9e9e;
|
|
cursor:pointer;
|
|
margin-left:0.5rem;
|
|
}
|
|
|
|
#content select,
|
|
input[type='checkbox']{
|
|
margin-top:0px;
|
|
}
|
|
|
|
#content div.formField div.label{
|
|
display:hide;
|
|
padding-left:1em;
|
|
color:#999;
|
|
}
|
|
#content div.formField input{
|
|
clear:both;
|
|
}
|
|
|
|
#content input[readonly] {
|
|
border: 0;
|
|
}
|
|
|
|
|
|
/* new */
|
|
|
|
#calcms_nav{
|
|
position:fixed;
|
|
top:0;
|
|
left:0;
|
|
right:0;
|
|
}
|
|
|
|
#calcms_nav div a,
|
|
#calcms_nav select,
|
|
#calcms_nav option{
|
|
font-size:0.9375rem;
|
|
}
|
|
|
|
#calcms_nav select,
|
|
#calcms_nav option{
|
|
border:0;
|
|
text-align:left;
|
|
-moz-appearance: none;
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
border: none;
|
|
}
|
|
|
|
#calcms_nav .fa,
|
|
#calcms_nav .far,
|
|
#calcms_nav .fas{
|
|
opacity:0.4;
|
|
}
|
|
|
|
#content button.selectImage{
|
|
padding:0!important;
|
|
float:left;
|
|
min-width:32px;
|
|
}
|
|
|
|
#content button.selectImage,
|
|
#content button.selectImage img{
|
|
width:32px;
|
|
height:32px;
|
|
}
|
|
input.image{
|
|
width:16rem;
|
|
}
|
|
|
|
#content .ui-widget.ui-widget-content{
|
|
border:0;
|
|
}
|
|
|
|
#content .select .option{
|
|
font-size:1rem;
|
|
line-height:2rem;
|
|
}
|
|
|
|
#content #imageList div.images{
|
|
max-height:650px;
|
|
overflow-y:scroll
|
|
}
|
|
|
|
#calcms_nav #bars{
|
|
cursor:pointer;
|
|
}
|
|
|
|
#calcms_nav.mobile{
|
|
flex-direction:column;
|
|
position:absolute;
|
|
}
|
|
|
|
#calcms_nav.mobile div{
|
|
text-align:left;
|
|
}
|
|
|
|
#calcms_nav .dropdown {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
|
|
#calcms_nav .dropdown-content {
|
|
display: none;
|
|
position: absolute;
|
|
z-index: 100;
|
|
text-align:left;
|
|
background:#004f9b;
|
|
min-width:10rem;
|
|
}
|
|
|
|
#calcms_nav .dropdown-content a{
|
|
width:20rem;
|
|
}
|
|
|
|
#calcms_nav .dropdown:hover .dropdown-content {
|
|
display: block;
|
|
transition: all 1s linear;
|
|
}
|
|
|
|
|