reformat css

This commit is contained in:
Milan
2019-10-05 15:57:29 +02:00
parent edb2aa29d7
commit a80afcad99
16 changed files with 2008 additions and 1966 deletions

View File

@@ -1,11 +1,10 @@
/* roboto-regular - latin_latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
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'),
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 */
@@ -15,11 +14,11 @@
/* open-sans-regular - latin_latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
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'),
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 */
@@ -27,530 +26,536 @@
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 {
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;
body #content {
margin: 0;
color: #000;
background: #fff;
text-align: left;
min-width: 500px;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
div{
div {
transition: background-color 0.5s linear;
transition: z-index 2s linear;
}
#selectImage #content{
max-width:none;
#selectImage #content {
max-width: none;
}
body,
#content input,
#content textarea,
#content td,
body,
#content input,
#content textarea,
#content td,
#content div,
#content select,
#content option,
#content li,
#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 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 div.panel-header,
#content button {
font-size: 1rem;
font-family: Roboto, sans-serif;
font-weight: 600;
}
#content textarea{
padding:6px;
border:1px solid #ccc;
#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;
}
@media handheld {
body {
max-width: 800px;
font-size: 1em;
}
input, button {
padding: 16px;
}
#calcms_nav {
min-width: 640px;
max-width: 800px;
}
}
#calcms_nav{
#calcms_nav {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
vertical-align:middle;
z-index:99;
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 select,
#calcms_nav option {
margin: 0;
padding: 0;
color: #fff;
}
#calcms_nav,
#calcms_nav select{
background:#004f9b;
#calcms_nav,
#calcms_nav select {
background: #004f9b;
}
#calcms_nav a:hover,
#calcms_nav select:hover{
background:#007acc;
#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 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 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;
#calcms_nav a#logout {
color: #ff4444;
}
a{
color:#000;
text-decoration:none;
a {
color: #000;
text-decoration: none;
}
#content table{
border-collapse:collapse;
width:100%
#content table {
border-collapse: collapse;
width: 100%
}
#content table.data tr{
border-bottom:1px solid rgba(0,0,0,0.12);
#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 td {
padding: 6px;
border-collapse: collapse;
border-right: 0;
border-left: 0;
}
#content table th{
padding:6px;
border-collapse:collapse;
#content table th {
padding: 6px;
border-collapse: collapse;
}
#info{
color:#000;
background:#fff;
#info {
color: #000;
background: #fff;
}
#content textarea{
font-weight:normal;
#content textarea {
font-weight: normal;
}
div.editor{
padding-left:1rem;
padding-right:1rem;
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);
#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;
#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);
color: rgba(0, 0, 0, .54);
background: rgba(0, 0, 0, .03);
}
#content div.panel-body{
padding:1rem;
#content div.panel-body {
padding: 1rem;
}
#content .field{
width:30em;
#content .field {
width: 30em;
}
*:focus {outline: none;}
#content a{
color:#000;
font-weight:normal;
}
#content a:hover{
text-decoration:underline;
*:focus {
outline: none;
}
#content form{
border:0;
padding:0;
margin:0;
#content a {
color: #000;
font-weight: normal;
}
#content div,td,tr,table{
vertical-align:middle;
#content a:hover {
text-decoration: underline;
}
#content td{
padding:3px;
#content form {
border: 0;
padding: 0;
margin: 0;
}
#content pre, .pre {
border:0;
padding:2em;
color:#000;
background:#eee;
#content div,
td,
tr,
table {
vertical-align: middle;
}
.error.head{
position:relative;
top:3em;
#content td {
padding: 3px;
}
li.ui-menu-item{
background:none;
list-style-image:url();
list-style-type:none;
#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;
#content h2 {
margin: 1em;
padding: 0;
font-weight: 100;
}
#jobs th{
text-align:left;
#jobs th {
text-align: left;
}
#jobs td.status.finished a{
color:#000;
#jobs td.status.finished a {
color: #000;
}
#jobs td.status.ongoing a{
text-decoration:blink;
color:green;
#jobs td.status.ongoing a {
text-decoration: blink;
color: green;
}
#jobs td.status.scheduled a{
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 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.error {
font-weight: bold;
padding: 1px;
}
#content span.ok,
#content span.error{
color:white;
#content span.error {
color: white;
}
div.ok{
color:white;
background:#0c0;
div.ok {
color: white;
background: #0c0;
}
div.warn{
background:#ff0;
div.warn {
background: #ff0;
}
div.error{
color:white;
background:#d00;
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,
div.badge-warn,
div.badge-error {
border-radius: 4px;
display: inline;
margin: 3px;
padding: 3px;
}
div.badge-ok{
color:white;
background:#0c0;
div.badge-ok {
color: white;
background: #0c0;
}
div.badge-warn{
background:#ff0;
div.badge-warn {
background: #ff0;
}
div.badge-error{
color:white;
background:#d00;
div.badge-error {
color: white;
background: #d00;
}
#content button,
#content select,
#content input{
padding:4px;
#content input {
padding: 4px;
}
#content div.flex{
#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 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 table.table tr:hover {
background: #ebebeb
}
#content div.card tr{
border-bottom:none;
#content div.card tr {
border-bottom: none;
}
#content div.card tr:hover{
background:none;
#content div.card tr:hover {
background: none;
}
/*overwrite jquery ui*/
#content .ui-tabs-nav{
border:0;
background:#fff;
#content .ui-tabs-nav {
border: 0;
background: #fff;
border-bottom: solid 1px #ccc;
}
#content .ui-tab a{
color:#fff;
#content .ui-tab a {
color: #fff;
}
#content .ui-tabs-tab{
border:0;
background:#aaa;
padding:6px;
#content .ui-tabs-tab {
border: 0;
background: #aaa;
padding: 6px;
border-radius: 3px 3px 0 0;
}
#content .ui-tab a:hover{
text-decoration:none;
#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;
tr.tablesorter-filter-row {
background: #ccc;
}
table.table tr,
table.tablesorter tr{
border-bottom:solid 1px #ebebeb;
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;
#content table.table td {
padding: 0.8rem 0.4rem;
text-align: left;
vertical-align: middle;
}
/*colors*/
/*colors*/
#content input[type="submit"],
#content input[type="file"],
#content button,
#content .ui-state-active,
#content .ui-state-active,
#content a.ui-button:active,
#content .ui-button:active{
background-color:#2196f3;
cursor:pointer;
#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 .ui-button.ui-state-active:hover {
background-color: #39a1f4;
}
#content .button{
cursor:pointer;
#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;
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);
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 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 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;
#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.error {
border-bottom: 2px solid #d30000;
}
#content input[type="text"]:focus{
border-bottom:2px solid #03a9f4;
#content input[type="text"]:focus {
border-bottom: 2px solid #03a9f4;
}
#content textarea:focus{
border:1px 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 {
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 select,
input[type='checkbox'] {
margin-top: 0px;
}
#content div.formField div.label{
display:hide;
padding-left:1em;
color:#999;
#content div.formField div.label {
display: hide;
padding-left: 1em;
color: #999;
}
#content div.formField input{
clear:both;
#content div.formField input {
clear: both;
}
#content input[readonly] {
border: 0;
}
/* new */
#calcms_nav{
position:fixed;
top:0;
left:0;
right:0;
#calcms_nav {
position: fixed;
top: 0;
left: 0;
right: 0;
}
#calcms_nav div a,
#calcms_nav div a,
#calcms_nav select,
#calcms_nav option{
font-size:0.9375rem;
#calcms_nav option {
font-size: 0.9375rem;
}
#calcms_nav select,
#calcms_nav option{
border:0;
text-align:left;
#calcms_nav option {
border: 0;
text-align: left;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
@@ -559,50 +564,51 @@ input[type='checkbox']{
#calcms_nav .fa,
#calcms_nav .far,
#calcms_nav .fas{
opacity:0.4;
#calcms_nav .fas {
opacity: 0.4;
}
#content button.selectImage{
padding:0!important;
float:left;
min-width:32px;
#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 button.selectImage img {
width: 32px;
height: 32px;
}
#content .ui-widget.ui-widget-content{
border:0;
input.image {
width: 16rem;
}
#content .select .option{
font-size:1rem;
line-height:2rem;
#content .ui-widget.ui-widget-content {
border: 0;
}
#content #imageList div.images{
max-height:650px;
overflow-y:scroll
#content .select .option {
font-size: 1rem;
line-height: 2rem;
}
#calcms_nav #bars{
cursor:pointer;
#content #imageList div.images {
max-height: 650px;
overflow-y: scroll
}
#calcms_nav.mobile{
flex-direction:column;
position:absolute;
#calcms_nav #bars {
cursor: pointer;
}
#calcms_nav.mobile div{
text-align:left;
#calcms_nav.mobile {
flex-direction: column;
position: absolute;
}
#calcms_nav.mobile div {
text-align: left;
}
#calcms_nav .dropdown {
@@ -614,18 +620,16 @@ input.image{
display: none;
position: absolute;
z-index: 100;
text-align:left;
background:#004f9b;
min-width:10rem;
text-align: left;
background: #004f9b;
min-width: 10rem;
}
#calcms_nav .dropdown-content a{
width:20rem;
#calcms_nav .dropdown-content a {
width: 20rem;
}
#calcms_nav .dropdown:hover .dropdown-content {
display: block;
transition: all 1s linear;
}