From 623655b6f630410ab3b519356db7cae31a770cc1 Mon Sep 17 00:00:00 2001 From: snipe Date: Sat, 28 Mar 2020 00:07:34 -0700 Subject: [PATCH] New dark background skins --- public/css/build/all.css | 2 +- public/css/dist/all.css | 2 +- public/css/overrides.css | 2 +- public/css/skins/skin-black-dark.css | 1 + public/css/skins/skin-blue-dark.css | 1 + public/css/skins/skin-green-dark.css | 1 + public/css/skins/skin-orange-dark.css | 1 + public/css/skins/skin-purple-dark.css | 1 + public/css/skins/skin-red-dark.css | 1 + public/css/skins/skin-yellow-dark.css | 1 + public/mix-manifest.json | 20 +- resources/assets/less/overrides.less | 58 +++- .../assets/less/skins/skin-black-dark.less | 307 ++++++++++++++++++ .../assets/less/skins/skin-blue-dark.less | 307 ++++++++++++++++++ .../assets/less/skins/skin-green-dark.less | 307 ++++++++++++++++++ .../assets/less/skins/skin-orange-dark.less | 307 ++++++++++++++++++ .../assets/less/skins/skin-purple-dark.less | 307 ++++++++++++++++++ .../assets/less/skins/skin-red-dark.less | 307 ++++++++++++++++++ .../assets/less/skins/skin-yellow-dark.less | 307 ++++++++++++++++++ resources/macros/macros.php | 16 +- 20 files changed, 2231 insertions(+), 25 deletions(-) create mode 100644 public/css/skins/skin-black-dark.css create mode 100644 public/css/skins/skin-blue-dark.css create mode 100644 public/css/skins/skin-green-dark.css create mode 100644 public/css/skins/skin-orange-dark.css create mode 100644 public/css/skins/skin-purple-dark.css create mode 100644 public/css/skins/skin-red-dark.css create mode 100644 public/css/skins/skin-yellow-dark.css create mode 100644 resources/assets/less/skins/skin-black-dark.less create mode 100644 resources/assets/less/skins/skin-blue-dark.less create mode 100644 resources/assets/less/skins/skin-green-dark.less create mode 100644 resources/assets/less/skins/skin-orange-dark.less create mode 100644 resources/assets/less/skins/skin-purple-dark.less create mode 100644 resources/assets/less/skins/skin-red-dark.less create mode 100644 resources/assets/less/skins/skin-yellow-dark.less diff --git a/public/css/build/all.css b/public/css/build/all.css index f7dd36963..b092ac1be 100644 --- a/public/css/build/all.css +++ b/public/css/build/all.css @@ -19,4 +19,4 @@ * Datepicker for Bootstrap v1.8.0 (https://github.com/uxsolutions/bootstrap-datepicker) * * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) - */.datepicker{padding:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr}.datepicker-inline{width:220px}.datepicker-rtl{direction:rtl}.datepicker-rtl.dropdown-menu{left:auto}.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #999;border-top:0;border-bottom-color:rgba(0,0,0,.2);position:absolute}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;border-top:0;position:absolute}.datepicker-dropdown.datepicker-orient-left:before{left:6px}.datepicker-dropdown.datepicker-orient-left:after{left:7px}.datepicker-dropdown.datepicker-orient-right:before{right:6px}.datepicker-dropdown.datepicker-orient-right:after{right:7px}.datepicker-dropdown.datepicker-orient-bottom:before{top:-7px}.datepicker-dropdown.datepicker-orient-bottom:after{top:-6px}.datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid #999}.datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker td,.datepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.day.focused,.datepicker table tr td.day:hover{background:#eee;cursor:pointer}.datepicker table tr td.new,.datepicker table tr td.old{color:#999}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td.highlighted{background:#d9edf7;border-radius:0}.datepicker table tr td.today,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover{background-color:#fde19a;background-image:-moz-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-ms-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));background-image:-webkit-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-o-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:linear-gradient(to bottom,#fdd49a,#fdf59a);background-repeat:repeat-x;border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#000}.datepicker table tr td.today.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today.disabled:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today:active,.datepicker table tr td.today:hover,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today:hover:active,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today[disabled]{background-color:#fdf59a}.datepicker table tr td.today:hover:hover{color:#000}.datepicker table tr td.today.active:hover{color:#fff}.datepicker table tr td.range,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range:hover{background:#eee;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today:hover{background-color:#f3d17a;background-image:-moz-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-ms-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f3c17a),to(#f3e97a));background-image:-webkit-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-o-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:linear-gradient(to bottom,#f3c17a,#f3e97a);background-repeat:repeat-x;border-color:#f3e97a #f3e97a #edde34;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today.disabled:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today[disabled]{background-color:#f3e97a}.datepicker table tr td.selected,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover{background-color:#9e9e9e;background-image:-moz-linear-gradient(to bottom,#b3b3b3,grey);background-image:-ms-linear-gradient(to bottom,#b3b3b3,grey);background-image:-webkit-gradient(linear,0 0,0 100%,from(#b3b3b3),to(grey));background-image:-webkit-linear-gradient(to bottom,#b3b3b3,grey);background-image:-o-linear-gradient(to bottom,#b3b3b3,grey);background-image:linear-gradient(to bottom,#b3b3b3,grey);background-repeat:repeat-x;border-color:grey grey #595959;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected.disabled:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected[disabled]{background-color:grey}.datepicker table tr td.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.active.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active.disabled:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active:active,.datepicker table tr td.active:hover,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active:hover:active,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active[disabled]{background-color:#04c}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datepicker table tr td span.focused,.datepicker table tr td span:hover{background:#eee}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active[disabled]{background-color:#04c}.datepicker table tr td span.new,.datepicker table tr td span.old{color:#999}.datepicker .datepicker-switch{width:145px}.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{cursor:pointer}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{background:#eee}.datepicker .next.disabled,.datepicker .prev.disabled{visibility:hidden}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.input-append.date .add-on,.input-prepend.date .add-on{cursor:pointer}.input-append.date .add-on i,.input-prepend.date .add-on i{margin-top:3px}.input-daterange input{text-align:center}.input-daterange input:first-child{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.input-daterange input:last-child{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.input-daterange .add-on{display:inline-block;width:auto;min-width:16px;height:20px;padding:4px 5px;font-weight:400;line-height:20px;text-align:center;text-shadow:0 1px 0 #fff;vertical-align:middle;background-color:#eee;border:1px solid #ccc;margin-left:-5px;margin-right:-5px}.datepicker.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;display:none;min-width:160px;list-style:none;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;color:#333;font-size:13px;line-height:20px}.datepicker.datepicker-inline td,.datepicker.datepicker-inline th,.datepicker.dropdown-menu td,.datepicker.dropdown-menu th{padding:4px 5px}.fix-sticky{position:fixed;z-index:100}.fix-sticky thead{background:#fff}.fix-sticky thead th,.fix-sticky thead th:first-child{border-left:0;border-right:0;border-bottom:1px solid #eee;border-radius:0}.skin-red .skin-blue .skin-black .skin-orange .skin-yellow .skin-green .main-header .logo{background-color:inherit}.main-header .logo{width:100%!important;white-space:nowrap;text-align:left;display:block;clear:both}.huge{font-size:40px}.btn-file{position:relative;overflow:hidden}.dropdown-menu>li>a{color:#354044}#sort tr.cansort{border-radius:2px;padding:10px;background:#f4f4f4;margin-bottom:3px;border-left:2px solid #e6e7e8;color:#444;cursor:move}.user-image-inline{float:left;width:25px;height:25px;border-radius:50%;margin-right:10px}.input-group .input-group-addon{background-color:#f4f4f4}a.accordion-header{color:#333}.dynamic-form-row{padding:10px;margin:20px}.handle{padding-left:10px}.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;opacity:0;outline:0;background:#fff;cursor:inherit;display:block}.main-footer{font-size:13px}.main-header{max-height:150px}.navbar-nav>.user-menu>.dropdown-menu{width:inherit}.main-header .logo{padding:0 5px 0 15px}.sidebar-toggle{margin-left:-48px;z-index:100;background-color:inherit}.sidebar-toggle-mobile{z-index:100;width:50px;padding-top:10px}.main-header .sidebar-toggle:before{content:"\F0C9"}.direct-chat-contacts{padding:10px;height:150px}.select2-container{width:100%}.error input{color:#dd4b39;border:2px solid #dd4b39!important}.alert-msg,.error label{color:#dd4b39;display:block}.input-group[class*=col-]{padding-right:15px;padding-left:15px}.control-label.multiline{padding-top:10px}.btn-outline{color:inherit;background-color:transparent;-webkit-transition:all .5s;transition:all .5s}.btn-primary.btn-outline{color:#428bca}.btn-success.btn-outline{color:#5cb85c}.btn-info.btn-outline{color:#5bc0de}.btn-warning.btn-outline{color:#f0ad4e}.btn-danger.btn-outline{color:#d9534f}.btn-danger.btn-outline:hover,.btn-info.btn-outline:hover,.btn-primary.btn-outline:hover,.btn-success.btn-outline:hover,.btn-warning.btn-outline:hover{color:#fff}.slideout-menu{position:fixed;top:0;right:-250px;width:250px;height:100%;background:#333;z-index:100;margin-top:100px;color:#fff;padding:10px}.slideout-menu h3{position:relative;padding:5px;color:#fff;font-size:1.2em;font-weight:400;border-bottom:4px solid #222}.slideout-menu .slideout-menu-toggle{position:absolute;top:12px;right:10px;display:inline-block;padding:6px 9px 5px;font-family:Arial,sans-serif;font-weight:700;line-height:1;background:#222;color:#999;text-decoration:none;vertical-align:top}.slideout-menu .slideout-menu-toggle:hover{color:#fff}.slideout-menu ul{list-style:none;font-weight:300;border-top:1px solid #151515;border-bottom:1px solid #454545}.slideout-menu ul li{border-top:1px solid #454545;border-bottom:1px solid #151515}.slideout-menu ul li a{position:relative;display:block;padding:10px;color:#999;text-decoration:none}.slideout-menu ul li a:hover{background:#000;color:#fff}.slideout-menu ul li a i{position:absolute;top:15px;right:10px;opacity:.5}.btn-box-tool-lg{font-size:16px;color:orange}.bs-wizard{margin-top:20px;border-bottom:1px solid #e0e0e0;padding:0 0 10px}.bs-wizard>.bs-wizard-step{padding:0;position:relative}.bs-wizard>.bs-wizard-step .bs-wizard-stepnum{color:#595959;font-size:16px;margin-bottom:5px}.bs-wizard>.bs-wizard-step .bs-wizard-info{color:#999;font-size:14px}.bs-wizard>.bs-wizard-step>.bs-wizard-dot{position:absolute;width:30px;height:30px;display:block;background:#fbe8aa;top:45px;left:50%;margin-top:-15px;margin-left:-15px;border-radius:50%}.bs-wizard>.bs-wizard-step>.bs-wizard-dot:after{content:" ";width:14px;height:14px;background:#fbbd19;border-radius:50px;position:absolute;top:8px;left:8px}.bs-wizard>.bs-wizard-step>.progress{position:relative;border-radius:0;height:8px;-webkit-box-shadow:none;box-shadow:none;margin:20px 0}.bs-wizard>.bs-wizard-step>.progress>.progress-bar{width:0;-webkit-box-shadow:none;box-shadow:none;background:#fbe8aa}.bs-wizard>.bs-wizard-step.complete>.progress>.progress-bar{width:100%}.bs-wizard>.bs-wizard-step.active>.progress>.progress-bar{width:50%}.bs-wizard>.bs-wizard-step:first-child.active>.progress>.progress-bar{width:0}.bs-wizard>.bs-wizard-step:last-child.active>.progress>.progress-bar{width:100%}.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot{background-color:#f5f5f5}.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot:after{opacity:0}.bs-wizard>.bs-wizard-step:first-child>.progress{left:50%;width:50%}.bs-wizard>.bs-wizard-step:last-child>.progress{width:50%}.bs-wizard>.bs-wizard-step.disabled a.bs-wizard-dot{pointer-events:none}.left-navblock{display:inline-block;float:left;text-align:left;color:#fff;padding:0}.skin-red .red .skin-blue .main-header .navbar .dropdown-menu li a{color:#333}a.logo.no-hover a:hover{background-color:transparent}.required{border-right:6px solid orange}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:13px}.sidebar-menu{font-size:14px;white-space:normal}@media print{a[href]:after{content:none}.tab-content>.tab-pane{display:block!important;opacity:1!important;visibility:visible!important}}.navbar-brand>img,img.navbar-brand-img{float:left;padding:5px 5px 5px 0;max-height:50px}.input-daterange{border-radius:0}.btn.bg-maroon,.btn.bg-purple{min-width:90px}[hidden]{display:none!important}#toolbar{margin-top:10px}#uploadPreview{border:1px solid grey}.icon-med{font-size:20px;color:#889195}#login-logo{padding-top:20px;padding-bottom:10px;max-width:200px}a.skip-main{left:-999px;position:absolute;top:auto;width:1px;height:1px;overflow:hidden;z-index:-999}a.skip-main:active,a.skip-main:focus{color:#fff;background-color:#000;left:auto;top:auto;width:30%;height:auto;overflow:auto;margin:10px 35%;padding:5px;border-radius:15px;border:4px solid #ff0;text-align:center;font-size:1.2em;z-index:999} \ No newline at end of file + */.datepicker{padding:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr}.datepicker-inline{width:220px}.datepicker-rtl{direction:rtl}.datepicker-rtl.dropdown-menu{left:auto}.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #999;border-top:0;border-bottom-color:rgba(0,0,0,.2);position:absolute}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;border-top:0;position:absolute}.datepicker-dropdown.datepicker-orient-left:before{left:6px}.datepicker-dropdown.datepicker-orient-left:after{left:7px}.datepicker-dropdown.datepicker-orient-right:before{right:6px}.datepicker-dropdown.datepicker-orient-right:after{right:7px}.datepicker-dropdown.datepicker-orient-bottom:before{top:-7px}.datepicker-dropdown.datepicker-orient-bottom:after{top:-6px}.datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid #999}.datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker td,.datepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.day.focused,.datepicker table tr td.day:hover{background:#eee;cursor:pointer}.datepicker table tr td.new,.datepicker table tr td.old{color:#999}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td.highlighted{background:#d9edf7;border-radius:0}.datepicker table tr td.today,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover{background-color:#fde19a;background-image:-moz-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-ms-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));background-image:-webkit-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-o-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:linear-gradient(to bottom,#fdd49a,#fdf59a);background-repeat:repeat-x;border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#000}.datepicker table tr td.today.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today.disabled:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today:active,.datepicker table tr td.today:hover,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today:hover:active,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today[disabled]{background-color:#fdf59a}.datepicker table tr td.today:hover:hover{color:#000}.datepicker table tr td.today.active:hover{color:#fff}.datepicker table tr td.range,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range:hover{background:#eee;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today:hover{background-color:#f3d17a;background-image:-moz-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-ms-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f3c17a),to(#f3e97a));background-image:-webkit-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-o-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:linear-gradient(to bottom,#f3c17a,#f3e97a);background-repeat:repeat-x;border-color:#f3e97a #f3e97a #edde34;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today.disabled:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today[disabled]{background-color:#f3e97a}.datepicker table tr td.selected,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover{background-color:#9e9e9e;background-image:-moz-linear-gradient(to bottom,#b3b3b3,grey);background-image:-ms-linear-gradient(to bottom,#b3b3b3,grey);background-image:-webkit-gradient(linear,0 0,0 100%,from(#b3b3b3),to(grey));background-image:-webkit-linear-gradient(to bottom,#b3b3b3,grey);background-image:-o-linear-gradient(to bottom,#b3b3b3,grey);background-image:linear-gradient(to bottom,#b3b3b3,grey);background-repeat:repeat-x;border-color:grey grey #595959;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected.disabled:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected[disabled]{background-color:grey}.datepicker table tr td.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.active.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active.disabled:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active:active,.datepicker table tr td.active:hover,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active:hover:active,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active[disabled]{background-color:#04c}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datepicker table tr td span.focused,.datepicker table tr td span:hover{background:#eee}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active[disabled]{background-color:#04c}.datepicker table tr td span.new,.datepicker table tr td span.old{color:#999}.datepicker .datepicker-switch{width:145px}.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{cursor:pointer}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{background:#eee}.datepicker .next.disabled,.datepicker .prev.disabled{visibility:hidden}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.input-append.date .add-on,.input-prepend.date .add-on{cursor:pointer}.input-append.date .add-on i,.input-prepend.date .add-on i{margin-top:3px}.input-daterange input{text-align:center}.input-daterange input:first-child{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.input-daterange input:last-child{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.input-daterange .add-on{display:inline-block;width:auto;min-width:16px;height:20px;padding:4px 5px;font-weight:400;line-height:20px;text-align:center;text-shadow:0 1px 0 #fff;vertical-align:middle;background-color:#eee;border:1px solid #ccc;margin-left:-5px;margin-right:-5px}.datepicker.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;display:none;min-width:160px;list-style:none;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;color:#333;font-size:13px;line-height:20px}.datepicker.datepicker-inline td,.datepicker.datepicker-inline th,.datepicker.dropdown-menu td,.datepicker.dropdown-menu th{padding:4px 5px}.fix-sticky{position:fixed;z-index:100}.fix-sticky thead{background:#fff}.fix-sticky thead th,.fix-sticky thead th:first-child{border-left:0;border-right:0;border-bottom:1px solid #eee;border-radius:0}.skin-red .skin-purple .skin-blue .skin-black .skin-orange .skin-yellow .skin-green .skin-red-dark .skin-purple-dark .skin-blue-dark .skin-black-dark .skin-orange-dark .skin-yellow-dark .skin-green-dark .skin-contrast .main-header .logo{background-color:inherit}.main-header .logo{width:100%!important;white-space:nowrap;text-align:left;display:block;clear:both}.huge{font-size:40px}.btn-file{position:relative;overflow:hidden}.dropdown-menu>li>a{color:#354044}#sort tr.cansort{border-radius:2px;padding:10px;background:#f4f4f4;margin-bottom:3px;border-left:2px solid #e6e7e8;color:#444;cursor:move}.user-image-inline{float:left;width:25px;height:25px;border-radius:50%;margin-right:10px}.input-group .input-group-addon{background-color:#f4f4f4}a.accordion-header{color:#333}.dynamic-form-row{padding:10px;margin:20px}.handle{padding-left:10px}.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;opacity:0;outline:0;background:#fff;cursor:inherit;display:block}.main-footer{font-size:13px}.main-header{max-height:150px}.navbar-nav>.user-menu>.dropdown-menu{width:inherit}.main-header .logo{padding:0 5px 0 15px}.sidebar-toggle{margin-left:-48px;z-index:100;background-color:inherit}.sidebar-toggle-mobile{z-index:100;width:50px;padding-top:10px}.main-header .sidebar-toggle:before{content:"\F0C9"}.direct-chat-contacts{padding:10px;height:150px}.select2-container{width:100%}.error input{color:#dd4b39;border:2px solid #dd4b39!important}.alert-msg,.error label{color:#dd4b39;display:block}.input-group[class*=col-]{padding-right:15px;padding-left:15px}.control-label.multiline{padding-top:10px}.btn-outline{color:inherit;background-color:transparent;-webkit-transition:all .5s;transition:all .5s}.btn-primary.btn-outline{color:#428bca}.btn-success.btn-outline{color:#5cb85c}.btn-info.btn-outline{color:#5bc0de}.btn-warning.btn-outline{color:#f0ad4e}.btn-danger.btn-outline{color:#d9534f}.btn-danger.btn-outline:hover,.btn-info.btn-outline:hover,.btn-primary.btn-outline:hover,.btn-success.btn-outline:hover,.btn-warning.btn-outline:hover{color:#fff}.slideout-menu{position:fixed;top:0;right:-250px;width:250px;height:100%;background:#333;z-index:100;margin-top:100px;color:#fff;padding:10px}.slideout-menu h3{position:relative;padding:5px;color:#fff;font-size:1.2em;font-weight:400;border-bottom:4px solid #222}.slideout-menu .slideout-menu-toggle{position:absolute;top:12px;right:10px;display:inline-block;padding:6px 9px 5px;font-family:Arial,sans-serif;font-weight:700;line-height:1;background:#222;color:#999;text-decoration:none;vertical-align:top}.slideout-menu .slideout-menu-toggle:hover{color:#fff}.slideout-menu ul{list-style:none;font-weight:300;border-top:1px solid #151515;border-bottom:1px solid #454545}.slideout-menu ul li{border-top:1px solid #454545;border-bottom:1px solid #151515}.slideout-menu ul li a{position:relative;display:block;padding:10px;color:#999;text-decoration:none}.slideout-menu ul li a:hover{background:#000;color:#fff}.slideout-menu ul li a i{position:absolute;top:15px;right:10px;opacity:.5}.btn-box-tool-lg{font-size:16px;color:orange}.bs-wizard{margin-top:20px;border-bottom:1px solid #e0e0e0;padding:0 0 10px}.bs-wizard>.bs-wizard-step{padding:0;position:relative}.bs-wizard>.bs-wizard-step .bs-wizard-stepnum{color:#595959;font-size:16px;margin-bottom:5px}.bs-wizard>.bs-wizard-step .bs-wizard-info{color:#999;font-size:14px}.bs-wizard>.bs-wizard-step>.bs-wizard-dot{position:absolute;width:30px;height:30px;display:block;background:#fbe8aa;top:45px;left:50%;margin-top:-15px;margin-left:-15px;border-radius:50%}.bs-wizard>.bs-wizard-step>.bs-wizard-dot:after{content:" ";width:14px;height:14px;background:#fbbd19;border-radius:50px;position:absolute;top:8px;left:8px}.bs-wizard>.bs-wizard-step>.progress{position:relative;border-radius:0;height:8px;-webkit-box-shadow:none;box-shadow:none;margin:20px 0}.bs-wizard>.bs-wizard-step>.progress>.progress-bar{width:0;-webkit-box-shadow:none;box-shadow:none;background:#fbe8aa}.bs-wizard>.bs-wizard-step.complete>.progress>.progress-bar{width:100%}.bs-wizard>.bs-wizard-step.active>.progress>.progress-bar{width:50%}.bs-wizard>.bs-wizard-step:first-child.active>.progress>.progress-bar{width:0}.bs-wizard>.bs-wizard-step:last-child.active>.progress>.progress-bar{width:100%}.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot{background-color:#f5f5f5}.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot:after{opacity:0}.bs-wizard>.bs-wizard-step:first-child>.progress{left:50%;width:50%}.bs-wizard>.bs-wizard-step:last-child>.progress{width:50%}.bs-wizard>.bs-wizard-step.disabled a.bs-wizard-dot{pointer-events:none}.left-navblock{display:inline-block;float:left;text-align:left;color:#fff;padding:0}.skin-red .skin-purple .skin-blue .skin-black .skin-orange .skin-yellow .skin-green .skin-red-dark .skin-purple-dark .skin-blue-dark .skin-black-dark .skin-orange-dark .skin-yellow-dark .skin-green-dark .skin-contrast .main-header .navbar .dropdown-menu li a{color:#333}a.logo.no-hover a:hover{background-color:transparent}.required{border-right:6px solid orange}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:13px}.sidebar-menu{font-size:14px;white-space:normal}@media print{a[href]:after{content:none}.tab-content>.tab-pane{display:block!important;opacity:1!important;visibility:visible!important}}.navbar-brand>img,img.navbar-brand-img{float:left;padding:5px 5px 5px 0;max-height:50px}.input-daterange{border-radius:0}.btn.bg-maroon,.btn.bg-purple{min-width:90px}[hidden]{display:none!important}#toolbar{margin-top:10px}#uploadPreview{border:1px solid grey}.icon-med{font-size:20px;color:#889195}#login-logo{padding-top:20px;padding-bottom:10px;max-width:200px}a.skip-main{left:-999px;position:absolute;top:auto;width:1px;height:1px;overflow:hidden;z-index:-999}a.skip-main:active,a.skip-main:focus{color:#fff;background-color:#000;left:auto;top:auto;width:30%;height:auto;overflow:auto;margin:10px 35%;padding:5px;border-radius:15px;border:4px solid #ff0;text-align:center;font-size:1.2em;z-index:999} \ No newline at end of file diff --git a/public/css/dist/all.css b/public/css/dist/all.css index f7dd36963..b092ac1be 100644 --- a/public/css/dist/all.css +++ b/public/css/dist/all.css @@ -19,4 +19,4 @@ * Datepicker for Bootstrap v1.8.0 (https://github.com/uxsolutions/bootstrap-datepicker) * * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) - */.datepicker{padding:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr}.datepicker-inline{width:220px}.datepicker-rtl{direction:rtl}.datepicker-rtl.dropdown-menu{left:auto}.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #999;border-top:0;border-bottom-color:rgba(0,0,0,.2);position:absolute}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;border-top:0;position:absolute}.datepicker-dropdown.datepicker-orient-left:before{left:6px}.datepicker-dropdown.datepicker-orient-left:after{left:7px}.datepicker-dropdown.datepicker-orient-right:before{right:6px}.datepicker-dropdown.datepicker-orient-right:after{right:7px}.datepicker-dropdown.datepicker-orient-bottom:before{top:-7px}.datepicker-dropdown.datepicker-orient-bottom:after{top:-6px}.datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid #999}.datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker td,.datepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.day.focused,.datepicker table tr td.day:hover{background:#eee;cursor:pointer}.datepicker table tr td.new,.datepicker table tr td.old{color:#999}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td.highlighted{background:#d9edf7;border-radius:0}.datepicker table tr td.today,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover{background-color:#fde19a;background-image:-moz-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-ms-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));background-image:-webkit-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-o-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:linear-gradient(to bottom,#fdd49a,#fdf59a);background-repeat:repeat-x;border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#000}.datepicker table tr td.today.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today.disabled:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today:active,.datepicker table tr td.today:hover,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today:hover:active,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today[disabled]{background-color:#fdf59a}.datepicker table tr td.today:hover:hover{color:#000}.datepicker table tr td.today.active:hover{color:#fff}.datepicker table tr td.range,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range:hover{background:#eee;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today:hover{background-color:#f3d17a;background-image:-moz-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-ms-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f3c17a),to(#f3e97a));background-image:-webkit-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-o-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:linear-gradient(to bottom,#f3c17a,#f3e97a);background-repeat:repeat-x;border-color:#f3e97a #f3e97a #edde34;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today.disabled:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today[disabled]{background-color:#f3e97a}.datepicker table tr td.selected,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover{background-color:#9e9e9e;background-image:-moz-linear-gradient(to bottom,#b3b3b3,grey);background-image:-ms-linear-gradient(to bottom,#b3b3b3,grey);background-image:-webkit-gradient(linear,0 0,0 100%,from(#b3b3b3),to(grey));background-image:-webkit-linear-gradient(to bottom,#b3b3b3,grey);background-image:-o-linear-gradient(to bottom,#b3b3b3,grey);background-image:linear-gradient(to bottom,#b3b3b3,grey);background-repeat:repeat-x;border-color:grey grey #595959;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected.disabled:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected[disabled]{background-color:grey}.datepicker table tr td.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.active.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active.disabled:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active:active,.datepicker table tr td.active:hover,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active:hover:active,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active[disabled]{background-color:#04c}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datepicker table tr td span.focused,.datepicker table tr td span:hover{background:#eee}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active[disabled]{background-color:#04c}.datepicker table tr td span.new,.datepicker table tr td span.old{color:#999}.datepicker .datepicker-switch{width:145px}.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{cursor:pointer}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{background:#eee}.datepicker .next.disabled,.datepicker .prev.disabled{visibility:hidden}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.input-append.date .add-on,.input-prepend.date .add-on{cursor:pointer}.input-append.date .add-on i,.input-prepend.date .add-on i{margin-top:3px}.input-daterange input{text-align:center}.input-daterange input:first-child{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.input-daterange input:last-child{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.input-daterange .add-on{display:inline-block;width:auto;min-width:16px;height:20px;padding:4px 5px;font-weight:400;line-height:20px;text-align:center;text-shadow:0 1px 0 #fff;vertical-align:middle;background-color:#eee;border:1px solid #ccc;margin-left:-5px;margin-right:-5px}.datepicker.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;display:none;min-width:160px;list-style:none;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;color:#333;font-size:13px;line-height:20px}.datepicker.datepicker-inline td,.datepicker.datepicker-inline th,.datepicker.dropdown-menu td,.datepicker.dropdown-menu th{padding:4px 5px}.fix-sticky{position:fixed;z-index:100}.fix-sticky thead{background:#fff}.fix-sticky thead th,.fix-sticky thead th:first-child{border-left:0;border-right:0;border-bottom:1px solid #eee;border-radius:0}.skin-red .skin-blue .skin-black .skin-orange .skin-yellow .skin-green .main-header .logo{background-color:inherit}.main-header .logo{width:100%!important;white-space:nowrap;text-align:left;display:block;clear:both}.huge{font-size:40px}.btn-file{position:relative;overflow:hidden}.dropdown-menu>li>a{color:#354044}#sort tr.cansort{border-radius:2px;padding:10px;background:#f4f4f4;margin-bottom:3px;border-left:2px solid #e6e7e8;color:#444;cursor:move}.user-image-inline{float:left;width:25px;height:25px;border-radius:50%;margin-right:10px}.input-group .input-group-addon{background-color:#f4f4f4}a.accordion-header{color:#333}.dynamic-form-row{padding:10px;margin:20px}.handle{padding-left:10px}.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;opacity:0;outline:0;background:#fff;cursor:inherit;display:block}.main-footer{font-size:13px}.main-header{max-height:150px}.navbar-nav>.user-menu>.dropdown-menu{width:inherit}.main-header .logo{padding:0 5px 0 15px}.sidebar-toggle{margin-left:-48px;z-index:100;background-color:inherit}.sidebar-toggle-mobile{z-index:100;width:50px;padding-top:10px}.main-header .sidebar-toggle:before{content:"\F0C9"}.direct-chat-contacts{padding:10px;height:150px}.select2-container{width:100%}.error input{color:#dd4b39;border:2px solid #dd4b39!important}.alert-msg,.error label{color:#dd4b39;display:block}.input-group[class*=col-]{padding-right:15px;padding-left:15px}.control-label.multiline{padding-top:10px}.btn-outline{color:inherit;background-color:transparent;-webkit-transition:all .5s;transition:all .5s}.btn-primary.btn-outline{color:#428bca}.btn-success.btn-outline{color:#5cb85c}.btn-info.btn-outline{color:#5bc0de}.btn-warning.btn-outline{color:#f0ad4e}.btn-danger.btn-outline{color:#d9534f}.btn-danger.btn-outline:hover,.btn-info.btn-outline:hover,.btn-primary.btn-outline:hover,.btn-success.btn-outline:hover,.btn-warning.btn-outline:hover{color:#fff}.slideout-menu{position:fixed;top:0;right:-250px;width:250px;height:100%;background:#333;z-index:100;margin-top:100px;color:#fff;padding:10px}.slideout-menu h3{position:relative;padding:5px;color:#fff;font-size:1.2em;font-weight:400;border-bottom:4px solid #222}.slideout-menu .slideout-menu-toggle{position:absolute;top:12px;right:10px;display:inline-block;padding:6px 9px 5px;font-family:Arial,sans-serif;font-weight:700;line-height:1;background:#222;color:#999;text-decoration:none;vertical-align:top}.slideout-menu .slideout-menu-toggle:hover{color:#fff}.slideout-menu ul{list-style:none;font-weight:300;border-top:1px solid #151515;border-bottom:1px solid #454545}.slideout-menu ul li{border-top:1px solid #454545;border-bottom:1px solid #151515}.slideout-menu ul li a{position:relative;display:block;padding:10px;color:#999;text-decoration:none}.slideout-menu ul li a:hover{background:#000;color:#fff}.slideout-menu ul li a i{position:absolute;top:15px;right:10px;opacity:.5}.btn-box-tool-lg{font-size:16px;color:orange}.bs-wizard{margin-top:20px;border-bottom:1px solid #e0e0e0;padding:0 0 10px}.bs-wizard>.bs-wizard-step{padding:0;position:relative}.bs-wizard>.bs-wizard-step .bs-wizard-stepnum{color:#595959;font-size:16px;margin-bottom:5px}.bs-wizard>.bs-wizard-step .bs-wizard-info{color:#999;font-size:14px}.bs-wizard>.bs-wizard-step>.bs-wizard-dot{position:absolute;width:30px;height:30px;display:block;background:#fbe8aa;top:45px;left:50%;margin-top:-15px;margin-left:-15px;border-radius:50%}.bs-wizard>.bs-wizard-step>.bs-wizard-dot:after{content:" ";width:14px;height:14px;background:#fbbd19;border-radius:50px;position:absolute;top:8px;left:8px}.bs-wizard>.bs-wizard-step>.progress{position:relative;border-radius:0;height:8px;-webkit-box-shadow:none;box-shadow:none;margin:20px 0}.bs-wizard>.bs-wizard-step>.progress>.progress-bar{width:0;-webkit-box-shadow:none;box-shadow:none;background:#fbe8aa}.bs-wizard>.bs-wizard-step.complete>.progress>.progress-bar{width:100%}.bs-wizard>.bs-wizard-step.active>.progress>.progress-bar{width:50%}.bs-wizard>.bs-wizard-step:first-child.active>.progress>.progress-bar{width:0}.bs-wizard>.bs-wizard-step:last-child.active>.progress>.progress-bar{width:100%}.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot{background-color:#f5f5f5}.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot:after{opacity:0}.bs-wizard>.bs-wizard-step:first-child>.progress{left:50%;width:50%}.bs-wizard>.bs-wizard-step:last-child>.progress{width:50%}.bs-wizard>.bs-wizard-step.disabled a.bs-wizard-dot{pointer-events:none}.left-navblock{display:inline-block;float:left;text-align:left;color:#fff;padding:0}.skin-red .red .skin-blue .main-header .navbar .dropdown-menu li a{color:#333}a.logo.no-hover a:hover{background-color:transparent}.required{border-right:6px solid orange}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:13px}.sidebar-menu{font-size:14px;white-space:normal}@media print{a[href]:after{content:none}.tab-content>.tab-pane{display:block!important;opacity:1!important;visibility:visible!important}}.navbar-brand>img,img.navbar-brand-img{float:left;padding:5px 5px 5px 0;max-height:50px}.input-daterange{border-radius:0}.btn.bg-maroon,.btn.bg-purple{min-width:90px}[hidden]{display:none!important}#toolbar{margin-top:10px}#uploadPreview{border:1px solid grey}.icon-med{font-size:20px;color:#889195}#login-logo{padding-top:20px;padding-bottom:10px;max-width:200px}a.skip-main{left:-999px;position:absolute;top:auto;width:1px;height:1px;overflow:hidden;z-index:-999}a.skip-main:active,a.skip-main:focus{color:#fff;background-color:#000;left:auto;top:auto;width:30%;height:auto;overflow:auto;margin:10px 35%;padding:5px;border-radius:15px;border:4px solid #ff0;text-align:center;font-size:1.2em;z-index:999} \ No newline at end of file + */.datepicker{padding:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr}.datepicker-inline{width:220px}.datepicker-rtl{direction:rtl}.datepicker-rtl.dropdown-menu{left:auto}.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #999;border-top:0;border-bottom-color:rgba(0,0,0,.2);position:absolute}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;border-top:0;position:absolute}.datepicker-dropdown.datepicker-orient-left:before{left:6px}.datepicker-dropdown.datepicker-orient-left:after{left:7px}.datepicker-dropdown.datepicker-orient-right:before{right:6px}.datepicker-dropdown.datepicker-orient-right:after{right:7px}.datepicker-dropdown.datepicker-orient-bottom:before{top:-7px}.datepicker-dropdown.datepicker-orient-bottom:after{top:-6px}.datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid #999}.datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker td,.datepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.day.focused,.datepicker table tr td.day:hover{background:#eee;cursor:pointer}.datepicker table tr td.new,.datepicker table tr td.old{color:#999}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td.highlighted{background:#d9edf7;border-radius:0}.datepicker table tr td.today,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover{background-color:#fde19a;background-image:-moz-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-ms-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));background-image:-webkit-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-o-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:linear-gradient(to bottom,#fdd49a,#fdf59a);background-repeat:repeat-x;border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#000}.datepicker table tr td.today.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today.disabled:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today:active,.datepicker table tr td.today:hover,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today:hover:active,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today[disabled]{background-color:#fdf59a}.datepicker table tr td.today:hover:hover{color:#000}.datepicker table tr td.today.active:hover{color:#fff}.datepicker table tr td.range,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range:hover{background:#eee;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today:hover{background-color:#f3d17a;background-image:-moz-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-ms-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f3c17a),to(#f3e97a));background-image:-webkit-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-o-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:linear-gradient(to bottom,#f3c17a,#f3e97a);background-repeat:repeat-x;border-color:#f3e97a #f3e97a #edde34;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today.disabled:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today[disabled]{background-color:#f3e97a}.datepicker table tr td.selected,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover{background-color:#9e9e9e;background-image:-moz-linear-gradient(to bottom,#b3b3b3,grey);background-image:-ms-linear-gradient(to bottom,#b3b3b3,grey);background-image:-webkit-gradient(linear,0 0,0 100%,from(#b3b3b3),to(grey));background-image:-webkit-linear-gradient(to bottom,#b3b3b3,grey);background-image:-o-linear-gradient(to bottom,#b3b3b3,grey);background-image:linear-gradient(to bottom,#b3b3b3,grey);background-repeat:repeat-x;border-color:grey grey #595959;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected.disabled:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected[disabled]{background-color:grey}.datepicker table tr td.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.active.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active.disabled:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active:active,.datepicker table tr td.active:hover,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active:hover:active,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active[disabled]{background-color:#04c}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datepicker table tr td span.focused,.datepicker table tr td span:hover{background:#eee}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active[disabled]{background-color:#04c}.datepicker table tr td span.new,.datepicker table tr td span.old{color:#999}.datepicker .datepicker-switch{width:145px}.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{cursor:pointer}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{background:#eee}.datepicker .next.disabled,.datepicker .prev.disabled{visibility:hidden}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.input-append.date .add-on,.input-prepend.date .add-on{cursor:pointer}.input-append.date .add-on i,.input-prepend.date .add-on i{margin-top:3px}.input-daterange input{text-align:center}.input-daterange input:first-child{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.input-daterange input:last-child{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.input-daterange .add-on{display:inline-block;width:auto;min-width:16px;height:20px;padding:4px 5px;font-weight:400;line-height:20px;text-align:center;text-shadow:0 1px 0 #fff;vertical-align:middle;background-color:#eee;border:1px solid #ccc;margin-left:-5px;margin-right:-5px}.datepicker.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;display:none;min-width:160px;list-style:none;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;color:#333;font-size:13px;line-height:20px}.datepicker.datepicker-inline td,.datepicker.datepicker-inline th,.datepicker.dropdown-menu td,.datepicker.dropdown-menu th{padding:4px 5px}.fix-sticky{position:fixed;z-index:100}.fix-sticky thead{background:#fff}.fix-sticky thead th,.fix-sticky thead th:first-child{border-left:0;border-right:0;border-bottom:1px solid #eee;border-radius:0}.skin-red .skin-purple .skin-blue .skin-black .skin-orange .skin-yellow .skin-green .skin-red-dark .skin-purple-dark .skin-blue-dark .skin-black-dark .skin-orange-dark .skin-yellow-dark .skin-green-dark .skin-contrast .main-header .logo{background-color:inherit}.main-header .logo{width:100%!important;white-space:nowrap;text-align:left;display:block;clear:both}.huge{font-size:40px}.btn-file{position:relative;overflow:hidden}.dropdown-menu>li>a{color:#354044}#sort tr.cansort{border-radius:2px;padding:10px;background:#f4f4f4;margin-bottom:3px;border-left:2px solid #e6e7e8;color:#444;cursor:move}.user-image-inline{float:left;width:25px;height:25px;border-radius:50%;margin-right:10px}.input-group .input-group-addon{background-color:#f4f4f4}a.accordion-header{color:#333}.dynamic-form-row{padding:10px;margin:20px}.handle{padding-left:10px}.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;opacity:0;outline:0;background:#fff;cursor:inherit;display:block}.main-footer{font-size:13px}.main-header{max-height:150px}.navbar-nav>.user-menu>.dropdown-menu{width:inherit}.main-header .logo{padding:0 5px 0 15px}.sidebar-toggle{margin-left:-48px;z-index:100;background-color:inherit}.sidebar-toggle-mobile{z-index:100;width:50px;padding-top:10px}.main-header .sidebar-toggle:before{content:"\F0C9"}.direct-chat-contacts{padding:10px;height:150px}.select2-container{width:100%}.error input{color:#dd4b39;border:2px solid #dd4b39!important}.alert-msg,.error label{color:#dd4b39;display:block}.input-group[class*=col-]{padding-right:15px;padding-left:15px}.control-label.multiline{padding-top:10px}.btn-outline{color:inherit;background-color:transparent;-webkit-transition:all .5s;transition:all .5s}.btn-primary.btn-outline{color:#428bca}.btn-success.btn-outline{color:#5cb85c}.btn-info.btn-outline{color:#5bc0de}.btn-warning.btn-outline{color:#f0ad4e}.btn-danger.btn-outline{color:#d9534f}.btn-danger.btn-outline:hover,.btn-info.btn-outline:hover,.btn-primary.btn-outline:hover,.btn-success.btn-outline:hover,.btn-warning.btn-outline:hover{color:#fff}.slideout-menu{position:fixed;top:0;right:-250px;width:250px;height:100%;background:#333;z-index:100;margin-top:100px;color:#fff;padding:10px}.slideout-menu h3{position:relative;padding:5px;color:#fff;font-size:1.2em;font-weight:400;border-bottom:4px solid #222}.slideout-menu .slideout-menu-toggle{position:absolute;top:12px;right:10px;display:inline-block;padding:6px 9px 5px;font-family:Arial,sans-serif;font-weight:700;line-height:1;background:#222;color:#999;text-decoration:none;vertical-align:top}.slideout-menu .slideout-menu-toggle:hover{color:#fff}.slideout-menu ul{list-style:none;font-weight:300;border-top:1px solid #151515;border-bottom:1px solid #454545}.slideout-menu ul li{border-top:1px solid #454545;border-bottom:1px solid #151515}.slideout-menu ul li a{position:relative;display:block;padding:10px;color:#999;text-decoration:none}.slideout-menu ul li a:hover{background:#000;color:#fff}.slideout-menu ul li a i{position:absolute;top:15px;right:10px;opacity:.5}.btn-box-tool-lg{font-size:16px;color:orange}.bs-wizard{margin-top:20px;border-bottom:1px solid #e0e0e0;padding:0 0 10px}.bs-wizard>.bs-wizard-step{padding:0;position:relative}.bs-wizard>.bs-wizard-step .bs-wizard-stepnum{color:#595959;font-size:16px;margin-bottom:5px}.bs-wizard>.bs-wizard-step .bs-wizard-info{color:#999;font-size:14px}.bs-wizard>.bs-wizard-step>.bs-wizard-dot{position:absolute;width:30px;height:30px;display:block;background:#fbe8aa;top:45px;left:50%;margin-top:-15px;margin-left:-15px;border-radius:50%}.bs-wizard>.bs-wizard-step>.bs-wizard-dot:after{content:" ";width:14px;height:14px;background:#fbbd19;border-radius:50px;position:absolute;top:8px;left:8px}.bs-wizard>.bs-wizard-step>.progress{position:relative;border-radius:0;height:8px;-webkit-box-shadow:none;box-shadow:none;margin:20px 0}.bs-wizard>.bs-wizard-step>.progress>.progress-bar{width:0;-webkit-box-shadow:none;box-shadow:none;background:#fbe8aa}.bs-wizard>.bs-wizard-step.complete>.progress>.progress-bar{width:100%}.bs-wizard>.bs-wizard-step.active>.progress>.progress-bar{width:50%}.bs-wizard>.bs-wizard-step:first-child.active>.progress>.progress-bar{width:0}.bs-wizard>.bs-wizard-step:last-child.active>.progress>.progress-bar{width:100%}.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot{background-color:#f5f5f5}.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot:after{opacity:0}.bs-wizard>.bs-wizard-step:first-child>.progress{left:50%;width:50%}.bs-wizard>.bs-wizard-step:last-child>.progress{width:50%}.bs-wizard>.bs-wizard-step.disabled a.bs-wizard-dot{pointer-events:none}.left-navblock{display:inline-block;float:left;text-align:left;color:#fff;padding:0}.skin-red .skin-purple .skin-blue .skin-black .skin-orange .skin-yellow .skin-green .skin-red-dark .skin-purple-dark .skin-blue-dark .skin-black-dark .skin-orange-dark .skin-yellow-dark .skin-green-dark .skin-contrast .main-header .navbar .dropdown-menu li a{color:#333}a.logo.no-hover a:hover{background-color:transparent}.required{border-right:6px solid orange}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:13px}.sidebar-menu{font-size:14px;white-space:normal}@media print{a[href]:after{content:none}.tab-content>.tab-pane{display:block!important;opacity:1!important;visibility:visible!important}}.navbar-brand>img,img.navbar-brand-img{float:left;padding:5px 5px 5px 0;max-height:50px}.input-daterange{border-radius:0}.btn.bg-maroon,.btn.bg-purple{min-width:90px}[hidden]{display:none!important}#toolbar{margin-top:10px}#uploadPreview{border:1px solid grey}.icon-med{font-size:20px;color:#889195}#login-logo{padding-top:20px;padding-bottom:10px;max-width:200px}a.skip-main{left:-999px;position:absolute;top:auto;width:1px;height:1px;overflow:hidden;z-index:-999}a.skip-main:active,a.skip-main:focus{color:#fff;background-color:#000;left:auto;top:auto;width:30%;height:auto;overflow:auto;margin:10px 35%;padding:5px;border-radius:15px;border:4px solid #ff0;text-align:center;font-size:1.2em;z-index:999} \ No newline at end of file diff --git a/public/css/overrides.css b/public/css/overrides.css index 0ed23e792..a8bf80d10 100644 --- a/public/css/overrides.css +++ b/public/css/overrides.css @@ -1 +1 @@ -.skin-red .skin-blue .skin-black .skin-orange .skin-yellow .skin-green .main-header .logo{background-color:inherit}.main-header .logo{width:100%!important;white-space:nowrap;text-align:left;display:block;clear:both}.huge{font-size:40px}.btn-file{position:relative;overflow:hidden}.dropdown-menu>li>a{color:#354044}#sort tr.cansort{border-radius:2px;padding:10px;background:#f4f4f4;margin-bottom:3px;border-left:2px solid #e6e7e8;color:#444;cursor:move}.user-image-inline{float:left;width:25px;height:25px;border-radius:50%;margin-right:10px}.input-group .input-group-addon{background-color:#f4f4f4}a.accordion-header{color:#333}.dynamic-form-row{padding:10px;margin:20px}.handle{padding-left:10px}.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;filter:alpha(opacity=0);opacity:0;outline:none;background:#fff;cursor:inherit;display:block}.main-footer{font-size:13px}.main-header{max-height:150px}.navbar-nav>.user-menu>.dropdown-menu{width:inherit}.main-header .logo{padding:0 5px 0 15px}.sidebar-toggle{margin-left:-48px;z-index:100;background-color:inherit}.sidebar-toggle-mobile{z-index:100;width:50px;padding-top:10px}.main-header .sidebar-toggle:before{content:"\F0C9"}.direct-chat-contacts{padding:10px;height:150px}.select2-container{width:100%}.error input{color:#dd4b39;border:2px solid #dd4b39!important}.alert-msg,.error label{color:#dd4b39;display:block}.input-group[class*=col-]{padding-right:15px;padding-left:15px}.control-label.multiline{padding-top:10px}.btn-outline{color:inherit;background-color:transparent;-webkit-transition:all .5s;transition:all .5s}.btn-primary.btn-outline{color:#428bca}.btn-success.btn-outline{color:#5cb85c}.btn-info.btn-outline{color:#5bc0de}.btn-warning.btn-outline{color:#f0ad4e}.btn-danger.btn-outline{color:#d9534f}.btn-danger.btn-outline:hover,.btn-info.btn-outline:hover,.btn-primary.btn-outline:hover,.btn-success.btn-outline:hover,.btn-warning.btn-outline:hover{color:#fff}.slideout-menu{position:fixed;top:0;right:-250px;width:250px;height:100%;background:#333;z-index:100;margin-top:100px;color:#fff;padding:10px}.slideout-menu h3{position:relative;padding:5px;color:#fff;font-size:1.2em;font-weight:400;border-bottom:4px solid #222}.slideout-menu .slideout-menu-toggle{position:absolute;top:12px;right:10px;display:inline-block;padding:6px 9px 5px;font-family:Arial,sans-serif;font-weight:700;line-height:1;background:#222;color:#999;text-decoration:none;vertical-align:top}.slideout-menu .slideout-menu-toggle:hover{color:#fff}.slideout-menu ul{list-style:none;font-weight:300;border-top:1px solid #151515;border-bottom:1px solid #454545}.slideout-menu ul li{border-top:1px solid #454545;border-bottom:1px solid #151515}.slideout-menu ul li a{position:relative;display:block;padding:10px;color:#999;text-decoration:none}.slideout-menu ul li a:hover{background:#000;color:#fff}.slideout-menu ul li a i{position:absolute;top:15px;right:10px;opacity:.5}.btn-box-tool-lg{font-size:16px;color:orange}.bs-wizard{margin-top:20px;border-bottom:1px solid #e0e0e0;padding:0 0 10px}.bs-wizard>.bs-wizard-step{padding:0;position:relative}.bs-wizard>.bs-wizard-step .bs-wizard-stepnum{color:#595959;font-size:16px;margin-bottom:5px}.bs-wizard>.bs-wizard-step .bs-wizard-info{color:#999;font-size:14px}.bs-wizard>.bs-wizard-step>.bs-wizard-dot{position:absolute;width:30px;height:30px;display:block;background:#fbe8aa;top:45px;left:50%;margin-top:-15px;margin-left:-15px;border-radius:50%}.bs-wizard>.bs-wizard-step>.bs-wizard-dot:after{content:" ";width:14px;height:14px;background:#fbbd19;border-radius:50px;position:absolute;top:8px;left:8px}.bs-wizard>.bs-wizard-step>.progress{position:relative;border-radius:0;height:8px;-webkit-box-shadow:none;box-shadow:none;margin:20px 0}.bs-wizard>.bs-wizard-step>.progress>.progress-bar{width:0;-webkit-box-shadow:none;box-shadow:none;background:#fbe8aa}.bs-wizard>.bs-wizard-step.complete>.progress>.progress-bar{width:100%}.bs-wizard>.bs-wizard-step.active>.progress>.progress-bar{width:50%}.bs-wizard>.bs-wizard-step:first-child.active>.progress>.progress-bar{width:0}.bs-wizard>.bs-wizard-step:last-child.active>.progress>.progress-bar{width:100%}.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot{background-color:#f5f5f5}.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot:after{opacity:0}.bs-wizard>.bs-wizard-step:first-child>.progress{left:50%;width:50%}.bs-wizard>.bs-wizard-step:last-child>.progress{width:50%}.bs-wizard>.bs-wizard-step.disabled a.bs-wizard-dot{pointer-events:none}.left-navblock{display:inline-block;float:left;text-align:left;color:#fff;padding:0}.skin-red .red .skin-blue .main-header .navbar .dropdown-menu li a{color:#333}a.logo.no-hover a:hover{background-color:transparent}.required{border-right:6px solid orange}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:13px}.sidebar-menu{font-size:14px;white-space:normal}@media print{a[href]:after{content:none}.tab-content>.tab-pane{display:block!important;opacity:1!important;visibility:visible!important}}.navbar-brand>img,img.navbar-brand-img{float:left;padding:5px 5px 5px 0;max-height:50px}.input-daterange{border-radius:0}.btn.bg-maroon,.btn.bg-purple{min-width:90px}[hidden]{display:none!important}#toolbar{margin-top:10px}#uploadPreview{border:1px solid grey}.icon-med{font-size:20px;color:#889195}#login-logo{padding-top:20px;padding-bottom:10px;max-width:200px}a.skip-main{left:-999px;position:absolute;top:auto;width:1px;height:1px;overflow:hidden;z-index:-999}a.skip-main:active,a.skip-main:focus{color:#fff;background-color:#000;left:auto;top:auto;width:30%;height:auto;overflow:auto;margin:10px 35%;padding:5px;border-radius:15px;border:4px solid #ff0;text-align:center;font-size:1.2em;z-index:999} \ No newline at end of file +.skin-red .skin-purple .skin-blue .skin-black .skin-orange .skin-yellow .skin-green .skin-red-dark .skin-purple-dark .skin-blue-dark .skin-black-dark .skin-orange-dark .skin-yellow-dark .skin-green-dark .skin-contrast .main-header .logo{background-color:inherit}.main-header .logo{width:100%!important;white-space:nowrap;text-align:left;display:block;clear:both}.huge{font-size:40px}.btn-file{position:relative;overflow:hidden}.dropdown-menu>li>a{color:#354044}#sort tr.cansort{border-radius:2px;padding:10px;background:#f4f4f4;margin-bottom:3px;border-left:2px solid #e6e7e8;color:#444;cursor:move}.user-image-inline{float:left;width:25px;height:25px;border-radius:50%;margin-right:10px}.input-group .input-group-addon{background-color:#f4f4f4}a.accordion-header{color:#333}.dynamic-form-row{padding:10px;margin:20px}.handle{padding-left:10px}.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;filter:alpha(opacity=0);opacity:0;outline:none;background:#fff;cursor:inherit;display:block}.main-footer{font-size:13px}.main-header{max-height:150px}.navbar-nav>.user-menu>.dropdown-menu{width:inherit}.main-header .logo{padding:0 5px 0 15px}.sidebar-toggle{margin-left:-48px;z-index:100;background-color:inherit}.sidebar-toggle-mobile{z-index:100;width:50px;padding-top:10px}.main-header .sidebar-toggle:before{content:"\F0C9"}.direct-chat-contacts{padding:10px;height:150px}.select2-container{width:100%}.error input{color:#dd4b39;border:2px solid #dd4b39!important}.alert-msg,.error label{color:#dd4b39;display:block}.input-group[class*=col-]{padding-right:15px;padding-left:15px}.control-label.multiline{padding-top:10px}.btn-outline{color:inherit;background-color:transparent;-webkit-transition:all .5s;transition:all .5s}.btn-primary.btn-outline{color:#428bca}.btn-success.btn-outline{color:#5cb85c}.btn-info.btn-outline{color:#5bc0de}.btn-warning.btn-outline{color:#f0ad4e}.btn-danger.btn-outline{color:#d9534f}.btn-danger.btn-outline:hover,.btn-info.btn-outline:hover,.btn-primary.btn-outline:hover,.btn-success.btn-outline:hover,.btn-warning.btn-outline:hover{color:#fff}.slideout-menu{position:fixed;top:0;right:-250px;width:250px;height:100%;background:#333;z-index:100;margin-top:100px;color:#fff;padding:10px}.slideout-menu h3{position:relative;padding:5px;color:#fff;font-size:1.2em;font-weight:400;border-bottom:4px solid #222}.slideout-menu .slideout-menu-toggle{position:absolute;top:12px;right:10px;display:inline-block;padding:6px 9px 5px;font-family:Arial,sans-serif;font-weight:700;line-height:1;background:#222;color:#999;text-decoration:none;vertical-align:top}.slideout-menu .slideout-menu-toggle:hover{color:#fff}.slideout-menu ul{list-style:none;font-weight:300;border-top:1px solid #151515;border-bottom:1px solid #454545}.slideout-menu ul li{border-top:1px solid #454545;border-bottom:1px solid #151515}.slideout-menu ul li a{position:relative;display:block;padding:10px;color:#999;text-decoration:none}.slideout-menu ul li a:hover{background:#000;color:#fff}.slideout-menu ul li a i{position:absolute;top:15px;right:10px;opacity:.5}.btn-box-tool-lg{font-size:16px;color:orange}.bs-wizard{margin-top:20px;border-bottom:1px solid #e0e0e0;padding:0 0 10px}.bs-wizard>.bs-wizard-step{padding:0;position:relative}.bs-wizard>.bs-wizard-step .bs-wizard-stepnum{color:#595959;font-size:16px;margin-bottom:5px}.bs-wizard>.bs-wizard-step .bs-wizard-info{color:#999;font-size:14px}.bs-wizard>.bs-wizard-step>.bs-wizard-dot{position:absolute;width:30px;height:30px;display:block;background:#fbe8aa;top:45px;left:50%;margin-top:-15px;margin-left:-15px;border-radius:50%}.bs-wizard>.bs-wizard-step>.bs-wizard-dot:after{content:" ";width:14px;height:14px;background:#fbbd19;border-radius:50px;position:absolute;top:8px;left:8px}.bs-wizard>.bs-wizard-step>.progress{position:relative;border-radius:0;height:8px;-webkit-box-shadow:none;box-shadow:none;margin:20px 0}.bs-wizard>.bs-wizard-step>.progress>.progress-bar{width:0;-webkit-box-shadow:none;box-shadow:none;background:#fbe8aa}.bs-wizard>.bs-wizard-step.complete>.progress>.progress-bar{width:100%}.bs-wizard>.bs-wizard-step.active>.progress>.progress-bar{width:50%}.bs-wizard>.bs-wizard-step:first-child.active>.progress>.progress-bar{width:0}.bs-wizard>.bs-wizard-step:last-child.active>.progress>.progress-bar{width:100%}.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot{background-color:#f5f5f5}.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot:after{opacity:0}.bs-wizard>.bs-wizard-step:first-child>.progress{left:50%;width:50%}.bs-wizard>.bs-wizard-step:last-child>.progress{width:50%}.bs-wizard>.bs-wizard-step.disabled a.bs-wizard-dot{pointer-events:none}.left-navblock{display:inline-block;float:left;text-align:left;color:#fff;padding:0}.skin-red .skin-purple .skin-blue .skin-black .skin-orange .skin-yellow .skin-green .skin-red-dark .skin-purple-dark .skin-blue-dark .skin-black-dark .skin-orange-dark .skin-yellow-dark .skin-green-dark .skin-contrast .main-header .navbar .dropdown-menu li a{color:#333}a.logo.no-hover a:hover{background-color:transparent}.required{border-right:6px solid orange}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:13px}.sidebar-menu{font-size:14px;white-space:normal}@media print{a[href]:after{content:none}.tab-content>.tab-pane{display:block!important;opacity:1!important;visibility:visible!important}}.navbar-brand>img,img.navbar-brand-img{float:left;padding:5px 5px 5px 0;max-height:50px}.input-daterange{border-radius:0}.btn.bg-maroon,.btn.bg-purple{min-width:90px}[hidden]{display:none!important}#toolbar{margin-top:10px}#uploadPreview{border:1px solid grey}.icon-med{font-size:20px;color:#889195}#login-logo{padding-top:20px;padding-bottom:10px;max-width:200px}a.skip-main{left:-999px;position:absolute;top:auto;width:1px;height:1px;overflow:hidden;z-index:-999}a.skip-main:active,a.skip-main:focus{color:#fff;background-color:#000;left:auto;top:auto;width:30%;height:auto;overflow:auto;margin:10px 35%;padding:5px;border-radius:15px;border:4px solid #ff0;text-align:center;font-size:1.2em;z-index:999} \ No newline at end of file diff --git a/public/css/skins/skin-black-dark.css b/public/css/skins/skin-black-dark.css new file mode 100644 index 000000000..271118e1a --- /dev/null +++ b/public/css/skins/skin-black-dark.css @@ -0,0 +1 @@ +.skin-black-dark .main-header .navbar{background-color:#111}.skin-black-dark .main-header .navbar .nav>li>a{color:#fff}.skin-black-dark .main-header .navbar .nav .open>a,.skin-black-dark .main-header .navbar .nav .open>a:focus,.skin-black-dark .main-header .navbar .nav .open>a:hover,.skin-black-dark .main-header .navbar .nav>.active>a,.skin-black-dark .main-header .navbar .nav>li>a:active,.skin-black-dark .main-header .navbar .nav>li>a:focus,.skin-black-dark .main-header .navbar .nav>li>a:hover,.skin-black-dark .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-black-dark .main-header .navbar .sidebar-toggle{color:#fff}.skin-black-dark .main-header .navbar .sidebar-toggle:hover{background-color:#040404}@media (max-width:767px){.skin-black-dark .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-black-dark .main-header .navbar .dropdown-menu li a{color:#fff}.skin-black-dark .main-header .navbar .dropdown-menu li a:hover{background:#040404}}.skin-black-dark .main-header li.user-header{background-color:#111}.skin-black-dark .content-header{background:transparent}.skin-black-dark .left-side,.skin-black-dark .main-sidebar,.skin-black-dark .wrapper{background-color:#222d32}.skin-black-dark .user-panel>.info,.skin-black-dark .user-panel>.info>a{color:#fff}.skin-black-dark .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-black-dark .sidebar-menu>li>a{border-left:3px solid transparent}.skin-black-dark .sidebar-menu>li.active>a,.skin-black-dark .sidebar-menu>li:hover>a{color:#fff;background:#1e282c;border-left-color:#111}.skin-black-dark .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-black-dark .sidebar a{color:#b8c7ce}.skin-black-dark .sidebar a:hover{text-decoration:none}.skin-black-dark .treeview-menu>li>a{color:#8aa4af}.skin-black-dark .treeview-menu>li.active>a,.skin-black-dark .treeview-menu>li>a:hover{color:#fff}.skin-black-dark .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px}.skin-black-dark .sidebar-form .btn,.skin-black-dark .sidebar-form input[type=text]{-webkit-box-shadow:none;box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-black-dark .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-black-dark .sidebar-form input[type=text]:focus,.skin-black-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-black-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-black-dark .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-black-dark.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn.btn-primary,.btn .btn-primary:link,.btn:hover.btn-primary,.btn:hover .btn-primary:link,.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#000;border-color:#000;color:#fff}.btn.btn-white:hover,.btn.btn-white:link,.btn:hover.btn-white:hover,.btn:hover.btn-white:link{background-color:#000;color:#fff}a{color:#111}a:hover{color:#000}a:visited{color:#111}.text-primary{color:#000}:root{--background:#222;--back-main:#333;--back-sub:#444;--header:#111;--text-main:#fff;--text-sub:#bbb;--link:#2b2b2b;--nav-link:#fff;--light-link:#5e5e5e}.main-header .logo,.main-header .navbar{background-color:var(--header);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,var(--header)),to(var(--header)));background:linear-gradient(180deg,var(--header) 0,var(--header));border-color:var(--header)}.navbar-nav>li>a:link{color:var(--nav-link)}.modal-content{background-color:var(--back-main);color:var(--text-main)}.btn-primary.hover,a,a:link,a:visited{color:var(--header)}#accessoriesTable>tbody>tr>td>nobr>a>i.fa,#assetsListingTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}#assetsListingTable>tbody>tr.selected>td{background-color:var(--back-main)}body{color:var(--text-main)}.box,.box.box-default{border-top:3px solid var(--header);border-top-color:var(--header)}.box-body,.box-footer,.box-header{background-color:var(--back-sub);color:var(--text-main)}.btn-default{background-color:var(--back-main);color:var(--header)}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover{background-color:var(--back-sub);color:var(--header)}.btn-primary,.btn-primary.hover,.btn-primary:active,.text-blue{color:var(--text-main)!important}.btn-primary:hover{background-color:var(--back-main);color:var(--header)!important}#componentsTable>tbody>tr>td>nobr>a>i.fa,#consumablesTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}.content-wrapper{background-color:var(--background)}#create-form>div>div>div>span>i.fa{background-color:var(--back-sub);color:var(--header)}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker table tr td.day.focused,.datepicker table tr td.day:hover,.datepicker tfoot tr th:hover{background-color:var(--header)}.datepicker.dropdown-menu{background-color:var(--back-main);color:var(--text-main)}#details>div>div>div>table{background-color:transparent}.dropdown-menu,.dropdown-menu>li>a{background-color:var(--back-sub);color:var(--header)}.dropdown-menu>li>a:hover,.form-control{background-color:var(--back-main);color:var(--text-main)}h1,h2,h3,h4,h5,h6,p{color:var(--text-main)}.help-block{color:var(--text-sub)}input[type=search],input[type=text]{background-color:var(--back-sub);color:var(--text-main)}.input-group,.input-group-addon{background-color:var(--back-sub)!important;color:var(--text-main)}#licensesTable>tbody>tr>td>nobr>a>i.fa,.main-footer{color:var(--text-main)}.main-footer{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a,.nav-tabs-custom>.nav-tabs>li>a{color:var(--text-main)}.nav-tabs-custom>.nav-tabs>li.active{border-top-color:var(--header)}.nav-tabs-custom>.nav-tabs>li.active>a{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a:hover{background-color:var(--back-sub);color:var(--text-main)}.nav-tabs-custom,.nav-tabs-custom>.tab-content{background-color:var(--back-main)}.navbar-nav>.tasks-menu>.dropdown-menu>li.header{background-color:var(--back-main);color:var(--header)}.open>.dropdown-toggle.btn-default{background-color:var(--back-sub);color:var(--header)}.panel{background-color:var(--back-sub);color:var(--text-main)}.panel-default>.panel-heading{background-color:var(--back-main);color:var(--header)}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{background-color:var(--back-sub);color:var(--header)}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:var(--header);color:var(--back-main)}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text-main)}.select2-selection--single{background-color:var(--back-sub)!important;color:var(--text-main)!important}.select2-dropdown{background-color:var(--back-main);color:var(--text-main)}.skin-blue-dark .main-header .navbar .dropdown-menu li a{color:var(--header)}.sidebar-toggle:hover,.skin-blue-dark .sidebar-menu>li.active>a,.skin-blue .sidebar-menu>li:hover>a{background-color:var(--header)!important}.tab-content,.tab-pane{background-color:var(--back-main);color:var(--text-main)}.table-striped>tbody>tr:nth-of-type(odd){background-color:var(--back-sub)}#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa{color:var(--text-main)}a,a:link{color:var(--link)}a:hover{color:var(--light-link)}a:visited{color:var(--link)} \ No newline at end of file diff --git a/public/css/skins/skin-blue-dark.css b/public/css/skins/skin-blue-dark.css new file mode 100644 index 000000000..2a364256c --- /dev/null +++ b/public/css/skins/skin-blue-dark.css @@ -0,0 +1 @@ +.skin-blue-dark .main-header .navbar{background-color:#605ca8}.skin-blue-dark .main-header .navbar .nav>li>a{color:#fff}.skin-blue-dark .main-header .navbar .nav .open>a,.skin-blue-dark .main-header .navbar .nav .open>a:focus,.skin-blue-dark .main-header .navbar .nav .open>a:hover,.skin-blue-dark .main-header .navbar .nav>.active>a,.skin-blue-dark .main-header .navbar .nav>li>a:active,.skin-blue-dark .main-header .navbar .nav>li>a:focus,.skin-blue-dark .main-header .navbar .nav>li>a:hover,.skin-blue-dark .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-blue-dark .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue-dark .main-header .navbar .sidebar-toggle:hover{background-color:#555299}@media (max-width:767px){.skin-blue-dark .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-blue-dark .main-header .navbar .dropdown-menu li a{color:#fff}.skin-blue-dark .main-header .navbar .dropdown-menu li a:hover{background:#555299}}.skin-blue-dark .main-header li.user-header{background-color:#605ca8}.skin-blue-dark .content-header{background:transparent}.skin-blue-dark .left-side,.skin-blue-dark .main-sidebar,.skin-blue-dark .wrapper{background-color:#222d32}.skin-blue-dark .user-panel>.info,.skin-blue-dark .user-panel>.info>a{color:#fff}.skin-blue-dark .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-blue-dark .sidebar-menu>li>a{border-left:3px solid transparent}.skin-blue-dark .sidebar-menu>li.active>a,.skin-blue-dark .sidebar-menu>li:hover>a{color:#fff;background:#1e282c;border-left-color:#605ca8}.skin-blue-dark .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-blue-dark .sidebar a{color:#b8c7ce}.skin-blue-dark .sidebar a:hover{text-decoration:none}.skin-blue-dark .treeview-menu>li>a{color:#8aa4af}.skin-blue-dark .treeview-menu>li.active>a,.skin-blue-dark .treeview-menu>li>a:hover{color:#fff}.skin-blue-dark .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px}.skin-blue-dark .sidebar-form .btn,.skin-blue-dark .sidebar-form input[type=text]{-webkit-box-shadow:none;box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-blue-dark .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-blue-dark .sidebar-form input[type=text]:focus,.skin-blue-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-blue-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-blue-dark .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-blue-dark.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn.btn-primary,.btn .btn-primary:link,.btn:hover.btn-primary,.btn:hover .btn-primary:link{background-color:#4c4988;border-color:#3a3767;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#3a3767;border-color:#3a3767;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#4c4988;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#272546;color:#fff}a{color:#605ca8}a:hover{color:#3a3767}a:visited{color:#605ca8}.text-primary{color:#3a3767}:root{--background:#222;--back-main:#333;--back-sub:#444;--header:#605ca8;--text-main:#fff;--text-sub:#bbb;--link:#807dba;--nav-link:#fff;--light-link:#c1c0dd}.main-header .logo,.main-header .navbar{background-color:var(--header);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,var(--header)),to(var(--header)));background:linear-gradient(180deg,var(--header) 0,var(--header));border-color:var(--header)}.navbar-nav>li>a:link{color:var(--nav-link)}.modal-content{background-color:var(--back-main);color:var(--text-main)}.btn-primary.hover,a,a:link,a:visited{color:var(--header)}#accessoriesTable>tbody>tr>td>nobr>a>i.fa,#assetsListingTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}#assetsListingTable>tbody>tr.selected>td{background-color:var(--back-main)}body{color:var(--text-main)}.box,.box.box-default{border-top:3px solid var(--header);border-top-color:var(--header)}.box-body,.box-footer,.box-header{background-color:var(--back-sub);color:var(--text-main)}.btn-default{background-color:var(--back-main);color:var(--header)}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover{background-color:var(--back-sub);color:var(--header)}.btn-primary,.btn-primary.hover,.btn-primary:active,.text-blue{color:var(--text-main)!important}.btn-primary:hover{background-color:var(--back-main);color:var(--header)!important}#componentsTable>tbody>tr>td>nobr>a>i.fa,#consumablesTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}.content-wrapper{background-color:var(--background)}#create-form>div>div>div>span>i.fa{background-color:var(--back-sub);color:var(--header)}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker table tr td.day.focused,.datepicker table tr td.day:hover,.datepicker tfoot tr th:hover{background-color:var(--header)}.datepicker.dropdown-menu{background-color:var(--back-main);color:var(--text-main)}#details>div>div>div>table{background-color:transparent}.dropdown-menu,.dropdown-menu>li>a{background-color:var(--back-sub);color:var(--header)}.dropdown-menu>li>a:hover,.form-control{background-color:var(--back-main);color:var(--text-main)}h1,h2,h3,h4,h5,h6,p{color:var(--text-main)}.help-block{color:var(--text-sub)}input[type=search],input[type=text]{background-color:var(--back-sub);color:var(--text-main)}.input-group,.input-group-addon{background-color:var(--back-sub)!important;color:var(--text-main)}#licensesTable>tbody>tr>td>nobr>a>i.fa,.main-footer{color:var(--text-main)}.main-footer{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a,.nav-tabs-custom>.nav-tabs>li>a{color:var(--text-main)}.nav-tabs-custom>.nav-tabs>li.active{border-top-color:var(--header)}.nav-tabs-custom>.nav-tabs>li.active>a{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a:hover{background-color:var(--back-sub);color:var(--text-main)}.nav-tabs-custom,.nav-tabs-custom>.tab-content{background-color:var(--back-main)}.navbar-nav>.tasks-menu>.dropdown-menu>li.header{background-color:var(--back-main);color:var(--header)}.open>.dropdown-toggle.btn-default{background-color:var(--back-sub);color:var(--header)}.panel{background-color:var(--back-sub);color:var(--text-main)}.panel-default>.panel-heading{background-color:var(--back-main);color:var(--header)}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{background-color:var(--back-sub);color:var(--header)}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:var(--header);color:var(--back-main)}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text-main)}.select2-selection--single{background-color:var(--back-sub)!important;color:var(--text-main)!important}.select2-dropdown{background-color:var(--back-main);color:var(--text-main)}.skin-blue-dark .main-header .navbar .dropdown-menu li a{color:var(--header)}.sidebar-toggle:hover,.skin-blue-dark .sidebar-menu>li.active>a,.skin-blue .sidebar-menu>li:hover>a{background-color:var(--header)!important}.tab-content,.tab-pane{background-color:var(--back-main);color:var(--text-main)}.table-striped>tbody>tr:nth-of-type(odd){background-color:var(--back-sub)}#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa{color:var(--text-main)}a,a:link{color:var(--link)}a:hover{color:var(--light-link)}a:visited{color:var(--link)} \ No newline at end of file diff --git a/public/css/skins/skin-green-dark.css b/public/css/skins/skin-green-dark.css new file mode 100644 index 000000000..7653c73f2 --- /dev/null +++ b/public/css/skins/skin-green-dark.css @@ -0,0 +1 @@ +.skin-green-dark .main-header .navbar{background-color:#00a65a}.skin-green-dark .main-header .navbar .nav>li>a{color:#fff}.skin-green-dark .main-header .navbar .nav .open>a,.skin-green-dark .main-header .navbar .nav .open>a:focus,.skin-green-dark .main-header .navbar .nav .open>a:hover,.skin-green-dark .main-header .navbar .nav>.active>a,.skin-green-dark .main-header .navbar .nav>li>a:active,.skin-green-dark .main-header .navbar .nav>li>a:focus,.skin-green-dark .main-header .navbar .nav>li>a:hover,.skin-green-dark .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-green-dark .main-header .navbar .sidebar-toggle{color:#fff}.skin-green-dark .main-header .navbar .sidebar-toggle:hover{background-color:#008d4c}@media (max-width:767px){.skin-green-dark .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-green-dark .main-header .navbar .dropdown-menu li a{color:#fff}.skin-green-dark .main-header .navbar .dropdown-menu li a:hover{background:#008d4c}}.skin-green-dark .main-header li.user-header{background-color:#00a65a}.skin-green-dark .content-header{background:transparent}.skin-green-dark .left-side,.skin-green-dark .main-sidebar,.skin-green-dark .wrapper{background-color:#222d32}.skin-green-dark .user-panel>.info,.skin-green-dark .user-panel>.info>a{color:#fff}.skin-green-dark .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-green-dark .sidebar-menu>li>a{border-left:3px solid transparent}.skin-green-dark .sidebar-menu>li.active>a,.skin-green-dark .sidebar-menu>li:hover>a{color:#fff;background:#1e282c;border-left-color:#00a65a}.skin-green-dark .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-green-dark .sidebar a{color:#b8c7ce}.skin-green-dark .sidebar a:hover{text-decoration:none}.skin-green-dark .treeview-menu>li>a{color:#8aa4af}.skin-green-dark .treeview-menu>li.active>a,.skin-green-dark .treeview-menu>li>a:hover{color:#fff}.skin-green-dark .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px}.skin-green-dark .sidebar-form .btn,.skin-green-dark .sidebar-form input[type=text]{-webkit-box-shadow:none;box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-green-dark .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-green-dark .sidebar-form input[type=text]:focus,.skin-green-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-green-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-green-dark .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-green-dark.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn.btn-primary,.btn .btn-primary:link,.btn:hover.btn-primary,.btn:hover .btn-primary:link{background-color:#00733e;border-color:#004023;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#004023;border-color:#004023;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#00733e;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#000d07;color:#fff}a{color:#00a65a}a:hover{color:#004023}a:visited{color:#00a65a}.text-primary{color:#004023}:root{--background:#222;--back-main:#333;--back-sub:#444;--header:#00a65a;--text-main:#fff;--text-sub:#bbb;--link:#00d976;--nav-link:#fff;--light-link:#40ffa8}.main-header .logo,.main-header .navbar{background-color:var(--header);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,var(--header)),to(var(--header)));background:linear-gradient(180deg,var(--header) 0,var(--header));border-color:var(--header)}.navbar-nav>li>a:link{color:var(--nav-link)}.modal-content{background-color:var(--back-main);color:var(--text-main)}.btn-primary.hover,a,a:link,a:visited{color:var(--header)}#accessoriesTable>tbody>tr>td>nobr>a>i.fa,#assetsListingTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}#assetsListingTable>tbody>tr.selected>td{background-color:var(--back-main)}body{color:var(--text-main)}.box,.box.box-default{border-top:3px solid var(--header);border-top-color:var(--header)}.box-body,.box-footer,.box-header{background-color:var(--back-sub);color:var(--text-main)}.btn-default{background-color:var(--back-main);color:var(--header)}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover{background-color:var(--back-sub);color:var(--header)}.btn-primary,.btn-primary.hover,.btn-primary:active,.text-blue{color:var(--text-main)!important}.btn-primary:hover{background-color:var(--back-main);color:var(--header)!important}#componentsTable>tbody>tr>td>nobr>a>i.fa,#consumablesTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}.content-wrapper{background-color:var(--background)}#create-form>div>div>div>span>i.fa{background-color:var(--back-sub);color:var(--header)}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker table tr td.day.focused,.datepicker table tr td.day:hover,.datepicker tfoot tr th:hover{background-color:var(--header)}.datepicker.dropdown-menu{background-color:var(--back-main);color:var(--text-main)}#details>div>div>div>table{background-color:transparent}.dropdown-menu,.dropdown-menu>li>a{background-color:var(--back-sub);color:var(--header)}.dropdown-menu>li>a:hover,.form-control{background-color:var(--back-main);color:var(--text-main)}h1,h2,h3,h4,h5,h6,p{color:var(--text-main)}.help-block{color:var(--text-sub)}input[type=search],input[type=text]{background-color:var(--back-sub);color:var(--text-main)}.input-group,.input-group-addon{background-color:var(--back-sub)!important;color:var(--text-main)}#licensesTable>tbody>tr>td>nobr>a>i.fa,.main-footer{color:var(--text-main)}.main-footer{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a,.nav-tabs-custom>.nav-tabs>li>a{color:var(--text-main)}.nav-tabs-custom>.nav-tabs>li.active{border-top-color:var(--header)}.nav-tabs-custom>.nav-tabs>li.active>a{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a:hover{background-color:var(--back-sub);color:var(--text-main)}.nav-tabs-custom,.nav-tabs-custom>.tab-content{background-color:var(--back-main)}.navbar-nav>.tasks-menu>.dropdown-menu>li.header{background-color:var(--back-main);color:var(--header)}.open>.dropdown-toggle.btn-default{background-color:var(--back-sub);color:var(--header)}.panel{background-color:var(--back-sub);color:var(--text-main)}.panel-default>.panel-heading{background-color:var(--back-main);color:var(--header)}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{background-color:var(--back-sub);color:var(--header)}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:var(--header);color:var(--back-main)}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text-main)}.select2-selection--single{background-color:var(--back-sub)!important;color:var(--text-main)!important}.select2-dropdown{background-color:var(--back-main);color:var(--text-main)}.skin-blue-dark .main-header .navbar .dropdown-menu li a{color:var(--header)}.sidebar-toggle:hover,.skin-blue-dark .sidebar-menu>li.active>a,.skin-blue .sidebar-menu>li:hover>a{background-color:var(--header)!important}.tab-content,.tab-pane{background-color:var(--back-main);color:var(--text-main)}.table-striped>tbody>tr:nth-of-type(odd){background-color:var(--back-sub)}#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa{color:var(--text-main)}a,a:link{color:var(--link)}a:hover{color:var(--light-link)}a:visited{color:var(--link)} \ No newline at end of file diff --git a/public/css/skins/skin-orange-dark.css b/public/css/skins/skin-orange-dark.css new file mode 100644 index 000000000..afc4349fe --- /dev/null +++ b/public/css/skins/skin-orange-dark.css @@ -0,0 +1 @@ +.skin-orange-dark .main-header .navbar{background-color:#ff8c00}.skin-orange-dark .main-header .navbar .nav>li>a{color:#fff}.skin-orange-dark .main-header .navbar .nav .open>a,.skin-orange-dark .main-header .navbar .nav .open>a:focus,.skin-orange-dark .main-header .navbar .nav .open>a:hover,.skin-orange-dark .main-header .navbar .nav>.active>a,.skin-orange-dark .main-header .navbar .nav>li>a:active,.skin-orange-dark .main-header .navbar .nav>li>a:focus,.skin-orange-dark .main-header .navbar .nav>li>a:hover,.skin-orange-dark .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-orange-dark .main-header .navbar .sidebar-toggle{color:#fff}.skin-orange-dark .main-header .navbar .sidebar-toggle:hover{background-color:#e67e00}@media (max-width:767px){.skin-orange-dark .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-orange-dark .main-header .navbar .dropdown-menu li a{color:#fff}.skin-orange-dark .main-header .navbar .dropdown-menu li a:hover{background:#e67e00}}.skin-orange-dark .main-header li.user-header{background-color:#ff8c00}.skin-orange-dark .content-header{background:transparent}.skin-orange-dark .left-side,.skin-orange-dark .main-sidebar,.skin-orange-dark .wrapper{background-color:#222d32}.skin-orange-dark .user-panel>.info,.skin-orange-dark .user-panel>.info>a{color:#fff}.skin-orange-dark .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-orange-dark .sidebar-menu>li>a{border-left:3px solid transparent}.skin-orange-dark .sidebar-menu>li.active>a,.skin-orange-dark .sidebar-menu>li:hover>a{color:#fff;background:#1e282c;border-left-color:#ff8c00}.skin-orange-dark .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-orange-dark .sidebar a{color:#b8c7ce}.skin-orange-dark .sidebar a:hover{text-decoration:none}.skin-orange-dark .treeview-menu>li>a{color:#8aa4af}.skin-orange-dark .treeview-menu>li.active>a,.skin-orange-dark .treeview-menu>li>a:hover{color:#fff}.skin-orange-dark .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px}.skin-orange-dark .sidebar-form .btn,.skin-orange-dark .sidebar-form input[type=text]{-webkit-box-shadow:none;box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-orange-dark .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-orange-dark .sidebar-form input[type=text]:focus,.skin-orange-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-orange-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-orange-dark .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-orange-dark.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn.btn-primary,.btn .btn-primary:link,.btn:hover.btn-primary,.btn:hover .btn-primary:link{background-color:#cc7000;border-color:#995400;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#995400;border-color:#995400;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#cc7000;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#663800;color:#fff}a{color:#ff8c00}a:hover{color:#995400}a:visited{color:#ff8c00}.text-primary{color:#995400}:root{--background:#222;--back-main:#333;--back-sub:#444;--header:#ff8c00;--text-main:#fff;--text-sub:#bbb;--link:#ffa333;--nav-link:#fff;--light-link:#ffd199}.main-header .logo,.main-header .navbar{background-color:var(--header);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,var(--header)),to(var(--header)));background:linear-gradient(180deg,var(--header) 0,var(--header));border-color:var(--header)}.navbar-nav>li>a:link{color:var(--nav-link)}.modal-content{background-color:var(--back-main);color:var(--text-main)}.btn-primary.hover,a,a:link,a:visited{color:var(--header)}#accessoriesTable>tbody>tr>td>nobr>a>i.fa,#assetsListingTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}#assetsListingTable>tbody>tr.selected>td{background-color:var(--back-main)}body{color:var(--text-main)}.box,.box.box-default{border-top:3px solid var(--header);border-top-color:var(--header)}.box-body,.box-footer,.box-header{background-color:var(--back-sub);color:var(--text-main)}.btn-default{background-color:var(--back-main);color:var(--header)}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover{background-color:var(--back-sub);color:var(--header)}.btn-primary,.btn-primary.hover,.btn-primary:active,.text-blue{color:var(--text-main)!important}.btn-primary:hover{background-color:var(--back-main);color:var(--header)!important}#componentsTable>tbody>tr>td>nobr>a>i.fa,#consumablesTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}.content-wrapper{background-color:var(--background)}#create-form>div>div>div>span>i.fa{background-color:var(--back-sub);color:var(--header)}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker table tr td.day.focused,.datepicker table tr td.day:hover,.datepicker tfoot tr th:hover{background-color:var(--header)}.datepicker.dropdown-menu{background-color:var(--back-main);color:var(--text-main)}#details>div>div>div>table{background-color:transparent}.dropdown-menu,.dropdown-menu>li>a{background-color:var(--back-sub);color:var(--header)}.dropdown-menu>li>a:hover,.form-control{background-color:var(--back-main);color:var(--text-main)}h1,h2,h3,h4,h5,h6,p{color:var(--text-main)}.help-block{color:var(--text-sub)}input[type=search],input[type=text]{background-color:var(--back-sub);color:var(--text-main)}.input-group,.input-group-addon{background-color:var(--back-sub)!important;color:var(--text-main)}#licensesTable>tbody>tr>td>nobr>a>i.fa,.main-footer{color:var(--text-main)}.main-footer{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a,.nav-tabs-custom>.nav-tabs>li>a{color:var(--text-main)}.nav-tabs-custom>.nav-tabs>li.active{border-top-color:var(--header)}.nav-tabs-custom>.nav-tabs>li.active>a{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a:hover{background-color:var(--back-sub);color:var(--text-main)}.nav-tabs-custom,.nav-tabs-custom>.tab-content{background-color:var(--back-main)}.navbar-nav>.tasks-menu>.dropdown-menu>li.header{background-color:var(--back-main);color:var(--header)}.open>.dropdown-toggle.btn-default{background-color:var(--back-sub);color:var(--header)}.panel{background-color:var(--back-sub);color:var(--text-main)}.panel-default>.panel-heading{background-color:var(--back-main);color:var(--header)}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{background-color:var(--back-sub);color:var(--header)}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:var(--header);color:var(--back-main)}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text-main)}.select2-selection--single{background-color:var(--back-sub)!important;color:var(--text-main)!important}.select2-dropdown{background-color:var(--back-main);color:var(--text-main)}.skin-blue-dark .main-header .navbar .dropdown-menu li a{color:var(--header)}.sidebar-toggle:hover,.skin-blue-dark .sidebar-menu>li.active>a,.skin-blue .sidebar-menu>li:hover>a{background-color:var(--header)!important}.tab-content,.tab-pane{background-color:var(--back-main);color:var(--text-main)}.table-striped>tbody>tr:nth-of-type(odd){background-color:var(--back-sub)}#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa{color:var(--text-main)}a,a:link{color:var(--link)}a:hover{color:var(--light-link)}a:visited{color:var(--link)} \ No newline at end of file diff --git a/public/css/skins/skin-purple-dark.css b/public/css/skins/skin-purple-dark.css new file mode 100644 index 000000000..0967d500e --- /dev/null +++ b/public/css/skins/skin-purple-dark.css @@ -0,0 +1 @@ +.skin-purple-dark .main-header .navbar{background-color:#605ca8}.skin-purple-dark .main-header .navbar .nav>li>a{color:#fff}.skin-purple-dark .main-header .navbar .nav .open>a,.skin-purple-dark .main-header .navbar .nav .open>a:focus,.skin-purple-dark .main-header .navbar .nav .open>a:hover,.skin-purple-dark .main-header .navbar .nav>.active>a,.skin-purple-dark .main-header .navbar .nav>li>a:active,.skin-purple-dark .main-header .navbar .nav>li>a:focus,.skin-purple-dark .main-header .navbar .nav>li>a:hover,.skin-purple-dark .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-purple-dark .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple-dark .main-header .navbar .sidebar-toggle:hover{background-color:#555299}@media (max-width:767px){.skin-purple-dark .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-purple-dark .main-header .navbar .dropdown-menu li a{color:#fff}.skin-purple-dark .main-header .navbar .dropdown-menu li a:hover{background:#555299}}.skin-purple-dark .main-header li.user-header{background-color:#605ca8}.skin-purple-dark .content-header{background:transparent}.skin-purple-dark .left-side,.skin-purple-dark .main-sidebar,.skin-purple-dark .wrapper{background-color:#222d32}.skin-purple-dark .user-panel>.info,.skin-purple-dark .user-panel>.info>a{color:#fff}.skin-purple-dark .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-purple-dark .sidebar-menu>li>a{border-left:3px solid transparent}.skin-purple-dark .sidebar-menu>li.active>a,.skin-purple-dark .sidebar-menu>li:hover>a{color:#fff;background:#1e282c;border-left-color:#605ca8}.skin-purple-dark .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-purple-dark .sidebar a{color:#b8c7ce}.skin-purple-dark .sidebar a:hover{text-decoration:none}.skin-purple-dark .treeview-menu>li>a{color:#8aa4af}.skin-purple-dark .treeview-menu>li.active>a,.skin-purple-dark .treeview-menu>li>a:hover{color:#fff}.skin-purple-dark .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px}.skin-purple-dark .sidebar-form .btn,.skin-purple-dark .sidebar-form input[type=text]{-webkit-box-shadow:none;box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-purple-dark .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-purple-dark .sidebar-form input[type=text]:focus,.skin-purple-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-purple-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-purple-dark .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-purple-dark.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn.btn-primary,.btn .btn-primary:link,.btn:hover.btn-primary,.btn:hover .btn-primary:link{background-color:#4c4988;border-color:#3a3767;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#3a3767;border-color:#3a3767;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#4c4988;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#272546;color:#fff}a{color:#605ca8}a:hover{color:#3a3767}a:visited{color:#605ca8}.text-primary{color:#3a3767}:root{--background:#222;--back-main:#333;--back-sub:#444;--header:#605ca8;--text-main:#fff;--text-sub:#bbb;--link:#807dba;--nav-link:#fff;--light-link:#c1c0dd}.main-header .logo,.main-header .navbar{background-color:var(--header);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,var(--header)),to(var(--header)));background:linear-gradient(180deg,var(--header) 0,var(--header));border-color:var(--header)}.navbar-nav>li>a:link{color:var(--nav-link)}.modal-content{background-color:var(--back-main);color:var(--text-main)}.btn-primary.hover,a,a:link,a:visited{color:var(--header)}#accessoriesTable>tbody>tr>td>nobr>a>i.fa,#assetsListingTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}#assetsListingTable>tbody>tr.selected>td{background-color:var(--back-main)}body{color:var(--text-main)}.box,.box.box-default{border-top:3px solid var(--header);border-top-color:var(--header)}.box-body,.box-footer,.box-header{background-color:var(--back-sub);color:var(--text-main)}.btn-default{background-color:var(--back-main);color:var(--header)}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover{background-color:var(--back-sub);color:var(--header)}.btn-primary,.btn-primary.hover,.btn-primary:active,.text-blue{color:var(--text-main)!important}.btn-primary:hover{background-color:var(--back-main);color:var(--header)!important}#componentsTable>tbody>tr>td>nobr>a>i.fa,#consumablesTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}.content-wrapper{background-color:var(--background)}#create-form>div>div>div>span>i.fa{background-color:var(--back-sub);color:var(--header)}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker table tr td.day.focused,.datepicker table tr td.day:hover,.datepicker tfoot tr th:hover{background-color:var(--header)}.datepicker.dropdown-menu{background-color:var(--back-main);color:var(--text-main)}#details>div>div>div>table{background-color:transparent}.dropdown-menu,.dropdown-menu>li>a{background-color:var(--back-sub);color:var(--header)}.dropdown-menu>li>a:hover,.form-control{background-color:var(--back-main);color:var(--text-main)}h1,h2,h3,h4,h5,h6,p{color:var(--text-main)}.help-block{color:var(--text-sub)}input[type=search],input[type=text]{background-color:var(--back-sub);color:var(--text-main)}.input-group,.input-group-addon{background-color:var(--back-sub)!important;color:var(--text-main)}#licensesTable>tbody>tr>td>nobr>a>i.fa,.main-footer{color:var(--text-main)}.main-footer{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a,.nav-tabs-custom>.nav-tabs>li>a{color:var(--text-main)}.nav-tabs-custom>.nav-tabs>li.active{border-top-color:var(--header)}.nav-tabs-custom>.nav-tabs>li.active>a{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a:hover{background-color:var(--back-sub);color:var(--text-main)}.nav-tabs-custom,.nav-tabs-custom>.tab-content{background-color:var(--back-main)}.navbar-nav>.tasks-menu>.dropdown-menu>li.header{background-color:var(--back-main);color:var(--header)}.open>.dropdown-toggle.btn-default{background-color:var(--back-sub);color:var(--header)}.panel{background-color:var(--back-sub);color:var(--text-main)}.panel-default>.panel-heading{background-color:var(--back-main);color:var(--header)}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{background-color:var(--back-sub);color:var(--header)}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:var(--header);color:var(--back-main)}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text-main)}.select2-selection--single{background-color:var(--back-sub)!important;color:var(--text-main)!important}.select2-dropdown{background-color:var(--back-main);color:var(--text-main)}.skin-blue-dark .main-header .navbar .dropdown-menu li a{color:var(--header)}.sidebar-toggle:hover,.skin-blue-dark .sidebar-menu>li.active>a,.skin-blue .sidebar-menu>li:hover>a{background-color:var(--header)!important}.tab-content,.tab-pane{background-color:var(--back-main);color:var(--text-main)}.table-striped>tbody>tr:nth-of-type(odd){background-color:var(--back-sub)}#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa{color:var(--text-main)}a,a:link{color:var(--link)}a:hover{color:var(--light-link)}a:visited{color:var(--link)} \ No newline at end of file diff --git a/public/css/skins/skin-red-dark.css b/public/css/skins/skin-red-dark.css new file mode 100644 index 000000000..50aa65f22 --- /dev/null +++ b/public/css/skins/skin-red-dark.css @@ -0,0 +1 @@ +.skin-red-dark .main-header .navbar{background-color:#a41e15}.skin-red-dark .main-header .navbar .nav>li>a{color:#fff}.skin-red-dark .main-header .navbar .nav .open>a,.skin-red-dark .main-header .navbar .nav .open>a:focus,.skin-red-dark .main-header .navbar .nav .open>a:hover,.skin-red-dark .main-header .navbar .nav>.active>a,.skin-red-dark .main-header .navbar .nav>li>a:active,.skin-red-dark .main-header .navbar .nav>li>a:focus,.skin-red-dark .main-header .navbar .nav>li>a:hover,.skin-red-dark .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-red-dark .main-header .navbar .sidebar-toggle{color:#fff}.skin-red-dark .main-header .navbar .sidebar-toggle:hover{background-color:#8d1a12}@media (max-width:767px){.skin-red-dark .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-red-dark .main-header .navbar .dropdown-menu li a{color:#fff}.skin-red-dark .main-header .navbar .dropdown-menu li a:hover{background:#8d1a12}}.skin-red-dark .main-header li.user-header{background-color:#a41e15}.skin-red-dark .content-header{background:transparent}.skin-red-dark .left-side,.skin-red-dark .main-sidebar,.skin-red-dark .wrapper{background-color:#222d32}.skin-red-dark .user-panel>.info,.skin-red-dark .user-panel>.info>a{color:#fff}.skin-red-dark .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-red-dark .sidebar-menu>li>a{border-left:3px solid transparent}.skin-red-dark .sidebar-menu>li.active>a,.skin-red-dark .sidebar-menu>li:hover>a{color:#fff;background:#1e282c;border-left-color:#a41e15}.skin-red-dark .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-red-dark .sidebar a{color:#b8c7ce}.skin-red-dark .sidebar a:hover{text-decoration:none}.skin-red-dark .treeview-menu>li>a{color:#8aa4af}.skin-red-dark .treeview-menu>li.active>a,.skin-red-dark .treeview-menu>li>a:hover{color:#fff}.skin-red-dark .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px}.skin-red-dark .sidebar-form .btn,.skin-red-dark .sidebar-form input[type=text]{-webkit-box-shadow:none;box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-red-dark .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-red-dark .sidebar-form input[type=text]:focus,.skin-red-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-red-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-red-dark .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-red-dark.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn.btn-primary,.btn .btn-primary:link,.btn:hover.btn-primary,.btn:hover .btn-primary:link{background-color:#77160f;border-color:#4a0d09;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#4a0d09;border-color:#4a0d09;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#77160f;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#1c0504;color:#fff}a{color:#a41e15}a:hover{color:#4a0d09}a:visited{color:#a41e15}.text-primary{color:#4a0d09}:root{--background:#222;--back-main:#333;--back-sub:#444;--header:#a41e15;--text-main:#fff;--text-sub:#bbb;--link:#d1261b;--nav-link:#fff;--light-link:#eb6f67}.main-header .logo,.main-header .navbar{background-color:var(--header);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,var(--header)),to(var(--header)));background:linear-gradient(180deg,var(--header) 0,var(--header));border-color:var(--header)}.navbar-nav>li>a:link{color:var(--nav-link)}.modal-content{background-color:var(--back-main);color:var(--text-main)}.btn-primary.hover,a,a:link,a:visited{color:var(--header)}#accessoriesTable>tbody>tr>td>nobr>a>i.fa,#assetsListingTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}#assetsListingTable>tbody>tr.selected>td{background-color:var(--back-main)}body{color:var(--text-main)}.box,.box.box-default{border-top:3px solid var(--header);border-top-color:var(--header)}.box-body,.box-footer,.box-header{background-color:var(--back-sub);color:var(--text-main)}.btn-default{background-color:var(--back-main);color:var(--header)}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover{background-color:var(--back-sub);color:var(--header)}.btn-primary,.btn-primary.hover,.btn-primary:active,.text-blue{color:var(--text-main)!important}.btn-primary:hover{background-color:var(--back-main);color:var(--header)!important}#componentsTable>tbody>tr>td>nobr>a>i.fa,#consumablesTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}.content-wrapper{background-color:var(--background)}#create-form>div>div>div>span>i.fa{background-color:var(--back-sub);color:var(--header)}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker table tr td.day.focused,.datepicker table tr td.day:hover,.datepicker tfoot tr th:hover{background-color:var(--header)}.datepicker.dropdown-menu{background-color:var(--back-main);color:var(--text-main)}#details>div>div>div>table{background-color:transparent}.dropdown-menu,.dropdown-menu>li>a{background-color:var(--back-sub);color:var(--header)}.dropdown-menu>li>a:hover,.form-control{background-color:var(--back-main);color:var(--text-main)}h1,h2,h3,h4,h5,h6,p{color:var(--text-main)}.help-block{color:var(--text-sub)}input[type=search],input[type=text]{background-color:var(--back-sub);color:var(--text-main)}.input-group,.input-group-addon{background-color:var(--back-sub)!important;color:var(--text-main)}#licensesTable>tbody>tr>td>nobr>a>i.fa,.main-footer{color:var(--text-main)}.main-footer{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a,.nav-tabs-custom>.nav-tabs>li>a{color:var(--text-main)}.nav-tabs-custom>.nav-tabs>li.active{border-top-color:var(--header)}.nav-tabs-custom>.nav-tabs>li.active>a{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a:hover{background-color:var(--back-sub);color:var(--text-main)}.nav-tabs-custom,.nav-tabs-custom>.tab-content{background-color:var(--back-main)}.navbar-nav>.tasks-menu>.dropdown-menu>li.header{background-color:var(--back-main);color:var(--header)}.open>.dropdown-toggle.btn-default{background-color:var(--back-sub);color:var(--header)}.panel{background-color:var(--back-sub);color:var(--text-main)}.panel-default>.panel-heading{background-color:var(--back-main);color:var(--header)}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{background-color:var(--back-sub);color:var(--header)}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:var(--header);color:var(--back-main)}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text-main)}.select2-selection--single{background-color:var(--back-sub)!important;color:var(--text-main)!important}.select2-dropdown{background-color:var(--back-main);color:var(--text-main)}.skin-blue-dark .main-header .navbar .dropdown-menu li a{color:var(--header)}.sidebar-toggle:hover,.skin-blue-dark .sidebar-menu>li.active>a,.skin-blue .sidebar-menu>li:hover>a{background-color:var(--header)!important}.tab-content,.tab-pane{background-color:var(--back-main);color:var(--text-main)}.table-striped>tbody>tr:nth-of-type(odd){background-color:var(--back-sub)}#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa{color:var(--text-main)}a,a:link{color:var(--link)}a:hover{color:var(--light-link)}a:visited{color:var(--link)} \ No newline at end of file diff --git a/public/css/skins/skin-yellow-dark.css b/public/css/skins/skin-yellow-dark.css new file mode 100644 index 000000000..9c1b5021e --- /dev/null +++ b/public/css/skins/skin-yellow-dark.css @@ -0,0 +1 @@ +.skin-yellow-dark .main-header .navbar{background-color:#f39c12}.skin-yellow-dark .main-header .navbar .nav>li>a{color:#fff}.skin-yellow-dark .main-header .navbar .nav .open>a,.skin-yellow-dark .main-header .navbar .nav .open>a:focus,.skin-yellow-dark .main-header .navbar .nav .open>a:hover,.skin-yellow-dark .main-header .navbar .nav>.active>a,.skin-yellow-dark .main-header .navbar .nav>li>a:active,.skin-yellow-dark .main-header .navbar .nav>li>a:focus,.skin-yellow-dark .main-header .navbar .nav>li>a:hover,.skin-yellow-dark .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-yellow-dark .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow-dark .main-header .navbar .sidebar-toggle:hover{background-color:#e08e0b}@media (max-width:767px){.skin-yellow-dark .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-yellow-dark .main-header .navbar .dropdown-menu li a{color:#fff}.skin-yellow-dark .main-header .navbar .dropdown-menu li a:hover{background:#e08e0b}}.skin-yellow-dark .main-header li.user-header{background-color:#f39c12}.skin-yellow-dark .content-header{background:transparent}.skin-yellow-dark .left-side,.skin-yellow-dark .main-sidebar,.skin-yellow-dark .wrapper{background-color:#222d32}.skin-yellow-dark .user-panel>.info,.skin-yellow-dark .user-panel>.info>a{color:#fff}.skin-yellow-dark .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-yellow-dark .sidebar-menu>li>a{border-left:3px solid transparent}.skin-yellow-dark .sidebar-menu>li.active>a,.skin-yellow-dark .sidebar-menu>li:hover>a{color:#fff;background:#1e282c;border-left-color:#f39c12}.skin-yellow-dark .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-yellow-dark .sidebar a{color:#b8c7ce}.skin-yellow-dark .sidebar a:hover{text-decoration:none}.skin-yellow-dark .treeview-menu>li>a{color:#8aa4af}.skin-yellow-dark .treeview-menu>li.active>a,.skin-yellow-dark .treeview-menu>li>a:hover{color:#fff}.skin-yellow-dark .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px}.skin-yellow-dark .sidebar-form .btn,.skin-yellow-dark .sidebar-form input[type=text]{-webkit-box-shadow:none;box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-yellow-dark .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-yellow-dark .sidebar-form input[type=text]:focus,.skin-yellow-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-yellow-dark .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-yellow-dark .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-yellow-dark.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn.btn-primary,.btn .btn-primary:link,.btn:hover.btn-primary,.btn:hover .btn-primary:link{background-color:#c87f0a;border-color:#976008;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#976008;border-color:#976008;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#c87f0a;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#674105;color:#fff}a{color:#f39c12}a:hover{color:#976008}a:visited{color:#f39c12}.text-primary{color:#976008}:root{--background:#222;--back-main:#333;--back-sub:#444;--header:#f39c12;--text-main:#fff;--text-sub:#bbb;--link:#f5b043;--nav-link:#fff;--light-link:#fad9a4}.main-header .logo,.main-header .navbar{background-color:var(--header);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,var(--header)),to(var(--header)));background:linear-gradient(180deg,var(--header) 0,var(--header));border-color:var(--header)}.navbar-nav>li>a:link{color:var(--nav-link)}.modal-content{background-color:var(--back-main);color:var(--text-main)}.btn-primary.hover,a,a:link,a:visited{color:var(--header)}#accessoriesTable>tbody>tr>td>nobr>a>i.fa,#assetsListingTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}#assetsListingTable>tbody>tr.selected>td{background-color:var(--back-main)}body{color:var(--text-main)}.box,.box.box-default{border-top:3px solid var(--header);border-top-color:var(--header)}.box-body,.box-footer,.box-header{background-color:var(--back-sub);color:var(--text-main)}.btn-default{background-color:var(--back-main);color:var(--header)}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover{background-color:var(--back-sub);color:var(--header)}.btn-primary,.btn-primary.hover,.btn-primary:active,.text-blue{color:var(--text-main)!important}.btn-primary:hover{background-color:var(--back-main);color:var(--header)!important}#componentsTable>tbody>tr>td>nobr>a>i.fa,#consumablesTable>tbody>tr>td>nobr>a>i.fa{color:var(--text-main)}.content-wrapper{background-color:var(--background)}#create-form>div>div>div>span>i.fa{background-color:var(--back-sub);color:var(--header)}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker table tr td.day.focused,.datepicker table tr td.day:hover,.datepicker tfoot tr th:hover{background-color:var(--header)}.datepicker.dropdown-menu{background-color:var(--back-main);color:var(--text-main)}#details>div>div>div>table{background-color:transparent}.dropdown-menu,.dropdown-menu>li>a{background-color:var(--back-sub);color:var(--header)}.dropdown-menu>li>a:hover,.form-control{background-color:var(--back-main);color:var(--text-main)}h1,h2,h3,h4,h5,h6,p{color:var(--text-main)}.help-block{color:var(--text-sub)}input[type=search],input[type=text]{background-color:var(--back-sub);color:var(--text-main)}.input-group,.input-group-addon{background-color:var(--back-sub)!important;color:var(--text-main)}#licensesTable>tbody>tr>td>nobr>a>i.fa,.main-footer{color:var(--text-main)}.main-footer{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a,.nav-tabs-custom>.nav-tabs>li>a{color:var(--text-main)}.nav-tabs-custom>.nav-tabs>li.active{border-top-color:var(--header)}.nav-tabs-custom>.nav-tabs>li.active>a{background-color:var(--back-main)}.nav-tabs-custom>.nav-tabs>li.active>a:hover{background-color:var(--back-sub);color:var(--text-main)}.nav-tabs-custom,.nav-tabs-custom>.tab-content{background-color:var(--back-main)}.navbar-nav>.tasks-menu>.dropdown-menu>li.header{background-color:var(--back-main);color:var(--header)}.open>.dropdown-toggle.btn-default{background-color:var(--back-sub);color:var(--header)}.panel{background-color:var(--back-sub);color:var(--text-main)}.panel-default>.panel-heading{background-color:var(--back-main);color:var(--header)}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{background-color:var(--back-sub);color:var(--header)}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:var(--header);color:var(--back-main)}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text-main)}.select2-selection--single{background-color:var(--back-sub)!important;color:var(--text-main)!important}.select2-dropdown{background-color:var(--back-main);color:var(--text-main)}.skin-blue-dark .main-header .navbar .dropdown-menu li a{color:var(--header)}.sidebar-toggle:hover,.skin-blue-dark .sidebar-menu>li.active>a,.skin-blue .sidebar-menu>li:hover>a{background-color:var(--header)!important}.tab-content,.tab-pane{background-color:var(--back-main);color:var(--text-main)}.table-striped>tbody>tr:nth-of-type(odd){background-color:var(--back-sub)}#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa{color:var(--text-main)}a,a:link{color:var(--link)}a:hover{color:var(--light-link)}a:visited{color:var(--link)} \ No newline at end of file diff --git a/public/mix-manifest.json b/public/mix-manifest.json index c4232a075..d20bda1b3 100644 --- a/public/mix-manifest.json +++ b/public/mix-manifest.json @@ -1,23 +1,23 @@ { "/css/AdminLTE.css": "/css/AdminLTE.css?id=c9e775e094748486ca7f", "/css/app.css": "/css/app.css?id=c3b4e5ea2063d7f76241", - "/css/overrides.css": "/css/overrides.css?id=3dbd553dfa981e846eb1", + "/css/overrides.css": "/css/overrides.css?id=46cd11d0d594605d6cb3", "/css/skins/skin-blue.css": "/css/skins/skin-blue.css?id=f6abab482516a91a89e7", "/css/skins/skin-red.css": "/css/skins/skin-red.css?id=0867fa7d84bc0a7f7494", "/css/skins/skin-contrast.css": "/css/skins/skin-contrast.css?id=198241cc1caeea5fd84c", "/css/skins/skin-green.css": "/css/skins/skin-green.css?id=b6cf886414d55a2c4593", - "/css/skins/skin-green-light.css": "/css/skins/skin-green-light.css?id=4538c530d3deb40030f8", + "/css/skins/skin-green-dark.css": "/css/skins/skin-green-dark.css?id=7422ce0a47eab9235ccc", "/css/skins/skin-black.css": "/css/skins/skin-black.css?id=35602987835e5d50d162", - "/css/skins/skin-black-light.css": "/css/skins/skin-black-light.css?id=14301c0094c92bd4f3d3", - "/css/skins/skin-red-light.css": "/css/skins/skin-red-light.css?id=8861c2779109f53aa9d5", + "/css/skins/skin-black-dark.css": "/css/skins/skin-black-dark.css?id=51db9e64f221d94b1f59", + "/css/skins/skin-red-dark.css": "/css/skins/skin-red-dark.css?id=6b57ccc21211b9c5bee0", "/css/skins/skin-purple.css": "/css/skins/skin-purple.css?id=a4944e6f318c5d73101b", - "/css/skins/skin-purple-light.css": "/css/skins/skin-purple-light.css?id=71a5adafc28dc36336c8", + "/css/skins/skin-purple-dark.css": "/css/skins/skin-purple-dark.css?id=177d233eef8861582402", "/css/skins/skin-yellow.css": "/css/skins/skin-yellow.css?id=29f2ee479da32c47179a", - "/css/skins/skin-yellow-light.css": "/css/skins/skin-yellow-light.css?id=88d378573f5198c68ce8", - "/css/skins/skin-blue-light.css": "/css/skins/skin-blue-light.css?id=3cf6131691282e45ef5f", - "/css/skins/skin-orange-light.css": "/css/skins/skin-orange-light.css?id=73b0166bcb5453eda6c2", + "/css/skins/skin-yellow-dark.css": "/css/skins/skin-yellow-dark.css?id=6344ab37404783bc2571", + "/css/skins/skin-blue-dark.css": "/css/skins/skin-blue-dark.css?id=64b2bc1211160858d597", + "/css/skins/skin-orange-dark.css": "/css/skins/skin-orange-dark.css?id=e4536d051e0e8c5e297c", "/css/skins/skin-orange.css": "/css/skins/skin-orange.css?id=74a1642e18e6fb7643b6", - "/css/dist/all.css": "/css/dist/all.css?id=0546cfd78457abc87935", - "/css/build/all.css": "/css/build/all.css?id=0546cfd78457abc87935", + "/css/dist/all.css": "/css/dist/all.css?id=d273313a815e0853368e", + "/css/build/all.css": "/css/build/all.css?id=d273313a815e0853368e", "/js/build/all.js": "/js/build/all.js?id=1b74d50ebd61899b4345" } \ No newline at end of file diff --git a/resources/assets/less/overrides.less b/resources/assets/less/overrides.less index 7deb621cb..13ec8bff2 100644 --- a/resources/assets/less/overrides.less +++ b/resources/assets/less/overrides.less @@ -1,4 +1,20 @@ -.skin-blue .main-header .logo { +.skin-red +.skin-purple +.skin-blue +.skin-black +.skin-orange +.skin-yellow +.skin-green +.skin-red-dark +.skin-purple-dark +.skin-blue-dark +.skin-black-dark +.skin-orange-dark +.skin-yellow-dark +.skin-green-dark +.skin-contrast +.main-header +.logo { background-color: inherit; } .main-header .logo { @@ -102,7 +118,24 @@ a.accordion-header { padding-top: 10px; } -.skin-blue .main-header .navbar .dropdown-menu li a { +.skin-red +.skin-purple +.skin-blue +.skin-black +.skin-orange +.skin-yellow +.skin-green +.skin-red-dark +.skin-purple-dark +.skin-blue-dark +.skin-black-dark +.skin-orange-dark +.skin-yellow-dark +.skin-green-dark +.skin-contrast +.main-header +.navbar +.dropdown-menu li a { //color: inherit; } @@ -262,7 +295,7 @@ a.accordion-header { .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; } /*END Form Wizard*/ -.left-navblock{ +.left-navblock { display: inline-block; float: left; text-align: left; @@ -271,7 +304,24 @@ a.accordion-header { /* adjust based on your layout */ } -.skin-blue .main-header .navbar .dropdown-menu li a { +.skin-red +.skin-purple +.skin-blue +.skin-black +.skin-orange +.skin-yellow +.skin-green +.skin-red-dark +.skin-purple-dark +.skin-blue-dark +.skin-black-dark +.skin-orange-dark +.skin-yellow-dark +.skin-green-dark +.skin-contrast +.main-header +.navbar +.dropdown-menu li a { color: #333; } diff --git a/resources/assets/less/skins/skin-black-dark.less b/resources/assets/less/skins/skin-black-dark.less new file mode 100644 index 000000000..64cb0177f --- /dev/null +++ b/resources/assets/less/skins/skin-black-dark.less @@ -0,0 +1,307 @@ +/* + * Skin: black + * ---------- + */ +@import "../bootstrap-less/mixins.less"; +@import "../bootstrap-less/variables.less"; +@import "../variables.less"; +@import "../mixins.less"; + +.skin-black-dark { + //Navbar + .main-header { + .navbar { + .navbar-variant(@black; #fff); + .sidebar-toggle { + color: #fff; + &:hover { + background-color: darken(@black, 5%); + } + } + @media (max-width: @screen-header-collapse) { + .dropdown-menu { + li { + &.divider { + background-color: rgba(255, 255, 255, 0.1); + } + a { + color: #fff; + &:hover { + background: darken(@black, 5%); + } + } + } + } + } + } + //Logo + + li.user-header { + background-color: @black; + } + } + + //Content Header + .content-header { + background: transparent; + } + + //Create the sidebar skin + .skin-dark-sidebar(@black); +} + +.skin-black-dark.layout-top-nav .main-header > .logo { + .logo-variant { + background-color: none; + } +} + + + +.btn, .btn:hover { + + + &.btn-primary, .btn-primary:link { + background-color: darken(@black, 10%); + border-color: darken(@black, 20%); + color: #fff; + } + + + &a.btn-primary:hover { + background-color: darken(@black, 20%); + border-color: darken(@black, 20%); + color: #fff; + } + + &.btn-white:link { + background-color: darken(@black, 10%); + color: #fff; + } + + &.btn-white:hover { + background-color: darken(@black, 30%); + color: #fff; + } +} + + +a { + color: @black; + &:hover { + color: darken(@black, 20%); + } + &:visited { + color: @black; + } +} + +.text-primary { + color: darken(@black, 20%); +} + + + + +:root { + --background: #222; + --back-main: #333; + --back-sub: #444; + --header: @black; /* Use same as Header picker */ + --text-main: #FFF; + --text-sub: #BBB; + --link: lighten(@black, 10%); /* Use same as Header picker */ + --nav-link: #FFF; /* Use same as Header picker */ + --light-link: lighten(@black, 30%); /* Use same as Header picker */ +} + +.main-header .navbar, .main-header .logo { + background-color: var(--header); + background: -webkit-linear-gradient(top, var(--header) 0%,var(--header) 100%); + background: linear-gradient(to bottom, var(--header) 0%,var(--header) 100%); + border-color: var(--header); +} + +.navbar-nav>li>a:link { + color: var(--nav-link); +} + +.modal-content { + background-color: var(--back-main); + color: var(--text-main); +} + +a, a:link, a:visited, .btn-primary.hover { + color: var(--header); +} +#accessoriesTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +#assetsListingTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +#assetsListingTable>tbody>tr.selected>td { + background-color: var(--back-main); +} +body { + color: var(--text-main); +} +.box, .box.box-default { + border-top: 3px solid var(--header); + border-top-color: var(--header); +} +.box-body, .box-footer, .box-header { + background-color: var(--back-sub); + color: var(--text-main); +} +.btn-default{ + background-color: var(--back-main); + color: var(--header); +} +.btn-default:active, .btn-default:focus, .btn-default:hover, .btn-default.active { + background-color: var(--back-sub); + color: var(--header); +} +.btn-primary, .btn-primary.hover, .btn-primary:active, .text-blue { + color: var(--text-main)!important; +} +.btn-primary:hover { + background-color: var(--back-main); + color: var(--header)!important; +} +#componentsTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +#consumablesTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +.content-wrapper { + background-color: var(--background); +} +#create-form>div>div>div>span>i.fa { + background-color: var(--back-sub); + color: var(--header); +} +.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover, .datepicker table tr td.day.focused, .datepicker table tr td.day:hover { + background-color: var(--header); +} +.datepicker.dropdown-menu { + background-color: var(--back-main); + color: var(--text-main); +} +#details>div>div>div>table { + background-color: transparent; +} +.dropdown-menu, .dropdown-menu>li>a { + background-color: var(--back-sub); + color: var(--header); +} +.dropdown-menu>li>a:hover { + background-color: var(--back-main); + color: var(--text-main); +} +.form-control { + background-color: var(--back-main); + color: var(--text-main); +} +h1, h2, h3, h4, h5, h6, p { + color: var(--text-main); +} +.help-block { + color: var(--text-sub); +} +input[type=text], input[type=search] { + background-color: var(--back-sub); + color: var(--text-main); +} +.input-group, .input-group-addon { + background-color: var(--back-sub)!important; + color: var(--text-main); +} +#licensesTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +.main-footer { + background-color: var(--back-main); + color: var(--text-main); +} +.nav-tabs-custom>.nav-tabs>li>a, .nav-tabs-custom>.nav-tabs>li.active>a { + color: var(--text-main); +} +.nav-tabs-custom>.nav-tabs>li.active { + border-top-color: var(--header); +} +.nav-tabs-custom>.nav-tabs>li.active>a { + background-color: var(--back-main); +} +.nav-tabs-custom>.nav-tabs>li.active>a:hover { + background-color: var(--back-sub); + color: var(--text-main); +} +.nav-tabs-custom, .nav-tabs-custom>.tab-content { + background-color: var(--back-main); +} +.navbar-nav>.tasks-menu>.dropdown-menu>li.header { + background-color: var(--back-main); + color: var(--header); +} +.open>.dropdown-toggle.btn-default { + background-color: var(--back-sub); + color: var(--header); +} +.panel { + background-color: var(--back-sub); + color: var(--text-main); +} +.panel-default>.panel-heading { + background-color: var(--back-main); + color: var(--header); +} +.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover { + background-color: var(--back-sub); + color: var(--header); +} +.select2-container--default .select2-results__option--highlighted[aria-selected] { + background-color: var(--header); + color: var(--back-main); +} +.select2-container--default .select2-selection--single .select2-selection__rendered { + color: var(--text-main); +} +.select2-selection--single { + background-color: var(--back-sub)!important; + color: var(--text-main)!important; +} +.select2-dropdown { + background-color: var(--back-main); + color: var(--text-main); +} +.skin-blue-dark .main-header .navbar .dropdown-menu li a { + color: var(--header); +} +.skin-blue-dark .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li:hover>a, .sidebar-toggle:hover { + background-color: var(--header)!important; +} +.tab-content, .tab-pane { + background-color: var(--back-main); + color: var(--text-main); +} +.table-striped>tbody>tr:nth-of-type(odd) { + background-color: var(--back-sub); +} +#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa { + color: var(--text-main); +} + +a { + color: var(--link); + &:link { + color: var(--link); + } + &:hover { + color: var(--light-link); + } + &:visited { + color: var(--link); + } +} \ No newline at end of file diff --git a/resources/assets/less/skins/skin-blue-dark.less b/resources/assets/less/skins/skin-blue-dark.less new file mode 100644 index 000000000..cccf9976c --- /dev/null +++ b/resources/assets/less/skins/skin-blue-dark.less @@ -0,0 +1,307 @@ +/* + * Skin: Purple + * ---------- + */ +@import "../bootstrap-less/mixins.less"; +@import "../bootstrap-less/variables.less"; +@import "../variables.less"; +@import "../mixins.less"; + +.skin-blue-dark { + //Navbar + .main-header { + .navbar { + .navbar-variant(@purple; #fff); + .sidebar-toggle { + color: #fff; + &:hover { + background-color: darken(@purple, 5%); + } + } + @media (max-width: @screen-header-collapse) { + .dropdown-menu { + li { + &.divider { + background-color: rgba(255, 255, 255, 0.1); + } + a { + color: #fff; + &:hover { + background: darken(@purple, 5%); + } + } + } + } + } + } + //Logo + + li.user-header { + background-color: @purple; + } + } + + //Content Header + .content-header { + background: transparent; + } + + //Create the sidebar skin + .skin-dark-sidebar(@purple); +} + +.skin-blue-dark.layout-top-nav .main-header > .logo { + .logo-variant { + background-color: none; + } +} + + + +.btn, .btn:hover { + + + &.btn-primary, .btn-primary:link { + background-color: darken(@purple, 10%); + border-color: darken(@purple, 20%); + color: #fff; + } + + + &a.btn-primary:hover { + background-color: darken(@purple, 20%); + border-color: darken(@purple, 20%); + color: #fff; + } + + &.btn-white:link { + background-color: darken(@purple, 10%); + color: #fff; + } + + &.btn-white:hover { + background-color: darken(@purple, 30%); + color: #fff; + } +} + + +a { + color: @purple; + &:hover { + color: darken(@purple, 20%); + } + &:visited { + color: @purple; + } +} + +.text-primary { + color: darken(@purple, 20%); +} + + + + +:root { + --background: #222; + --back-main: #333; + --back-sub: #444; + --header: @purple; /* Use same as Header picker */ + --text-main: #FFF; + --text-sub: #BBB; + --link: lighten(@purple, 10%); /* Use same as Header picker */ + --nav-link: #FFF; /* Use same as Header picker */ + --light-link: lighten(@purple, 30%); /* Use same as Header picker */ +} + +.main-header .navbar, .main-header .logo { + background-color: var(--header); + background: -webkit-linear-gradient(top, var(--header) 0%,var(--header) 100%); + background: linear-gradient(to bottom, var(--header) 0%,var(--header) 100%); + border-color: var(--header); +} + +.navbar-nav>li>a:link { + color: var(--nav-link); +} + +.modal-content { + background-color: var(--back-main); + color: var(--text-main); +} + +a, a:link, a:visited, .btn-primary.hover { + color: var(--header); +} +#accessoriesTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +#assetsListingTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +#assetsListingTable>tbody>tr.selected>td { + background-color: var(--back-main); +} +body { + color: var(--text-main); +} +.box, .box.box-default { + border-top: 3px solid var(--header); + border-top-color: var(--header); +} +.box-body, .box-footer, .box-header { + background-color: var(--back-sub); + color: var(--text-main); +} +.btn-default{ + background-color: var(--back-main); + color: var(--header); +} +.btn-default:active, .btn-default:focus, .btn-default:hover, .btn-default.active { + background-color: var(--back-sub); + color: var(--header); +} +.btn-primary, .btn-primary.hover, .btn-primary:active, .text-blue { + color: var(--text-main)!important; +} +.btn-primary:hover { + background-color: var(--back-main); + color: var(--header)!important; +} +#componentsTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +#consumablesTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +.content-wrapper { + background-color: var(--background); +} +#create-form>div>div>div>span>i.fa { + background-color: var(--back-sub); + color: var(--header); +} +.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover, .datepicker table tr td.day.focused, .datepicker table tr td.day:hover { + background-color: var(--header); +} +.datepicker.dropdown-menu { + background-color: var(--back-main); + color: var(--text-main); +} +#details>div>div>div>table { + background-color: transparent; +} +.dropdown-menu, .dropdown-menu>li>a { + background-color: var(--back-sub); + color: var(--header); +} +.dropdown-menu>li>a:hover { + background-color: var(--back-main); + color: var(--text-main); +} +.form-control { + background-color: var(--back-main); + color: var(--text-main); +} +h1, h2, h3, h4, h5, h6, p { + color: var(--text-main); +} +.help-block { + color: var(--text-sub); +} +input[type=text], input[type=search] { + background-color: var(--back-sub); + color: var(--text-main); +} +.input-group, .input-group-addon { + background-color: var(--back-sub)!important; + color: var(--text-main); +} +#licensesTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +.main-footer { + background-color: var(--back-main); + color: var(--text-main); +} +.nav-tabs-custom>.nav-tabs>li>a, .nav-tabs-custom>.nav-tabs>li.active>a { + color: var(--text-main); +} +.nav-tabs-custom>.nav-tabs>li.active { + border-top-color: var(--header); +} +.nav-tabs-custom>.nav-tabs>li.active>a { + background-color: var(--back-main); +} +.nav-tabs-custom>.nav-tabs>li.active>a:hover { + background-color: var(--back-sub); + color: var(--text-main); +} +.nav-tabs-custom, .nav-tabs-custom>.tab-content { + background-color: var(--back-main); +} +.navbar-nav>.tasks-menu>.dropdown-menu>li.header { + background-color: var(--back-main); + color: var(--header); +} +.open>.dropdown-toggle.btn-default { + background-color: var(--back-sub); + color: var(--header); +} +.panel { + background-color: var(--back-sub); + color: var(--text-main); +} +.panel-default>.panel-heading { + background-color: var(--back-main); + color: var(--header); +} +.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover { + background-color: var(--back-sub); + color: var(--header); +} +.select2-container--default .select2-results__option--highlighted[aria-selected] { + background-color: var(--header); + color: var(--back-main); +} +.select2-container--default .select2-selection--single .select2-selection__rendered { + color: var(--text-main); +} +.select2-selection--single { + background-color: var(--back-sub)!important; + color: var(--text-main)!important; +} +.select2-dropdown { + background-color: var(--back-main); + color: var(--text-main); +} +.skin-blue-dark .main-header .navbar .dropdown-menu li a { + color: var(--header); +} +.skin-blue-dark .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li:hover>a, .sidebar-toggle:hover { + background-color: var(--header)!important; +} +.tab-content, .tab-pane { + background-color: var(--back-main); + color: var(--text-main); +} +.table-striped>tbody>tr:nth-of-type(odd) { + background-color: var(--back-sub); +} +#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa { + color: var(--text-main); +} + +a { + color: var(--link); + &:link { + color: var(--link); + } + &:hover { + color: var(--light-link); + } + &:visited { + color: var(--link); + } +} \ No newline at end of file diff --git a/resources/assets/less/skins/skin-green-dark.less b/resources/assets/less/skins/skin-green-dark.less new file mode 100644 index 000000000..036bfeff7 --- /dev/null +++ b/resources/assets/less/skins/skin-green-dark.less @@ -0,0 +1,307 @@ +/* + * Skin: green + * ---------- + */ +@import "../bootstrap-less/mixins.less"; +@import "../bootstrap-less/variables.less"; +@import "../variables.less"; +@import "../mixins.less"; + +.skin-green-dark { + //Navbar + .main-header { + .navbar { + .navbar-variant(@green; #fff); + .sidebar-toggle { + color: #fff; + &:hover { + background-color: darken(@green, 5%); + } + } + @media (max-width: @screen-header-collapse) { + .dropdown-menu { + li { + &.divider { + background-color: rgba(255, 255, 255, 0.1); + } + a { + color: #fff; + &:hover { + background: darken(@green, 5%); + } + } + } + } + } + } + //Logo + + li.user-header { + background-color: @green; + } + } + + //Content Header + .content-header { + background: transparent; + } + + //Create the sidebar skin + .skin-dark-sidebar(@green); +} + +.skin-green-dark.layout-top-nav .main-header > .logo { + .logo-variant { + background-color: none; + } +} + + + +.btn, .btn:hover { + + + &.btn-primary, .btn-primary:link { + background-color: darken(@green, 10%); + border-color: darken(@green, 20%); + color: #fff; + } + + + &a.btn-primary:hover { + background-color: darken(@green, 20%); + border-color: darken(@green, 20%); + color: #fff; + } + + &.btn-white:link { + background-color: darken(@green, 10%); + color: #fff; + } + + &.btn-white:hover { + background-color: darken(@green, 30%); + color: #fff; + } +} + + +a { + color: @green; + &:hover { + color: darken(@green, 20%); + } + &:visited { + color: @green; + } +} + +.text-primary { + color: darken(@green, 20%); +} + + + + +:root { + --background: #222; + --back-main: #333; + --back-sub: #444; + --header: @green; /* Use same as Header picker */ + --text-main: #FFF; + --text-sub: #BBB; + --link: lighten(@green, 10%); /* Use same as Header picker */ + --nav-link: #FFF; /* Use same as Header picker */ + --light-link: lighten(@green, 30%); /* Use same as Header picker */ +} + +.main-header .navbar, .main-header .logo { + background-color: var(--header); + background: -webkit-linear-gradient(top, var(--header) 0%,var(--header) 100%); + background: linear-gradient(to bottom, var(--header) 0%,var(--header) 100%); + border-color: var(--header); +} + +.navbar-nav>li>a:link { + color: var(--nav-link); +} + +.modal-content { + background-color: var(--back-main); + color: var(--text-main); +} + +a, a:link, a:visited, .btn-primary.hover { + color: var(--header); +} +#accessoriesTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +#assetsListingTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +#assetsListingTable>tbody>tr.selected>td { + background-color: var(--back-main); +} +body { + color: var(--text-main); +} +.box, .box.box-default { + border-top: 3px solid var(--header); + border-top-color: var(--header); +} +.box-body, .box-footer, .box-header { + background-color: var(--back-sub); + color: var(--text-main); +} +.btn-default{ + background-color: var(--back-main); + color: var(--header); +} +.btn-default:active, .btn-default:focus, .btn-default:hover, .btn-default.active { + background-color: var(--back-sub); + color: var(--header); +} +.btn-primary, .btn-primary.hover, .btn-primary:active, .text-blue { + color: var(--text-main)!important; +} +.btn-primary:hover { + background-color: var(--back-main); + color: var(--header)!important; +} +#componentsTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +#consumablesTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +.content-wrapper { + background-color: var(--background); +} +#create-form>div>div>div>span>i.fa { + background-color: var(--back-sub); + color: var(--header); +} +.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover, .datepicker table tr td.day.focused, .datepicker table tr td.day:hover { + background-color: var(--header); +} +.datepicker.dropdown-menu { + background-color: var(--back-main); + color: var(--text-main); +} +#details>div>div>div>table { + background-color: transparent; +} +.dropdown-menu, .dropdown-menu>li>a { + background-color: var(--back-sub); + color: var(--header); +} +.dropdown-menu>li>a:hover { + background-color: var(--back-main); + color: var(--text-main); +} +.form-control { + background-color: var(--back-main); + color: var(--text-main); +} +h1, h2, h3, h4, h5, h6, p { + color: var(--text-main); +} +.help-block { + color: var(--text-sub); +} +input[type=text], input[type=search] { + background-color: var(--back-sub); + color: var(--text-main); +} +.input-group, .input-group-addon { + background-color: var(--back-sub)!important; + color: var(--text-main); +} +#licensesTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +.main-footer { + background-color: var(--back-main); + color: var(--text-main); +} +.nav-tabs-custom>.nav-tabs>li>a, .nav-tabs-custom>.nav-tabs>li.active>a { + color: var(--text-main); +} +.nav-tabs-custom>.nav-tabs>li.active { + border-top-color: var(--header); +} +.nav-tabs-custom>.nav-tabs>li.active>a { + background-color: var(--back-main); +} +.nav-tabs-custom>.nav-tabs>li.active>a:hover { + background-color: var(--back-sub); + color: var(--text-main); +} +.nav-tabs-custom, .nav-tabs-custom>.tab-content { + background-color: var(--back-main); +} +.navbar-nav>.tasks-menu>.dropdown-menu>li.header { + background-color: var(--back-main); + color: var(--header); +} +.open>.dropdown-toggle.btn-default { + background-color: var(--back-sub); + color: var(--header); +} +.panel { + background-color: var(--back-sub); + color: var(--text-main); +} +.panel-default>.panel-heading { + background-color: var(--back-main); + color: var(--header); +} +.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover { + background-color: var(--back-sub); + color: var(--header); +} +.select2-container--default .select2-results__option--highlighted[aria-selected] { + background-color: var(--header); + color: var(--back-main); +} +.select2-container--default .select2-selection--single .select2-selection__rendered { + color: var(--text-main); +} +.select2-selection--single { + background-color: var(--back-sub)!important; + color: var(--text-main)!important; +} +.select2-dropdown { + background-color: var(--back-main); + color: var(--text-main); +} +.skin-blue-dark .main-header .navbar .dropdown-menu li a { + color: var(--header); +} +.skin-blue-dark .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li:hover>a, .sidebar-toggle:hover { + background-color: var(--header)!important; +} +.tab-content, .tab-pane { + background-color: var(--back-main); + color: var(--text-main); +} +.table-striped>tbody>tr:nth-of-type(odd) { + background-color: var(--back-sub); +} +#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa { + color: var(--text-main); +} + +a { + color: var(--link); + &:link { + color: var(--link); + } + &:hover { + color: var(--light-link); + } + &:visited { + color: var(--link); + } +} \ No newline at end of file diff --git a/resources/assets/less/skins/skin-orange-dark.less b/resources/assets/less/skins/skin-orange-dark.less new file mode 100644 index 000000000..50d0a4257 --- /dev/null +++ b/resources/assets/less/skins/skin-orange-dark.less @@ -0,0 +1,307 @@ +/* + * Skin: orange + * ---------- + */ +@import "../bootstrap-less/mixins.less"; +@import "../bootstrap-less/variables.less"; +@import "../variables.less"; +@import "../mixins.less"; + +.skin-orange-dark { + //Navbar + .main-header { + .navbar { + .navbar-variant(@orange; #fff); + .sidebar-toggle { + color: #fff; + &:hover { + background-color: darken(@orange, 5%); + } + } + @media (max-width: @screen-header-collapse) { + .dropdown-menu { + li { + &.divider { + background-color: rgba(255, 255, 255, 0.1); + } + a { + color: #fff; + &:hover { + background: darken(@orange, 5%); + } + } + } + } + } + } + //Logo + + li.user-header { + background-color: @orange; + } + } + + //Content Header + .content-header { + background: transparent; + } + + //Create the sidebar skin + .skin-dark-sidebar(@orange); +} + +.skin-orange-dark.layout-top-nav .main-header > .logo { + .logo-variant { + background-color: none; + } +} + + + +.btn, .btn:hover { + + + &.btn-primary, .btn-primary:link { + background-color: darken(@orange, 10%); + border-color: darken(@orange, 20%); + color: #fff; + } + + + &a.btn-primary:hover { + background-color: darken(@orange, 20%); + border-color: darken(@orange, 20%); + color: #fff; + } + + &.btn-white:link { + background-color: darken(@orange, 10%); + color: #fff; + } + + &.btn-white:hover { + background-color: darken(@orange, 30%); + color: #fff; + } +} + + +a { + color: @orange; + &:hover { + color: darken(@orange, 20%); + } + &:visited { + color: @orange; + } +} + +.text-primary { + color: darken(@orange, 20%); +} + + + + +:root { + --background: #222; + --back-main: #333; + --back-sub: #444; + --header: @orange; /* Use same as Header picker */ + --text-main: #FFF; + --text-sub: #BBB; + --link: lighten(@orange, 10%); /* Use same as Header picker */ + --nav-link: #FFF; /* Use same as Header picker */ + --light-link: lighten(@orange, 30%); /* Use same as Header picker */ +} + +.main-header .navbar, .main-header .logo { + background-color: var(--header); + background: -webkit-linear-gradient(top, var(--header) 0%,var(--header) 100%); + background: linear-gradient(to bottom, var(--header) 0%,var(--header) 100%); + border-color: var(--header); +} + +.navbar-nav>li>a:link { + color: var(--nav-link); +} + +.modal-content { + background-color: var(--back-main); + color: var(--text-main); +} + +a, a:link, a:visited, .btn-primary.hover { + color: var(--header); +} +#accessoriesTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +#assetsListingTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +#assetsListingTable>tbody>tr.selected>td { + background-color: var(--back-main); +} +body { + color: var(--text-main); +} +.box, .box.box-default { + border-top: 3px solid var(--header); + border-top-color: var(--header); +} +.box-body, .box-footer, .box-header { + background-color: var(--back-sub); + color: var(--text-main); +} +.btn-default{ + background-color: var(--back-main); + color: var(--header); +} +.btn-default:active, .btn-default:focus, .btn-default:hover, .btn-default.active { + background-color: var(--back-sub); + color: var(--header); +} +.btn-primary, .btn-primary.hover, .btn-primary:active, .text-blue { + color: var(--text-main)!important; +} +.btn-primary:hover { + background-color: var(--back-main); + color: var(--header)!important; +} +#componentsTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +#consumablesTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +.content-wrapper { + background-color: var(--background); +} +#create-form>div>div>div>span>i.fa { + background-color: var(--back-sub); + color: var(--header); +} +.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover, .datepicker table tr td.day.focused, .datepicker table tr td.day:hover { + background-color: var(--header); +} +.datepicker.dropdown-menu { + background-color: var(--back-main); + color: var(--text-main); +} +#details>div>div>div>table { + background-color: transparent; +} +.dropdown-menu, .dropdown-menu>li>a { + background-color: var(--back-sub); + color: var(--header); +} +.dropdown-menu>li>a:hover { + background-color: var(--back-main); + color: var(--text-main); +} +.form-control { + background-color: var(--back-main); + color: var(--text-main); +} +h1, h2, h3, h4, h5, h6, p { + color: var(--text-main); +} +.help-block { + color: var(--text-sub); +} +input[type=text], input[type=search] { + background-color: var(--back-sub); + color: var(--text-main); +} +.input-group, .input-group-addon { + background-color: var(--back-sub)!important; + color: var(--text-main); +} +#licensesTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +.main-footer { + background-color: var(--back-main); + color: var(--text-main); +} +.nav-tabs-custom>.nav-tabs>li>a, .nav-tabs-custom>.nav-tabs>li.active>a { + color: var(--text-main); +} +.nav-tabs-custom>.nav-tabs>li.active { + border-top-color: var(--header); +} +.nav-tabs-custom>.nav-tabs>li.active>a { + background-color: var(--back-main); +} +.nav-tabs-custom>.nav-tabs>li.active>a:hover { + background-color: var(--back-sub); + color: var(--text-main); +} +.nav-tabs-custom, .nav-tabs-custom>.tab-content { + background-color: var(--back-main); +} +.navbar-nav>.tasks-menu>.dropdown-menu>li.header { + background-color: var(--back-main); + color: var(--header); +} +.open>.dropdown-toggle.btn-default { + background-color: var(--back-sub); + color: var(--header); +} +.panel { + background-color: var(--back-sub); + color: var(--text-main); +} +.panel-default>.panel-heading { + background-color: var(--back-main); + color: var(--header); +} +.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover { + background-color: var(--back-sub); + color: var(--header); +} +.select2-container--default .select2-results__option--highlighted[aria-selected] { + background-color: var(--header); + color: var(--back-main); +} +.select2-container--default .select2-selection--single .select2-selection__rendered { + color: var(--text-main); +} +.select2-selection--single { + background-color: var(--back-sub)!important; + color: var(--text-main)!important; +} +.select2-dropdown { + background-color: var(--back-main); + color: var(--text-main); +} +.skin-blue-dark .main-header .navbar .dropdown-menu li a { + color: var(--header); +} +.skin-blue-dark .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li:hover>a, .sidebar-toggle:hover { + background-color: var(--header)!important; +} +.tab-content, .tab-pane { + background-color: var(--back-main); + color: var(--text-main); +} +.table-striped>tbody>tr:nth-of-type(odd) { + background-color: var(--back-sub); +} +#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa { + color: var(--text-main); +} + +a { + color: var(--link); + &:link { + color: var(--link); + } + &:hover { + color: var(--light-link); + } + &:visited { + color: var(--link); + } +} \ No newline at end of file diff --git a/resources/assets/less/skins/skin-purple-dark.less b/resources/assets/less/skins/skin-purple-dark.less new file mode 100644 index 000000000..9060fbe89 --- /dev/null +++ b/resources/assets/less/skins/skin-purple-dark.less @@ -0,0 +1,307 @@ +/* + * Skin: Purple + * ---------- + */ +@import "../bootstrap-less/mixins.less"; +@import "../bootstrap-less/variables.less"; +@import "../variables.less"; +@import "../mixins.less"; + +.skin-purple-dark { + //Navbar + .main-header { + .navbar { + .navbar-variant(@purple; #fff); + .sidebar-toggle { + color: #fff; + &:hover { + background-color: darken(@purple, 5%); + } + } + @media (max-width: @screen-header-collapse) { + .dropdown-menu { + li { + &.divider { + background-color: rgba(255, 255, 255, 0.1); + } + a { + color: #fff; + &:hover { + background: darken(@purple, 5%); + } + } + } + } + } + } + //Logo + + li.user-header { + background-color: @purple; + } + } + + //Content Header + .content-header { + background: transparent; + } + + //Create the sidebar skin + .skin-dark-sidebar(@purple); +} + +.skin-purple-dark.layout-top-nav .main-header > .logo { + .logo-variant { + background-color: none; + } +} + + + +.btn, .btn:hover { + + + &.btn-primary, .btn-primary:link { + background-color: darken(@purple, 10%); + border-color: darken(@purple, 20%); + color: #fff; + } + + + &a.btn-primary:hover { + background-color: darken(@purple, 20%); + border-color: darken(@purple, 20%); + color: #fff; + } + + &.btn-white:link { + background-color: darken(@purple, 10%); + color: #fff; + } + + &.btn-white:hover { + background-color: darken(@purple, 30%); + color: #fff; + } +} + + +a { + color: @purple; + &:hover { + color: darken(@purple, 20%); + } + &:visited { + color: @purple; + } +} + +.text-primary { + color: darken(@purple, 20%); +} + + + + +:root { + --background: #222; + --back-main: #333; + --back-sub: #444; + --header: @purple; /* Use same as Header picker */ + --text-main: #FFF; + --text-sub: #BBB; + --link: lighten(@purple, 10%); /* Use same as Header picker */ + --nav-link: #FFF; /* Use same as Header picker */ + --light-link: lighten(@purple, 30%); /* Use same as Header picker */ +} + +.main-header .navbar, .main-header .logo { + background-color: var(--header); + background: -webkit-linear-gradient(top, var(--header) 0%,var(--header) 100%); + background: linear-gradient(to bottom, var(--header) 0%,var(--header) 100%); + border-color: var(--header); +} + +.navbar-nav>li>a:link { + color: var(--nav-link); +} + +.modal-content { + background-color: var(--back-main); + color: var(--text-main); +} + +a, a:link, a:visited, .btn-primary.hover { + color: var(--header); +} +#accessoriesTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +#assetsListingTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +#assetsListingTable>tbody>tr.selected>td { + background-color: var(--back-main); +} +body { + color: var(--text-main); +} +.box, .box.box-default { + border-top: 3px solid var(--header); + border-top-color: var(--header); +} +.box-body, .box-footer, .box-header { + background-color: var(--back-sub); + color: var(--text-main); +} +.btn-default{ + background-color: var(--back-main); + color: var(--header); +} +.btn-default:active, .btn-default:focus, .btn-default:hover, .btn-default.active { + background-color: var(--back-sub); + color: var(--header); +} +.btn-primary, .btn-primary.hover, .btn-primary:active, .text-blue { + color: var(--text-main)!important; +} +.btn-primary:hover { + background-color: var(--back-main); + color: var(--header)!important; +} +#componentsTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +#consumablesTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +.content-wrapper { + background-color: var(--background); +} +#create-form>div>div>div>span>i.fa { + background-color: var(--back-sub); + color: var(--header); +} +.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover, .datepicker table tr td.day.focused, .datepicker table tr td.day:hover { + background-color: var(--header); +} +.datepicker.dropdown-menu { + background-color: var(--back-main); + color: var(--text-main); +} +#details>div>div>div>table { + background-color: transparent; +} +.dropdown-menu, .dropdown-menu>li>a { + background-color: var(--back-sub); + color: var(--header); +} +.dropdown-menu>li>a:hover { + background-color: var(--back-main); + color: var(--text-main); +} +.form-control { + background-color: var(--back-main); + color: var(--text-main); +} +h1, h2, h3, h4, h5, h6, p { + color: var(--text-main); +} +.help-block { + color: var(--text-sub); +} +input[type=text], input[type=search] { + background-color: var(--back-sub); + color: var(--text-main); +} +.input-group, .input-group-addon { + background-color: var(--back-sub)!important; + color: var(--text-main); +} +#licensesTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +.main-footer { + background-color: var(--back-main); + color: var(--text-main); +} +.nav-tabs-custom>.nav-tabs>li>a, .nav-tabs-custom>.nav-tabs>li.active>a { + color: var(--text-main); +} +.nav-tabs-custom>.nav-tabs>li.active { + border-top-color: var(--header); +} +.nav-tabs-custom>.nav-tabs>li.active>a { + background-color: var(--back-main); +} +.nav-tabs-custom>.nav-tabs>li.active>a:hover { + background-color: var(--back-sub); + color: var(--text-main); +} +.nav-tabs-custom, .nav-tabs-custom>.tab-content { + background-color: var(--back-main); +} +.navbar-nav>.tasks-menu>.dropdown-menu>li.header { + background-color: var(--back-main); + color: var(--header); +} +.open>.dropdown-toggle.btn-default { + background-color: var(--back-sub); + color: var(--header); +} +.panel { + background-color: var(--back-sub); + color: var(--text-main); +} +.panel-default>.panel-heading { + background-color: var(--back-main); + color: var(--header); +} +.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover { + background-color: var(--back-sub); + color: var(--header); +} +.select2-container--default .select2-results__option--highlighted[aria-selected] { + background-color: var(--header); + color: var(--back-main); +} +.select2-container--default .select2-selection--single .select2-selection__rendered { + color: var(--text-main); +} +.select2-selection--single { + background-color: var(--back-sub)!important; + color: var(--text-main)!important; +} +.select2-dropdown { + background-color: var(--back-main); + color: var(--text-main); +} +.skin-blue-dark .main-header .navbar .dropdown-menu li a { + color: var(--header); +} +.skin-blue-dark .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li:hover>a, .sidebar-toggle:hover { + background-color: var(--header)!important; +} +.tab-content, .tab-pane { + background-color: var(--back-main); + color: var(--text-main); +} +.table-striped>tbody>tr:nth-of-type(odd) { + background-color: var(--back-sub); +} +#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa { + color: var(--text-main); +} + +a { + color: var(--link); + &:link { + color: var(--link); + } + &:hover { + color: var(--light-link); + } + &:visited { + color: var(--link); + } +} \ No newline at end of file diff --git a/resources/assets/less/skins/skin-red-dark.less b/resources/assets/less/skins/skin-red-dark.less new file mode 100644 index 000000000..a0ffe2d8a --- /dev/null +++ b/resources/assets/less/skins/skin-red-dark.less @@ -0,0 +1,307 @@ +/* + * Skin: red + * ---------- + */ +@import "../bootstrap-less/mixins.less"; +@import "../bootstrap-less/variables.less"; +@import "../variables.less"; +@import "../mixins.less"; + +.skin-red-dark { + //Navbar + .main-header { + .navbar { + .navbar-variant(@red; #fff); + .sidebar-toggle { + color: #fff; + &:hover { + background-color: darken(@red, 5%); + } + } + @media (max-width: @screen-header-collapse) { + .dropdown-menu { + li { + &.divider { + background-color: rgba(255, 255, 255, 0.1); + } + a { + color: #fff; + &:hover { + background: darken(@red, 5%); + } + } + } + } + } + } + //Logo + + li.user-header { + background-color: @red; + } + } + + //Content Header + .content-header { + background: transparent; + } + + //Create the sidebar skin + .skin-dark-sidebar(@red); +} + +.skin-red-dark.layout-top-nav .main-header > .logo { + .logo-variant { + background-color: none; + } +} + + + +.btn, .btn:hover { + + + &.btn-primary, .btn-primary:link { + background-color: darken(@red, 10%); + border-color: darken(@red, 20%); + color: #fff; + } + + + &a.btn-primary:hover { + background-color: darken(@red, 20%); + border-color: darken(@red, 20%); + color: #fff; + } + + &.btn-white:link { + background-color: darken(@red, 10%); + color: #fff; + } + + &.btn-white:hover { + background-color: darken(@red, 30%); + color: #fff; + } +} + + +a { + color: @red; + &:hover { + color: darken(@red, 20%); + } + &:visited { + color: @red; + } +} + +.text-primary { + color: darken(@red, 20%); +} + + + + +:root { + --background: #222; + --back-main: #333; + --back-sub: #444; + --header: @red; /* Use same as Header picker */ + --text-main: #FFF; + --text-sub: #BBB; + --link: lighten(@red, 10%); /* Use same as Header picker */ + --nav-link: #FFF; /* Use same as Header picker */ + --light-link: lighten(@red, 30%); /* Use same as Header picker */ +} + +.main-header .navbar, .main-header .logo { + background-color: var(--header); + background: -webkit-linear-gradient(top, var(--header) 0%,var(--header) 100%); + background: linear-gradient(to bottom, var(--header) 0%,var(--header) 100%); + border-color: var(--header); +} + +.navbar-nav>li>a:link { + color: var(--nav-link); +} + +.modal-content { + background-color: var(--back-main); + color: var(--text-main); +} + +a, a:link, a:visited, .btn-primary.hover { + color: var(--header); +} +#accessoriesTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +#assetsListingTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +#assetsListingTable>tbody>tr.selected>td { + background-color: var(--back-main); +} +body { + color: var(--text-main); +} +.box, .box.box-default { + border-top: 3px solid var(--header); + border-top-color: var(--header); +} +.box-body, .box-footer, .box-header { + background-color: var(--back-sub); + color: var(--text-main); +} +.btn-default{ + background-color: var(--back-main); + color: var(--header); +} +.btn-default:active, .btn-default:focus, .btn-default:hover, .btn-default.active { + background-color: var(--back-sub); + color: var(--header); +} +.btn-primary, .btn-primary.hover, .btn-primary:active, .text-blue { + color: var(--text-main)!important; +} +.btn-primary:hover { + background-color: var(--back-main); + color: var(--header)!important; +} +#componentsTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +#consumablesTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +.content-wrapper { + background-color: var(--background); +} +#create-form>div>div>div>span>i.fa { + background-color: var(--back-sub); + color: var(--header); +} +.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover, .datepicker table tr td.day.focused, .datepicker table tr td.day:hover { + background-color: var(--header); +} +.datepicker.dropdown-menu { + background-color: var(--back-main); + color: var(--text-main); +} +#details>div>div>div>table { + background-color: transparent; +} +.dropdown-menu, .dropdown-menu>li>a { + background-color: var(--back-sub); + color: var(--header); +} +.dropdown-menu>li>a:hover { + background-color: var(--back-main); + color: var(--text-main); +} +.form-control { + background-color: var(--back-main); + color: var(--text-main); +} +h1, h2, h3, h4, h5, h6, p { + color: var(--text-main); +} +.help-block { + color: var(--text-sub); +} +input[type=text], input[type=search] { + background-color: var(--back-sub); + color: var(--text-main); +} +.input-group, .input-group-addon { + background-color: var(--back-sub)!important; + color: var(--text-main); +} +#licensesTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +.main-footer { + background-color: var(--back-main); + color: var(--text-main); +} +.nav-tabs-custom>.nav-tabs>li>a, .nav-tabs-custom>.nav-tabs>li.active>a { + color: var(--text-main); +} +.nav-tabs-custom>.nav-tabs>li.active { + border-top-color: var(--header); +} +.nav-tabs-custom>.nav-tabs>li.active>a { + background-color: var(--back-main); +} +.nav-tabs-custom>.nav-tabs>li.active>a:hover { + background-color: var(--back-sub); + color: var(--text-main); +} +.nav-tabs-custom, .nav-tabs-custom>.tab-content { + background-color: var(--back-main); +} +.navbar-nav>.tasks-menu>.dropdown-menu>li.header { + background-color: var(--back-main); + color: var(--header); +} +.open>.dropdown-toggle.btn-default { + background-color: var(--back-sub); + color: var(--header); +} +.panel { + background-color: var(--back-sub); + color: var(--text-main); +} +.panel-default>.panel-heading { + background-color: var(--back-main); + color: var(--header); +} +.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover { + background-color: var(--back-sub); + color: var(--header); +} +.select2-container--default .select2-results__option--highlighted[aria-selected] { + background-color: var(--header); + color: var(--back-main); +} +.select2-container--default .select2-selection--single .select2-selection__rendered { + color: var(--text-main); +} +.select2-selection--single { + background-color: var(--back-sub)!important; + color: var(--text-main)!important; +} +.select2-dropdown { + background-color: var(--back-main); + color: var(--text-main); +} +.skin-blue-dark .main-header .navbar .dropdown-menu li a { + color: var(--header); +} +.skin-blue-dark .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li:hover>a, .sidebar-toggle:hover { + background-color: var(--header)!important; +} +.tab-content, .tab-pane { + background-color: var(--back-main); + color: var(--text-main); +} +.table-striped>tbody>tr:nth-of-type(odd) { + background-color: var(--back-sub); +} +#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa { + color: var(--text-main); +} + +a { + color: var(--link); + &:link { + color: var(--link); + } + &:hover { + color: var(--light-link); + } + &:visited { + color: var(--link); + } +} \ No newline at end of file diff --git a/resources/assets/less/skins/skin-yellow-dark.less b/resources/assets/less/skins/skin-yellow-dark.less new file mode 100644 index 000000000..63c467238 --- /dev/null +++ b/resources/assets/less/skins/skin-yellow-dark.less @@ -0,0 +1,307 @@ +/* + * Skin: yellow + * ---------- + */ +@import "../bootstrap-less/mixins.less"; +@import "../bootstrap-less/variables.less"; +@import "../variables.less"; +@import "../mixins.less"; + +.skin-yellow-dark { + //Navbar + .main-header { + .navbar { + .navbar-variant(@yellow; #fff); + .sidebar-toggle { + color: #fff; + &:hover { + background-color: darken(@yellow, 5%); + } + } + @media (max-width: @screen-header-collapse) { + .dropdown-menu { + li { + &.divider { + background-color: rgba(255, 255, 255, 0.1); + } + a { + color: #fff; + &:hover { + background: darken(@yellow, 5%); + } + } + } + } + } + } + //Logo + + li.user-header { + background-color: @yellow; + } + } + + //Content Header + .content-header { + background: transparent; + } + + //Create the sidebar skin + .skin-dark-sidebar(@yellow); +} + +.skin-yellow-dark.layout-top-nav .main-header > .logo { + .logo-variant { + background-color: none; + } +} + + + +.btn, .btn:hover { + + + &.btn-primary, .btn-primary:link { + background-color: darken(@yellow, 10%); + border-color: darken(@yellow, 20%); + color: #fff; + } + + + &a.btn-primary:hover { + background-color: darken(@yellow, 20%); + border-color: darken(@yellow, 20%); + color: #fff; + } + + &.btn-white:link { + background-color: darken(@yellow, 10%); + color: #fff; + } + + &.btn-white:hover { + background-color: darken(@yellow, 30%); + color: #fff; + } +} + + +a { + color: @yellow; + &:hover { + color: darken(@yellow, 20%); + } + &:visited { + color: @yellow; + } +} + +.text-primary { + color: darken(@yellow, 20%); +} + + + + +:root { + --background: #222; + --back-main: #333; + --back-sub: #444; + --header: @yellow; /* Use same as Header picker */ + --text-main: #FFF; + --text-sub: #BBB; + --link: lighten(@yellow, 10%); /* Use same as Header picker */ + --nav-link: #FFF; /* Use same as Header picker */ + --light-link: lighten(@yellow, 30%); /* Use same as Header picker */ +} + +.main-header .navbar, .main-header .logo { + background-color: var(--header); + background: -webkit-linear-gradient(top, var(--header) 0%,var(--header) 100%); + background: linear-gradient(to bottom, var(--header) 0%,var(--header) 100%); + border-color: var(--header); +} + +.navbar-nav>li>a:link { + color: var(--nav-link); +} + +.modal-content { + background-color: var(--back-main); + color: var(--text-main); +} + +a, a:link, a:visited, .btn-primary.hover { + color: var(--header); +} +#accessoriesTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +#assetsListingTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +#assetsListingTable>tbody>tr.selected>td { + background-color: var(--back-main); +} +body { + color: var(--text-main); +} +.box, .box.box-default { + border-top: 3px solid var(--header); + border-top-color: var(--header); +} +.box-body, .box-footer, .box-header { + background-color: var(--back-sub); + color: var(--text-main); +} +.btn-default{ + background-color: var(--back-main); + color: var(--header); +} +.btn-default:active, .btn-default:focus, .btn-default:hover, .btn-default.active { + background-color: var(--back-sub); + color: var(--header); +} +.btn-primary, .btn-primary.hover, .btn-primary:active, .text-blue { + color: var(--text-main)!important; +} +.btn-primary:hover { + background-color: var(--back-main); + color: var(--header)!important; +} +#componentsTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +#consumablesTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +.content-wrapper { + background-color: var(--background); +} +#create-form>div>div>div>span>i.fa { + background-color: var(--back-sub); + color: var(--header); +} +.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover, .datepicker table tr td.day.focused, .datepicker table tr td.day:hover { + background-color: var(--header); +} +.datepicker.dropdown-menu { + background-color: var(--back-main); + color: var(--text-main); +} +#details>div>div>div>table { + background-color: transparent; +} +.dropdown-menu, .dropdown-menu>li>a { + background-color: var(--back-sub); + color: var(--header); +} +.dropdown-menu>li>a:hover { + background-color: var(--back-main); + color: var(--text-main); +} +.form-control { + background-color: var(--back-main); + color: var(--text-main); +} +h1, h2, h3, h4, h5, h6, p { + color: var(--text-main); +} +.help-block { + color: var(--text-sub); +} +input[type=text], input[type=search] { + background-color: var(--back-sub); + color: var(--text-main); +} +.input-group, .input-group-addon { + background-color: var(--back-sub)!important; + color: var(--text-main); +} +#licensesTable>tbody>tr>td>nobr>a>i.fa { + color: var(--text-main); +} +.main-footer { + background-color: var(--back-main); + color: var(--text-main); +} +.nav-tabs-custom>.nav-tabs>li>a, .nav-tabs-custom>.nav-tabs>li.active>a { + color: var(--text-main); +} +.nav-tabs-custom>.nav-tabs>li.active { + border-top-color: var(--header); +} +.nav-tabs-custom>.nav-tabs>li.active>a { + background-color: var(--back-main); +} +.nav-tabs-custom>.nav-tabs>li.active>a:hover { + background-color: var(--back-sub); + color: var(--text-main); +} +.nav-tabs-custom, .nav-tabs-custom>.tab-content { + background-color: var(--back-main); +} +.navbar-nav>.tasks-menu>.dropdown-menu>li.header { + background-color: var(--back-main); + color: var(--header); +} +.open>.dropdown-toggle.btn-default { + background-color: var(--back-sub); + color: var(--header); +} +.panel { + background-color: var(--back-sub); + color: var(--text-main); +} +.panel-default>.panel-heading { + background-color: var(--back-main); + color: var(--header); +} +.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover { + background-color: var(--back-sub); + color: var(--header); +} +.select2-container--default .select2-results__option--highlighted[aria-selected] { + background-color: var(--header); + color: var(--back-main); +} +.select2-container--default .select2-selection--single .select2-selection__rendered { + color: var(--text-main); +} +.select2-selection--single { + background-color: var(--back-sub)!important; + color: var(--text-main)!important; +} +.select2-dropdown { + background-color: var(--back-main); + color: var(--text-main); +} +.skin-blue-dark .main-header .navbar .dropdown-menu li a { + color: var(--header); +} +.skin-blue-dark .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li:hover>a, .sidebar-toggle:hover { + background-color: var(--header)!important; +} +.tab-content, .tab-pane { + background-color: var(--back-main); + color: var(--text-main); +} +.table-striped>tbody>tr:nth-of-type(odd) { + background-color: var(--back-sub); +} +#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa { + color: var(--text-main); +} + +a { + color: var(--link); + &:link { + color: var(--link); + } + &:hover { + color: var(--light-link); + } + &:visited { + color: var(--link); + } +} \ No newline at end of file diff --git a/resources/macros/macros.php b/resources/macros/macros.php index f96f1c983..706f53af9 100644 --- a/resources/macros/macros.php +++ b/resources/macros/macros.php @@ -530,20 +530,20 @@ Form::macro('customfield_elements', function ($name = "customfield_elements", $s Form::macro('skin', function ($name = "skin", $selected = null, $class = null) { $formats = array( - 'blue' => 'Default Blue Dark', - 'blue-light' => 'Blue Light', + 'blue' => 'Default Blue', + 'blue-dark' => 'Blue (Dark Mode)', 'green' => 'Green Dark', - 'green-light' => 'Green Light', + 'green-dark' => 'Green (Dark Mode)', 'red' => 'Red Dark', - 'red-light' => 'Red Light', + 'red-dark' => 'Red (Dark Mode)', 'orange' => 'Orange Dark', - 'orange-light' => 'Orange Light', + 'orange-dark' => 'Orange (Dark Mode)', 'black' => 'Black', - 'black-light' => 'Black Light', + 'black-dark' => 'Black (Dark Mode)', 'purple' => 'Purple', - 'purple-light' => 'Purple Light', + 'purple-dark' => 'Purple (Dark Mode)', 'yellow' => 'Yellow', - 'yellow-light' => 'Yellow Light', + 'yellow-dark' => 'Yellow (Dark Mode)', 'contrast' => 'High Contrast', );