mirror of
https://github.com/Cacti/cacti.git
synced 2026-10-30 00:26:50 +09:00
TheWitness
7b551eea72
Excludes vendored packages, third-party JS, patches, and the Win32 probe fixture. Pure EOL change; guards pass and php -l is clean.
3298 lines
63 KiB
CSS
3298 lines
63 KiB
CSS
/*
|
|
+-------------------------------------------------------------------------+
|
|
| Copyright (C) 2004-2026 The Cacti Group |
|
|
| |
|
|
| This program is free software; you can redistribute it and/or |
|
|
| modify it under the terms of the GNU General Public License |
|
|
| as published by the Free Software Foundation; either version 2 |
|
|
| of the License, or (at your option) any later version. |
|
|
| |
|
|
| This program is distributed in the hope that it will be useful, |
|
|
| but WITHOUT ANY WARRANTY; without even the implied warranty of |
|
|
| MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|
|
| GNU General Public License for more details. |
|
|
+-------------------------------------------------------------------------+
|
|
| Cacti: The Complete RRDtool-based Graphing Solution |
|
|
+-------------------------------------------------------------------------+
|
|
| This code is designed, written, and maintained by the Cacti Group. See |
|
|
| about.php and/or the AUTHORS file for specific developer information. |
|
|
+-------------------------------------------------------------------------+
|
|
| http://www.cacti.net/ |
|
|
+-------------------------------------------------------------------------+
|
|
*/
|
|
|
|
/* main styles */
|
|
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
-webkit-box-shadow: inset 0 0 6px rgba(22,22,6,0.7);
|
|
border-radius: 6px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
border-radius: 6px;
|
|
background: rgba(49,68,43,0.8);
|
|
-webkit-box-shadow: inset 0 0 4px rgba(49,68,43,0.5);
|
|
}
|
|
|
|
html, body {
|
|
height: 100%;
|
|
width: 100%;
|
|
margin: 0px;
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
overflow: hidden;
|
|
}
|
|
|
|
body {
|
|
background: #161616 none repeat scroll 0 0;
|
|
color: #bbbfc2;
|
|
font-size: 12px;
|
|
}
|
|
|
|
li {
|
|
|
|
}
|
|
|
|
table, tr, td, textarea {
|
|
-ms-overflow-style: scrollbar;
|
|
}
|
|
|
|
textarea {
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-size: 1.0em;
|
|
padding: 5px;
|
|
width: 400px;
|
|
height: 100px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
border: none;
|
|
text-align: left;
|
|
}
|
|
|
|
td, th {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
|
|
th {
|
|
white-space: nowrap;
|
|
user-select: none;
|
|
-ms-user-select: none;
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
}
|
|
|
|
img {
|
|
border: none;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
i.fa, i.fas, i.fab, i.far, i.fal {
|
|
font-size: 15px;
|
|
padding: 0px 3px;
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.menu_parent i.fa, .menu_parent i.fas, .menu_parent i.fab, .menu_parent i.far, .menu_parent i.fal {
|
|
color: snow;
|
|
}
|
|
|
|
div {
|
|
display: block;
|
|
}
|
|
|
|
fieldset {
|
|
border: none;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
|
|
.cols1 {
|
|
width: 100%;
|
|
display:table-cell;
|
|
}
|
|
|
|
.cols2 {
|
|
width: 50%;
|
|
display:table-cell;
|
|
}
|
|
|
|
.cols3 {
|
|
width: 33%;
|
|
display:table-cell;
|
|
}
|
|
|
|
.cols4 {
|
|
width: 25%;
|
|
display:table-cell;
|
|
}
|
|
|
|
.cols5 {
|
|
width: 20%;
|
|
display:table-cell;
|
|
}
|
|
|
|
.cols6 {
|
|
width: 16.6%;
|
|
display:table-cell;
|
|
}
|
|
|
|
.graphPage {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
hr.menu {
|
|
border: 0;
|
|
height: 1px;
|
|
background: #ccc;
|
|
background-image: linear-gradient(to right, #333, #ccc, #333);
|
|
}
|
|
|
|
.reindex_methods span {
|
|
font-size: 9px;
|
|
}
|
|
|
|
.checkbox {
|
|
text-align: center;
|
|
}
|
|
|
|
.checkboxLabel {
|
|
display: none;
|
|
}
|
|
|
|
.realms .checkboxLabel {
|
|
display: inline !important;
|
|
}
|
|
|
|
/* links */
|
|
|
|
a, a:active {
|
|
color: #e3e3e3;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration: none;
|
|
color: #fff;
|
|
}
|
|
|
|
th i.fa {
|
|
margin-top: -5px;
|
|
position: absolute;
|
|
right: 3px;
|
|
top: 50%;
|
|
}
|
|
|
|
#main {
|
|
display: none;
|
|
width: 100%;
|
|
position: relative;
|
|
z-index: 3;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
input {
|
|
padding: 5px;
|
|
font-size: 12px;
|
|
max-width: 400px;
|
|
}
|
|
|
|
select {
|
|
padding: 0.5em 0.5em 0.5em 0.5em;
|
|
font-size: 12px;
|
|
}
|
|
|
|
*:focus {
|
|
outline: none;
|
|
}
|
|
|
|
label {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.nowrap {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.prewrap {
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
.wrap {
|
|
white-space: normal !important;
|
|
}
|
|
|
|
.top {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.right {
|
|
text-align: right !important;
|
|
}
|
|
|
|
.left {
|
|
text-align: left;
|
|
}
|
|
|
|
.center {
|
|
text-align: center !important;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.flexContainer {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.flexChild {
|
|
display: inline-block;
|
|
margin-top: 5px;
|
|
flex-basis: 20%;
|
|
min-width: 200px;
|
|
}
|
|
|
|
.usermenudown {
|
|
background: transparent url('./../../../images/bullet_arrow_down.png') no-repeat center right;
|
|
}
|
|
|
|
.usermenuup {
|
|
background: transparent url('./../../../images/bullet_arrow_up.png') no-repeat center right;
|
|
}
|
|
|
|
.user {
|
|
padding-right: 16px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.filter {
|
|
position: relative;
|
|
left: -20px;
|
|
margin-right: -10px;
|
|
font-size: 11px !important;
|
|
}
|
|
|
|
.badpassword_message {
|
|
padding: 2px;
|
|
color: red;
|
|
font-size: 1.0em !important;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.badpassword {
|
|
padding: 4px;
|
|
color: red;
|
|
font-size: 1.5em !important;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.goodpassword {
|
|
padding: 4px;
|
|
color: rgba(148, 179, 107, 0.8);
|
|
font-size: 1.5em !important;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.associated {
|
|
color: rgba(148, 179, 107, 0.8);
|
|
}
|
|
|
|
.notAssociated {
|
|
color: red;
|
|
}
|
|
|
|
.disabled_row span, .disabled_row td, .disabled_row a {
|
|
color: grey;
|
|
}
|
|
|
|
.disabled {
|
|
color: grey;
|
|
}
|
|
|
|
.idle {
|
|
color: rgba(148, 179, 107, 0.8);
|
|
}
|
|
|
|
.running {
|
|
color: orange;
|
|
}
|
|
|
|
.errored {
|
|
color: red;
|
|
}
|
|
|
|
.newObject {
|
|
color: yellow;
|
|
}
|
|
|
|
.updateObject {
|
|
color: grey;
|
|
}
|
|
|
|
.unmetDependency {
|
|
color: red;
|
|
}
|
|
|
|
.foundDependency {
|
|
color: navy;
|
|
}
|
|
|
|
.success {
|
|
color: rgba(148, 179, 107, 0.8);
|
|
}
|
|
|
|
.failed {
|
|
color: red;
|
|
}
|
|
|
|
.accessGranted {
|
|
color: rgba(148, 179, 107, 0.8);
|
|
}
|
|
|
|
.accessGrantedItem {
|
|
color: rgba(148, 179, 107, 0.8);
|
|
}
|
|
|
|
.accessRestricted {
|
|
color: red;
|
|
}
|
|
|
|
.accessRestrictedItem {
|
|
color: red;
|
|
}
|
|
|
|
.deleteIcon {
|
|
width: 10px;
|
|
height: 10px;
|
|
cursor: pointer;
|
|
padding: 2px;
|
|
border: none;
|
|
}
|
|
|
|
.monoSpace {
|
|
font-size: 10px;
|
|
font-family: monospace;
|
|
color: snow;
|
|
}
|
|
|
|
.utilityPick {
|
|
width: 200px;
|
|
}
|
|
|
|
.itemlist {
|
|
max-height: 200px;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.realms {
|
|
width: 20%;
|
|
vertical-align: top;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.spikeKillMenuItem {
|
|
padding-left: 0.5em !important;
|
|
display: block;
|
|
}
|
|
|
|
.deviceUp {
|
|
color: rgba(148, 179, 107, 0.8) !important;
|
|
}
|
|
|
|
.deviceDown {
|
|
color: #ff0000 !important;
|
|
}
|
|
|
|
.deviceUnknown {
|
|
color: #0000ff !important;
|
|
}
|
|
|
|
.deviceDisabled {
|
|
color: #a1a1a1 !important;
|
|
}
|
|
|
|
.deviceRecovering {
|
|
color: #ff8f1e !important;
|
|
}
|
|
|
|
.deviceError {
|
|
color: #750F7D !important;
|
|
}
|
|
|
|
.deviceDownMuted {
|
|
color: #ffe333 !important;
|
|
}
|
|
|
|
.deviceThreshold {
|
|
color: #ffa833 !important;
|
|
}
|
|
|
|
.deviceUnmonitored {
|
|
color: rgba(250, 253, 158, 0.8) !important;
|
|
}
|
|
|
|
.deviceWarning {
|
|
color: #aa7807 !important;
|
|
}
|
|
|
|
.deviceAlert {
|
|
color: #660000 !important;
|
|
}
|
|
|
|
.deviceUpBg {
|
|
color: rgba(22,22,22,0.8);
|
|
font-size: 10pt;
|
|
font-weight: bold;
|
|
background-color: rgba(148, 179, 107, 0.8);
|
|
}
|
|
|
|
.deviceDownBg {
|
|
color: rgba(22,22,22,0.8);
|
|
font-size: 10pt;
|
|
font-weight: bold;
|
|
background-color: #ff0000;
|
|
}
|
|
|
|
.deviceUnknownBg {
|
|
color: rgba(22,22,22,0.8);
|
|
font-size: 10pt;
|
|
font-weight: bold;
|
|
background-color: #0000ff;
|
|
}
|
|
|
|
.deviceDisabledBg {
|
|
color: rgba(22,22,22,0.8);
|
|
font-size: 10pt;
|
|
font-weight: bold;
|
|
background-color: #a1a1a1;
|
|
}
|
|
|
|
.deviceRecoveringBg {
|
|
color: rgba(22,22,22,0.8);
|
|
font-size: 10pt;
|
|
font-weight: bold;
|
|
background-color: #ff8f1e;
|
|
}
|
|
|
|
.deviceErrorBg {
|
|
color: rgba(22,22,22,0.8);
|
|
font-size: 10pt;
|
|
font-weight: bold;
|
|
background-color: #750F7D;
|
|
}
|
|
|
|
.deviceDownMutedBg {
|
|
color: rgba(22,22,22,0.8);
|
|
font-size: 10pt;
|
|
font-weight: bold;
|
|
background-color: #ffe333;
|
|
}
|
|
|
|
.deviceThresholdBg {
|
|
color: rgba(22,22,22,0.8);
|
|
font-size: 10pt;
|
|
font-weight: bold;
|
|
background-color: #ffa833;
|
|
}
|
|
|
|
.deviceUnmonitoredBg {
|
|
color: rgba(22,22,22,0.8);
|
|
font-size: 10pt;
|
|
font-weight: bold;
|
|
background-color: rgba(250, 253, 158, 0.8);
|
|
}
|
|
|
|
.deviceWarningBg {
|
|
color: rgba(22,22,22,0.8);
|
|
font-size: 10pt;
|
|
font-weight: bold;
|
|
background-color: #aa7807;
|
|
}
|
|
|
|
.deviceAlertBg {
|
|
color: rgba(22,22,22,0.8);
|
|
font-size: 10pt;
|
|
font-weight: bold;
|
|
background-color: #660000;
|
|
}
|
|
|
|
.beingGraphed {
|
|
color: rgba(148, 179, 107, 0.8);
|
|
}
|
|
|
|
.notBeingGraphed {
|
|
color: #484848;
|
|
}
|
|
|
|
.menuoptions {
|
|
background: none repeat scroll 0 0 #161616;
|
|
border-color: #161606;
|
|
border-style: solid;
|
|
border-width: 0px 1px 1px 1px;
|
|
z-index: 4;
|
|
position: absolute;
|
|
display: block;
|
|
float: right;
|
|
right: 26px;
|
|
top: 22px;
|
|
list-style: none;
|
|
text-align: right;
|
|
margin: 0px;
|
|
padding: 0px 5px;
|
|
}
|
|
|
|
.menuoptions li a {
|
|
border-top: 1px solid #161616;
|
|
display: block;
|
|
height: 14px;
|
|
padding: 4px;
|
|
}
|
|
|
|
.menuoptions li a:hover {
|
|
background: #155413 url("images/ui-bg_highlight-soft_33_155413_1x100.png") 50% 50% repeat-x;
|
|
}
|
|
|
|
.import_label {
|
|
opacity: 1;
|
|
}
|
|
|
|
.import_button {
|
|
opacity: 0;
|
|
display: none;
|
|
}
|
|
|
|
.import_text {
|
|
opacity: 1;
|
|
}
|
|
|
|
.color-icon {
|
|
background-image: none !important;
|
|
}
|
|
|
|
.emailtest {
|
|
cursor: pointer;
|
|
display: block;
|
|
float: right;
|
|
text-align: right;
|
|
padding: 0px 5px 0px 0px;
|
|
}
|
|
|
|
.reloadquery {
|
|
cursor: pointer;
|
|
padding: 1px;
|
|
vertical-align: middle;
|
|
color: rgba(148, 179, 107, 0.8);
|
|
font-size: 14px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.verbosequery {
|
|
cursor: pointer;
|
|
padding: 1px;
|
|
vertical-align: middle;
|
|
color: rgba(255, 204, 0, 0.8);
|
|
font-size: 14px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.deletequery {
|
|
cursor: pointer;
|
|
padding: 1px;
|
|
vertical-align: middle;
|
|
color: red;
|
|
font-size: 14px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.deletequery:hover {
|
|
color: red;
|
|
text-decoration: none;
|
|
padding: 1px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.odd {
|
|
background: none repeat scroll 0 0 #202020;
|
|
border: none;
|
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.odd td, .even td, .even-alternate td, .selectable td {
|
|
padding: 3px;
|
|
}
|
|
|
|
.even {
|
|
background: none repeat scroll 0 0 #0F0F0F;
|
|
border: none;
|
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.even-alternate {
|
|
background: none repeat scroll 0 0 #0F0F0F;
|
|
border: none;
|
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.saveRow {
|
|
background-color: #262626;
|
|
text-align: right;
|
|
padding: 4px;
|
|
padding-right: 14px;
|
|
}
|
|
|
|
.treeArea, .treeItemsArea {
|
|
width: 25%;
|
|
border: 1px solid rgba(148, 179, 107, 0.8);
|
|
vertical-align: top;
|
|
}
|
|
|
|
.linkMarker {
|
|
color: #c16921;
|
|
}
|
|
|
|
.filteredValue {
|
|
background-color: #979D0C;
|
|
color: black;
|
|
}
|
|
|
|
.graphItemGr1Alt1 {
|
|
background-color: #EEEEEE;
|
|
}
|
|
|
|
.graphItemGr1Alt2 {
|
|
background-color: #EEEEEE;
|
|
}
|
|
|
|
.graphItemGr1Cust {
|
|
background-color: #D5D5D5;
|
|
}
|
|
|
|
.graphItemGr2Alt1 {
|
|
background-color: #E7E9F2;
|
|
}
|
|
|
|
.graphItemGr2Alt2 {
|
|
background-color: #E7E9F2;
|
|
}
|
|
|
|
.graphItemGr1Cust {
|
|
background-color: #D2D6E7;
|
|
}
|
|
|
|
.graphItemAdd {
|
|
background-color: #00438c;
|
|
}
|
|
|
|
.graphItemDel {
|
|
background-color: #C63636;
|
|
}
|
|
|
|
.graphItemHR {
|
|
color: #FF0000;
|
|
}
|
|
|
|
.hostUp {
|
|
color: #FFFFFF;
|
|
font-size: 10px;
|
|
font-family: monospace;
|
|
}
|
|
|
|
.hostDown {
|
|
color: #ff0000;
|
|
font-size: 10px;
|
|
font-family: monospace;
|
|
}
|
|
|
|
.cactiPageHead {
|
|
background: #161616 none repeat scroll 0 0;
|
|
height: 30px;
|
|
position: fixed;
|
|
padding-top: 5px;
|
|
top: 0px;
|
|
left: 0px;
|
|
z-index: 4;
|
|
}
|
|
|
|
.cactiPageHead #tabs {
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
}
|
|
|
|
.cactiGraphPageHeadBackdrop {
|
|
background: transparent url("./images/cacti_logo.svg") no-repeat scroll left 40% / 380px auto;
|
|
padding-bottom: 0px;
|
|
float: right;
|
|
width: 400px;
|
|
height: 35px;
|
|
top: 0px;
|
|
position: fixed;
|
|
right: 0px;
|
|
z-index: -1;
|
|
}
|
|
|
|
.cactiConsolePageHeadBackdrop {
|
|
background: transparent url("./images/cacti_logo.svg") no-repeat scroll left 40% / 380px auto;
|
|
padding-bottom: 0px;
|
|
float: right;
|
|
width: 400px;
|
|
height: 35px;
|
|
top: 0px;
|
|
position: fixed;
|
|
right: 0px;
|
|
z-index: -1;
|
|
}
|
|
|
|
.navigation {
|
|
}
|
|
|
|
.debug td {
|
|
padding: 3px;
|
|
margin: 0px;
|
|
}
|
|
|
|
.breadCrumbBar {
|
|
width: 100%;
|
|
position: fixed;
|
|
padding: 4px;
|
|
top: 27px;
|
|
left: 0px;
|
|
z-index: 4;
|
|
background: rgba(76,76,76,1);
|
|
background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
|
|
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(50%, rgba(44,44,44,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(60%, rgba(17,17,17,1)), color-stop(76%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1)));
|
|
background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
|
|
background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
|
|
background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
|
|
background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
|
|
}
|
|
|
|
ul#breadcrumbs {
|
|
font-size: 8px;
|
|
margin: 0 0 1px 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.infoBar {
|
|
background: #161606;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
padding: 0.5px 8px 0.5px 5px;
|
|
white-space: nowrap;
|
|
border-color: #161616;
|
|
border-radius: 5px;
|
|
box-shadow: 0 0 2px rgba(0,0,0,.2);
|
|
overflow: hidden;
|
|
display: block;
|
|
min-width: 15%;
|
|
max-width: 40%;
|
|
margin-right: 10px;
|
|
float: right;
|
|
text-align: right;
|
|
}
|
|
|
|
#breadcrumbs {
|
|
background: #161606;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: #161616;
|
|
border-radius: 5px;
|
|
white-space: nowrap;
|
|
max-width: 100%;
|
|
box-shadow: 0 0 2px rgba(0,0,0,.2);
|
|
overflow: hidden;
|
|
max-width: 60%;
|
|
min-width: 30%;
|
|
float: left;
|
|
}
|
|
|
|
#breadcrumbs li {
|
|
float: left;
|
|
}
|
|
|
|
#breadcrumbs a {
|
|
padding: .4em 1em .2em 2em;
|
|
float: left;
|
|
text-decoration: none;
|
|
color: #FFFFFF;
|
|
position: relative;
|
|
font-size: 10px;
|
|
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
|
background-color: #505050;
|
|
background-image: linear-gradient(to right, #161606, #505050);
|
|
}
|
|
|
|
#breadcrumbs li:first-child a {
|
|
padding-left: 1em;
|
|
border-radius: 5px 0 0 5px;
|
|
}
|
|
|
|
#breadcrumbs a:hover {
|
|
background: #505050;
|
|
}
|
|
|
|
#breadcrumbs a::after,
|
|
#breadcrumbs a::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -1.5em;
|
|
border-top: 1.5em solid transparent;
|
|
border-bottom: 1.5em solid transparent;
|
|
border-left: 1.1em solid;
|
|
right: -1em;
|
|
}
|
|
|
|
#breadcrumbs a::after {
|
|
z-index: 4;
|
|
border-left-color: #505050;
|
|
}
|
|
|
|
#breadcrumbs a::before {
|
|
border-left-color: #161606;
|
|
right: -1.1em;
|
|
z-index: 3;
|
|
}
|
|
|
|
#breadcrumbs a:hover::after {
|
|
border-left-color: #505050;
|
|
}
|
|
|
|
#breadcrumbs .current,
|
|
#breadcrumbs .current:hover {
|
|
background: none;
|
|
}
|
|
|
|
#breadcrumbs .current::after,
|
|
#breadcrumbs .current::before {
|
|
content: normal;
|
|
}
|
|
|
|
.cactiContent {
|
|
clear: both;
|
|
background: #161616 none repeat scroll 0 0;
|
|
width: 100%;
|
|
vertical-align: top;
|
|
padding-top: 62px;
|
|
}
|
|
|
|
.cactiTreeNavigationArea {
|
|
background: #161616;
|
|
border-right: #aaaaaa 1px solid;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
padding-top: 10px;
|
|
display: none;
|
|
vertical-align: top;
|
|
position: fixed;
|
|
left: 0px;
|
|
top: 56px;
|
|
z-index: 2;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.cactiTreeNavigationArea a {
|
|
padding-right: 18px !important;
|
|
}
|
|
|
|
.cactiTreeNavigationArea li {
|
|
padding-bottom: 3px;
|
|
}
|
|
|
|
.jstree {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.tableRow {
|
|
line-height: 22px;
|
|
}
|
|
|
|
.cactiConsoleNavigationArea {
|
|
background: #161616;
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
padding-top: 5px;
|
|
vertical-align: top;
|
|
left: 0px;
|
|
top: 56px;
|
|
overflow-y: hidden;
|
|
overflow-x: hidden;
|
|
width: 167px;
|
|
float: left;
|
|
}
|
|
|
|
.cactiConsoleNavigationArea table {
|
|
width: 162px;
|
|
}
|
|
|
|
.cactiLogo {
|
|
background: #161616 url('./images/cacti_logo.svg') no-repeat 30px;
|
|
display: table;
|
|
cursor: pointer;
|
|
padding-bottom: 178px;
|
|
margin-bottom: 60px;
|
|
width: 146px;
|
|
margin-top: 10px;
|
|
margin-left: 2px;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
.cactiAuthLogo {
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
background: transparent url('./images/cacti_logo.svg') no-repeat center;
|
|
width: 130px;
|
|
height: 148px;
|
|
z-index: 2;
|
|
margin: -310px 0 0 290px;
|
|
}
|
|
|
|
.cactiAuthCenter {
|
|
width: 350px;
|
|
}
|
|
|
|
.cactiAuthArea {
|
|
-moz-border-radius: 10px;
|
|
border-radius: 10px;
|
|
padding: 15px;
|
|
background-color: white;
|
|
top: 30%;
|
|
width: 360px;
|
|
max-height: 300px;
|
|
background: rgba(255,255,255,1);
|
|
background: -ms-linear-gradient(top, #363636 0%, #071204 100%);
|
|
background: -moz-linear-gradient(top, #363636 0%, #071204 100%);
|
|
background: -o-linear-gradient(top, #363636 0%, #071204 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #363636), color-stop(100, #071204));
|
|
background: -webkit-linear-gradient(top, #363636 0%, #071204 100%);
|
|
background: linear-gradient(to bottom, #363636 0%, #071204 100%);
|
|
text-shadow: 1px 1px 1px rgba(9, 61, 16, 0.66);
|
|
}
|
|
|
|
.cactiAuthArea hr {
|
|
margin-right: 60px;
|
|
}
|
|
|
|
.cactiAuthTitle {
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.cactiAuthTable td {
|
|
padding-bottom: 6px;
|
|
padding-right: 6px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.cactiAuthErrors {
|
|
color: red;
|
|
min-height: 20px;
|
|
}
|
|
|
|
legend {
|
|
font-size: 22px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.cactiAuthBody {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #161616;
|
|
background-image: -ms-linear-gradient(top, #161616 0%, #000000 100%);
|
|
background-image: -moz-linear-gradient(top, #161616 0%, #000000 100%);
|
|
background-image: -o-linear-gradient(top, #161616 0%, #000000 100%);
|
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #161616), color-stop(100, #000000));
|
|
background-image: -webkit-linear-gradient(top, #161616 0%, #000000 100%);
|
|
background-image: linear-gradient(to bottom, #161616 0%, #000000 100%);
|
|
}
|
|
|
|
.cactiAuthPanel {
|
|
padding: 4px 0px;
|
|
}
|
|
|
|
.versionInfo {
|
|
padding-top: 15px;
|
|
margin-right: -10px;
|
|
float: right;
|
|
color: white;
|
|
}
|
|
|
|
.actionsDropdown {
|
|
vertical-align: middle;
|
|
padding: 3px;
|
|
width: 100%;
|
|
text-align: right;
|
|
display: table;
|
|
}
|
|
|
|
.actionsDropdown div {
|
|
display: table-row;
|
|
margin-top: auto;
|
|
margin-bottom: auto;
|
|
}
|
|
|
|
.actionsDropdownButton {
|
|
vertical-align: top;
|
|
float: right;
|
|
margin-left: 3px;
|
|
display: table-cell;
|
|
padding-right: 14px;
|
|
}
|
|
|
|
.actionsDropdownArrow {
|
|
margin-top: auto;
|
|
margin-bottom: auto;
|
|
float: left !important;
|
|
padding: 3px;
|
|
}
|
|
|
|
.cactiTooltipHint {
|
|
cursor: pointer;
|
|
padding-left: 5px;
|
|
font-size: 12px !important;
|
|
}
|
|
|
|
.spikekillData, .spikekillData td {
|
|
border: 1px solid #999;
|
|
}
|
|
|
|
.spikekillNote {
|
|
padding: 1px;
|
|
margin: 0px;
|
|
}
|
|
|
|
.spikekillMenu {
|
|
background: #161616 none repeat scroll 0 0;
|
|
border: 1px solid #373737;
|
|
box-shadow: 2px 2px 2px #292929;
|
|
margin: 0;
|
|
padding: 2px;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.spikekillMenu li {
|
|
color: snow;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.spikekillMenu i {
|
|
text-align: center;
|
|
width: 2.0em;
|
|
display: inline-block;
|
|
}
|
|
|
|
.spikekillMenu i:empty {
|
|
width: 2.0em;
|
|
display: inline-block;
|
|
}
|
|
|
|
.cactiAuthPanel {
|
|
padding: 4px 0px;
|
|
}
|
|
|
|
.treeTable {
|
|
width: 100%;
|
|
}
|
|
|
|
.treeArea {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.cactiGraphContentArea {
|
|
background: #161616;
|
|
padding-top: 5px;
|
|
padding-right: 5px;
|
|
padding-left: 5px;
|
|
display: none;
|
|
vertical-align: top;
|
|
overflow-y: auto !important;
|
|
overflow-x: hidden !important;
|
|
height: 100vh;
|
|
}
|
|
|
|
.cactiGraphContentAreaPreview {
|
|
height: 100vh;
|
|
background: #161616;
|
|
padding-top: 5px;
|
|
padding-right: 5px;
|
|
padding-left: 5px;
|
|
display: none;
|
|
vertical-align: top;
|
|
overflow-y: auto !important;
|
|
overflow-x: hidden !important;
|
|
}
|
|
|
|
.cactiConsoleContentArea {
|
|
background: #161616;
|
|
padding-top: 5px;
|
|
padding-right: 5px;
|
|
padding-left: 5px;
|
|
vertical-align: top;
|
|
overflow-y: auto !important;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.hyperLink, .hyperLink:hover, .hyperLink:visited {
|
|
color: rgba(148, 179, 107, 0.8) !important;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.iconLink {
|
|
width: 20px;
|
|
line-height: 20px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.piinstall, .pienable, .pidisable, .piuninstall, .pierror, .piforceremove, .pirmdata, .piload, .pireadme, .pichangelog, .pirestore, .pirmarchive {
|
|
padding: 0px 3px !important;
|
|
}
|
|
|
|
.noLinkEditMain {
|
|
color: rgba(44,130,29,1);
|
|
text-decoration: none;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
padding: 3px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.linkEditMain, .linkEditMain:visited, .linkEditMain:active {
|
|
color: rgba(148, 179, 107, 0.8);
|
|
text-decoration: none;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.linkEditMain:hover {
|
|
color: show;
|
|
white-space: nowrap;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.linkOverDark, .linkOverDark:active {
|
|
color: snow;
|
|
font-weight: normal;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.linkOverDark:hover {
|
|
color: snow;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.linkCopyDark, .linkCopyDark:active {
|
|
color: snow;
|
|
font-weight: normal;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.linkCopyDark:hover {
|
|
color: snow;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.linkOverLight {
|
|
color: #161616;
|
|
text-decoration: none;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
}
|
|
|
|
.linkOverLight:hover {
|
|
color: #464646;
|
|
text-decoration: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
/* text styles */
|
|
|
|
.textError {
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
color: red !important;
|
|
}
|
|
|
|
.textWarning {
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
color: yellow !important;
|
|
}
|
|
|
|
.textInfo {
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
color: snow;
|
|
}
|
|
|
|
.textHeader {
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.textOverflow {
|
|
max-width: 200px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
display: block;
|
|
}
|
|
|
|
.bold {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.remover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.messageContainer {
|
|
text-align: center;
|
|
position: absolute;
|
|
display: none;
|
|
left: 30%;
|
|
right: 30%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
z-index: 4;
|
|
}
|
|
|
|
.messageBox {
|
|
padding: 1px;
|
|
margin-top: 2px;
|
|
border-radius: 3px;
|
|
background-color: #222222;
|
|
border: 1px solid #161616;
|
|
position: relative;
|
|
z-index: 4;
|
|
}
|
|
|
|
.textHeaderDark {
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
color: snow;
|
|
}
|
|
|
|
.templateHeader {
|
|
background: rgba(76,76,76,1);
|
|
background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
|
|
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(50%, rgba(44,44,44,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(60%, rgba(17,17,17,1)), color-stop(76%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1)));
|
|
background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
|
|
background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
|
|
background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
|
|
background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
|
|
}
|
|
|
|
.templateHeader td {
|
|
padding: 3px;
|
|
}
|
|
|
|
.textSubHeaderDark, .textSubHeaderDark:visited {
|
|
font-size: 11px;
|
|
color: snow;
|
|
font-weight: normal;
|
|
padding: 3px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.cactiBorderWall {
|
|
border-width: 1px;
|
|
border-color: #154313;
|
|
border-style: solid;
|
|
}
|
|
|
|
.cactiTable {
|
|
display: table;
|
|
width: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
color: snow;
|
|
}
|
|
|
|
.cactiInstallLoaderSpinnerTheme {
|
|
border-top-color: #252426 !important;
|
|
}
|
|
|
|
.cactiTableTitleRow {
|
|
display: table-row;
|
|
text-align: left;
|
|
height: 22px;
|
|
line-height: 22px;
|
|
background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #252426), color-stop(1, #0C0D0D));
|
|
background: -o-linear-gradient(bottom, #252426 0%, #0C0D0D 100%);
|
|
background: -moz-linear-gradient(bottom, #252426 0%, #0C0D0D 100%);
|
|
background: -webkit-linear-gradient(bottom, #252426 0%, #0C0D0D 100%);
|
|
background: -ms-linear-gradient(bottom, #252426 0%, #0C0D0D 100%);
|
|
background: linear-gradient(to bottom, #252426 0%, #0C0D0D 100%);
|
|
}
|
|
|
|
.cactiInstallTableTitleRow {
|
|
border-color: -webkit-gradient( linear, left top, left bottom, color-stop(0, #252426), color-stop(1, #0C0D0D));
|
|
border-color: -o-linear-gradient(bottom, #252426 0%, #0C0D0D 100%);
|
|
border-color: -moz-linear-gradient(bottom, #252426 0%, #0C0D0D 100%);
|
|
border-color: -webkit-linear-gradient(bottom, #252426 0%, #0C0D0D 100%);
|
|
border-color: -ms-linear-gradient(bottom, #252426 0%, #0C0D0D 100%);
|
|
border-color: linear-gradient(to bottom, #252426 0%, #0C0D0D 100%);
|
|
}
|
|
|
|
.cactiTableTitle {
|
|
float: left;
|
|
text-align: left;
|
|
padding-left: 5px;
|
|
height: 22px;
|
|
line-height: 22px;
|
|
background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #252426), color-stop(1, #0C0D0D));
|
|
background: -o-linear-gradient(bottom, #252426 0%, #0C0D0D 100%);
|
|
background: -moz-linear-gradient(bottom, #252426 0%, #0C0D0D 100%);
|
|
background: -webkit-linear-gradient(bottom, #252426 0%, #0C0D0D 100%);
|
|
background: -ms-linear-gradient(bottom, #252426 0%, #0C0D0D 100%);
|
|
background: linear-gradient(to bottom, #252426 0%, #0C0D0D 100%);
|
|
}
|
|
|
|
.cactiTableButton {
|
|
float: right;
|
|
padding: 0px;
|
|
text-align: right;
|
|
height: 22px;
|
|
line-height: 22px;
|
|
white-space: nowrap;
|
|
background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #252426), color-stop(1, #0C0D0D));
|
|
background: -o-linear-gradient(bottom, #252426 0%, #0C0D0D 100%);
|
|
background: -moz-linear-gradient(bottom, #252426 0%, #0C0D0D 100%);
|
|
background: -webkit-linear-gradient(bottom, #252426 0%, #0C0D0D 100%);
|
|
background: -ms-linear-gradient(bottom, #252426 0%, #0C0D0D 100%);
|
|
background: linear-gradient(to bottom, #252426 0%, #0C0D0D 100%);
|
|
}
|
|
|
|
.cactiTableButton.debug {
|
|
background: transparent;
|
|
float: right;
|
|
padding: 0px;
|
|
padding-bottom: 3px;
|
|
margin-right: -5px;
|
|
}
|
|
|
|
.cactiTableButton span, .cactiTableTitle span {
|
|
padding: 0px;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.cactiTableButton i {
|
|
padding: 0px 8px;
|
|
}
|
|
|
|
.cactiTableButton span:last-child i, .cactiTableTitle span:last-child i {
|
|
padding: 0px 8px !important;
|
|
}
|
|
|
|
.cactiDebugTable {
|
|
width: 100%;
|
|
}
|
|
|
|
.filterTable {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.filterTable td:first-child {
|
|
width: 55px;
|
|
min-width: 55px;
|
|
}
|
|
|
|
.filterTable td {
|
|
padding: 2px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.filterTable td label {
|
|
vertical-align: 10%;
|
|
}
|
|
|
|
.filterTable .filterRow {
|
|
display: table-row;
|
|
}
|
|
|
|
.filterTable .filterColumn {
|
|
display: table-cell;
|
|
padding: 5px 0px 5px 5px;
|
|
text-align: left;
|
|
}
|
|
|
|
.filterTable .filterColumn label {
|
|
vertical-align: -10%;
|
|
}
|
|
|
|
.filterTable .filterColumnButton {
|
|
display: table-cell;
|
|
padding: 5px 0px 5px 5px;
|
|
text-align: left;
|
|
}
|
|
|
|
.filterTable .filterColumn:first-child {
|
|
width: 55px;
|
|
}
|
|
|
|
.settingsFilter {
|
|
display: table;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.settingsFilter div {
|
|
display: table-cell;
|
|
padding: 5px 0px 5px 5px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.pingRow {
|
|
padding-left: 5px;
|
|
min-height: 50px;
|
|
vertical-align: text-top;
|
|
display: table-cell;
|
|
margin: 0px;
|
|
}
|
|
|
|
.formRow {
|
|
display: table;
|
|
width: 100%;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.formColumn {
|
|
float: left;
|
|
display: table-column;
|
|
text-align: left;
|
|
}
|
|
|
|
.formColumnLeft {
|
|
float: left;
|
|
display: table-column;
|
|
width: 45%;
|
|
text-align: left;
|
|
}
|
|
|
|
.formColumnRight {
|
|
float: left;
|
|
display: table-column;
|
|
width: 45%;
|
|
text-align: left;
|
|
}
|
|
|
|
.formData {
|
|
display: inline-block;
|
|
float: left;
|
|
text-align: left;
|
|
}
|
|
|
|
.confirm_actions .formColumnLeft {
|
|
min-width: 10%;
|
|
max-width: 45%;
|
|
width: initial;
|
|
display: table-cell;
|
|
float: initial;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.confirm_actions .formColumnRight {
|
|
display: table-cell;
|
|
float: initial;
|
|
}
|
|
|
|
.confirm_actions label {
|
|
white-space: wrap;
|
|
}
|
|
|
|
.formRadio {
|
|
line-height: 22px;
|
|
}
|
|
|
|
.formSubCheckbox {
|
|
line-height: 20px;
|
|
float: left;
|
|
}
|
|
|
|
.formSubCheckbox input {
|
|
margin: 0px;
|
|
vertical-align: -10%;
|
|
}
|
|
|
|
.formSubCheckbox label {
|
|
}
|
|
|
|
.formCheckbox {
|
|
vertical-align: -15%;
|
|
}
|
|
|
|
.formFieldName {
|
|
display: inline-block;
|
|
color: snow;
|
|
float: left;
|
|
text-align: left;
|
|
font-weight: normal;
|
|
padding-left: 3px;
|
|
}
|
|
|
|
.formFieldDescription {
|
|
float: left;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
line-height: 14px;
|
|
}
|
|
|
|
.formTooltip {
|
|
display: inline-block;
|
|
padding-left: 4px;
|
|
}
|
|
|
|
.formHeader {
|
|
float: left;
|
|
width: 100%;
|
|
text-align: left;
|
|
line-height: 25px;
|
|
background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
|
|
background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%);
|
|
background: -o-linear-gradient(top, #45484d 0%,#000000 100%);
|
|
background: -ms-linear-gradient(top, #45484d 0%,#000000 100%);
|
|
}
|
|
|
|
.formHeaderText {
|
|
padding-left: 3px;
|
|
}
|
|
|
|
.formHeaderAnchor {
|
|
float: right;
|
|
}
|
|
|
|
.formConfirmRadio {
|
|
width: 10px;
|
|
}
|
|
|
|
.formConfirmRow {
|
|
margin: 3px;
|
|
}
|
|
|
|
.formConfirmRow td {
|
|
padding: 3px 8px;
|
|
}
|
|
|
|
.formConfirmRow td:first-child {
|
|
width: 1%;
|
|
}
|
|
|
|
.hostInfoHeader {
|
|
width: 100%;
|
|
}
|
|
|
|
.queryAdd, .templateAdd {
|
|
padding: 3px;
|
|
}
|
|
|
|
@media screen and (max-width: 640px) {
|
|
.formRow {
|
|
display: table;
|
|
width: 100%;
|
|
line-height: 35px;
|
|
}
|
|
|
|
.formColumn {
|
|
float: left;
|
|
display: table-row;
|
|
}
|
|
|
|
.formColumnLeft {
|
|
float: left;
|
|
display: table-row;
|
|
width: 90%;
|
|
text-align: left;
|
|
}
|
|
|
|
.formColumnRight {
|
|
float: left;
|
|
display: table-row;
|
|
width: 100%;
|
|
text-align: left;
|
|
}
|
|
|
|
.formFieldName {
|
|
color: snow;
|
|
float: left;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
padding-left: 3px;
|
|
}
|
|
|
|
.formData {
|
|
float: left;
|
|
}
|
|
|
|
.hostInfoHeader {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.queryAdd, .templateAdd, .navBar, #ping_results {
|
|
display: none;
|
|
}
|
|
|
|
.ui-button-text-only .ui-button-text {
|
|
padding: 0.4em;
|
|
}
|
|
|
|
/* dropdown menus */
|
|
.menuoptions, .submenuoptions {
|
|
width: 100%;
|
|
left: 0 !important;
|
|
border-left: none !important;
|
|
border-right: none !important;
|
|
}
|
|
|
|
.menuoptions li a, .submenuoptions li a {
|
|
padding: 4px 25px 4px 4px;
|
|
}
|
|
}
|
|
|
|
.graphItem {
|
|
background-color: #362616;
|
|
}
|
|
|
|
.graphItemAlternate {
|
|
background-color: #262606;
|
|
}
|
|
|
|
.break {
|
|
height: 4px;
|
|
}
|
|
|
|
.next {
|
|
padding-right: 6px;
|
|
padding-left: 6px;
|
|
}
|
|
|
|
.previous {
|
|
padding-right: 6px;
|
|
padding-left: 6px;
|
|
}
|
|
|
|
.cactiNavBarTop {
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #252426), color-stop(1, #0C0D0D));
|
|
background: -o-linear-gradient(bottom, #252426 0%, #0C0D0D 100%);
|
|
background: -moz-linear-gradient(bottom, #252426 0%, #0C0D0D 100%);
|
|
background: -webkit-linear-gradient(bottom, #252426 0%, #0C0D0D 100%);
|
|
background: -ms-linear-gradient(bottom, #252426 0%, #0C0D0D 100%);
|
|
background: linear-gradient(to bottom, #252426 0%, #0C0D0D 100%);
|
|
}
|
|
|
|
.cactiNavBarBottom {
|
|
background-color: #00438c;
|
|
}
|
|
|
|
.tableHeader {
|
|
display: table-row;
|
|
background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
|
|
background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%);
|
|
background: -o-linear-gradient(top, #45484d 0%,#000000 100%);
|
|
background: -ms-linear-gradient(top, #45484d 0%,#000000 100%);
|
|
height: 24px;
|
|
}
|
|
|
|
.tableHeader th:hover:not(.primarySort) {
|
|
border: 0px solid #155413;
|
|
background: #155413 url("images/ui-bg_highlight-soft_33_155413_1x100.png") 50% 50% repeat-x;
|
|
}
|
|
|
|
.tableHeader th.sortable {
|
|
cursor: pointer !important;
|
|
}
|
|
|
|
.tableHeader th.primarySort, th.tablesorter-headerDesc, th.tablesorter-headerAsc {
|
|
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(167, 217, 134, 0.4) 0%, rgba(148, 179, 107, 0.4) 100%) repeat scroll 0 0;
|
|
}
|
|
|
|
.tableHeader th.secondarySort {
|
|
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(187, 227, 154, 0.2) 0%, rgba(168, 199, 127, 0.2) 100%) repeat scroll 0 0;
|
|
}
|
|
|
|
.tableHeader th, .tableHeader td {
|
|
color: snow;
|
|
vertical-align: middle;
|
|
text-align: left;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
padding: 3px;
|
|
}
|
|
|
|
.tableHeader th div {
|
|
display: block;
|
|
padding-right: 0px;
|
|
font-size: 12px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.tableSubHeaderColumn, .tableSubHeaderColumnCenter, .tableSubHeaderColumnRight {
|
|
color: snow;
|
|
vertical-align: middle;
|
|
text-align: left;
|
|
cursor: pointer;
|
|
padding: 3px;
|
|
}
|
|
|
|
.tableSubHeaderColumnCenter {
|
|
text-align: center;
|
|
}
|
|
|
|
.tableSubHeaderColumnRight {
|
|
text-align: right;
|
|
}
|
|
|
|
.graphSubHeaderColumn {
|
|
color: snow;
|
|
font-size: 12px;
|
|
vertical-align: middle;
|
|
text-align: left;
|
|
padding: 3px;
|
|
}
|
|
|
|
.tableSubHeaderCheckbox {
|
|
max-width: 20px;
|
|
width: 20px;
|
|
background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000));
|
|
background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%);
|
|
background: -o-linear-gradient(top, #45484d 0%,#000000 100%);
|
|
background: -ms-linear-gradient(top, #45484d 0%,#000000 100%);
|
|
background: linear-gradient(to bottom, #45484d 0%,#000000 100%);
|
|
}
|
|
|
|
.image_table {
|
|
width: 100%;
|
|
}
|
|
|
|
.tableConfirmation {
|
|
width: 100%;
|
|
text-align: center;
|
|
background-color: #f5f5f5;
|
|
border: 1px solid #aaaaaa;
|
|
}
|
|
|
|
.navBar {
|
|
min-width: 30%;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.navBarNavigation {
|
|
color: snow;
|
|
width: 100%;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
display: table;
|
|
background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #252426), color-stop(1, #0C0D0D));
|
|
background: -o-linear-gradient(bottom, #252426 0%, #0C0D0D 100%);
|
|
background: -moz-linear-gradient(bottom, #252426 0%, #0C0D0D 100%);
|
|
background: -webkit-linear-gradient(bottom, #252426 0%, #0C0D0D 100%);
|
|
background: -ms-linear-gradient(bottom, #252426 0%, #0C0D0D 100%);
|
|
background: linear-gradient(to bottom, #252426 0%, #0C0D0D 100%);
|
|
}
|
|
|
|
.navBarNavigationPrevious {
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
display: table-cell;
|
|
width: 10%;
|
|
height: 20px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.navBarNavigationCenter {
|
|
text-align: center;
|
|
display: table-cell;
|
|
white-space: nowrap;
|
|
width: 80%;
|
|
height: 20px;
|
|
margin-top: auto;
|
|
}
|
|
|
|
.navBarNavigationCenter span {
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
}
|
|
|
|
.navBarNavigationNext {
|
|
text-align: right;
|
|
white-space: nowrap;
|
|
display: table-cell;
|
|
width: 10%;
|
|
height: 20px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.navBarNavigationNone {
|
|
text-align: center;
|
|
display: table-cell;
|
|
white-space: nowrap;
|
|
width: 100%;
|
|
height: 22px;
|
|
margin-top: auto;
|
|
padding-top: 6px;
|
|
}
|
|
|
|
.navBarNavigationNext i.ui-icon {
|
|
margin-top: -16px;
|
|
margin-right: -16px;
|
|
top: 50%;
|
|
}
|
|
|
|
.navBarNavigationPrevious i.ui-icon {
|
|
margin-bottom: -16px;
|
|
margin-left: -16px;
|
|
top: 50%;
|
|
}
|
|
|
|
.textArea {
|
|
font-size: 12px;
|
|
background-color: #161616;
|
|
}
|
|
|
|
.textArea a {
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
.popupBox {
|
|
z-index: 2;
|
|
position: absolute;
|
|
padding: 0px;
|
|
display: none;
|
|
overflow: auto;
|
|
color: snow;
|
|
background-color: #e5e5e5;
|
|
border: 1px solid #e5e5e5;
|
|
}
|
|
|
|
.installArea {
|
|
background-color: snow;
|
|
padding: 10px;
|
|
}
|
|
|
|
.textAreaNotes {
|
|
font-size: 12px;
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
.textEditTitle {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.textMenuHeader {
|
|
color: snow;
|
|
background-color: #9C9C9C;
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
font-size: 10px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.textMenuItem {
|
|
background-color: #efefef;
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.textMenuSubItem {
|
|
background-color: snow;
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.textMenuItemSelected {
|
|
background-color: #E1E1E1;
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.txtErrorTextBox {
|
|
border: 2px solid #ff0000 !important;
|
|
}
|
|
|
|
.txtErrorText {
|
|
color: #FF0000;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
/* tabs */
|
|
.tabSpacer {
|
|
width: 0px;
|
|
padding-right: 2px;
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.tabsMarginLeft {
|
|
padding-left: 2px;
|
|
}
|
|
|
|
.tabSelected {
|
|
background-color: silver;
|
|
white-space: nowrap;
|
|
width: 1%;
|
|
}
|
|
|
|
.tabNotSelected {
|
|
background-color: #dfdfdf;
|
|
white-space: nowrap;
|
|
width: 1%;
|
|
}
|
|
|
|
.deleteMarker {
|
|
color: red !important;
|
|
height: 14px !important;
|
|
vertical-align: middle;
|
|
text-decoration: none !important;
|
|
padding-right: 7px !important;
|
|
display: inline-block !important;
|
|
width: 14.75px !important;
|
|
}
|
|
|
|
.deleteMarker:hover {
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.deleteMarkerDisabled {
|
|
color: grey !important;
|
|
height: 14px !important;
|
|
vertical-align: middle;
|
|
text-decoration: none !important;
|
|
padding-right: 7px !important;
|
|
display: inline-block !important;
|
|
width: 14.75px !important;
|
|
}
|
|
|
|
.deleteMarkerDisabled:hover {
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.moveArrow {
|
|
color: #00438C !important;
|
|
font-size: 14px !important;
|
|
display: inline-block !important;
|
|
width: 14.75px !important;
|
|
vertical-align: middle;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.moveArrow:hover {
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.moveArrowNone {
|
|
display: inline-block !important;
|
|
width: 14.75px !important;
|
|
}
|
|
|
|
.action, .shiftArrow, .calendar {
|
|
cursor: pointer;
|
|
padding: 2px;
|
|
}
|
|
|
|
td.tab {
|
|
border-top: 1px solid #999;
|
|
border-right: 1px solid #666;
|
|
border-left: 1px solid #999;
|
|
padding-left: 3px;
|
|
padding-right: 3px;
|
|
min-width: 0%;
|
|
border-bottom: none;
|
|
border-top-left-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
-moz-border-radius-topright: 4px;
|
|
-moz-border-radius-topleft: 4px;
|
|
}
|
|
|
|
td#tabs {
|
|
padding: 0px !important;
|
|
}
|
|
|
|
.cactiGraphHeaderBackground {
|
|
background: transparent url("./images/cacti_logo.svg") no-repeat scroll left 10% / 380px auto;
|
|
height: 35px;
|
|
width: 500px;
|
|
float: right;
|
|
position: fixed;
|
|
top: 0px;
|
|
right: 0px;
|
|
z-index: -1;
|
|
}
|
|
|
|
div#gtabs {
|
|
padding-bottom: 0px;
|
|
vertical-align: bottom;
|
|
position: fixed;
|
|
right: 5px;
|
|
top: 5px;
|
|
height: 30px;
|
|
}
|
|
|
|
.maintabs {
|
|
overflow: hidden;
|
|
height: 25px;
|
|
}
|
|
|
|
.maintabs-submenu {
|
|
display: none;
|
|
}
|
|
|
|
.maintabs li span {
|
|
display: inline-block;
|
|
}
|
|
|
|
.ellipsis {
|
|
display: none;
|
|
}
|
|
|
|
#nav .menu_parent span {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.submenuoptions {
|
|
border: 0px solid #155413;
|
|
background: #161616;
|
|
color: snow;
|
|
border-style: solid;
|
|
position: absolute;
|
|
top: 30px;
|
|
list-style: none;
|
|
text-align: left;
|
|
margin: 0px;
|
|
padding: 10px 0px 10px 0px;
|
|
z-index: 200;
|
|
}
|
|
|
|
.submenuoptions li a {
|
|
display: block;
|
|
padding: 4px 15px;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
color: snow;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.submenuoptions li a:hover {
|
|
display: block;
|
|
border: 1px solid #155413;
|
|
background: #155413 url("images/ui-bg_highlight-soft_33_155413_1x100.png") 50% 50% repeat-x;
|
|
color: snow;
|
|
}
|
|
|
|
.tabs a, .maintabs a {
|
|
-moz-border-radius: 5px 5px 0 0;
|
|
border-radius: 5px 5px 0 0;
|
|
background: #222222 url("images/ui-bg_highlight-soft_35_222222_1x100.png") repeat-x scroll 50% 50%;
|
|
color: snow;
|
|
float: left !important;
|
|
padding: 5px;
|
|
text-decoration: none;
|
|
font-size: 12px;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.tabs a:hover, .maintabs a:hover {
|
|
border: 0px solid #155413;
|
|
background: #155413 url("images/ui-bg_highlight-soft_33_155413_1x100.png") 50% 50% repeat-x;
|
|
}
|
|
|
|
.tabs a.selected, .maintabs a.selected {
|
|
background: #31442b url("images/ui-bg_highlight-hard_20_31442b_1x100.png") repeat-x scroll 50% 50%;
|
|
}
|
|
|
|
.tabs li, .maintabs li {
|
|
float: left;
|
|
margin: 0 3px 0 0;
|
|
position: relative;
|
|
}
|
|
|
|
.tabs li.current a, .maintabs li.current a {
|
|
background: #fff;
|
|
border-bottom: 1px solid #fff;
|
|
}
|
|
|
|
.tabs li.current a:hover, .maintabs li.current a:hover {
|
|
background: #fff;
|
|
border-bottom: 1px solid #fff;
|
|
}
|
|
|
|
.tabs nav, .maintabs nav {
|
|
padding: 0 0 0 4px;
|
|
zoom: 1;
|
|
height: 25px;
|
|
}
|
|
|
|
.tabs nav:after, .maintabs nav:after {
|
|
clear: both;
|
|
content: ".";
|
|
display: block;
|
|
height: 0;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.tabs ul, .maintabs ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
display: block;
|
|
}
|
|
|
|
/* Navigation Area */
|
|
#nav {
|
|
float: left;
|
|
width: 150px;
|
|
border-top: 0px solid #151515;
|
|
border-right: 0px solid #151515;
|
|
border-left: 0px solid #151515;
|
|
font-size: 12px;
|
|
margin: 0px 0;
|
|
}
|
|
|
|
#nav li a {
|
|
display: block;
|
|
padding: 2px 4px;
|
|
background: #ccc;
|
|
text-decoration: none;
|
|
color: #fff;
|
|
}
|
|
|
|
#nav li a.active {
|
|
color: snow;
|
|
background-image: linear-gradient(to top, #060606, #363636);
|
|
}
|
|
|
|
th {
|
|
border-right: 1px groove #eee !important;
|
|
}
|
|
|
|
th:last-child {
|
|
border-right: none !important;
|
|
}
|
|
|
|
td:last-child {
|
|
border-right: none !important;
|
|
}
|
|
|
|
tr.selected {
|
|
background: rgba(167,217,134,1);
|
|
background: -moz-linear-gradient(top, rgba(167,217,134,1) 0%, rgba(148,179,107,1) 100%);
|
|
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(167,217,134,1)), color-stop(100%, rgba(148,179,107,1)));
|
|
background: -webkit-linear-gradient(top, rgba(167,217,134,1) 0%, rgba(148,179,107,1) 100%);
|
|
background: -o-linear-gradient(top, rgba(167,217,134,1) 0%, rgba(148,179,107,1) 100%);
|
|
background: -ms-linear-gradient(top, rgba(167,217,134,1) 0%, rgba(148,179,107,1) 100%);
|
|
background: linear-gradient(to bottom, rgba(167,217,134,1) 0%, rgba(148,179,107,1) 100%);
|
|
color: #000000;
|
|
}
|
|
|
|
tr.selectable:hover:not(.selected) {
|
|
background: rgba(167,217,134,0.4);
|
|
background: -moz-linear-gradient(top, rgba(167,217,134,0.4) 0%, rgba(148,179,107,0.4) 100%);
|
|
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(167,217,134,0.4)), color-stop(100%, rgba(148,179,107,0.2)));
|
|
background: -webkit-linear-gradient(top, rgba(167,217,134,0.4) 0%, rgba(148,179,107,0.4) 100%);
|
|
background: -o-linear-gradient(top, rgba(167,217,134,0.4) 0%, rgba(148,179,107,0.4) 100%);
|
|
background: -ms-linear-gradient(top, rgba(167,217,134,0.4) 0%, rgba(148,179,107,0.4) 100%);
|
|
background: linear-gradient(to bottom, rgba(167,217,134,0.4) 0%, rgba(148,179,107,0.4) 100%);
|
|
}
|
|
|
|
tr.selectable:hover:not(.selected) a {
|
|
color: snow;
|
|
}
|
|
|
|
tr.selected a {
|
|
color: black !important;
|
|
}
|
|
|
|
tr td:last-child .checkbox {
|
|
margin-right: 10px !important;
|
|
}
|
|
|
|
tr th:last-child .checkbox {
|
|
margin-right: 10px !important;
|
|
}
|
|
|
|
#nav li a.pic:hover, #nav li a.selected {
|
|
background: -moz-linear-gradient(top, rgba(167,217,134,0.4) 0%, rgba(148,179,107,0.4) 100%);
|
|
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(167,217,134,0.4)), color-stop(100%, rgba(148,179,107,0.2)));
|
|
background: -webkit-linear-gradient(top, rgba(167,217,134,0.4) 0%, rgba(148,179,107,0.4) 100%);
|
|
background: -o-linear-gradient(top, rgba(167,217,134,0.4) 0%, rgba(148,179,107,0.4) 100%);
|
|
background: -ms-linear-gradient(top, rgba(167,217,134,0.4) 0%, rgba(148,179,107,0.4) 100%);
|
|
background: linear-gradient(to bottom, rgba(167,217,134,0.4) 0%, rgba(148,179,107,0.4) 100%);
|
|
}
|
|
|
|
#nav li a.pic {
|
|
padding-left: 12px;
|
|
}
|
|
|
|
#nav li ul {
|
|
display: none;
|
|
padding: 0;
|
|
}
|
|
|
|
#nav li ul li a {
|
|
padding: 2px 4px;
|
|
background: #191919 none repeat scroll 0 0;
|
|
}
|
|
|
|
#nav li ul li {
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
ul#nav {
|
|
list-style: none;
|
|
padding: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.clogError {
|
|
background-color: rgba(255, 0, 0, 0.2);
|
|
}
|
|
|
|
.clogWarning {
|
|
background-color: rgba(255, 255, 0, 0.2);
|
|
}
|
|
|
|
.clogSQL {
|
|
background-color: rgba(0, 0, 255, 0.2);
|
|
}
|
|
|
|
.clogDebug {
|
|
background-color: rgba(0, 0, 220, 0.1);
|
|
}
|
|
|
|
.clogStats {
|
|
background-color: rgba(0, 255, 0, 0.1);
|
|
}
|
|
|
|
.clogLimit {
|
|
background-color: rgba(255, 255, 0, 0.2);
|
|
}
|
|
|
|
.clogStats td, .clogDebug td, .clogSQL td, .clogWarning td, .clogError td, .clogLimit td {
|
|
padding: 3px;
|
|
}
|
|
|
|
@media print {
|
|
.noprint {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
div.preformatted {
|
|
color: snow !important;
|
|
font-size: 11px !important;
|
|
}
|
|
|
|
ul.pagination {
|
|
display: inline-block;
|
|
padding: 0px;
|
|
margin: 5px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
ul.pagination li {
|
|
display: inline;
|
|
}
|
|
|
|
ul.pagination li a {
|
|
color: #bbbfc2;
|
|
float: left;
|
|
padding: 3px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
ul.pagination li span {
|
|
color: #bbbfc2;
|
|
float: left;
|
|
padding: 0px 0px;
|
|
text-decoration: none;
|
|
margin: 0px 1px;
|
|
}
|
|
|
|
ul.pagination li a.active {
|
|
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(167, 217, 134, 1) 0%, rgba(148, 179, 107, 1) 100%) repeat scroll 0 0;
|
|
color: #161616;
|
|
border-radius: 3px;
|
|
padding: 3px;
|
|
}
|
|
|
|
ul.pagination li a:hover:not(.active) {
|
|
background: rgba(167,217,134,0.4);
|
|
background: -moz-linear-gradient(top, rgba(167,217,134,0.4) 0%, rgba(148,179,107,0.4) 100%);
|
|
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(167,217,134,0.4)), color-stop(100%, rgba(148,179,107,0.2)));
|
|
background: -webkit-linear-gradient(top, rgba(167,217,134,0.4) 0%, rgba(148,179,107,0.4) 100%);
|
|
background: -o-linear-gradient(top, rgba(167,217,134,0.4) 0%, rgba(148,179,107,0.4) 100%);
|
|
background: -ms-linear-gradient(top, rgba(167,217,134,0.4) 0%, rgba(148,179,107,0.4) 100%);
|
|
background: linear-gradient(to bottom, rgba(167,217,134,0.4) 0%, rgba(148,179,107,0.4) 100%);
|
|
border-radius: 3px;
|
|
padding: 3px;
|
|
color: snow;
|
|
}
|
|
|
|
tr#realtime td:first-child {
|
|
height: 64px;
|
|
}
|
|
|
|
.logEmergency {
|
|
background-color: rgba(255, 6, 6, 0.4);
|
|
text-align: center;
|
|
width: 12.5%;
|
|
padding: 3px;
|
|
color: #eeeeee;
|
|
}
|
|
|
|
.logCritical {
|
|
background-color: rgba(242, 23, 33, 0.2);
|
|
text-align: center;
|
|
width: 12.5%;
|
|
padding: 3px;
|
|
color: #eeeeee;
|
|
}
|
|
|
|
.logAlert {
|
|
background-color: rgba(242, 25, 36, 0.2);
|
|
text-align: center;
|
|
width: 12.5%;
|
|
padding: 3px;
|
|
color: #eeeeee;
|
|
}
|
|
|
|
.logWarning {
|
|
background-color: rgba(255, 122, 48, 0.2);
|
|
text-align: center;
|
|
width: 12.5%;
|
|
padding: 3px;
|
|
color: #eeeeee;
|
|
}
|
|
|
|
.logError {
|
|
background-color: rgba(251, 74, 20, 0.2);
|
|
text-align: center;
|
|
width: 12.5%;
|
|
padding: 3px;
|
|
color: #eeeeee;
|
|
}
|
|
|
|
.logNotice {
|
|
background-color: rgba(250, 253, 158, 0.2);
|
|
text-align: center;
|
|
width: 12.5%;
|
|
padding: 3px;
|
|
color: #eeeeee;
|
|
}
|
|
|
|
.logInfo {
|
|
background-color: rgba(204, 255, 204, 0.2);
|
|
text-align: center;
|
|
width: 12.5%;
|
|
padding: 3px;
|
|
color: #eeeeee;
|
|
}
|
|
|
|
.logDebug {
|
|
background-color: rgba(205, 207, 196, 0.2);
|
|
text-align: center;
|
|
width: 12.5%;
|
|
padding: 3px;
|
|
color: #eeeeee;
|
|
}
|
|
|
|
.menuitem {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.menu_glyph {
|
|
font-size: 17px !important;
|
|
vertical-align: middle;
|
|
text-align: left;
|
|
width: 22px;
|
|
padding-right: 0px !important;
|
|
display: inline-block;
|
|
}
|
|
|
|
.graphDrillDown {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
align-self: left;
|
|
z-index: 4;
|
|
padding: 3px;
|
|
height: 200px;
|
|
width: 22px;
|
|
min-width: 22px;
|
|
}
|
|
|
|
.iconWrapper {
|
|
display: none;
|
|
}
|
|
|
|
.drillDown {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.graphWrapper {
|
|
display: inline-block;
|
|
}
|
|
|
|
.ui-autocomplete {
|
|
height: 300px;
|
|
overflow-y: scroll;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.ui-select-text input {
|
|
width: 180px;
|
|
margin: 0;
|
|
padding: 0;
|
|
background: transparent;
|
|
}
|
|
|
|
.ui-multiselect .ui-icon {
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.ui-button {
|
|
padding: 0.3em 1em !important;
|
|
}
|
|
|
|
.ui-multiselect, .ui-multiselect-button, .ui-selectmenu-button {
|
|
padding: 0.3em 0.5em !important;
|
|
text-align: left;
|
|
line-height: initial;
|
|
}
|
|
|
|
.ui-multiselect-filter, .ui-widget-header {
|
|
font-weight: normal !important;
|
|
}
|
|
|
|
.ui-multiselect-header ul {
|
|
height: 15px;
|
|
float: left;
|
|
}
|
|
|
|
.ui-multiselect-filter {
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.ui-multiselect-filter-label > input {
|
|
padding: 2px;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.ui-tooltip {
|
|
max-width: 500px;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.ui-tooltip-content div.header {
|
|
color: rgba(148, 179, 107, 0.8);
|
|
}
|
|
|
|
.ui-tooltip-content div.content {
|
|
font-size: 10px;
|
|
color: #333333;
|
|
}
|
|
|
|
.ui-tooltip-content {
|
|
overflow: auto !important;
|
|
opacity: 0.95;
|
|
border-radius: 5px !important;
|
|
border: transparent;
|
|
}
|
|
|
|
.ui-widget {
|
|
font-size: unset;
|
|
}
|
|
|
|
.ui-widget-header {
|
|
background: transparent;
|
|
background-color: #161616;
|
|
}
|
|
|
|
.ui-checkboxradio-icon {
|
|
display: none;
|
|
}
|
|
|
|
.ui-selectmenu-search input {
|
|
width: 100%;
|
|
}
|
|
|
|
/* New Checkbox Stuff */
|
|
.checkboxSwitch {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 45px;
|
|
height: 24px;
|
|
margin-right: 5px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.checkboxSwitch input {
|
|
display: none;
|
|
}
|
|
|
|
.checkboxSlider {
|
|
position: absolute;
|
|
cursor: pointer;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
|
|
background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%);
|
|
background: -o-linear-gradient(top, #45484d 0%,#000000 100%);
|
|
background: -ms-linear-gradient(top, #45484d 0%,#000000 100%);
|
|
-webkit-transition: .4s;
|
|
transition: .4s;
|
|
}
|
|
|
|
.checkboxSlider:before {
|
|
position: absolute;
|
|
content: "";
|
|
height: 16px;
|
|
width: 16px;
|
|
left: 4px;
|
|
bottom: 4px;
|
|
background-color: white;
|
|
background-image: url('./images/cacti_logo.svg');
|
|
background-repeat: no-repeat;
|
|
background-size: 7px;
|
|
background-position: center;
|
|
-webkit-transition: .4s;
|
|
transition: .4s;
|
|
}
|
|
|
|
input:disabled + .checkboxSlider {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
input:checked + .checkboxSlider {
|
|
background: #31442b url("images/ui-bg_highlight-hard_20_31442b_1x100.png") repeat-x scroll 50% 50%;
|
|
}
|
|
|
|
input:focus + .checkboxSlider {
|
|
box-shadow: -moz-linear-gradient(top, #45484d 100%, #000000 100%);
|
|
box-shadow: -webkit-linear-gradient(top, #45484d 100%,#000000 100%);
|
|
box-shadow: -o-linear-gradient(top, #45484d 100%,#000000 100%);
|
|
box-shadow: -ms-linear-gradient(top, #45484d 100%,#000000 100%);
|
|
}
|
|
|
|
input:checked + .checkboxSlider:before {
|
|
-webkit-transform: translateX(20px);
|
|
-ms-transform: translateX(20px);
|
|
transform: translateX(20px);
|
|
}
|
|
|
|
/* Rounded.checkboxSliders */
|
|
.checkboxSlider.checkboxRound {
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.checkboxSlider.checkboxRound:before {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.checkboxLabelWanted {
|
|
display: inline-block;
|
|
margin-left: 5px;
|
|
margin-right: 10px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.right {
|
|
text-align: right;
|
|
}
|
|
|
|
.radioSwitch {
|
|
position: relative;
|
|
display: inline-block;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
height: 24px;
|
|
width: 24px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.radioSwitch input {
|
|
display: none;
|
|
}
|
|
|
|
.radioSlider {
|
|
position: absolute;
|
|
cursor: pointer;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
height: 24px;
|
|
width: 24px;
|
|
background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
|
|
background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%);
|
|
background: -o-linear-gradient(top, #45484d 0%,#000000 100%);
|
|
background: -ms-linear-gradient(top, #45484d 0%,#000000 100%);
|
|
-webkit-transition: .4s;
|
|
transition: .4s;
|
|
}
|
|
|
|
.radioSlider:before {
|
|
display: none;
|
|
position: absolute;
|
|
content: "";
|
|
height: 16px;
|
|
width: 16px;
|
|
left: 4px;
|
|
bottom: 4px;
|
|
background-color: white;
|
|
background-image: url('./images/cacti_logo.svg');
|
|
background-repeat: no-repeat;
|
|
background-size: 7px;
|
|
background-position: center;
|
|
-webkit-transition: .4s;
|
|
transition: .4s;
|
|
}
|
|
|
|
input:disabled + .radioSlider {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
input:checked + .radioSlider {
|
|
background: #31442b url("images/ui-bg_highlight-hard_20_31442b_1x100.png") repeat-x scroll 50% 50%;
|
|
}
|
|
|
|
input:focus + .radioSlider {
|
|
box-shadow: -moz-linear-gradient(top, #45484d 100%, #000000 100%);
|
|
box-shadow: -webkit-linear-gradient(top, #45484d 100%,#000000 100%);
|
|
box-shadow: -o-linear-gradient(top, #45484d 100%,#000000 100%);
|
|
box-shadow: -ms-linear-gradient(top, #45484d 100%,#000000 100%);
|
|
}
|
|
|
|
input:checked + .radioSlider:before {
|
|
display: block;
|
|
}
|
|
|
|
/* Rounded.radioSliders */
|
|
.radioSlider.radioRound {
|
|
border-radius: 24px;
|
|
}
|
|
|
|
.radioSlider.radioRound:before {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.radioLabelWanted {
|
|
display: inline-block;
|
|
margin-left: 5px;
|
|
margin-right: 10px;
|
|
vertical-align: middle;
|
|
line-height: 20px;
|
|
}
|
|
|
|
td.center > table {
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.ui-menu-item-wrapper {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.bb-chart {
|
|
}
|
|
|
|
.bb-chart-arc path {
|
|
fill: #A8A8A8;
|
|
}
|
|
|
|
.bb-tooltip {
|
|
}
|
|
|
|
.bb-legend-item {
|
|
fill: #A8A8A8;
|
|
}
|
|
|
|
.bb-grid {
|
|
fill: #A8A8A8;
|
|
}
|
|
|
|
.bb-axis {
|
|
fill: #A8A8A8;
|
|
}
|
|
|
|
/*-- Tooltip --*/
|
|
.bb-tooltip-container {
|
|
z-index: 10;
|
|
}
|
|
|
|
.bb-tooltip {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
background-color: #161616;
|
|
empty-cells: show;
|
|
-webkit-box-shadow: 7px 7px 12px -9px #777777;
|
|
-moz-box-shadow: 7px 7px 12px -9px #777777;
|
|
box-shadow: 7px 7px 12px -9px #777777;
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.bb-tooltip tr {
|
|
border: 1px solid #050505;
|
|
}
|
|
|
|
.bb-tooltip th {
|
|
background-color: #161616;
|
|
font-size: 14px;
|
|
padding: 2px 5px;
|
|
text-align: left;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.bb-tooltip td {
|
|
font-size: 13px;
|
|
padding: 3px 6px;
|
|
background-color: #050505;
|
|
border-left: 1px dotted #999;
|
|
}
|
|
|
|
.bb-tooltip td > span {
|
|
display: inline-block;
|
|
width: 10px;
|
|
height: 10px;
|
|
margin-right: 6px;
|
|
}
|
|
|
|
.bb-tooltip td.value {
|
|
text-align: right;
|
|
}
|
|
|
|
/*-- Chart --*/
|
|
.bb svg {
|
|
font: 10px sans-serif;
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
|
|
.bb path, .bb line {
|
|
fill: none;
|
|
stroke: #E0E0E0;
|
|
}
|
|
|
|
.bb text {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.bb-legend-item-tile,
|
|
.bb-xgrid-focus,
|
|
.bb-ygrid,
|
|
.bb-event-rect,
|
|
.bb-bars path {
|
|
shape-rendering: crispEdges;
|
|
}
|
|
|
|
.bb-chart-arc path {
|
|
stroke: #fff;
|
|
}
|
|
|
|
.bb-chart-arc text {
|
|
fill: #fff;
|
|
font-size: 13px;
|
|
}
|
|
|
|
/*-- Axis --*/
|
|
/*-- Grid --*/
|
|
.bb-grid line {
|
|
stroke: #aaa;
|
|
}
|
|
|
|
.bb-grid text {
|
|
fill: #aaa;
|
|
}
|
|
|
|
.bb-xgrid, .bb-ygrid {
|
|
stroke-dasharray: 3 3;
|
|
}
|
|
|
|
/*-- Text on Chart --*/
|
|
.bb-text.bb-empty {
|
|
fill: #808080;
|
|
font-size: 2em;
|
|
}
|
|
|
|
/*-- Line --*/
|
|
.bb-line {
|
|
stroke-width: 1px;
|
|
}
|
|
|
|
/*-- Point --*/
|
|
.bb-circle._expanded_ {
|
|
stroke-width: 1px;
|
|
stroke: white;
|
|
}
|
|
|
|
.bb-selected-circle {
|
|
fill: white;
|
|
stroke-width: 2px;
|
|
}
|
|
|
|
/*-- Bar --*/
|
|
.bb-bar {
|
|
stroke-width: 0;
|
|
}
|
|
|
|
.bb-bar._expanded_ {
|
|
fill-opacity: 0.75;
|
|
}
|
|
|
|
/*-- Focus --*/
|
|
.bb-target.bb-focused {
|
|
opacity: 1;
|
|
}
|
|
|
|
.bb-target.bb-focused path.bb-line, .bb-target.bb-focused path.bb-step {
|
|
stroke-width: 2px;
|
|
}
|
|
|
|
.bb-target.bb-defocused {
|
|
opacity: 0.3 !important;
|
|
}
|
|
|
|
/*-- Region --*/
|
|
.bb-region {
|
|
fill: steelblue;
|
|
fill-opacity: .1;
|
|
}
|
|
|
|
/*-- Brush --*/
|
|
.bb-brush .extent {
|
|
fill-opacity: .1;
|
|
}
|
|
|
|
/*-- Select - Drag --*/
|
|
/*-- Legend --*/
|
|
.bb-legend-item {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.bb-legend-item-hidden {
|
|
opacity: 0.15;
|
|
}
|
|
|
|
.bb-legend-background {
|
|
opacity: 0.75;
|
|
fill: white;
|
|
stroke: lightgray;
|
|
stroke-width: 1;
|
|
}
|
|
|
|
/*-- Title --*/
|
|
.bb-title {
|
|
font: 14px sans-serif;
|
|
}
|
|
|
|
/*-- Area --*/
|
|
.bb-area {
|
|
stroke-width: 0;
|
|
opacity: 0.2;
|
|
}
|
|
|
|
/*-- Arc --*/
|
|
.bb-chart-arcs-title {
|
|
dominant-baseline: middle;
|
|
font-size: 1.3em;
|
|
}
|
|
|
|
.bb-chart-arcs .bb-chart-arcs-background {
|
|
fill: #E0E0E0;
|
|
stroke: none;
|
|
}
|
|
|
|
.bb-chart-arcs .bb-chart-arcs-gauge-unit {
|
|
fill: #000;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.bb-chart-arcs .bb-chart-arcs-gauge-max {
|
|
fill: #777;
|
|
}
|
|
|
|
.bb-chart-arcs .bb-chart-arcs-gauge-min {
|
|
fill: #777;
|
|
}
|
|
|
|
.bb-chart-arc .bb-gauge-value {
|
|
fill: #000;
|
|
/* font-size: 28px !important;*/
|
|
}
|
|
|
|
.bb-button .bb-zoom-reset {
|
|
font-size: 11px;
|
|
border: solid 1px #161616;
|
|
background-color: #161616;
|
|
padding: 5px;
|
|
color: snow;
|
|
border-radius: 5px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
circle {
|
|
stroke: #7e818f;
|
|
stroke-width: 1px;
|
|
fill: transparent !important;
|
|
}
|
|
|
|
[id*='_edit'] .tableHeader:hover {
|
|
background-color: rgba(0, 200, 200, .1) !important;
|
|
border-left: 2px solid yellow !important;
|
|
border-right: 2px solid yellow !important;
|
|
}
|
|
|
|
.tableHeaderGraph {
|
|
display: table-row;
|
|
background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
|
|
background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%);
|
|
background: -o-linear-gradient(top, #45484d 0%,#000000 100%);
|
|
background: -ms-linear-gradient(top, #45484d 0%,#000000 100%);
|
|
height: 24px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.tableHeaderGraph span {
|
|
padding: 5px;
|
|
line-height: 22px;
|
|
}
|
|
|
|
.actionHelp {
|
|
color:#00758F !important;
|
|
}
|
|
|
|
.plusAdd {
|
|
color:#CE3500 !important;
|
|
}
|
|
|
|
.actionCog {
|
|
color:#FDAC53 !important;
|
|
}
|
|
|
|
.fileCSV {
|
|
color:#9BB7D4 !important;
|
|
}
|
|
|
|
.threeBars {
|
|
color:#B55A30 !important;
|
|
}
|
|
|
|
.editDevice {
|
|
color:#F5DF4D !important;
|
|
}
|
|
|
|
.editTemplate {
|
|
color:#0072B5 !important;
|
|
}
|
|
|
|
.realTime {
|
|
color:#A0DAA9 !important;
|
|
}
|
|
|
|
.spikeKill {
|
|
color:#E9897E !important;
|
|
}
|
|
|
|
.newDevice {
|
|
color:#00A170 !important;
|
|
}
|
|
|
|
.newGraph {
|
|
color:#926AA6 !important;
|
|
}
|
|
|
|
.reindexDevice {
|
|
color:#D2386C !important;
|
|
}
|
|
|
|
.enableDebug {
|
|
color:#363945 !important;
|
|
}
|
|
|
|
.disableDebug {
|
|
color:#939597 !important;
|
|
}
|
|
|
|
.repopulateCache {
|
|
color:#EFE1CE !important;
|
|
}
|
|
|
|
.viewCache {
|
|
color:#E0B589 !important;
|
|
}
|
|
|
|
.viewGraphs {
|
|
color:#9A8B4F !important;
|
|
}
|
|
|
|
.viewSources {
|
|
color:#56C6A9 !important;
|
|
}
|
|
|
|
.expandAggregate {
|
|
color:#9BB7D4 !important;
|
|
}
|
|
|
|
|
|
/* Select2 - adapt to look like a native Cacti/jQuery UI control.
|
|
Select2 4.x ships no jQuery UI theme, so these overrides reuse this
|
|
theme's own jquery-ui.css/main.css colors (see .ui-widget-content /
|
|
.ui-state-hover / .ui-state-active) to match its look and feel. */
|
|
.select2-container--default .select2-selection--single,
|
|
.select2-container--default .select2-selection--multiple {
|
|
border: 1px solid #555555;
|
|
border-radius: 6px;
|
|
background: #222222 url("images/ui-bg_highlight-soft_35_222222_1x100.png") 50% 50% repeat-x;
|
|
color: #ffffff;
|
|
}
|
|
|
|
/* match jQuery UI's shorter button height */
|
|
.select2-container--default .select2-selection--single {
|
|
height: 24px;
|
|
}
|
|
|
|
.select2-container--default .select2-selection--single .select2-selection__rendered {
|
|
line-height: 24px;
|
|
}
|
|
|
|
.select2-container--default .select2-selection--single .select2-selection__arrow {
|
|
height: 22px;
|
|
}
|
|
|
|
/* match the multi-select (e.g. Templates) control to the single-select height;
|
|
flexbox centers content vertically regardless of font metrics */
|
|
.select2-container--default .select2-selection--multiple {
|
|
min-height: 24px;
|
|
padding: 0 20px 0 0;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
}
|
|
|
|
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
|
|
display: block;
|
|
flex: 1;
|
|
margin: 0;
|
|
padding-left: 8px;
|
|
overflow: hidden;
|
|
line-height: 24px;
|
|
}
|
|
|
|
/* select2-multi-count always replaces the rendered area with "N Selected" text;
|
|
only hide the inline search-while-typing box while closed (it doesn't fit
|
|
that display and was inflating the control's height) - let it reappear once
|
|
the dropdown opens, since that's the only place multi-selects can search from */
|
|
select.select2-multi-count.select2-hidden-accessible + .select2-container:not(.select2-container--open) .select2-search--inline {
|
|
display: none;
|
|
}
|
|
|
|
.select2-selection--multiple .select2-count-label {
|
|
display: block;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* once open, let the search box sit on its own row below the current
|
|
selection instead of overlapping it */
|
|
.select2-container--default .select2-selection--multiple .select2-search--inline {
|
|
display: block;
|
|
width: 100%;
|
|
margin: 4px 0 0;
|
|
}
|
|
|
|
.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
|
|
width: 100% !important;
|
|
box-sizing: border-box;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
/* select2 doesn't draw a dropdown arrow for multi-selects by default; add one to match */
|
|
.select2-container--default .select2-selection--multiple::after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 8px;
|
|
margin-top: -2px;
|
|
border-color: currentColor transparent transparent transparent;
|
|
border-style: solid;
|
|
border-width: 5px 4px 0 4px;
|
|
height: 0;
|
|
width: 0;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.select2-container--default.select2-container--open .select2-selection--multiple::after {
|
|
border-color: transparent transparent currentColor transparent;
|
|
border-width: 0 4px 5px 4px;
|
|
}
|
|
|
|
.select2-container--default .select2-selection--single .select2-selection__rendered {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.select2-results__option {
|
|
white-space: nowrap;
|
|
min-height: 24px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* keep the first 15 results visible before the list needs to scroll */
|
|
.select2-container--default .select2-results > .select2-results__options {
|
|
max-height: 360px;
|
|
}
|
|
|
|
/* checkbox-style indicator for select2-multi-count option rows */
|
|
.select2-results__option .select2-checkbox-option {
|
|
position: relative;
|
|
display: block;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.select2-results__option .select2-checkbox-option::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 50%;
|
|
width: 13px;
|
|
height: 13px;
|
|
margin-top: -7px;
|
|
border: 1px solid currentColor;
|
|
border-radius: 2px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* select2 also (re)uses aria-selected for mouse-hover/keyboard highlight
|
|
* tracking, unrelated to actual selection - key off the --selected class
|
|
* instead, which setClasses() only ever sets from the real selected data */
|
|
.select2-results__option.select2-results__option--selected .select2-checkbox-option::after {
|
|
content: '\2713';
|
|
position: absolute;
|
|
left: 2px;
|
|
top: 50%;
|
|
margin-top: -7px;
|
|
font-size: 11px;
|
|
line-height: 13px;
|
|
}
|
|
|
|
.select2-container--default .select2-selection--single .select2-selection__rendered,
|
|
.select2-container--default .select2-selection--single .select2-selection__placeholder {
|
|
color: #ffffff;
|
|
}
|
|
|
|
/* select2 keeps --focus set after the dropdown closes; only --open should get the active look */
|
|
.select2-container--default.select2-container--open .select2-selection--single,
|
|
.select2-container--default.select2-container--open .select2-selection--multiple {
|
|
border-color: #155413;
|
|
background: #155413;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.select2-container--default .select2-selection--single .select2-selection__arrow b {
|
|
border-top-color: #ffffff;
|
|
}
|
|
|
|
.select2-container--default .select2-selection--multiple .select2-selection__choice {
|
|
background: #155413;
|
|
border: 1px solid #555555;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.select2-dropdown {
|
|
border: 1px solid #555555;
|
|
background: #000000 url("images/ui-bg_loop_25_000000_21x21.png") 50% 50% repeat;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.select2-container--default .select2-search--dropdown .select2-search__field,
|
|
.select2-container--default .select2-search--inline .select2-search__field {
|
|
border: 1px solid #555555;
|
|
background: #000000;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.select2-container--default .select2-results__option--selected {
|
|
background: #155413;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
|
|
background: #31442b;
|
|
color: #ffffff;
|
|
}
|
|
/* ======================================================================== */
|
|
/* jsTree glyph icons - node type colors, sizing, and open/close carets */
|
|
/* Dark theme palette (lighter, higher-contrast on dark backgrounds) */
|
|
/* ======================================================================== */
|
|
|
|
/* remove the indent/connector dotted lines (also disabled via dots:false) */
|
|
.jstree-default .jstree-node { background: transparent !important; }
|
|
|
|
/* node type glyphs, centered in the 20px node row */
|
|
.jstree-default .jstree-anchor > .jstree-themeicon {
|
|
background-image: none !important;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.jstree-default .jstree-anchor > .jstree-themeicon.ti-folder { color: #FFCA28; }
|
|
.jstree-default .jstree-anchor > .jstree-themeicon.ti-sitemap { color: #B0BEC5; }
|
|
.jstree-default .jstree-anchor > .jstree-themeicon.ti-building { color: #4DB6AC; }
|
|
.jstree-default .jstree-anchor > .jstree-themeicon.ti-map-pin { color: #EF5350; }
|
|
.jstree-default .jstree-anchor > .jstree-themeicon.ti-server { color: #64B5F6; }
|
|
.jstree-default .jstree-anchor > .jstree-themeicon.ti-server-cog { color: #CE93D8; }
|
|
.jstree-default .jstree-anchor > .jstree-themeicon.ti-list-search { color: #4DD0E1; }
|
|
.jstree-default .jstree-anchor > .jstree-themeicon.ti-chart-line { color: #81C784; }
|
|
.jstree-default .jstree-anchor > .jstree-themeicon.ti-chart-histogram { color: #FFB74D; }
|
|
.jstree-default .jstree-anchor > .jstree-themeicon.ti-chart-infographic { color: #F06292; }
|
|
|
|
/* open/close carets as glyphs, centered to match the node glyphs */
|
|
/* scoped to non-loading nodes so the AJAX loading throbber is preserved */
|
|
.jstree-default .jstree-node:not(.jstree-loading) > .jstree-ocl {
|
|
background: none !important;
|
|
font-family: "tabler-icons";
|
|
font-size: 14px;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 20px;
|
|
color: #90A4AE;
|
|
}
|
|
.jstree-default .jstree-closed:not(.jstree-loading) > .jstree-ocl::before { content: "\ea61"; }
|
|
.jstree-default .jstree-open:not(.jstree-loading) > .jstree-ocl::before { content: "\ea5f"; }
|
|
.jstree-default .jstree-leaf:not(.jstree-loading) > .jstree-ocl::before { content: ""; }
|