You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
988 lines
18 KiB
988 lines
18 KiB
/* GLOBAL */
|
|
html,
|
|
body {
|
|
background: #f0f0f0;
|
|
overflow-x: hidden;
|
|
}
|
|
h1 {
|
|
font-weight: bold;
|
|
letter-spacing: -3px;
|
|
}
|
|
h3 {
|
|
font-size: 21px;
|
|
letter-spacing: -1px;
|
|
}
|
|
.page-header {
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
|
|
margin: 25px 0 20px;
|
|
position: relative;
|
|
}
|
|
.page-header h1 {
|
|
margin: 0;
|
|
}
|
|
.pagination {
|
|
margin: 5px 0;
|
|
}
|
|
.clickable,
|
|
.expandable>td {
|
|
cursor: pointer;
|
|
}
|
|
.spinner {
|
|
color: #999;
|
|
left: 50%;
|
|
position: absolute;
|
|
top: 50%;
|
|
}
|
|
.powered {
|
|
bottom: 190px;
|
|
color: #9E9E9E;
|
|
font-size: smaller;
|
|
position: absolute;
|
|
right: 20px;
|
|
transform-origin: 100% 0;
|
|
transform: rotate(-90deg);
|
|
}
|
|
.powered a {
|
|
color: #636363;
|
|
}
|
|
.powered span {
|
|
color: #007bc3;
|
|
}
|
|
.dropdown-header {
|
|
color: #007bc3;
|
|
padding: 3px 25px;
|
|
text-transform: uppercase;
|
|
}
|
|
.gheader {
|
|
letter-spacing: -1px;
|
|
text-transform: uppercase;
|
|
}
|
|
h5.gheader {
|
|
letter-spacing: 0;
|
|
}
|
|
.panel-header h4.gheader {
|
|
margin-top: 20px;
|
|
}
|
|
.panel-header .gheader small {
|
|
font-size: 69%;
|
|
}
|
|
|
|
/* NAVIGATION */
|
|
nav {
|
|
-webkit-transition: left .2s;
|
|
background: #1C1C1C;
|
|
border-right: 3px solid #5bc0de;
|
|
height: 100%;
|
|
left: -236px;
|
|
overflow: hidden;
|
|
position: fixed;
|
|
top: 0;
|
|
transition: left .2s;
|
|
width: 300px;
|
|
z-index: 2;
|
|
}
|
|
nav .nav-list {
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
width: 350px;
|
|
}
|
|
nav header {
|
|
margin: 40px 20px 30px;
|
|
}
|
|
nav header a {
|
|
color: rgba(240,240,240,.7);
|
|
font-size: 2.7em;
|
|
font-weight: 300;
|
|
text-transform: uppercase;
|
|
}
|
|
nav header a:hover {
|
|
color: #eee;
|
|
}
|
|
nav.active {
|
|
display: block !important;
|
|
left: 0;
|
|
opacity: .97;
|
|
}
|
|
nav:hover ~ #content {
|
|
opacity: .3;
|
|
}
|
|
nav.active .nav-bars,
|
|
nav.active .nav-gears,
|
|
nav.active .nav-ws-status {
|
|
opacity: 0;
|
|
}
|
|
nav .nav-bars,
|
|
nav .nav-gears,
|
|
nav .nav-ws-status {
|
|
-webkit-transition: opacity .2s;
|
|
color: #9E9E9E;
|
|
cursor: pointer;
|
|
float: right;
|
|
font-size: 36px;
|
|
height: 32px;
|
|
left: 13px;
|
|
line-height: 32px;
|
|
position: fixed;
|
|
text-align: center;
|
|
top: 30px;
|
|
transition: opacity .2s;
|
|
width: 32px;
|
|
}
|
|
nav .nav-gears {
|
|
top: 100px;
|
|
opacity: 0.6;
|
|
}
|
|
nav .nav-ws-status,
|
|
.nav-ws-status.mini {
|
|
color: #6A6A6A;
|
|
cursor: help;
|
|
display: none;
|
|
font-size: 12px;
|
|
}
|
|
nav .nav-ws-status {
|
|
left: 25px;
|
|
top: 125px;
|
|
}
|
|
.nav-ws-status.mini {
|
|
top: 14px;
|
|
left: 50px;
|
|
position: absolute;
|
|
}
|
|
.nav-ws-status.connected {
|
|
color: #5DB56A;
|
|
}
|
|
nav li a {
|
|
border-left: 3px solid transparent;
|
|
color: rgba(200,200,200,.5);
|
|
display: block;
|
|
font-size: smaller;
|
|
max-width: 235px;
|
|
opacity: 0;
|
|
overflow: hidden;
|
|
padding: 9px 20px;
|
|
text-overflow: ellipsis;
|
|
text-transform: uppercase;
|
|
transition: opacity .2s;
|
|
white-space: nowrap;
|
|
}
|
|
nav.active li a {
|
|
max-width: 100%;
|
|
opacity: 1;
|
|
}
|
|
nav li a:hover,
|
|
nav li.active a {
|
|
background: rgba(0,0,0,.1);
|
|
border-color: #5BC0DE;
|
|
color: #eee;
|
|
}
|
|
nav ul {
|
|
padding-left: 0;
|
|
list-style: none;
|
|
}
|
|
/* Navigation -- Icon */
|
|
nav a,
|
|
nav a:hover {
|
|
text-decoration: none;
|
|
}
|
|
nav h3 {
|
|
color: #FFF !important;
|
|
font-size: medium;
|
|
font-weight: bold;
|
|
margin: 20px 25px 10px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
/* CONTAINER */
|
|
@media screen and (max-width: 767px) {
|
|
.row-offcanvas {
|
|
-webkit-transition: all .25s ease-out;
|
|
-o-transition: all .25s ease-out;
|
|
position: relative;
|
|
transition: all .25s ease-out;
|
|
}
|
|
|
|
.row-offcanvas-right {
|
|
right: 0;
|
|
}
|
|
|
|
.row-offcanvas-left {
|
|
left: 0;
|
|
}
|
|
|
|
.row-offcanvas-right
|
|
.sidebar-offcanvas {
|
|
right: -50%;
|
|
}
|
|
|
|
.row-offcanvas-left
|
|
.sidebar-offcanvas {
|
|
left: -50%;
|
|
}
|
|
|
|
.row-offcanvas-right.active {
|
|
right: 50%;
|
|
}
|
|
|
|
.row-offcanvas-left.active {
|
|
left: 50%;
|
|
}
|
|
|
|
.sidebar-offcanvas {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 50%;
|
|
};
|
|
}
|
|
@media (min-width: 768px) {
|
|
.container {
|
|
width: 750px;
|
|
};
|
|
}
|
|
@media (max-width: 480px) {
|
|
.wrap-general h5,
|
|
.wrap-panel h5 {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.wrap-general h5 {
|
|
width: 100%
|
|
}
|
|
.wrap-panel h5 {
|
|
width: 70%
|
|
}
|
|
}
|
|
.container-fluid {
|
|
margin-left: 75px;
|
|
}
|
|
@media (min-width: 1120px) {
|
|
.container {
|
|
width: 970px;
|
|
};
|
|
}
|
|
@media (min-width: 1320px) {
|
|
.container {
|
|
width: 1170px;
|
|
};
|
|
}
|
|
@media (max-width: 992px) {
|
|
.container-fluid {
|
|
margin-left: auto;
|
|
};
|
|
}
|
|
@media (max-width: 768px) {
|
|
.container-fluid {
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
.page-header {
|
|
padding: 0 10px;
|
|
}
|
|
}
|
|
|
|
/* PANEL STYLES */
|
|
.wrap-panel .panel-header {
|
|
position: relative;
|
|
}
|
|
div.wrap-panel > div {
|
|
background: #FFF;
|
|
margin-top: 10px;
|
|
padding: 0 10px;
|
|
border-top: 1px solid rgba(0, 0, 0, 0.15);
|
|
}
|
|
|
|
/* PANEL TABLES */
|
|
.wrap-panel table.table-borderless tbody tr td,
|
|
.wrap-panel table.table-borderless tbody tr th,
|
|
.wrap-panel table.table-borderless thead tr th {
|
|
border: none;
|
|
}
|
|
.wrap-panel table thead tr th {
|
|
text-align: right;
|
|
border-bottom-width: 1px;
|
|
}
|
|
.wrap-panel table .string,
|
|
.wrap-panel table .date {
|
|
text-align: left;
|
|
}
|
|
.wrap-panel table .percent {
|
|
color: #898989;
|
|
}
|
|
.wrap-panel table td,
|
|
.wrap-panel table th {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
.wrap-panel table th.sortable {
|
|
cursor: pointer;
|
|
}
|
|
/* thead meta */
|
|
.wrap-panel table tbody.tbody-meta {
|
|
border-top: 1px solid #C7C7C7;
|
|
border-bottom: 1px solid #C7C7C7;
|
|
}
|
|
.wrap-panel table tbody.tbody-meta tr {
|
|
background-color: #F1F1F1;
|
|
color: #222;
|
|
}
|
|
.wrap-panel table tbody.tbody-meta small {
|
|
font-size: 65%;
|
|
}
|
|
/* thead data */
|
|
.wrap-panel table tbody.tbody-data tr td {
|
|
border-right: 1px solid #F1F1F1;
|
|
font-size: smaller;
|
|
}
|
|
.wrap-panel table tbody.tbody-data td:last-child {
|
|
border-right: none;
|
|
}
|
|
.wrap-panel table tbody.tbody-data td.row-idx {
|
|
color: #898989;
|
|
}
|
|
.wrap-panel table>tbody+tbody {
|
|
border-top-width: 1px;
|
|
}
|
|
.wrap-panel table tbody.tbody-data tr.shaded {
|
|
background-color: #F7F7F7;
|
|
}
|
|
.wrap-panel table tbody.tbody-data tr. {
|
|
background-color: #F7F7F7;
|
|
}
|
|
.wrap-panel table tbody.tbody-data tr.child td:nth-child(1),
|
|
.wrap-panel table tbody.tbody-data tr.child td:nth-child(2) {
|
|
border-right: none;
|
|
}
|
|
.wrap-panel table.table-hover>tbody>tr:hover {
|
|
background-color: #EEE;
|
|
}
|
|
|
|
/* GENERAL */
|
|
.wrap-general {
|
|
position: relative;
|
|
}
|
|
.report-title {
|
|
background: #FFF;
|
|
border-radius: 4px;
|
|
bottom: -10px;
|
|
color: #9E9E9E;
|
|
font-size: small;
|
|
padding: 0 10px;
|
|
position: absolute;
|
|
right: 0;
|
|
z-index: 1;
|
|
}
|
|
.panel-plot-wrap {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 18px;
|
|
}
|
|
.col-title {
|
|
font-size: 85%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
text-shadow: 1px 1px 0 #FFF;
|
|
white-space: nowrap;
|
|
width: 100%;
|
|
}
|
|
.grid-module {
|
|
background: #FFF;
|
|
color: rgb(36, 36, 36);
|
|
font-weight: normal;
|
|
margin-top: 5px;
|
|
padding: 7px;
|
|
}
|
|
.grid-module h3 {
|
|
font-size: 25px;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width: 100%;
|
|
}
|
|
.grid-module.black {
|
|
border-top: 4px solid #0F1214;
|
|
}
|
|
.grid-module.gray {
|
|
border-top: 4px solid #9E9E9E;
|
|
}
|
|
.grid-module.red {
|
|
border-top: 4px solid #FF303E;
|
|
}
|
|
.grid-module.blue{
|
|
border-top: 4px solid #00D4E1;
|
|
}
|
|
.grid-module.green {
|
|
border-top: 4px solid #5DB56A;
|
|
}
|
|
@media (max-width: 767px) {
|
|
.panel-plot-wrap {
|
|
top: 10px;
|
|
}
|
|
.powered {
|
|
bottom: 10px;
|
|
left: 25px;
|
|
transform: initial;
|
|
}
|
|
}
|
|
|
|
/* CHARTS */
|
|
.chart-wrap {
|
|
margin-bottom: 15px;
|
|
position: relative;
|
|
}
|
|
svg {
|
|
background-color: #fff;
|
|
display: block;
|
|
}
|
|
.axis path {
|
|
fill: transparent;
|
|
stroke: black;
|
|
shape-rendering: crispEdges;
|
|
stroke-width: 1;
|
|
}
|
|
.grid.y .tick line,
|
|
.grid.x .tick line {
|
|
shape-rendering: crispEdges;
|
|
stroke: #999;
|
|
stroke-dasharray: 3 3;
|
|
stroke-width: 1;
|
|
}
|
|
.axis.x .tick line,
|
|
.axis.y0 .tick line,
|
|
.axis.y1 .tick line,
|
|
.grid.y .tick:first-child line {
|
|
stroke: black;
|
|
stroke-width: 1;
|
|
shape-rendering: crispEdges;
|
|
}
|
|
.bars rect.bar {
|
|
shape-rendering: crispEdges;
|
|
}
|
|
.rects rect {
|
|
fill: transparent;
|
|
}
|
|
.area {
|
|
opacity: 0.2;
|
|
}
|
|
.points {
|
|
stroke: transparent;
|
|
}
|
|
line.indicator {
|
|
fill: transparent;
|
|
pointer-events: none;
|
|
shape-rendering: crispEdges;
|
|
stroke: #999;
|
|
stroke-width: 1;
|
|
}
|
|
.area0,
|
|
.bars.y0 .bar,
|
|
.points.y0,
|
|
rect.legend.y0 {
|
|
fill: #447FB3;
|
|
}
|
|
.area1,
|
|
.bars.y1 .bar,
|
|
.points.y1,
|
|
rect.legend.y1 {
|
|
fill: #FF6854;
|
|
}
|
|
.line0,
|
|
.line1 {
|
|
fill: transparent;
|
|
stroke-width: 1;
|
|
}
|
|
.line0 {
|
|
stroke: #007BC3;
|
|
}
|
|
.line1 {
|
|
stroke: #FF303E;
|
|
}
|
|
.axis text,
|
|
.axis-label,
|
|
text.legend {
|
|
font: 10px sans-serif;
|
|
}
|
|
.axis-label.y0,
|
|
.axis-label.y1 {
|
|
text-anchor: end;
|
|
}
|
|
rect.legend {
|
|
height: 10px;
|
|
width: 10px;
|
|
}
|
|
.legend {
|
|
cursor: pointer;
|
|
}
|
|
.wrap-text text {
|
|
text-anchor: start!important;
|
|
}
|
|
|
|
/* CHART TOOLTIP */
|
|
.chart-tooltip-wrap {
|
|
left: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 10px;
|
|
z-index: 10;
|
|
}
|
|
.chart-tooltip {
|
|
-moz-box-shadow: 7px 7px 12px -9px #777777;
|
|
-webkit-box-shadow: 7px 7px 12px -9px #777777;
|
|
background-color: #fff;
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
box-shadow: 7px 7px 12px -9px #777777;
|
|
empty-cells: show;
|
|
opacity: 0.9;
|
|
}
|
|
.chart-tooltip tr {
|
|
border: 1px solid #CCC;
|
|
}
|
|
.chart-tooltip th {
|
|
background-color: #aaa;
|
|
color: #FFF;
|
|
font-size: 14px;
|
|
max-width: 380px;
|
|
overflow: hidden;
|
|
padding: 2px 5px;
|
|
text-align: left;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.chart-tooltip td {
|
|
border-left: 1px dotted #999;
|
|
font-size: 13px;
|
|
padding: 3px 6px;
|
|
}
|
|
.chart-tooltip td > span {
|
|
display: inline-block;
|
|
height: 10px;
|
|
margin-right: 6px;
|
|
width: 10px;
|
|
}
|
|
.chart-tooltip td.value {
|
|
text-align: right;
|
|
}
|
|
.chart-tooltip .blue {
|
|
background-color: #007BC3;
|
|
}
|
|
.chart-tooltip .red {
|
|
background-color: #FF303E;
|
|
}
|
|
|
|
/* DARK THEME */
|
|
.dark h1 {
|
|
color: rgba(255, 255, 255, 0.6);
|
|
}
|
|
.dark h3,
|
|
.dark h4,
|
|
.dark h5 {
|
|
color: rgba(255,255,255,0.4);
|
|
}
|
|
.dark .table-responsive {
|
|
border: none;
|
|
}
|
|
.dark .wrap-panel > div > table {
|
|
color: #D2D2D2;
|
|
}
|
|
.dark .wrap-panel table tbody.tbody-meta tr {
|
|
background-color: transparent;
|
|
color: #F7F7F7;
|
|
}
|
|
.dark .wrap-panel table tbody.tbody-data tr td {
|
|
border-right: none;
|
|
}
|
|
.dark .wrap-panel table.table-hover>tbody.tbody-data>tr:hover {
|
|
background-color: rgba(255, 255, 255, 0.08) !important;
|
|
}
|
|
.dark .col-title {
|
|
color: #9e9e9e;
|
|
text-shadow:none;
|
|
}
|
|
.dark .grid-module h3 {
|
|
color: #FFF;
|
|
}
|
|
.dark .dropdown-menu>li>a {
|
|
color: #FFF;
|
|
}
|
|
.dark div.wrap-panel > div {
|
|
color: #EEE;
|
|
margin-top: 10px;
|
|
padding: 0 10px;
|
|
border-top: 1px solid rgba(255, 255, 255, 0.15);
|
|
}
|
|
|
|
/* DARK BLUE THEME */
|
|
html.dark.blue,
|
|
.dark.blue body {
|
|
background: #252B30;
|
|
}
|
|
.dark.blue .container {
|
|
background: #252B30;
|
|
}
|
|
.dark.blue .page-header {
|
|
border-bottom: 1px solid #3B444C;
|
|
}
|
|
.dark.blue .label-info {
|
|
background-color: #252B30;
|
|
}
|
|
.dark.blue nav {
|
|
border-right: 1px solid #181B1F;
|
|
background: #1F2328;
|
|
}
|
|
.dark.blue div.wrap-panel > div {
|
|
background: #1F2328;
|
|
}
|
|
.dark.blue .wrap-panel table tbody.tbody-meta {
|
|
border-top: 1px solid #3B444C;
|
|
border-bottom: 1px solid #3B444C;
|
|
}
|
|
.dark.blue .wrap-panel table tbody.tbody-data tr.shaded {
|
|
background-color: #181B1F;
|
|
}
|
|
.dark.blue .gray {
|
|
border-top: 4px solid #3B444C;
|
|
}
|
|
.dark.blue .grid-module {
|
|
background: #1F2328;
|
|
}
|
|
.dark.blue .btn-default {
|
|
color: #9E9E9E;
|
|
background-color: #1F2328;
|
|
border-color: #3B444C;
|
|
}
|
|
.dark.blue .btn-default:active,
|
|
.dark.blue .btn-default:hover,
|
|
.dark.blue .btn-default.active,
|
|
.dark.blue .open>.dropdown-toggle.btn-default {
|
|
color: #3B444C;
|
|
background-color: #1F2328;
|
|
border-color: #0F1214;
|
|
}
|
|
.dark.blue .pagination>.disabled>a,
|
|
.dark.blue .pagination>.disabled>a:hover,
|
|
.dark.blue .pagination>.disabled>a:focus {
|
|
color: #777;
|
|
}
|
|
.dark.blue .pagination>li>a {
|
|
background-color: #1F2328;
|
|
border: 1px solid #3B444C;
|
|
}
|
|
.dark.blue .pagination>li>a:hover,
|
|
.dark.blue .pagination>li>a:active,
|
|
.dark.blue .pagination>li>a:focus {
|
|
color: #0370B0;
|
|
background-color: #1F2328;
|
|
border-color: #3B444C;
|
|
}
|
|
.dark.blue .dropdown-menu>li>a:hover,
|
|
.dark.blue .dropdown-menu>li>a:focus {
|
|
color: #FFF;
|
|
background-color: #3B444C;
|
|
}
|
|
.dark.blue .dropdown-menu {
|
|
background-color: #252B30;
|
|
}
|
|
.dark.blue::-webkit-scrollbar-track,
|
|
.dark.blue .table-responsive::-webkit-scrollbar-track {
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
|
|
background-color: #9E9E9E;
|
|
}
|
|
.dark.blue::-webkit-scrollbar,
|
|
.dark.blue .table-responsive::-webkit-scrollbar {
|
|
width: 10px;
|
|
height: 10px;
|
|
background-color: #9E9E9E;
|
|
}
|
|
.dark.blue::-webkit-scrollbar-thumb,
|
|
.dark.blue .table-responsive::-webkit-scrollbar-thumb {
|
|
background-color: #3B444C;
|
|
}
|
|
.dark.blue .chart-tooltip {
|
|
background-color: #252B30;
|
|
}
|
|
.dark.blue .report-title {
|
|
background: #1F2328;
|
|
}
|
|
|
|
/* DARK GREY THEME */
|
|
html.dark.gray,
|
|
.dark.gray body {
|
|
background: #212121;
|
|
}
|
|
.dark.gray .container {
|
|
background: #212121;
|
|
}
|
|
.dark.gray .page-header {
|
|
border-bottom: 1px solid #303030;
|
|
}
|
|
.dark.gray .label-info {
|
|
background-color: #303030;
|
|
}
|
|
.dark.gray nav {
|
|
border-right: 1px solid #363737;
|
|
background: #1C1C1C;
|
|
}
|
|
.dark.gray div.wrap-panel > div {
|
|
background: #1C1C1C;
|
|
}
|
|
.dark.gray .wrap-panel table tbody.tbody-meta {
|
|
border-top: 1px solid #363737;
|
|
border-bottom: 1px solid #363737;
|
|
}
|
|
.dark.gray .wrap-panel table tbody.tbody-data tr.shaded {
|
|
background-color: rgba(48, 48, 48, 0.48);
|
|
}
|
|
.dark.gray .gray {
|
|
border-top: 4px solid #303030;
|
|
}
|
|
.dark.gray .grid-module {
|
|
background: #1C1C1C;
|
|
}
|
|
.dark.gray .btn-default {
|
|
color: #9E9E9E;
|
|
background-color: #212121;
|
|
border-color: #303030;
|
|
}
|
|
.dark.gray .btn-default:active,
|
|
.dark.gray .btn-default:hover,
|
|
.dark.gray .btn-default.active,
|
|
.dark.gray .open>.dropdown-toggle.btn-default {
|
|
color: #363737;
|
|
background-color: #1C1C1C;
|
|
border-color: #0F1214;
|
|
}
|
|
.dark.gray .pagination>.disabled>a,
|
|
.dark.gray .pagination>.disabled>a:hover,
|
|
.dark.gray .pagination>.disabled>a:focus {
|
|
color: #777;
|
|
}
|
|
.dark.gray .pagination>li>a {
|
|
background-color: #212121;
|
|
border: 1px solid #303030;
|
|
}
|
|
.dark.gray .pagination>li>a:hover,
|
|
.dark.gray .pagination>li>a:active,
|
|
.dark.gray .pagination>li>a:focus {
|
|
color: #0370B0;
|
|
background-color: #212121;
|
|
border-color: #303030;
|
|
}
|
|
.dark.gray .dropdown-menu>li>a {
|
|
color: #FFF;
|
|
}
|
|
.dark.gray .dropdown-menu>li>a:hover,
|
|
.dark.gray .dropdown-menu>li>a:focus {
|
|
color: #FFF;
|
|
background-color: #303030;
|
|
}
|
|
.dark.gray .dropdown-menu {
|
|
background-color: #212121;
|
|
}
|
|
.dark.gray::-webkit-scrollbar-track,
|
|
.dark.gray .table-responsive::-webkit-scrollbar-track {
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
|
|
background-color: #9E9E9E;
|
|
}
|
|
.dark.gray::-webkit-scrollbar,
|
|
.dark.gray .table-responsive::-webkit-scrollbar {
|
|
width: 10px;
|
|
height: 10px;
|
|
background-color: #9E9E9E;
|
|
}
|
|
.dark.gray::-webkit-scrollbar-thumb,
|
|
.dark.gray .table-responsive::-webkit-scrollbar-thumb {
|
|
background-color: #303030;
|
|
}
|
|
.dark.gray .chart-tooltip {
|
|
background-color: #303030;
|
|
}
|
|
.dark.gray .report-title {
|
|
background: #303030;
|
|
}
|
|
|
|
/* DARK CHARTS */
|
|
.dark svg {
|
|
background-color: transparent;
|
|
}
|
|
.dark .area {
|
|
opacity: 0.1;
|
|
}
|
|
.dark .line0,
|
|
.dark .line1 {
|
|
stroke-width: 2;
|
|
}
|
|
.dark .area0,
|
|
.dark .bars.y0 .bar,
|
|
.dark rect.legend.y0 {
|
|
fill: #007BC3;
|
|
}
|
|
.dark .area1,
|
|
.dark .bars.y1 .bar,
|
|
.dark .points.y1,
|
|
.dark rect.legend.y1 {
|
|
fill: #FF303E;
|
|
}
|
|
.dark .points.y0 {
|
|
fill: #00D4E1;
|
|
}
|
|
.dark .line0 {
|
|
stroke: #007BC3;
|
|
}
|
|
.dark .line1 {
|
|
stroke: #FF303E;
|
|
}
|
|
.dark .grid.y .tick line,
|
|
.dark .grid.x .tick line {
|
|
stroke: #44474B;
|
|
stroke-dasharray: 1 1;
|
|
}
|
|
.dark .axis text,
|
|
.dark .axis-label,
|
|
.dark text.legend {
|
|
fill: #9E9E9E;
|
|
}
|
|
.dark .axis path {
|
|
stroke: #999999;
|
|
}
|
|
.dark .axis.x .tick line,
|
|
.dark .axis.y0 .tick line,
|
|
.dark .axis.y1 .tick line,
|
|
.dark .grid.y .tick:first-child line {
|
|
stroke: #3B444C;
|
|
}
|
|
.dark .chart-tooltip th {
|
|
background-color: #1c1c1c;
|
|
}
|
|
.dark .chart-tooltip tr {
|
|
border: 1px solid #363737;
|
|
}
|
|
|
|
/* DARK PURPLE THEME */
|
|
html.dark.purple,
|
|
.dark.purple body {
|
|
background: #1e1e2f;
|
|
}
|
|
.dark.purple .container {
|
|
background: #1e1e2f;
|
|
}
|
|
.dark.purple .page-header {
|
|
border-bottom: 1px solid #2b3553;
|
|
}
|
|
.dark.purple .label-info {
|
|
background-color: #181823;
|
|
}
|
|
.dark.purple nav {
|
|
border-right: 1px solid #e14eca;
|
|
background: #181823;
|
|
}
|
|
.dark.purple div.wrap-panel > div {
|
|
background: #27293d;
|
|
border-top: 1px solid #2b3553;
|
|
}
|
|
.dark.purple .wrap-panel table tbody.tbody-meta {
|
|
border-top: 1px solid #2b3553;
|
|
border-bottom: 1px solid #2b3553;
|
|
}
|
|
.dark.purple .wrap-panel table tbody.tbody-data tr.shaded {
|
|
background-color: #1e1e2f;
|
|
}
|
|
.dark.purple .gray {
|
|
border-top: 4px solid #2b3553;
|
|
}
|
|
.dark.purple .red {
|
|
border-top: 4px solid #fd5d93;
|
|
}
|
|
.dark.purple .green {
|
|
border-top: 4px solid #00f2c3;
|
|
}
|
|
.dark.purple .blue {
|
|
border-top: 4px solid #1f8ef1;
|
|
}
|
|
.dark.purple h3, .dark.purple h4, .dark.purple h5 {
|
|
color: #9a9a9a;
|
|
}
|
|
.dark.purple .grid-module {
|
|
background: #27293d;
|
|
}
|
|
.dark.purple .grid-module h3 {
|
|
color: #FFF;
|
|
}
|
|
.dark.purple .btn-default {
|
|
color: #9E9E9E;
|
|
background-color: #1e1e2f;
|
|
border-color: #2b3553;
|
|
}
|
|
.dark.purple .btn-default:active,
|
|
.dark.purple .btn-default:hover,
|
|
.dark.purple .btn-default.active,
|
|
.dark.purple .open>.dropdown-toggle.btn-default {
|
|
color: #59595f;
|
|
background-color: #1e1e2f;
|
|
border-color: #2b3553;
|
|
}
|
|
.dark.purple .pagination>.disabled>a,
|
|
.dark.purple .pagination>.disabled>a:hover,
|
|
.dark.purple .pagination>.disabled>a:focus {
|
|
color: #777;
|
|
}
|
|
.dark.purple .pagination>li>a {
|
|
background-color: #1e1e2f;
|
|
border: 1px solid #3B444C;
|
|
}
|
|
.dark.purple .pagination>li>a:hover,
|
|
.dark.purple .pagination>li>a:active,
|
|
.dark.purple .pagination>li>a:focus {
|
|
color: #0370B0;
|
|
background-color: #181823;
|
|
}
|
|
.dark.purple .dropdown-menu>li>a:hover,
|
|
.dark.purple .dropdown-menu>li>a:focus {
|
|
color: #FFF;
|
|
background-color: #181823;
|
|
}
|
|
.dark.purple .dropdown-menu {
|
|
background-color: #1e1e2f;
|
|
}
|
|
.dark.purple::-webkit-scrollbar-track,
|
|
.dark.purple .table-responsive::-webkit-scrollbar-track {
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
|
|
background-color: #9E9E9E;
|
|
}
|
|
.dark.purple::-webkit-scrollbar,
|
|
.dark.purple .table-responsive::-webkit-scrollbar {
|
|
width: 10px;
|
|
height: 10px;
|
|
background-color: #9E9E9E;
|
|
}
|
|
.dark.purple::-webkit-scrollbar-thumb,
|
|
.dark.purple .table-responsive::-webkit-scrollbar-thumb {
|
|
background-color: #1e1e2f;
|
|
}
|
|
.dark.purple .chart-tooltip {
|
|
background-color: #181823;
|
|
}
|
|
.dark.purple .report-title {
|
|
background: #181823;
|
|
}
|
|
.dark.purple .area0,
|
|
.dark.purple .bars.y0 .bar,
|
|
.dark.purple rect.legend.y0 {
|
|
fill: #007BC3;
|
|
}
|
|
.dark.purple .area1,
|
|
.dark.purple .bars.y1 .bar,
|
|
.dark.purple .points.y1,
|
|
.dark.purple rect.legend.y1 {
|
|
fill: #d048b6;
|
|
}
|
|
.dark.purple .points.y0 {
|
|
fill: #00D4E1;
|
|
}
|
|
.dark.purple .line0 {
|
|
stroke: #007BC3;
|
|
}
|
|
.dark.purple .line1 {
|
|
stroke: #d048b6;
|
|
}
|