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