Weilbyte
5 years ago
30 changed files with 2374 additions and 0 deletions
@ -0,0 +1,819 @@ |
|||||
|
.x-body { |
||||
|
color: #fff; |
||||
|
font-size: 13px; |
||||
|
line-height: 17px; |
||||
|
font-weight: 300; |
||||
|
font-family: 'helvetica', 'arial', 'verdana', 'sans-serif'; |
||||
|
background: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-form-text-default { |
||||
|
color: #818082; |
||||
|
background-color: #4a4d53; |
||||
|
font: 300 13px/17px 'helvetica', 'arial', 'verdana', 'sans-serif'; |
||||
|
min-height: 22px; |
||||
|
padding: 0 6px 2px; |
||||
|
} |
||||
|
|
||||
|
.x-form-trigger-wrap-default { |
||||
|
border-color: #cfcfcf; |
||||
|
border-style: solid; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
.x-form-trigger-default { |
||||
|
width: 22px; |
||||
|
background: 0 center #72767d url("/pve2/images/dd_trigger.png") no-repeat; |
||||
|
} |
||||
|
|
||||
|
.x-form-display-field { |
||||
|
color: #707c80; |
||||
|
} |
||||
|
|
||||
|
.x-form-text { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-form-item-label-inner-default { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-form-item-body.x-form-item-body-default.x-form-display-field-body.x-form-display-field-body-default { |
||||
|
border-radius: 6px; |
||||
|
padding: 2px; |
||||
|
} |
||||
|
|
||||
|
.x-field.x-form-item.x-form-item-default.x-form-readonly.x-form-type-text { |
||||
|
border-radius: 6px; |
||||
|
} |
||||
|
|
||||
|
.x-grid-cell-inner { |
||||
|
background: transparent; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-grid-cell-rowbody { |
||||
|
background: #2c2f33; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-grid-item { |
||||
|
background: #2c2f33; |
||||
|
border-width: 0 !important; |
||||
|
} |
||||
|
|
||||
|
.x-grid-item-alt { |
||||
|
background: #23272a; |
||||
|
border-width: 0 !important; |
||||
|
} |
||||
|
|
||||
|
.x-grid-header-ct { |
||||
|
background: #2c2f33; |
||||
|
border-width: 0 !important; |
||||
|
} |
||||
|
|
||||
|
.x-grid-group-title { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-grid-row-loading { |
||||
|
background-image: url("/pve2/images/dd_loading.svg"); |
||||
|
background-size: 32px; |
||||
|
} |
||||
|
|
||||
|
.x-grid-group-hd.x-grid-group-hd-collapsible { |
||||
|
background: #23272a; |
||||
|
color: #fff; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
.x-grid-icon-custom:after { |
||||
|
text-shadow: 0 0 0 #2c2f33; |
||||
|
} |
||||
|
|
||||
|
.x-box-scroller { |
||||
|
background: #2c2f33 !important; |
||||
|
} |
||||
|
|
||||
|
.x-box-scroller-body-vertical { |
||||
|
background: #2c2f33 !important; |
||||
|
} |
||||
|
|
||||
|
.x-box-inner { |
||||
|
overflow: hidden; |
||||
|
position: relative; |
||||
|
left: 0; |
||||
|
top: 0; |
||||
|
top-background: #23272a; |
||||
|
} |
||||
|
|
||||
|
.x-treelist-item-leaf { |
||||
|
background: #2c2f33; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-treelist-container { |
||||
|
background: #2c2f33; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-treelist-row { |
||||
|
background: #2c2f33; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-treelist-row-with-icon { |
||||
|
background: #2c2f33; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-treelist-item-expandable { |
||||
|
background: #2c2f33; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-treelist-item-wrap { |
||||
|
background: #2c2f33; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-treelist-item-text { |
||||
|
background: #2c2f33; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-treelist-item-icon { |
||||
|
background: #2c2f33; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-treelist-row-over { |
||||
|
color: #ff0; |
||||
|
} |
||||
|
|
||||
|
.x-treelist-row-over > * > .x-treelist-item-text { |
||||
|
color: #7289da; |
||||
|
-webkit-transition: color .5s; |
||||
|
transition: color .5s; |
||||
|
} |
||||
|
|
||||
|
.x-treelist-row-over > * > .x-treelist-item-icon { |
||||
|
color: #7289da; |
||||
|
-webkit-transition: color .5s; |
||||
|
transition: color .5s; |
||||
|
} |
||||
|
|
||||
|
.x-treelist-row-over > * > .fa-ceph:before { |
||||
|
background-image: url("/pve2/images/dd_cephblurp.png"); |
||||
|
background-size: 14px 14px; |
||||
|
-webkit-transition: background-image .5s; |
||||
|
transition: background-image .5s; |
||||
|
} |
||||
|
|
||||
|
.x-treelist-item-selected > .x-treelist-row { |
||||
|
background-color: #23272a; |
||||
|
} |
||||
|
|
||||
|
.x-legend-item { |
||||
|
background: #2c2f33; |
||||
|
color: #fff; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
.x-legend-container { |
||||
|
background: #2c2f33; |
||||
|
border-radius: 0; |
||||
|
-webkit-box-shadow: rgba(0, 0, 0, 0) 0 0 0; |
||||
|
box-shadow: rgba(0, 0, 0, 0) 0 0 0; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
.x-legend.x-docked-top .x-legend-item { |
||||
|
border-left: 0; |
||||
|
border-bottom: 0; |
||||
|
} |
||||
|
|
||||
|
.x-legend.x-docked-bottom .x-legend-item { |
||||
|
border-left: 0; |
||||
|
border-bottom: 0; |
||||
|
} |
||||
|
|
||||
|
.x-legend-panel.x-docked-top .x-legend-item { |
||||
|
border-left: 0; |
||||
|
border-bottom: 0; |
||||
|
} |
||||
|
|
||||
|
.x-legend-panel.x-docked-bottom .x-legend-item { |
||||
|
border-left: 0; |
||||
|
border-bottom: 0; |
||||
|
} |
||||
|
|
||||
|
.x-panel-header { |
||||
|
background: #23272a; |
||||
|
border: 0; |
||||
|
} |
||||
|
|
||||
|
.x-panel-body-default { |
||||
|
background: #2c2f33; |
||||
|
color: #fff; |
||||
|
font-size: 13px; |
||||
|
font-weight: 300; |
||||
|
font-family: 'helvetica', 'arial', 'verdana', 'sans-serif'; |
||||
|
border-color: #fff; |
||||
|
border-style: solid; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
.x-toolbar-default { |
||||
|
background-color: #2c2f33; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
.x-toolbar { |
||||
|
background: #2c2f33; |
||||
|
} |
||||
|
|
||||
|
.x-toolbar-vertical-scroller { |
||||
|
background: #2c2f33 !important; |
||||
|
} |
||||
|
|
||||
|
.x-toolbar-default-vertical-scroller { |
||||
|
background: #2c2f33 !important; |
||||
|
} |
||||
|
|
||||
|
.x-toolbar-text.x-box-item.x-toolbar-item.x-toolbar-text-default { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-btn { |
||||
|
background: #7289da; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-over { |
||||
|
background-color: #677bc4; |
||||
|
} |
||||
|
|
||||
|
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-menu-active { |
||||
|
background-color: #677bc4; |
||||
|
} |
||||
|
|
||||
|
.x-btn.x-unselectable.x-box-item.x-btn-default-small.x-btn-over { |
||||
|
background-color: #677bc4; |
||||
|
} |
||||
|
|
||||
|
.x-btn-inner { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-btn-inner.x-btn-inner-default-small { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-btn-inner.x-btn-inner-default-toolbar-small { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-btn-disabled { |
||||
|
background-image: none; |
||||
|
background-color: #737fab !important; |
||||
|
} |
||||
|
|
||||
|
.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-undo { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-terminal { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-send-o { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-play { |
||||
|
color: #43b581; |
||||
|
} |
||||
|
|
||||
|
.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-fw.fa-ellipsis-v { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-power-off { |
||||
|
color: #d23d3f; |
||||
|
} |
||||
|
|
||||
|
.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.x-btn-icon-el-default-toolbar-small.fa.fa-question-circle { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-btn-icon-el.x-btn-icon-el-default-small.fa.fa-book.x-btn-icon-el-default-toolbar-small { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-btn-icon-el.x-btn-icon-el-default-small.fa.black.fa-gear { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-column-header-inner { |
||||
|
background: #2c2f33; |
||||
|
border-width: 0 !important; |
||||
|
} |
||||
|
|
||||
|
.x-column-header-default { |
||||
|
background: #2c2f33; |
||||
|
border-width: 0 !important; |
||||
|
} |
||||
|
|
||||
|
.x-column-header-text-inner { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-column-header-trigger { |
||||
|
border-color: #23272a; |
||||
|
} |
||||
|
|
||||
|
.x-tab { |
||||
|
background: #737fab; |
||||
|
color: #fff; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
.x-tab-inner { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-tab-active { |
||||
|
background: #7289da !important; |
||||
|
border-width: 0 !important; |
||||
|
} |
||||
|
|
||||
|
.x-tab-over { |
||||
|
background: #7289da !important; |
||||
|
border-width: 0 !important; |
||||
|
} |
||||
|
|
||||
|
.x-tab-default-focus { |
||||
|
background: #7289da !important; |
||||
|
border-width: 0 !important; |
||||
|
} |
||||
|
|
||||
|
.x-tab-focus { |
||||
|
background: #7289da !important; |
||||
|
border-width: 0 !important; |
||||
|
} |
||||
|
|
||||
|
.x-tab-bar-body { |
||||
|
background: #23272a; |
||||
|
} |
||||
|
|
||||
|
.x-tab-disabled { |
||||
|
background: #737fab !important; |
||||
|
} |
||||
|
|
||||
|
.x-window-body { |
||||
|
background: #23272a; |
||||
|
border-bottom-width: 0; |
||||
|
border-right-width: 0; |
||||
|
} |
||||
|
|
||||
|
.x-window-default { |
||||
|
border-radius: 0; |
||||
|
background-color: #23272a; |
||||
|
-webkit-box-shadow: none; |
||||
|
box-shadow: none; |
||||
|
border-color: #23272a; |
||||
|
border-style: none; |
||||
|
border-width: 0; |
||||
|
padding: 0; |
||||
|
} |
||||
|
|
||||
|
.x-window-default-mc { |
||||
|
background-color: #23272a; |
||||
|
} |
||||
|
|
||||
|
.x-window-body-default { |
||||
|
color: white; |
||||
|
border-width: 0 !important; |
||||
|
} |
||||
|
|
||||
|
.x-window-header-default-top { |
||||
|
border-top-left-radius: 0 !important; |
||||
|
border-top-right-radius: 0 !important; |
||||
|
border-bottom-right-radius: 0 !important; |
||||
|
border-bottom-left-radius: 0 !important; |
||||
|
background-color: #23272a; |
||||
|
border-width: 0 !important; |
||||
|
padding: 9px; |
||||
|
} |
||||
|
|
||||
|
.x-window-text { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-window-header.x-header.x-header-draggable.x-docked.x-unselectable.x-window-header-default.x-horizontal.x-window-header-horizontal.x-window-header-default-horizontal.x-top.x-window-header-top.x-window-header-default-top.x-box-layout-ct { |
||||
|
background: #23272a; |
||||
|
border-bottom-width: 0; |
||||
|
border-right-width: 0; |
||||
|
} |
||||
|
|
||||
|
.x-viewport { |
||||
|
background: #23272a; |
||||
|
} |
||||
|
|
||||
|
.x-viewport > .x-body { |
||||
|
background: #23272a; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-focus { |
||||
|
background-color: #677bc4; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item { |
||||
|
background: #7289da; |
||||
|
border-style: none; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
.x-menu-default { |
||||
|
background: #7289da; |
||||
|
border-style: none; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-text { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-menu-header { |
||||
|
border-radius: 1px; |
||||
|
background: #23272a; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-send-o { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-clone { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-file-o { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-play { |
||||
|
color: #43b581; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-stop { |
||||
|
color: #d23d3f; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-power-off { |
||||
|
color: #d23d3f; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-pause { |
||||
|
color: #faa61a; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-heartbeat { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-trash-o { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-desktop { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-cube { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-terminal { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-stop { |
||||
|
color: #d23d3f; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-default.x-menu-item-separator { |
||||
|
height: 0; |
||||
|
border-top-width: 0; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
} |
||||
|
|
||||
|
.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-server { |
||||
|
color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-building { |
||||
|
color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-database { |
||||
|
color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-desktop { |
||||
|
color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-cube { |
||||
|
color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-server { |
||||
|
color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-building { |
||||
|
color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-cube { |
||||
|
color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-desktop { |
||||
|
color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-database { |
||||
|
color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-cube { |
||||
|
color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-cube.running.ha-unmanaged { |
||||
|
color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-desktop { |
||||
|
color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-database { |
||||
|
color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.x-tree-icon-custom:after { |
||||
|
text-shadow: 0 0 0 #2c2f33; |
||||
|
} |
||||
|
|
||||
|
.x-progress { |
||||
|
background: #2c2f33; |
||||
|
} |
||||
|
|
||||
|
.x-progress-bar { |
||||
|
background-color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.x-progress-text { |
||||
|
color: #fff !important; |
||||
|
} |
||||
|
|
||||
|
.x-progress-text.x-progress-text-back { |
||||
|
color: #fff !important; |
||||
|
} |
||||
|
|
||||
|
.x-tip-default { |
||||
|
background-color: #7289da; |
||||
|
color: #fff; |
||||
|
border-radius: 0; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
.x-component { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-component.x-box-item.x-component-default { |
||||
|
background: #23272a; |
||||
|
} |
||||
|
|
||||
|
.x-component.x-fieldset-header-text.x-component-default { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-autocontainer-innerCt { |
||||
|
background: #2c2f33; |
||||
|
} |
||||
|
|
||||
|
.x-title-text { |
||||
|
color: #7289da; |
||||
|
} |
||||
|
|
||||
|
.x-mask { |
||||
|
background-color: rgba(26, 26, 29, 0.27); |
||||
|
} |
||||
|
|
||||
|
.x-splitter { |
||||
|
background: #23272a; |
||||
|
} |
||||
|
|
||||
|
.x-splitter-collapsed .x-layout-split-bottom { |
||||
|
background-image: url("/pve2/images/dd_mini-top.png"); |
||||
|
} |
||||
|
|
||||
|
#toolbar-1069-innerCt { |
||||
|
background: #2c2f33; |
||||
|
} |
||||
|
|
||||
|
#button-1030 { |
||||
|
background: #23272a; |
||||
|
border: 1px solid #d23d3f; |
||||
|
} |
||||
|
|
||||
|
#menuitem-1030-iconEl { |
||||
|
color: white; |
||||
|
} |
||||
|
|
||||
|
#menuitem-1031-iconEl { |
||||
|
color: white; |
||||
|
} |
||||
|
|
||||
|
#menuitem-1032-iconEl { |
||||
|
color: white; |
||||
|
} |
||||
|
|
||||
|
#menuitem-1034-iconEl { |
||||
|
color: #c52d2f; |
||||
|
} |
||||
|
|
||||
|
[id^="pveNodeStatus"] { |
||||
|
background: #23272a; |
||||
|
} |
||||
|
|
||||
|
div[id^="pveNotesView-"][id$="-innerCt"] { |
||||
|
background: #23272a; |
||||
|
} |
||||
|
|
||||
|
img[src^="/pve2/images/proxmox_logo"] { |
||||
|
background: #23272a; |
||||
|
content: url("/pve2/images/dd_logo.png"); |
||||
|
} |
||||
|
|
||||
|
[id^="versioninfo"] { |
||||
|
background: #23272a; |
||||
|
} |
||||
|
|
||||
|
[id^="proxmoxGauge"] { |
||||
|
background: #23272a; |
||||
|
} |
||||
|
|
||||
|
[id^="tooltip"] { |
||||
|
background: #7289da; |
||||
|
color: #fff; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
[id^="ext-quicktips-tip-body"] { |
||||
|
background-color: #7289da; |
||||
|
color: #fff; |
||||
|
border-radius: 0; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
[id^="ext-quicktips-tip-innerCt"] { |
||||
|
background-color: #7289da; |
||||
|
color: #fff; |
||||
|
border-radius: 0; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
[id^="ext-quicktips-tip-ext-quicktips-tip-outerCt"] { |
||||
|
background-color: #7289da; |
||||
|
color: #fff; |
||||
|
border-radius: 0; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
[id^="ext-form-error"] { |
||||
|
background-color: #7289da; |
||||
|
color: #fff; |
||||
|
border-radius: 0; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
[id^="toolbar"] { |
||||
|
background: #2c2f33; |
||||
|
} |
||||
|
|
||||
|
[id^="legend"] { |
||||
|
background: #23272a; |
||||
|
border-color: red; |
||||
|
} |
||||
|
|
||||
|
div[id^="panel-"][id$="-body"] { |
||||
|
background: #23272a; |
||||
|
} |
||||
|
|
||||
|
#userinfo.x-btn { |
||||
|
background-color: transparent !important; |
||||
|
border: 1px solid #d23d3f !important; |
||||
|
} |
||||
|
|
||||
|
.pve-itype-icon-processor { |
||||
|
background-image: url("/pve2/images/dd_icon-cpu.png"); |
||||
|
} |
||||
|
|
||||
|
.pve-itype-icon-memory { |
||||
|
background-image: url("/pve2/images/dd_icon-ram.png"); |
||||
|
} |
||||
|
|
||||
|
.pve-itype-icon-storage { |
||||
|
background-image: url("/pve2/images/dd_icon-hdd.png"); |
||||
|
} |
||||
|
|
||||
|
.pve-itype-icon-swap { |
||||
|
background-image: url("/pve2/images/dd_icon-swap.png"); |
||||
|
} |
||||
|
|
||||
|
.pve-itype-icon-display { |
||||
|
background-image: url("/pve2/images/dd_icon-display.png"); |
||||
|
} |
||||
|
|
||||
|
.x-grid-row-console { |
||||
|
background-image: url("/pve2/images/dd_icon-display.png"); |
||||
|
} |
||||
|
|
||||
|
.pve-itype-icon-cdrom { |
||||
|
background-image: url("/pve2/images/dd_icon-cd.png"); |
||||
|
} |
||||
|
|
||||
|
.pve-itype-icon-network { |
||||
|
background-image: url("/pve2/images/dd_icon-network.png"); |
||||
|
} |
||||
|
|
||||
|
.pve-itype-icon-pci { |
||||
|
background-image: url("/pve2/images/dd_icon-pci.png"); |
||||
|
} |
||||
|
|
||||
|
.pve-itype-icon-usb { |
||||
|
background-image: url("/pve2/images/dd_icon-usb.png"); |
||||
|
} |
||||
|
|
||||
|
.pve-itype-icon-serial { |
||||
|
background-image: url("/pve2/images/dd_icon-serial.png"); |
||||
|
} |
||||
|
|
||||
|
.pve-itype-icon-cloud { |
||||
|
background-image: url("/pve2/images/dd_icon-cloud.png"); |
||||
|
} |
||||
|
|
||||
|
.fa-ceph:before { |
||||
|
background-image: url("/pve2/images/dd_cephwhite.png"); |
||||
|
} |
||||
|
|
||||
|
.fa-building.online { |
||||
|
color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.fa-fw.x-grid-icon-custom.fa.fa-database { |
||||
|
color: #7289da; |
||||
|
} |
||||
|
|
||||
|
.fa-fw.x-grid-icon-custom.fa.fa-desktop { |
||||
|
color: #7289da; |
||||
|
} |
||||
|
|
||||
|
.fa-fw.x-grid-icon-custom.fa.fa-cube { |
||||
|
color: #7289da; |
||||
|
} |
||||
|
|
||||
|
.lxc:after { |
||||
|
background: transparent !important; |
||||
|
color: #7289da; |
||||
|
text-shadow: 0 0 0 #2c2f33 !important; |
||||
|
} |
||||
|
|
||||
|
.qemu:after { |
||||
|
background: transparent !important; |
||||
|
color: #7289da; |
||||
|
text-shadow: 0 0 0 #2c2f33 !important; |
||||
|
} |
||||
|
|
||||
|
html { |
||||
|
overflow: scroll; |
||||
|
overflow-x: hidden; |
||||
|
} |
||||
|
|
||||
|
* { |
||||
|
font-weight: 350; |
||||
|
} |
||||
|
|
||||
|
::-webkit-scrollbar { |
||||
|
width: 0; |
||||
|
background: transparent; |
||||
|
} |
||||
|
/*# sourceMappingURL=PVEDiscordDark.css.map */ |
||||
@ -0,0 +1,819 @@ |
|||||
|
.x-body { |
||||
|
color: #fff; |
||||
|
font-size: 13px; |
||||
|
line-height: 17px; |
||||
|
font-weight: 300; |
||||
|
font-family: 'helvetica', 'arial', 'verdana', 'sans-serif'; |
||||
|
background: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-form-text-default { |
||||
|
color: #818082; |
||||
|
background-color: #4a4d53; |
||||
|
font: 300 13px/17px 'helvetica', 'arial', 'verdana', 'sans-serif'; |
||||
|
min-height: 22px; |
||||
|
padding: 0 6px 2px; |
||||
|
} |
||||
|
|
||||
|
.x-form-trigger-wrap-default { |
||||
|
border-color: #cfcfcf; |
||||
|
border-style: solid; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
.x-form-trigger-default { |
||||
|
width: 22px; |
||||
|
background: 0 center #72767d url("/pve2/images/dd_trigger.png") no-repeat; |
||||
|
} |
||||
|
|
||||
|
.x-form-display-field { |
||||
|
color: #707c80; |
||||
|
} |
||||
|
|
||||
|
.x-form-text { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-form-item-label-inner-default { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-form-item-body.x-form-item-body-default.x-form-display-field-body.x-form-display-field-body-default { |
||||
|
border-radius: 6px; |
||||
|
padding: 2px; |
||||
|
} |
||||
|
|
||||
|
.x-field.x-form-item.x-form-item-default.x-form-readonly.x-form-type-text { |
||||
|
border-radius: 6px; |
||||
|
} |
||||
|
|
||||
|
.x-grid-cell-inner { |
||||
|
background: transparent; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-grid-cell-rowbody { |
||||
|
background: #2c2f33; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-grid-item { |
||||
|
background: #2c2f33; |
||||
|
border-width: 0 !important; |
||||
|
} |
||||
|
|
||||
|
.x-grid-item-alt { |
||||
|
background: #23272a; |
||||
|
border-width: 0 !important; |
||||
|
} |
||||
|
|
||||
|
.x-grid-header-ct { |
||||
|
background: #2c2f33; |
||||
|
border-width: 0 !important; |
||||
|
} |
||||
|
|
||||
|
.x-grid-group-title { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-grid-row-loading { |
||||
|
background-image: url("/pve2/images/dd_loading.svg"); |
||||
|
background-size: 32px; |
||||
|
} |
||||
|
|
||||
|
.x-grid-group-hd.x-grid-group-hd-collapsible { |
||||
|
background: #23272a; |
||||
|
color: #fff; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
.x-grid-icon-custom:after { |
||||
|
text-shadow: 0 0 0 #2c2f33; |
||||
|
} |
||||
|
|
||||
|
.x-box-scroller { |
||||
|
background: #2c2f33 !important; |
||||
|
} |
||||
|
|
||||
|
.x-box-scroller-body-vertical { |
||||
|
background: #2c2f33 !important; |
||||
|
} |
||||
|
|
||||
|
.x-box-inner { |
||||
|
overflow: hidden; |
||||
|
position: relative; |
||||
|
left: 0; |
||||
|
top: 0; |
||||
|
top-background: #23272a; |
||||
|
} |
||||
|
|
||||
|
.x-treelist-item-leaf { |
||||
|
background: #2c2f33; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-treelist-container { |
||||
|
background: #2c2f33; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-treelist-row { |
||||
|
background: #2c2f33; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-treelist-row-with-icon { |
||||
|
background: #2c2f33; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-treelist-item-expandable { |
||||
|
background: #2c2f33; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-treelist-item-wrap { |
||||
|
background: #2c2f33; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-treelist-item-text { |
||||
|
background: #2c2f33; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-treelist-item-icon { |
||||
|
background: #2c2f33; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-treelist-row-over { |
||||
|
color: #ff0; |
||||
|
} |
||||
|
|
||||
|
.x-treelist-row-over > * > .x-treelist-item-text { |
||||
|
color: #7289da; |
||||
|
-webkit-transition: color .5s; |
||||
|
transition: color .5s; |
||||
|
} |
||||
|
|
||||
|
.x-treelist-row-over > * > .x-treelist-item-icon { |
||||
|
color: #7289da; |
||||
|
-webkit-transition: color .5s; |
||||
|
transition: color .5s; |
||||
|
} |
||||
|
|
||||
|
.x-treelist-row-over > * > .fa-ceph:before { |
||||
|
background-image: url("/pve2/images/dd_cephblurp.png"); |
||||
|
background-size: 14px 14px; |
||||
|
-webkit-transition: background-image .5s; |
||||
|
transition: background-image .5s; |
||||
|
} |
||||
|
|
||||
|
.x-treelist-item-selected > .x-treelist-row { |
||||
|
background-color: #23272a; |
||||
|
} |
||||
|
|
||||
|
.x-legend-item { |
||||
|
background: #2c2f33; |
||||
|
color: #fff; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
.x-legend-container { |
||||
|
background: #2c2f33; |
||||
|
border-radius: 0; |
||||
|
-webkit-box-shadow: rgba(0, 0, 0, 0) 0 0 0; |
||||
|
box-shadow: rgba(0, 0, 0, 0) 0 0 0; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
.x-legend.x-docked-top .x-legend-item { |
||||
|
border-left: 0; |
||||
|
border-bottom: 0; |
||||
|
} |
||||
|
|
||||
|
.x-legend.x-docked-bottom .x-legend-item { |
||||
|
border-left: 0; |
||||
|
border-bottom: 0; |
||||
|
} |
||||
|
|
||||
|
.x-legend-panel.x-docked-top .x-legend-item { |
||||
|
border-left: 0; |
||||
|
border-bottom: 0; |
||||
|
} |
||||
|
|
||||
|
.x-legend-panel.x-docked-bottom .x-legend-item { |
||||
|
border-left: 0; |
||||
|
border-bottom: 0; |
||||
|
} |
||||
|
|
||||
|
.x-panel-header { |
||||
|
background: #23272a; |
||||
|
border: 0; |
||||
|
} |
||||
|
|
||||
|
.x-panel-body-default { |
||||
|
background: #2c2f33; |
||||
|
color: #fff; |
||||
|
font-size: 13px; |
||||
|
font-weight: 300; |
||||
|
font-family: 'helvetica', 'arial', 'verdana', 'sans-serif'; |
||||
|
border-color: #fff; |
||||
|
border-style: solid; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
.x-toolbar-default { |
||||
|
background-color: #2c2f33; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
.x-toolbar { |
||||
|
background: #2c2f33; |
||||
|
} |
||||
|
|
||||
|
.x-toolbar-vertical-scroller { |
||||
|
background: #2c2f33 !important; |
||||
|
} |
||||
|
|
||||
|
.x-toolbar-default-vertical-scroller { |
||||
|
background: #2c2f33 !important; |
||||
|
} |
||||
|
|
||||
|
.x-toolbar-text.x-box-item.x-toolbar-item.x-toolbar-text-default { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-btn { |
||||
|
background: #7289da; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-over { |
||||
|
background-color: #677bc4; |
||||
|
} |
||||
|
|
||||
|
.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-menu-active { |
||||
|
background-color: #677bc4; |
||||
|
} |
||||
|
|
||||
|
.x-btn.x-unselectable.x-box-item.x-btn-default-small.x-btn-over { |
||||
|
background-color: #677bc4; |
||||
|
} |
||||
|
|
||||
|
.x-btn-inner { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-btn-inner.x-btn-inner-default-small { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-btn-inner.x-btn-inner-default-toolbar-small { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-btn-disabled { |
||||
|
background-image: none; |
||||
|
background-color: #737fab !important; |
||||
|
} |
||||
|
|
||||
|
.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-undo { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-terminal { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-send-o { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-play { |
||||
|
color: #43b581; |
||||
|
} |
||||
|
|
||||
|
.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-fw.fa-ellipsis-v { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.fa.fa-power-off { |
||||
|
color: #d23d3f; |
||||
|
} |
||||
|
|
||||
|
.x-btn-icon-el.x-btn-icon-el-default-toolbar-small.x-btn-icon-el-default-toolbar-small.fa.fa-question-circle { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-btn-icon-el.x-btn-icon-el-default-small.fa.fa-book.x-btn-icon-el-default-toolbar-small { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-btn-icon-el.x-btn-icon-el-default-small.fa.black.fa-gear { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-column-header-inner { |
||||
|
background: #2c2f33; |
||||
|
border-width: 0 !important; |
||||
|
} |
||||
|
|
||||
|
.x-column-header-default { |
||||
|
background: #2c2f33; |
||||
|
border-width: 0 !important; |
||||
|
} |
||||
|
|
||||
|
.x-column-header-text-inner { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-column-header-trigger { |
||||
|
border-color: #23272a; |
||||
|
} |
||||
|
|
||||
|
.x-tab { |
||||
|
background: #737fab; |
||||
|
color: #fff; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
.x-tab-inner { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-tab-active { |
||||
|
background: #7289da !important; |
||||
|
border-width: 0 !important; |
||||
|
} |
||||
|
|
||||
|
.x-tab-over { |
||||
|
background: #7289da !important; |
||||
|
border-width: 0 !important; |
||||
|
} |
||||
|
|
||||
|
.x-tab-default-focus { |
||||
|
background: #7289da !important; |
||||
|
border-width: 0 !important; |
||||
|
} |
||||
|
|
||||
|
.x-tab-focus { |
||||
|
background: #7289da !important; |
||||
|
border-width: 0 !important; |
||||
|
} |
||||
|
|
||||
|
.x-tab-bar-body { |
||||
|
background: #23272a; |
||||
|
} |
||||
|
|
||||
|
.x-tab-disabled { |
||||
|
background: #737fab !important; |
||||
|
} |
||||
|
|
||||
|
.x-window-body { |
||||
|
background: #23272a; |
||||
|
border-bottom-width: 0; |
||||
|
border-right-width: 0; |
||||
|
} |
||||
|
|
||||
|
.x-window-default { |
||||
|
border-radius: 0; |
||||
|
background-color: #23272a; |
||||
|
-webkit-box-shadow: none; |
||||
|
box-shadow: none; |
||||
|
border-color: #23272a; |
||||
|
border-style: none; |
||||
|
border-width: 0; |
||||
|
padding: 0; |
||||
|
} |
||||
|
|
||||
|
.x-window-default-mc { |
||||
|
background-color: #23272a; |
||||
|
} |
||||
|
|
||||
|
.x-window-body-default { |
||||
|
color: white; |
||||
|
border-width: 0 !important; |
||||
|
} |
||||
|
|
||||
|
.x-window-header-default-top { |
||||
|
border-top-left-radius: 0 !important; |
||||
|
border-top-right-radius: 0 !important; |
||||
|
border-bottom-right-radius: 0 !important; |
||||
|
border-bottom-left-radius: 0 !important; |
||||
|
background-color: #23272a; |
||||
|
border-width: 0 !important; |
||||
|
padding: 9px; |
||||
|
} |
||||
|
|
||||
|
.x-window-text { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-window-header.x-header.x-header-draggable.x-docked.x-unselectable.x-window-header-default.x-horizontal.x-window-header-horizontal.x-window-header-default-horizontal.x-top.x-window-header-top.x-window-header-default-top.x-box-layout-ct { |
||||
|
background: #23272a; |
||||
|
border-bottom-width: 0; |
||||
|
border-right-width: 0; |
||||
|
} |
||||
|
|
||||
|
.x-viewport { |
||||
|
background: #23272a; |
||||
|
} |
||||
|
|
||||
|
.x-viewport > .x-body { |
||||
|
background: #23272a; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-focus { |
||||
|
background-color: #677bc4; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item { |
||||
|
background: #7289da; |
||||
|
border-style: none; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
.x-menu-default { |
||||
|
background: #7289da; |
||||
|
border-style: none; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-text { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-menu-header { |
||||
|
border-radius: 1px; |
||||
|
background: #23272a; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-send-o { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-clone { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-file-o { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-play { |
||||
|
color: #43b581; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-stop { |
||||
|
color: #d23d3f; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-power-off { |
||||
|
color: #d23d3f; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-fw.fa-pause { |
||||
|
color: #faa61a; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-heartbeat { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-trash-o { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-desktop { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-cube { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-terminal { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-icon-default.x-menu-item-icon.fa.fa-stop { |
||||
|
color: #d23d3f; |
||||
|
} |
||||
|
|
||||
|
.x-menu-item-default.x-menu-item-separator { |
||||
|
height: 0; |
||||
|
border-top-width: 0; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
} |
||||
|
|
||||
|
.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-server { |
||||
|
color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-building { |
||||
|
color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-database { |
||||
|
color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-desktop { |
||||
|
color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fa.fa-cube { |
||||
|
color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-server { |
||||
|
color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-building { |
||||
|
color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-cube { |
||||
|
color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-desktop { |
||||
|
color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fa.fa-database { |
||||
|
color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-cube { |
||||
|
color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-cube.running.ha-unmanaged { |
||||
|
color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-desktop { |
||||
|
color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.x-tree-icon.x-tree-icon-custom.x-tree-icon-leaf.fa.fa-database { |
||||
|
color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.x-tree-icon-custom:after { |
||||
|
text-shadow: 0 0 0 #2c2f33; |
||||
|
} |
||||
|
|
||||
|
.x-progress { |
||||
|
background: #2c2f33; |
||||
|
} |
||||
|
|
||||
|
.x-progress-bar { |
||||
|
background-color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.x-progress-text { |
||||
|
color: #fff !important; |
||||
|
} |
||||
|
|
||||
|
.x-progress-text.x-progress-text-back { |
||||
|
color: #fff !important; |
||||
|
} |
||||
|
|
||||
|
.x-tip-default { |
||||
|
background-color: #7289da; |
||||
|
color: #fff; |
||||
|
border-radius: 0; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
.x-component { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-component.x-box-item.x-component-default { |
||||
|
background: #23272a; |
||||
|
} |
||||
|
|
||||
|
.x-component.x-fieldset-header-text.x-component-default { |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.x-autocontainer-innerCt { |
||||
|
background: #2c2f33; |
||||
|
} |
||||
|
|
||||
|
.x-title-text { |
||||
|
color: #7289da; |
||||
|
} |
||||
|
|
||||
|
.x-mask { |
||||
|
background-color: rgba(26, 26, 29, 0.27); |
||||
|
} |
||||
|
|
||||
|
.x-splitter { |
||||
|
background: #23272a; |
||||
|
} |
||||
|
|
||||
|
.x-splitter-collapsed .x-layout-split-bottom { |
||||
|
background-image: url("/pve2/images/dd_mini-top.png"); |
||||
|
} |
||||
|
|
||||
|
#toolbar-1069-innerCt { |
||||
|
background: #2c2f33; |
||||
|
} |
||||
|
|
||||
|
#button-1030 { |
||||
|
background: #23272a; |
||||
|
border: 1px solid #d23d3f; |
||||
|
} |
||||
|
|
||||
|
#menuitem-1030-iconEl { |
||||
|
color: white; |
||||
|
} |
||||
|
|
||||
|
#menuitem-1031-iconEl { |
||||
|
color: white; |
||||
|
} |
||||
|
|
||||
|
#menuitem-1032-iconEl { |
||||
|
color: white; |
||||
|
} |
||||
|
|
||||
|
#menuitem-1034-iconEl { |
||||
|
color: #c52d2f; |
||||
|
} |
||||
|
|
||||
|
[id^="pveNodeStatus"] { |
||||
|
background: #23272a; |
||||
|
} |
||||
|
|
||||
|
div[id^="pveNotesView-"][id$="-innerCt"] { |
||||
|
background: #23272a; |
||||
|
} |
||||
|
|
||||
|
img[src^="/pve2/images/proxmox_logo"] { |
||||
|
background: #23272a; |
||||
|
content: url("/pve2/images/dd_logo.png"); |
||||
|
} |
||||
|
|
||||
|
[id^="versioninfo"] { |
||||
|
background: #23272a; |
||||
|
} |
||||
|
|
||||
|
[id^="proxmoxGauge"] { |
||||
|
background: #23272a; |
||||
|
} |
||||
|
|
||||
|
[id^="tooltip"] { |
||||
|
background: #7289da; |
||||
|
color: #fff; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
[id^="ext-quicktips-tip-body"] { |
||||
|
background-color: #7289da; |
||||
|
color: #fff; |
||||
|
border-radius: 0; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
[id^="ext-quicktips-tip-innerCt"] { |
||||
|
background-color: #7289da; |
||||
|
color: #fff; |
||||
|
border-radius: 0; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
[id^="ext-quicktips-tip-ext-quicktips-tip-outerCt"] { |
||||
|
background-color: #7289da; |
||||
|
color: #fff; |
||||
|
border-radius: 0; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
[id^="ext-form-error"] { |
||||
|
background-color: #7289da; |
||||
|
color: #fff; |
||||
|
border-radius: 0; |
||||
|
border-width: 0; |
||||
|
} |
||||
|
|
||||
|
[id^="toolbar"] { |
||||
|
background: #2c2f33; |
||||
|
} |
||||
|
|
||||
|
[id^="legend"] { |
||||
|
background: #23272a; |
||||
|
border-color: red; |
||||
|
} |
||||
|
|
||||
|
div[id^="panel-"][id$="-body"] { |
||||
|
background: #23272a; |
||||
|
} |
||||
|
|
||||
|
#userinfo.x-btn { |
||||
|
background-color: transparent !important; |
||||
|
border: 1px solid #d23d3f !important; |
||||
|
} |
||||
|
|
||||
|
.pve-itype-icon-processor { |
||||
|
background-image: url("/pve2/images/dd_icon-cpu.png"); |
||||
|
} |
||||
|
|
||||
|
.pve-itype-icon-memory { |
||||
|
background-image: url("/pve2/images/dd_icon-ram.png"); |
||||
|
} |
||||
|
|
||||
|
.pve-itype-icon-storage { |
||||
|
background-image: url("/pve2/images/dd_icon-hdd.png"); |
||||
|
} |
||||
|
|
||||
|
.pve-itype-icon-swap { |
||||
|
background-image: url("/pve2/images/dd_icon-swap.png"); |
||||
|
} |
||||
|
|
||||
|
.pve-itype-icon-display { |
||||
|
background-image: url("/pve2/images/dd_icon-display.png"); |
||||
|
} |
||||
|
|
||||
|
.x-grid-row-console { |
||||
|
background-image: url("/pve2/images/dd_icon-display.png"); |
||||
|
} |
||||
|
|
||||
|
.pve-itype-icon-cdrom { |
||||
|
background-image: url("/pve2/images/dd_icon-cd.png"); |
||||
|
} |
||||
|
|
||||
|
.pve-itype-icon-network { |
||||
|
background-image: url("/pve2/images/dd_icon-network.png"); |
||||
|
} |
||||
|
|
||||
|
.pve-itype-icon-pci { |
||||
|
background-image: url("/pve2/images/dd_icon-pci.png"); |
||||
|
} |
||||
|
|
||||
|
.pve-itype-icon-usb { |
||||
|
background-image: url("/pve2/images/dd_icon-usb.png"); |
||||
|
} |
||||
|
|
||||
|
.pve-itype-icon-serial { |
||||
|
background-image: url("/pve2/images/dd_icon-serial.png"); |
||||
|
} |
||||
|
|
||||
|
.pve-itype-icon-cloud { |
||||
|
background-image: url("/pve2/images/dd_icon-cloud.png"); |
||||
|
} |
||||
|
|
||||
|
.fa-ceph:before { |
||||
|
background-image: url("/pve2/images/dd_cephwhite.png"); |
||||
|
} |
||||
|
|
||||
|
.fa-building.online { |
||||
|
color: #7289da !important; |
||||
|
} |
||||
|
|
||||
|
.fa-fw.x-grid-icon-custom.fa.fa-database { |
||||
|
color: #7289da; |
||||
|
} |
||||
|
|
||||
|
.fa-fw.x-grid-icon-custom.fa.fa-desktop { |
||||
|
color: #7289da; |
||||
|
} |
||||
|
|
||||
|
.fa-fw.x-grid-icon-custom.fa.fa-cube { |
||||
|
color: #7289da; |
||||
|
} |
||||
|
|
||||
|
.lxc:after { |
||||
|
background: transparent !important; |
||||
|
color: #7289da; |
||||
|
text-shadow: 0 0 0 #2c2f33 !important; |
||||
|
} |
||||
|
|
||||
|
.qemu:after { |
||||
|
background: transparent !important; |
||||
|
color: #7289da; |
||||
|
text-shadow: 0 0 0 #2c2f33 !important; |
||||
|
} |
||||
|
|
||||
|
html { |
||||
|
overflow: scroll; |
||||
|
overflow-x: hidden; |
||||
|
} |
||||
|
|
||||
|
* { |
||||
|
font-weight: 350; |
||||
|
} |
||||
|
|
||||
|
::-webkit-scrollbar { |
||||
|
width: 0; |
||||
|
background: transparent; |
||||
|
} |
||||
|
/*# sourceMappingURL=PVEDiscordDark.css.map */ |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,38 @@ |
|||||
|
@import './x/_body.sass'; |
||||
|
@import './x/_form.sass'; |
||||
|
@import './x/_grid.sass'; |
||||
|
@import './x/_box.sass'; |
||||
|
@import './x/_treelist.sass'; |
||||
|
@import './x/_legend.sass'; |
||||
|
@import './x/_panel.sass'; |
||||
|
@import './x/_toolbar.sass'; |
||||
|
@import './x/_btn.sass'; |
||||
|
@import './x/_column.sass'; |
||||
|
@import './x/_tab.sass'; |
||||
|
@import './x/_window.sass'; |
||||
|
@import './x/_viewport.sass'; |
||||
|
@import './x/_menu.sass'; |
||||
|
@import './x/_tree.sass'; |
||||
|
@import './x/_progress.sass'; |
||||
|
@import './x/_tip.sass'; |
||||
|
@import './x/_component.sass'; |
||||
|
@import './x/_autocontainer.sass'; |
||||
|
@import './x/_title.sass'; |
||||
|
@import './x/_mask.sass'; |
||||
|
@import './x/_misc.sass'; |
||||
|
@import './x/_splitter.sass'; |
||||
|
|
||||
|
@import './special/_specific.sass'; |
||||
|
@import './special/_icons.sass'; |
||||
|
@import './sepcial/_proxmox.sass'; |
||||
|
|
||||
|
html |
||||
|
overflow: scroll |
||||
|
overflow-x: hidden |
||||
|
|
||||
|
* |
||||
|
font-weight: 350 |
||||
|
|
||||
|
::-webkit-scrollbar |
||||
|
width: 0 |
||||
|
background: transparent |
||||
@ -0,0 +1,64 @@ |
|||||
|
.pve-itype-icon-processor |
||||
|
background-image: url('/pve2/images/dd_icon-cpu.png') |
||||
|
|
||||
|
.pve-itype-icon-memory |
||||
|
background-image: url('/pve2/images/dd_icon-ram.png') |
||||
|
|
||||
|
.pve-itype-icon-storage |
||||
|
background-image: url('/pve2/images/dd_icon-hdd.png') |
||||
|
|
||||
|
.pve-itype-icon-swap |
||||
|
background-image: url('/pve2/images/dd_icon-swap.png') |
||||
|
|
||||
|
.pve-itype-icon-display |
||||
|
background-image: url('/pve2/images/dd_icon-display.png') |
||||
|
|
||||
|
.x-grid-row-console |
||||
|
background-image: url('/pve2/images/dd_icon-display.png') |
||||
|
|
||||
|
.pve-itype-icon-cdrom |
||||
|
background-image: url('/pve2/images/dd_icon-cd.png') |
||||
|
|
||||
|
.pve-itype-icon-network |
||||
|
background-image: url('/pve2/images/dd_icon-network.png') |
||||
|
|
||||
|
.pve-itype-icon-pci |
||||
|
background-image: url('/pve2/images/dd_icon-pci.png') |
||||
|
|
||||
|
.pve-itype-icon-usb |
||||
|
background-image: url('/pve2/images/dd_icon-usb.png') |
||||
|
|
||||
|
.pve-itype-icon-serial |
||||
|
background-image: url('/pve2/images/dd_icon-serial.png') |
||||
|
|
||||
|
.pve-itype-icon-cloud |
||||
|
background-image: url('/pve2/images/dd_icon-cloud.png') |
||||
|
|
||||
|
.fa-ceph:before |
||||
|
background-image: url('/pve2/images/dd_cephwhite.png') |
||||
|
|
||||
|
.fa-building.online |
||||
|
color: #7289da!important |
||||
|
|
||||
|
.fa-fw.x-grid-icon-custom.fa |
||||
|
&.fa-database |
||||
|
color: #7289da |
||||
|
|
||||
|
&.fa-desktop |
||||
|
color: #7289da |
||||
|
|
||||
|
&.fa-cube |
||||
|
color: #7289da |
||||
|
|
||||
|
|
||||
|
.lxc:after |
||||
|
background: transparent!important |
||||
|
color: #7289da |
||||
|
//If you use compass, instead of the line below you could use + text-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) |
||||
|
text-shadow: 0 0 0 #2c2f33!important |
||||
|
|
||||
|
.qemu:after |
||||
|
background: transparent!important |
||||
|
color: #7289da |
||||
|
//If you use compass, instead of the line below you could use + text-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) |
||||
|
text-shadow: 0 0 0 #2c2f33!important |
||||
@ -0,0 +1,2 @@ |
|||||
|
.proxmox-invalid-row |
||||
|
background-color: #401314 |
||||
@ -0,0 +1,81 @@ |
|||||
|
#toolbar-1069-innerCt |
||||
|
background: #2c2f33 |
||||
|
|
||||
|
#button-1030 |
||||
|
background: #23272a |
||||
|
border: 1px solid #d23d3f |
||||
|
|
||||
|
#menuitem-1030-iconEl |
||||
|
color: white |
||||
|
|
||||
|
#menuitem-1031-iconEl |
||||
|
color: white |
||||
|
|
||||
|
#menuitem-1032-iconEl |
||||
|
color: white |
||||
|
|
||||
|
#menuitem-1034-iconEl |
||||
|
color: #c52d2f |
||||
|
|
||||
|
[id^="pveNodeStatus"] |
||||
|
background: #23272a |
||||
|
|
||||
|
div[id^="pveNotesView-"][id$="-innerCt"] |
||||
|
background: #23272a |
||||
|
|
||||
|
img[src^="/pve2/images/proxmox_logo"] |
||||
|
background: #23272a |
||||
|
content: url('/pve2/images/dd_logo.png') |
||||
|
|
||||
|
[id^="versioninfo"] |
||||
|
background: #23272a |
||||
|
|
||||
|
[id^="proxmoxGauge"] |
||||
|
background: #23272a |
||||
|
|
||||
|
[id^="tooltip"] |
||||
|
background: #7289da |
||||
|
color: #fff |
||||
|
border-width: 0 |
||||
|
|
||||
|
[id^="ext-quicktips-tip-body"] |
||||
|
background-color: #7289da |
||||
|
color: #fff |
||||
|
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius) |
||||
|
border-radius: 0 |
||||
|
border-width: 0 |
||||
|
|
||||
|
[id^="ext-quicktips-tip-innerCt"] |
||||
|
background-color: #7289da |
||||
|
color: #fff |
||||
|
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius) |
||||
|
border-radius: 0 |
||||
|
border-width: 0 |
||||
|
|
||||
|
[id^="ext-quicktips-tip-ext-quicktips-tip-outerCt"] |
||||
|
background-color: #7289da |
||||
|
color: #fff |
||||
|
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius) |
||||
|
border-radius: 0 |
||||
|
border-width: 0 |
||||
|
|
||||
|
[id^="ext-form-error"] |
||||
|
background-color: #7289da |
||||
|
color: #fff |
||||
|
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius) |
||||
|
border-radius: 0 |
||||
|
border-width: 0 |
||||
|
|
||||
|
[id^="toolbar"] |
||||
|
background: #2c2f33 |
||||
|
|
||||
|
[id^="legend"] |
||||
|
background: #23272a |
||||
|
border-color: red |
||||
|
|
||||
|
div[id^="panel-"][id$="-body"] |
||||
|
background: #23272a |
||||
|
|
||||
|
#userinfo.x-btn |
||||
|
background-color: transparent !important |
||||
|
border: 1px solid #d23d3f !important |
||||
@ -0,0 +1,2 @@ |
|||||
|
.x-autocontainer-innerCt |
||||
|
background: #2c2f33 |
||||
@ -0,0 +1,7 @@ |
|||||
|
.x-body |
||||
|
color: #fff |
||||
|
font-size: 13px |
||||
|
line-height: 17px |
||||
|
font-weight: 300 |
||||
|
font-family: 'helvetica', 'arial', 'verdana', 'sans-serif' |
||||
|
background: #fff |
||||
@ -0,0 +1,12 @@ |
|||||
|
.x-box-scroller |
||||
|
background: #2c2f33!important |
||||
|
|
||||
|
.x-box-scroller-body-vertical |
||||
|
background: #2c2f33!important |
||||
|
|
||||
|
.x-box-inner |
||||
|
overflow: hidden |
||||
|
position: relative |
||||
|
left: 0 |
||||
|
top: 0 |
||||
|
background: #23272a |
||||
@ -0,0 +1,56 @@ |
|||||
|
.x-btn |
||||
|
background: #7289da |
||||
|
border-width: 0 |
||||
|
&.x-unselectable.x-box-item |
||||
|
&.x-toolbar-item.x-btn-default-toolbar-small |
||||
|
&.x-btn-over |
||||
|
background-color: #677bc4 |
||||
|
|
||||
|
&.x-btn-menu-active |
||||
|
background-color: #677bc4 |
||||
|
|
||||
|
|
||||
|
&.x-btn-default-small.x-btn-over |
||||
|
background-color: #677bc4 |
||||
|
|
||||
|
|
||||
|
|
||||
|
.x-btn-inner |
||||
|
color: #fff |
||||
|
&.x-btn-inner-default-small |
||||
|
color: #fff |
||||
|
|
||||
|
&.x-btn-inner-default-toolbar-small |
||||
|
color: #fff |
||||
|
|
||||
|
|
||||
|
.x-btn-disabled |
||||
|
background-image: none |
||||
|
background-color: #737fab!important |
||||
|
|
||||
|
.x-btn-icon-el |
||||
|
&.x-btn-icon-el-default-toolbar-small |
||||
|
&.fa |
||||
|
&.fa-undo |
||||
|
color: #fff |
||||
|
&.fa-terminal |
||||
|
color: #fff |
||||
|
&.fa-send-o |
||||
|
color: #fff |
||||
|
&.fa-play |
||||
|
color: #43b581 |
||||
|
&.fa-fw.fa-ellipsis-v |
||||
|
color: #fff |
||||
|
&.fa-power-off |
||||
|
color: #d23d3f |
||||
|
|
||||
|
&.x-btn-icon-el-default-toolbar-small.fa.fa-question-circle |
||||
|
color: #fff |
||||
|
|
||||
|
|
||||
|
&.x-btn-icon-el-default-small.fa |
||||
|
&.fa-book.x-btn-icon-el-default-toolbar-small |
||||
|
color: #fff |
||||
|
|
||||
|
&.black.fa-gear |
||||
|
color: #fff |
||||
@ -0,0 +1,13 @@ |
|||||
|
.x-column-header-inner |
||||
|
background: #2c2f33 |
||||
|
border-width: 0!important |
||||
|
|
||||
|
.x-column-header-default |
||||
|
background: #2c2f33 |
||||
|
border-width: 0!important |
||||
|
|
||||
|
.x-column-header-text-inner |
||||
|
color: #fff |
||||
|
|
||||
|
.x-column-header-trigger |
||||
|
border-color: #23272a |
||||
@ -0,0 +1,7 @@ |
|||||
|
.x-component |
||||
|
color: #fff |
||||
|
&.x-box-item.x-component-default |
||||
|
background: #23272a |
||||
|
|
||||
|
&.x-fieldset-header-text.x-component-default |
||||
|
color: #fff |
||||
@ -0,0 +1,33 @@ |
|||||
|
.x-form-text-default |
||||
|
color: #818082 |
||||
|
background-color: #4a4d53 |
||||
|
font: 300 13px/17px 'helvetica', 'arial', 'verdana', 'sans-serif' |
||||
|
min-height: 22px |
||||
|
padding: 0 6px 2px |
||||
|
|
||||
|
.x-form-trigger-wrap-default |
||||
|
border-color: #cfcfcf |
||||
|
border-style: solid |
||||
|
border-width: 0 |
||||
|
|
||||
|
.x-form-trigger-default |
||||
|
width: 22px |
||||
|
background: 0 center #72767d url('/pve2/images/dd_trigger.png') no-repeat |
||||
|
|
||||
|
.x-form-display-field |
||||
|
color: #707c80 |
||||
|
|
||||
|
.x-form-text |
||||
|
color: #fff |
||||
|
|
||||
|
.x-form-item-label-inner-default |
||||
|
color: #fff |
||||
|
|
||||
|
.x-form-item-body.x-form-item-body-default.x-form-display-field-body.x-form-display-field-body-default |
||||
|
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius) |
||||
|
border-radius: 6px |
||||
|
padding: 2px |
||||
|
|
||||
|
.x-field.x-form-item.x-form-item-default.x-form-readonly.x-form-type-text |
||||
|
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius) |
||||
|
border-radius: 6px |
||||
@ -0,0 +1,35 @@ |
|||||
|
.x-grid-cell-inner |
||||
|
background: transparent |
||||
|
color: #fff |
||||
|
|
||||
|
.x-grid-cell-rowbody |
||||
|
background: #2c2f33 |
||||
|
color: #fff |
||||
|
|
||||
|
.x-grid-item |
||||
|
background: #2c2f33 |
||||
|
border-width: 0!important |
||||
|
|
||||
|
.x-grid-item-alt |
||||
|
background: #23272a |
||||
|
border-width: 0!important |
||||
|
|
||||
|
.x-grid-header-ct |
||||
|
background: #2c2f33 |
||||
|
border-width: 0!important |
||||
|
|
||||
|
.x-grid-group-title |
||||
|
color: #fff |
||||
|
|
||||
|
.x-grid-row-loading |
||||
|
background-image: url('/pve2/images/dd_loading.svg') |
||||
|
background-size: 32px |
||||
|
|
||||
|
.x-grid-group-hd.x-grid-group-hd-collapsible |
||||
|
background: #23272a |
||||
|
color: #fff |
||||
|
border-width: 0 |
||||
|
|
||||
|
.x-grid-icon-custom:after |
||||
|
//If you use compass, instead of the line below you could use + text-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) |
||||
|
text-shadow: 0 0 0 #2c2f33 |
||||
@ -0,0 +1,31 @@ |
|||||
|
.x-legend-item |
||||
|
background: #2c2f33 |
||||
|
color: #fff |
||||
|
border-width: 0 |
||||
|
|
||||
|
.x-legend-container |
||||
|
background: #2c2f33 |
||||
|
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius) |
||||
|
border-radius: 0 |
||||
|
//If you use compass, instead of the line below you could use + box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) |
||||
|
box-shadow: rgba(0,0,0,0) 0 0 0 |
||||
|
border-width: 0 |
||||
|
|
||||
|
.x-legend |
||||
|
&.x-docked-top .x-legend-item |
||||
|
border-left: 0 |
||||
|
border-bottom: 0 |
||||
|
|
||||
|
&.x-docked-bottom .x-legend-item |
||||
|
border-left: 0 |
||||
|
border-bottom: 0 |
||||
|
|
||||
|
|
||||
|
.x-legend-panel |
||||
|
&.x-docked-top .x-legend-item |
||||
|
border-left: 0 |
||||
|
border-bottom: 0 |
||||
|
|
||||
|
&.x-docked-bottom .x-legend-item |
||||
|
border-left: 0 |
||||
|
border-bottom: 0 |
||||
@ -0,0 +1,2 @@ |
|||||
|
.x-mask |
||||
|
background-color: rgba(26,26,29,0.27) |
||||
@ -0,0 +1,70 @@ |
|||||
|
.x-menu-item-focus |
||||
|
background-color: #677bc4 |
||||
|
|
||||
|
.x-menu-item |
||||
|
background: #7289da |
||||
|
border-style: none |
||||
|
border-width: 0 |
||||
|
|
||||
|
.x-menu-default |
||||
|
background: #7289da |
||||
|
border-style: none |
||||
|
border-width: 0 |
||||
|
|
||||
|
.x-menu-item-text |
||||
|
color: #fff |
||||
|
|
||||
|
.x-menu-header |
||||
|
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius) |
||||
|
border-radius: 1px |
||||
|
background: #23272a |
||||
|
border-width: 0 |
||||
|
|
||||
|
.x-menu-item-icon-default.x-menu-item-icon.fa |
||||
|
&.fa-fw |
||||
|
&.fa-send-o |
||||
|
color: #fff |
||||
|
|
||||
|
&.fa-clone |
||||
|
color: #fff |
||||
|
|
||||
|
&.fa-file-o |
||||
|
color: #fff |
||||
|
|
||||
|
&.fa-play |
||||
|
color: #43b581 |
||||
|
|
||||
|
&.fa-stop |
||||
|
color: #d23d3f |
||||
|
|
||||
|
&.fa-power-off |
||||
|
color: #d23d3f |
||||
|
|
||||
|
&.fa-pause |
||||
|
color: #faa61a |
||||
|
|
||||
|
|
||||
|
&.fa-heartbeat |
||||
|
color: #fff |
||||
|
|
||||
|
&.fa-trash-o |
||||
|
color: #fff |
||||
|
|
||||
|
&.fa-desktop |
||||
|
color: #fff |
||||
|
|
||||
|
&.fa-cube |
||||
|
color: #fff |
||||
|
|
||||
|
&.fa-terminal |
||||
|
color: #fff |
||||
|
|
||||
|
&.fa-stop |
||||
|
color: #d23d3f |
||||
|
|
||||
|
|
||||
|
.x-menu-item-default.x-menu-item-separator |
||||
|
height: 0 |
||||
|
border-top-width: 0 |
||||
|
margin: 0 |
||||
|
padding: 0 |
||||
@ -0,0 +1,15 @@ |
|||||
|
.x-tool-img |
||||
|
background-image: url('/pve2/images/dd_tool-sprites.png') |
||||
|
|
||||
|
.x-layout-split-bottom |
||||
|
background-image: url('/pve2/images/dd_mini-bottom.png') |
||||
|
|
||||
|
.x-surface-canvas |
||||
|
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius) |
||||
|
border-radius: 3px |
||||
|
|
||||
|
.x-fieldset-default |
||||
|
border: 1px solid #7289da |
||||
|
|
||||
|
.x-vertical-scroller |
||||
|
background: #2c2f33!important |
||||
@ -0,0 +1,13 @@ |
|||||
|
.x-panel-header |
||||
|
background: #23272a |
||||
|
border: 0 |
||||
|
|
||||
|
.x-panel-body-default |
||||
|
background: #2c2f33 |
||||
|
color: #fff |
||||
|
font-size: 13px |
||||
|
font-weight: 300 |
||||
|
font-family: 'helvetica', 'arial', 'verdana', 'sans-serif' |
||||
|
border-color: #fff |
||||
|
border-style: solid |
||||
|
border-width: 0 |
||||
@ -0,0 +1,10 @@ |
|||||
|
.x-progress |
||||
|
background: #2c2f33 |
||||
|
|
||||
|
.x-progress-bar |
||||
|
background-color: #7289da!important |
||||
|
|
||||
|
.x-progress-text |
||||
|
color: #fff!important |
||||
|
&.x-progress-text-back |
||||
|
color: #fff!important |
||||
@ -0,0 +1,5 @@ |
|||||
|
.x-splitter |
||||
|
background: #23272a |
||||
|
|
||||
|
.x-splitter-collapsed .x-layout-split-bottom |
||||
|
background-image: url('/pve2/images/dd_mini-top.png') |
||||
@ -0,0 +1,29 @@ |
|||||
|
.x-tab |
||||
|
background: #737fab |
||||
|
color: #fff |
||||
|
border-width: 0 |
||||
|
|
||||
|
.x-tab-inner |
||||
|
color: #fff |
||||
|
|
||||
|
.x-tab-active |
||||
|
background: #7289da!important |
||||
|
border-width: 0!important |
||||
|
|
||||
|
.x-tab-over |
||||
|
background: #7289da!important |
||||
|
border-width: 0!important |
||||
|
|
||||
|
.x-tab-default-focus |
||||
|
background: #7289da!important |
||||
|
border-width: 0!important |
||||
|
|
||||
|
.x-tab-focus |
||||
|
background: #7289da!important |
||||
|
border-width: 0!important |
||||
|
|
||||
|
.x-tab-bar-body |
||||
|
background: #23272a |
||||
|
|
||||
|
.x-tab-disabled |
||||
|
background: #737fab!important |
||||
@ -0,0 +1,6 @@ |
|||||
|
.x-tip-default |
||||
|
background-color: #7289da |
||||
|
color: #fff |
||||
|
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius) |
||||
|
border-radius: 0 |
||||
|
border-width: 0 |
||||
@ -0,0 +1,2 @@ |
|||||
|
.x-title-text |
||||
|
color: #7289da |
||||
@ -0,0 +1,15 @@ |
|||||
|
.x-toolbar-default |
||||
|
background-color: #2c2f33 |
||||
|
border-width: 0 |
||||
|
|
||||
|
.x-toolbar |
||||
|
background: #2c2f33 |
||||
|
|
||||
|
.x-toolbar-vertical-scroller |
||||
|
background: #2c2f33!important |
||||
|
|
||||
|
.x-toolbar-default-vertical-scroller |
||||
|
background: #2c2f33!important |
||||
|
|
||||
|
.x-toolbar-text.x-box-item.x-toolbar-item.x-toolbar-text-default |
||||
|
color: #fff |
||||
@ -0,0 +1,53 @@ |
|||||
|
.x-tree-icon.x-tree-icon-custom |
||||
|
&.x-tree-icon-parent-expanded.fa |
||||
|
&.fa-server |
||||
|
color: #7289da!important |
||||
|
|
||||
|
&.fa-building |
||||
|
color: #7289da!important |
||||
|
|
||||
|
&.fa-database |
||||
|
color: #7289da!important |
||||
|
|
||||
|
&.fa-desktop |
||||
|
color: #7289da!important |
||||
|
|
||||
|
&.fa-cube |
||||
|
color: #7289da!important |
||||
|
|
||||
|
|
||||
|
&.x-tree-icon-parent.fa |
||||
|
&.fa-server |
||||
|
color: #7289da!important |
||||
|
|
||||
|
&.fa-building |
||||
|
color: #7289da!important |
||||
|
|
||||
|
&.fa-cube |
||||
|
color: #7289da!important |
||||
|
|
||||
|
&.fa-desktop |
||||
|
color: #7289da!important |
||||
|
|
||||
|
&.fa-database |
||||
|
color: #7289da!important |
||||
|
|
||||
|
|
||||
|
&.x-tree-icon-leaf.fa |
||||
|
&.fa-cube |
||||
|
color: #7289da!important |
||||
|
&.running.ha-unmanaged |
||||
|
color: #7289da!important |
||||
|
|
||||
|
|
||||
|
&.fa-desktop |
||||
|
color: #7289da!important |
||||
|
|
||||
|
&.fa-database |
||||
|
color: #7289da!important |
||||
|
|
||||
|
|
||||
|
|
||||
|
.x-tree-icon-custom:after |
||||
|
//If you use compass, instead of the line below you could use + text-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) |
||||
|
text-shadow: 0 0 0 #2c2f33 |
||||
@ -0,0 +1,55 @@ |
|||||
|
.x-treelist-item-leaf |
||||
|
background: #2c2f33 |
||||
|
color: #fff |
||||
|
|
||||
|
.x-treelist-container |
||||
|
background: #2c2f33 |
||||
|
color: #fff |
||||
|
|
||||
|
.x-treelist-row |
||||
|
background: #2c2f33 |
||||
|
color: #fff |
||||
|
|
||||
|
.x-treelist-row-with-icon |
||||
|
background: #2c2f33 |
||||
|
color: #fff |
||||
|
|
||||
|
.x-treelist-item-expandable |
||||
|
background: #2c2f33 |
||||
|
color: #fff |
||||
|
|
||||
|
.x-treelist-item-wrap |
||||
|
background: #2c2f33 |
||||
|
color: #fff |
||||
|
|
||||
|
.x-treelist-item-text |
||||
|
background: #2c2f33 |
||||
|
color: #fff |
||||
|
|
||||
|
.x-treelist-item-icon |
||||
|
background: #2c2f33 |
||||
|
color: #fff |
||||
|
|
||||
|
.x-treelist-row-over |
||||
|
color: #ff0 |
||||
|
> * > |
||||
|
.x-treelist-item-text |
||||
|
color: #7289da |
||||
|
//If you use compass, instead of the line below you could use + transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10) |
||||
|
transition: color .5s |
||||
|
|
||||
|
.x-treelist-item-icon |
||||
|
color: #7289da |
||||
|
//If you use compass, instead of the line below you could use + transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10) |
||||
|
transition: color .5s |
||||
|
|
||||
|
.fa-ceph:before |
||||
|
background-image: url('/pve2/images/dd_cephblurp.png') |
||||
|
background-size: 14px 14px |
||||
|
//If you use compass, instead of the line below you could use + transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10) |
||||
|
transition: background-image .5s |
||||
|
|
||||
|
|
||||
|
|
||||
|
.x-treelist-item-selected > .x-treelist-row |
||||
|
background-color: #23272a |
||||
@ -0,0 +1,4 @@ |
|||||
|
.x-viewport |
||||
|
background: #23272a |
||||
|
> .x-body |
||||
|
background: #23272a |
||||
@ -0,0 +1,43 @@ |
|||||
|
.x-window-body |
||||
|
background: #23272a |
||||
|
border-bottom-width: 0 |
||||
|
border-right-width: 0 |
||||
|
|
||||
|
.x-window-default |
||||
|
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius) |
||||
|
border-radius: 0 |
||||
|
background-color: #23272a |
||||
|
//If you use compass, instead of the line below you could use + box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) |
||||
|
box-shadow: none |
||||
|
border-color: #23272a |
||||
|
border-style: none |
||||
|
border-width: 0 |
||||
|
padding: 0 |
||||
|
|
||||
|
.x-window-default-mc |
||||
|
background-color: #23272a |
||||
|
|
||||
|
.x-window-body-default |
||||
|
color: white |
||||
|
border-width: 0!important |
||||
|
|
||||
|
.x-window-header-default-top |
||||
|
//If you use compass, instead of the line below you could use + border-top-left-radius($radius) |
||||
|
border-top-left-radius: 0!important |
||||
|
//If you use compass, instead of the line below you could use + border-top-right-radius($radius) |
||||
|
border-top-right-radius: 0!important |
||||
|
//If you use compass, instead of the line below you could use + border-bottom-right-radius($radius) |
||||
|
border-bottom-right-radius: 0!important |
||||
|
//If you use compass, instead of the line below you could use + border-bottom-left-radius($radius) |
||||
|
border-bottom-left-radius: 0!important |
||||
|
background-color: #23272a |
||||
|
border-width: 0!important |
||||
|
padding: 9px |
||||
|
|
||||
|
.x-window-text |
||||
|
color: #fff |
||||
|
|
||||
|
.x-window-header.x-header.x-header-draggable.x-docked.x-unselectable.x-window-header-default.x-horizontal.x-window-header-horizontal.x-window-header-default-horizontal.x-top.x-window-header-top.x-window-header-default-top.x-box-layout-ct |
||||
|
background: #23272a |
||||
|
border-bottom-width: 0 |
||||
|
border-right-width: 0 |
||||
Loading…
Reference in new issue