1
0
Fork 0
arangodb/html/admin/css/dashboardView.css

483 lines
9.2 KiB
CSS
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/*.statGroups {
float:left;
margin-left:10px;
margin-top: 10px;
margin-bottom: 40px;
border: 1px solid black;
background-color: white;
width: 886px;
box-shadow: 0 0 3px #333333;
border: 8px solid #FFFFFF;
}
*/
.dashboardContent {
padding-bottom: 20px !important;
padding-top: 10px !important;
margin-bottom: 10px !important;
}
.dbNotVisible {
opacity: 0 !important;
}
#dashboardHeader .btn-group {
margin-left: 10px;
margin-top: 6px;
}
#dashboardHeader ul a {
margin-top: -2px !important;
padding-top: 5px !important;
padding-bottom: 3px !important;
padding-left: 12px !important;
padding-right: 8px !important;
border-radius: 0 !important;
margin-right: 0px !important;
}
.group-close, .group-open {
float:right;
margin-top: 18px !important;
margin-right: 10px !important;
}
.db-zoom, .db-minimize, .db-hide, .db-info, #detailReplicationMinimize{
float: right;
margin-top: -4px !important;
margin-right: 4px !important;
}
.db-zoom:hover, .db-minimize:hover, .db-hide, .db-info:hover, .group-close:hover, .group-open:hover,
#detailReplicationMinimize:hover {
cursor:pointer;
}
.groupHidden li {
display:none;
}
.statGroups {
margin-top: 10px !important;
margin-left: 0px;
float:left;
width: 100% !important;
margin-bottom: -15px !important;
}
.statGroups h4 {
padding-top: 5px;
margin-right: 20px;
height: 25px;
text-align: center;
}
.statSystem th{
width: 300px;
}
.statSingleClient {
height: 400px;
width: auto !important;
margin-top: 11px;
margin-left: 5px !important;
margin-right: 5px !important;
margin-bottom: -10px !important;
border-top: 1px solid #888888 !important;
border-left: 1px solid #E5E5E5 !important;
border-right: 1px solid #E5E5E5 !important;
border-bottom: 1px solid #E5E5E5 !important;
background-color: #FFFFFF !important;
}
.statClient {
float: left;
height: 100px;
width: 233px;
margin-left: 5px !important;
margin-bottom: 5px !important;
border: 1px solid rgba(0, 0, 0, 0.1);
background-color: #FFFFFF !important;
}
#detailGraphChart {
margin-left: -10px !important;
}
.statGroups .statChart {
margin-left: -55px !important;
margin-top: -50px !important;
}
.nv-axislabel {
margin-left: 20px;
}
.nv-axisMaxMin > text {
font: 10px sans-serif;
}
.svgCollections {
height: 300px;
width: 300px;
}
.svgClass {
margin-top: 20px !important;
padding-top: 0 !important;
/*height: 140px;*/
height: 155px;
width: 300px;
}
.svgDetailClass {
margin-top: 0 !important;
padding-top: 0 !important;
height: 400px;
width: 100%;
}
li:hover i, li.hover i,
li:hover h6, li.hover h6 {
opacity: 0.7 !important;
-webkit-transition-property: background color;
-webkit-transition-duration: 1s;
-webkit-transition-timing-function: linear;
-moz-transition-property: background color;
-moz-transition-duration: 1s;
-moz-transition-timing-function: linear;
-o-transition-property: background color;
-o-transition-duration: 1s;
-o-transition-timing-function: linear;
-ms-transition-property: background color;
-ms-transition-duration: 1s;
-ms-transition-timing-function: linear;
transition-property: background color;
transition-duration: 1s;
transition-timing-function: linear;
}
.boxHeader i {
opacity: 0;
margin-top: -2px !important;
}
.boxHeader h6 {
opacity: 0.25;
padding-top: 0 !important;
color: black;
margin-left: 5px;
margin-top: 0 !important;
margin-bottom: -15px !important;
}
#statsHeaderDiv {
margin-bottom: 16px;
margin-top: 0px;
margin-right: 5px !important;
margin-left: 5px !important;
padding: 0 !important;
height: 24px !important;
width: auto !important;
color: white;
height: 36px;
}
.statsHeader {
width: 100%;
background-color: #686766 !important;
}
#dashboardHeader {
margin-left: 5px;
margin-right: 5px;
padding-right: 5px;
padding-left: 5px;
background-color: #686766;
color: #FFFFFF;
height: 36px;
margin-top: 5px !important;
}
#dashboardHeader .btn-group {
border-radius: 0 !important;
max-height: 36px !important;
}
/*NVD3*/
.nv-series {
display: none;
}
.nv-x .nv-axislabel {
display: none;
}
.nv-point {
display: none;
}
/*Dashboard Dropdown*/
.dropdown-menu li > a {
padding: 0px 20px !important;
}
.checkboxLabel {
margin-top: 4px;
padding-left: 0;
}
.svgClass .nv-axisMaxMin text {
visibility: hidden;
}
.svgClass .major text {
visibility: hidden;
}
.svgClass .nv-axislabel {
visibility: hidden;
}
/*Dashboard Checkbox*/
#dashboardDropdownOut input[type=checkbox].css-checkbox, #transparentHeader input[type=checkbox].css-checkbox, #collectionsDropdown input[type=checkbox].css-checkbox {
display:none;
}
#dashboardDropdownOut input[type=checkbox].css-checkbox + label.css-label, #transparentHeader input[type=checkbox].css-checkbox + label.css-label, #collectionsDropdown input[type=checkbox].css-checkbox + label.css-label {
padding-left:20px;
margin-top: 0px;
margin-bottom: -0px;
height:15px;
display:inline-block;
background-repeat:no-repeat;
background-position: 0 0;
font-size:15px;
vertical-align:middle;
cursor:pointer;
}
#dashboardDropdownOut input[type=checkbox].css-checkbox:checked + label.css-label, #transparentHeader input[type=checkbox].css-checkbox:checked + label.css-label, #collectionsDropdown input[type=checkbox].css-checkbox:checked + label.css-label {
background-position: 0 -15px;
}
.css-label {
background-image:url(../img/dark-check-green.png);
}
/*Dashboard Radio */
.dropdown-menu .radio {
margin-left: -21px;
}
#dashboardDropdownOut input[type="radio"], #transparentHeader input[type="radio"] {
display:none;
}
#dashboardDropdownOut input[type="radio"] + label, #transparentHeader input[type="radio"] + label {
/*color:#f2f2f2;*/
/*font-family:Arial, sans-serif;
font-size:14px;*/
}
#dashboardDropdownOut input[type="radio"] + label span, #transparentHeader input[type="radio"] + label span {
display:inline-block;
width:19px;
height:19px;
margin:-1px 4px 0 0;
vertical-align:middle;
background:url(../img/check_radio_sheet.png) -38px top no-repeat;
cursor:pointer;
}
#dashboardDropdownOut input[type="radio"]:checked + label span, #transparentHeader input[type="radio"]:checked + label span {
background:url(../img/check_radio_sheet.png) -57px top no-repeat;
}
.detailChartHeader {
height: 25px;
border: 1px solid red;
background-color: #686766;
}
.nocssli {
margin-left: -10px !important;
border: 0 !important;
height: 25px;
padding: 0;
margin: 0;
height: 30px;
background-color: #686766 !important;
width: 940px;
}
.nocssli h4 {
margin-top: 5px;
color: white;
text-align: center;
}
#detailReplicationDiv {
padding-right: 20px;
}
#detailReplicationDiv table {
border-collapse: separate;
border-spacing: 0 2px;
}
#detailReplicationDiv table thead {
background-image: -moz-linear-gradient(center top , #F3EFEC, #EBE7E3) !important;
border-bottom: 1px solid #C1BDBA;
padding-bottom: 2px !important;
padding-top: 2px !important;
}
#detailReplicationDiv table {
width: 100%;
}
#detailReplicationDiv table {
text-align:left !important;
}
#detailReplicationDiv table tr {
}
#detailReplicationDiv table tbody tr th {
padding-bottom: 4px;
padding-top: 4px;
}
#rightReplicationDiv {
min-height: 150px;
margin-right: 10px;
margin-bottom: 8px;
background-color: #FFFFFF;
border: 1px solid #C1BDBA;
}
#leftReplicationDiv h4, #rightReplicationDiv h4 {
padding-left: 5px;
}
#leftReplicationDiv table, #rightReplicationDiv table {
width: 100%;
padding-right: 10px !important;
padding-left: 10px !important;
padding-bottom: 10px;
}
#leftReplicationDiv table td, #rightReplicationDiv table td {
padding-top: 4px;
padding-bottom: 5px;
}
#leftReplicationDiv table tr, #rightReplicationDiv table tr {
background-color: #F9F9F9 !important;
padding-top: 3px;
padding-bottom: 3px;
}
#leftReplicationDiv tbody, #rightReplicationDiv tbody {
background-color: #F9F9F9 !important;
}
#leftReplicationDiv tbody tr, #rightReplicationDiv tbody tr {
border: 1px solid #C1BDBA;
}
#leftReplicationDiv {
width: auto;
min-height: 150px;
margin-bottom: 8px;
margin-right: 10px;
margin-top: -11px;
background-color: #FFFFFF;
border: 1px solid #C1BDBA;
}
.alignLeft {
width: 240px !important;
text-align:left !important;
padding-left: 7px;
}
.checkApplyRunningStatus {
display:none;
}
#detailReplication {
height: auto !important;
}
.trueClass {
color: green;
}
.falseClass {
color: red;
}
#applyReplicationTable {
width: 100% !important;
}
.firstTh {
padding-left: 8px;
}
#shortcutDiv {
padding-top: 10px;
font-size: 12px;
font-weight: 200;
}
.headerH6 {
margin-left: 30px;
float:left;
}
.headerH4 {
margin-top: 9px;
float:left;
}
.statClient:hover {
opacity: 1 !important;
}
#detailReplication {
margin-right: 20px;
background-color: transparent !important;
border: 0 !important;
}
#detailGraphPadding {
margin-top: -12px !important;
}
.dashboardContent .arangoTab {
border-bottom: 0 !important;
}
#statSwitch {
margin-right: 15px;
}
#dashboardDropdownOut {
padding-bottom: 5px;
background-color: transparent !important;
}
#dashboardDropdown {
background-color: rgba(0,0,0,0.1) !important;
min-height: 230px !important;
}
#dashboardDropdown ul {
min-height: 206px !important;
}