From 4abeadb818b8649f990256ccdc034fdf78c32579 Mon Sep 17 00:00:00 2001 From: deathbybandaid Date: Tue, 30 Nov 2021 15:38:52 -0500 Subject: [PATCH] test --- dbb-css/proxmox/plex.css | 578 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 578 insertions(+) diff --git a/dbb-css/proxmox/plex.css b/dbb-css/proxmox/plex.css index e69de29b..ac77f41e 100644 --- a/dbb-css/proxmox/plex.css +++ b/dbb-css/proxmox/plex.css @@ -0,0 +1,578 @@ +/* Dark Proxmox VE */ +/* By DeepB */ +/* v0.6 */ +@-moz-document regexp("https://pve.*vs.*:.*/.*"), regexp("https://proxmox.*vs.*:.*/.*"), regexp("https://.*:8006/.*") +{ + html, body + { + background-color: #222 !important; + background-clip: border-box !important; + background-origin: padding-box !important; + background-repeat: repeat !important; + background-size: auto !important; + background-position: left top !important; + background-attachment: scroll !important; + color: #fff !important; + } + + .x-grid-view + { + background-color: #000 !important; + color: white; + } + + .x-tree-view + { + background-color: #222 !important; + color: white; + } + + .x-fit-item + { + background-color: #222 !important; + color: white; + } + + .x-box-inner + { + background-color: #222 !important; + background-clip: border-box !important; + background-origin: padding-box !important; + background-repeat: repeat !important; + background-size: auto !important; + background-position: left top !important; + background-attachment: scroll !important; + color: white; + } + + div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote, th, td + { + color: lightgrey; + } + + input, textarea + { + background-color: gray !important; + color: white; + } + + .x-btn .x-btn-center .x-btn-inner + { + color: brown; + } + + .x-menu-item-text + { + color: brown; + } + + .x-form-item-label + { + background-color: #222 !important; + color: green; + } + + .x-panel-body + { + background-color: #222 !important; + background-clip: border-box !important; + background-origin: padding-box !important; + background-repeat: repeat !important; + background-size: auto !important; + background-position: left top !important; + background-attachment: scroll !important; + color: white; + } + + .x-tab-inner-default + { + background-color: #222 !important; + color: gray; + } + + .x-tab.x-tab-active.x-tab-default .x-tab-inner-default + { + background-color: #222 !important; + color: white; + } + + .x-btn-inner-default-toolbar-small + { + background-color: #222 !important; + color: coral; + } + + .noVNC_status_normal + { + background-color: #222 !important; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkAgMAAAANjH3HAAAACVBMVEUaGhohISElJSUh9lebAAAB20lEQVRIx4XWuZXDMAwE0C0SAQtggIIYoAAEU+aKOHhYojTrYP2+QfOW/5QIJOih/q8HwF/pb3EX+UPIveYcQGgEHiu9hI+ihEc5Jz5KBIlRRRaJ1JtoSAl5Hw96hLB1/up1tnIXOck5jZQy+3iU2hAOKSH1JvwxHsp+5TLF5MOl1/MQXsVs1miXc+KDbYydyMeUgpPQreZ7fWidbNhkXNJSeAhc6qHmHD8AYovunYyEACWEbyIhNeB9fRrH3hFi0bGPLuEW7xCNaohw1vAlS805nfsrTspclB/hVdoqusg53eH7FWot+wjYpOViX8KbFFKTwlnzvj65P9H/vD0/hibYBGhPwlPO8TmxRsaxsNnrUmUXpNhirlJMPr6Hqq9k5Xn/8iYQHYIuQsWFC6Z87IOxLxHphSY4SpuiU87xJnJr5axfeRd+lnMExXpEWPpuZ1v7qZdNBOjiHzDREHX5fs5Zz9p6X0vVKbKKchlSl5rv+3p//FJ/PYvoKryI8vs+2G9lzRmnEKkh+BU8yDk515jDj/HAswu7CCz6U/Mxb/PnC9N41ndpU4hUU7JGk/C9PmP/M2xZYdvBW2PObyf1IUiIzoHmHW9yTncliYs9A9tVNppdShfgQaTLMf+j3X723tLeHgAAAABJRU5ErkJggg==) !important; + background-clip: border-box !important; + background-origin: padding-box !important; + background-repeat: repeat !important; + background-size: auto !important; + background-position: left top !important; + background-attachment: scroll !important; + color: white; + } + + #noVNC_status + { + background-color: #222 !important; + color: coral; + } + + .x-treelist-item-icon + { + color: #fff; + margin-left: 2px; + } + + .x-treelist-item-text + { + color: #f9f9f9; + padding-left: 5px; + padding-right: 5px; + } + + .pve-help-button .x-btn-inner + { + color: lightgray; + } +/**/ + .x-btn-over.x-btn-default-toolbar-small .x-btn-inner + { + /**/ + color: black; + /**/ + background-color: transparent !important; + -webkit-filter: invert(1) hue-rotate(180deg); + filter: invert(1) hue-rotate(180deg); + } + + .x-tab-bar-default + { + background-color: #201f1f; + } + + .x-column-header-over, .x-column-header-open + { + background-color: #000; + } + + .x-btn-inner-default-toolbar-small + { + background-color: #222 !important; + color: #d2d2d2; + } + + .x-toolbar .x-toolbar-item + { + background-color: #222 !important; + color: lightgreen; + } + + .x-unselectable > img + { + -webkit-filter: invert(1) hue-rotate(180deg); + filter: invert(1) hue-rotate(180deg); + } + + .x-toolbar-footer + { + padding: 6px 0 6px 6px; + border-style: solid; + border-color: #cfcfcf; + border-width: 0; + background-image: none; + background-color: #222; + } + + .x-treelist-item-selected > .x-treelist-row + { + background-color: #626262; + } + + .x-boundlist-item + { + padding: 0 6px; + font: normal 13px helvetica, arial, verdana, sans-serif; + line-height: normal; + line-height: 22px; + cursor: pointer; + position: relative; + border-width: 1px; + border-style: dotted; + border-color: #fff; + color: #d1cece; + } + + .x-boundlist-selected + { + background: #555; + border-color: #000; + } + + .x-boundlist-item-over + { + color: #222; + } + + .x-form-text-default + { + color: #f6f6f6; + padding: 3px 6px 2px; + background-color: #555 !important; + font: 300 13px/17px helvetica, arial, verdana, sans-serif; + min-height: 22px; + } + + .x-mask + { + background-image: none; + background-color: rgba(35, 35, 35, 0.7); + cursor: default; + border-style: solid; + border-width: 1px; + border-color: transparent; + } + + .x-item-disabled + { + background-image: none; + background-color: rgba(35, 35, 35, 0.7); + cursor: default; + border-style: solid; + border-width: 1px; + border-color: transparent; + } + + .x-window-body-default + { + border-color: #f5f5f5; + border-width: 1px; + border-style: solid; + background: #222 !important; + ; + color: #000; + font-size: 13px; + font-weight: 300; + font-family: helvetica, arial, verdana, sans-serif; + } + + .x-form-display-field-default + { + min-height: 24px; + font: 300 13px/17px helvetica, arial, verdana, sans-serif; + color: #fff; + margin-top: 4px; + } + + .x-toolbar-default + { + padding: 6px 0 6px 8px; + border-style: solid; + border-color: #cfcfcf; + border-width: 1px; + border-right-width: 1px; + border-bottom-width: 1px; + border-left-width: 1px; + background-image: none; + background-color: #222 !important; + } + + .black + { + color: #fff; + } + + .x-mask-msg + { + padding: 8px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + background: teal; + } + + .x-tip-default + { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + padding: 2px 2px 2px 2px; + border-width: 1px; + border-style: solid; + background-color: black; + } + + .pve-itype-icon-virt-viewer, .pve-itype-icon-tigervnc, .pve-itype-icon-novnc, .pve-itype-icon-display, .pve-itype-icon-memory, .pve-itype-icon-processor, .pve-itype-icon-network, .pve-itype-icon-network-server, .pve-itype-icon-keyboard, .pve-itype-icon-cdrom, .pve-itype-icon-qemu, .pve-itype-icon-qemu-template, .pve-itype-icon-qemu-running, .pve-itype-icon-lxc, .pve-itype-icon-lxc-template, .pve-itype-icon-lxc-running, .pve-itype-icon-swap, .pve-itype-icon-node, .pve-itype-icon-node-running, .pve-itype-icon-storage, .pve-itype-icon-pool, .pve-itype-icon-itype, .pve-itype-icon-usb, .pve-itype-icon-pci + { + -webkit-filter: invert(1) hue-rotate(180deg); + filter: invert(1) hue-rotate(180deg); + background-color: #ddd !important; + color: black; + } + + .x-fit-item .x-grid-with-row-lines > .x-grid-item-container > .x-grid-item > tbody > tr.x-grid-row > .x-grid-cell-first > .x-grid-cell-inner + { + color: grey !important; + } + + .x-grid-item-over + { + -webkit-filter: invert(1) hue-rotate(180deg); + filter: invert(1) hue-rotate(180deg); + } + + .x-legend.x-horizontal .x-legend-item + { + -webkit-filter: invert(1) hue-rotate(180deg); + filter: invert(1) hue-rotate(180deg); + } + + .x-legend, .x-legend-panel + { + background: transparent; + outline: none; + } + + .x-legend-container + { + display: inline-block; + line-height: 0; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + border: 1px solid #ccc; + background: transparent; + } + + .x-draw-container > .x-panel-body + { + -webkit-filter: invert(1) hue-rotate(180deg); + filter: invert(1) hue-rotate(180deg); + } + + .x-progress-default .x-progress-bar-default + { + background-image: none; + background-color: darkorange; + } + + .x-unselectable + { + background-color: #222; + background-clip: border-box; + background-origin: padding-box; + background-repeat: no-repeat; + background-size: auto; + background-position: left top; + background-attachment: scroll; + color: white; + } + + .x-btn-focus.x-btn-default-small + { + background-image: none; + background-color: #3892d4 !important; + -webkit-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset; + -moz-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset; + box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset; + } + + .x-fieldset-header-default > .x-fieldset-header-text + { + font: 300 12px/7px helvetica, arial, verdana, sans-serif; + color: #fff; + padding: 1px 0; + } + + .x-tab.x-tab-active.x-tab-default .x-tab-inner-default + { + background-color: transparent !important; + color: white; + } + + .x-tab.x-tab-active.x-tab-default + { + border-color: #3892d4; + background-color: #19496c; + } + + .x-tab-focus.x-tab-default + { + border-color: #f5f5f5; + background-color: transparent; + } + + .x-tab-inner-default + { + background-color: transparent !important; + color: gray; + } + + .x-menu-item-text + { + color: lightblue; + } + + .x-menu-item-default.x-menu-item-active + { + background-image: none; + background-color: #000; + } + + .x-window-header-default .x-tool-img + { + background-color: transparent; + } + + .x-panel-header-default .x-tool-img + { + background-color: transparent; + } + + .x-grid-item + { + background-color: transparent; + } + + .x-grid-item-alt + { + background-color: transparent; + } + + .x-grid-with-row-lines .x-grid-item-selected + .x-grid-item + { + border-top-style: solid; + border-top-color: orange; + } + + .x-grid-with-row-lines .x-grid-item + { + border-style: solid; + border-width: 1px 0 0 1px; + border-color: transparent; + border-top-color: transparent; + } + + .x-grid-with-row-lines .x-grid-item:first-child + { + border-top-color: transparent; + } + + .x-grid-with-row-lines .x-grid-item.x-grid-item-selected + { + border-style: solid; + border-color: orange; + } + + .x-grid-item-focused .x-grid-cell-inner::before + { + content: ""; + position: absolute; + z-index: -1; + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; + pointer-events: none; + border: transparent; + } + + .x-progress-default + { + background-color: darkslategray; + border-width: 0; + height: 20px; + border-color: #157fcc; + } + + .x-treelist-item-text + { + color: lightgrey; + padding-left: -5px; + padding-right: -5px; + } + + .x-treelist-item-icon + { + color: lightgrey; + margin-left: -2px; + } + + .x-toolbar .x-toolbar-item + { + background-color: transparent !important; + } + + .x-form-trigger-wrap-default.x-form-trigger-wrap-focus + { + border-color: lightgreen; + } +/* + .x-form-trigger-default { + width: 22px; + background: 0 center #222 url(images/form/trigger.png) no-repeat; +} +.x-form-spinner-default { + background-image: url(images/form/spinner.png); + background-color: #222; + width: 22px; + height: 11px; +} +*/ + .x-treelist-row + { + margin-top: 0px; + } + + .x-grid-with-row-lines .x-grid-item + { + border-width: 1px 0 0 1px; + } + + .x-treelist-item, .x-treelist-container, .x-treelist-root-container + { + margin: -2px; + } + + .x-grid-item + { + color: #000; + font: 300 12px/7px helvetica, arial, verdana, sans-serif; + } + + .x-grid-empty + { + padding: 10px; + color: grey; + background-color: transparent; + font: 300 12px helvetica, arial, verdana, sans-serif; + } + + .x-btn-over.x-btn-default-toolbar-small + { + background-image: none; + background-color: #3892d4 !important; + -webkit-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset; + -moz-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset; + box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset; + } + + .proxmox-inline-button .x-btn-inner + { + color: #6aba15; + } + + a + { + color: orange; + } +}