1 /* overwrite to use full black for enabled buttons */
2 .x-btn-inner-default-toolbar-small {
3 font: 300 12px/16px helvetica
, arial
, verdana
, sans-serif
;
9 /* add missing class for context menu header */
11 font: 400 13px/20px 'Open Sans', 'Helvetica Neue', helvetica
, arial
, verdana
, sans-serif
;
14 background-color: #3892d4;
17 /* make the upper window end visible */
19 box-shadow: rgb
(136,136,136) 0px -1px 15px !important
;
22 /* reduce tree space */
23 .x-grid-cell-inner-treecolumn { /* vertical padding */
24 padding: 4px 0px 3px 0px;
27 /* horizontal distance between parent and child leaf */
32 /* adjust horizontal position of menu icons */
33 .x-menu-item-icon-default {
39 /* this gives a better placement for the font-awesome icons */
40 .x-btn-icon-el-default-toolbar-small {
44 /* this icon looks weird in sizes not n*14px */
45 .x-btn-icon-el-default-toolbar-small.fa-ellipsis-v {
49 .x-btn-icon-el-default-small {
54 /* icons for tree/snapshots/menus/etc.. */
56 /* overwrite folder icons of theme */
58 .x-tree-icon-parent-expanded
,
61 display: inline-block
;
62 font: normal normal normal
14px/1 FontAwesome
;
65 -webkit-font-smoothing: antialiased
;
66 -moz-osx-font-smoothing: grayscale
;
73 .x-tree-icon-parent:not(.x-tree-icon-custom):before {
77 .x-tree-icon-parent-expanded:not(.x-tree-icon-custom):before {
81 /* loading in task list */
83 background: no-repeat center center
;
84 background-image:url
(../ext6
/theme-crisp
/resources
/images
/loadmask
/loading
.gif
);
87 /* console icon in task list */
89 background: no-repeat center center
;
90 background-image:url
(../images
/icon-display
.png
);
93 /* for font-awesome colors */
104 /* grid icons (resources, etc) */
105 .x-grid-icon-custom {
111 /* the running vms are darker */
112 .x-tree-icon-custom
.running
,
113 .x-grid-icon-custom.running {
117 /* stopped and offline items are greyed out */
118 .x-tree-icon-custom
.stopped
,
119 .x-grid-icon-custom
.stopped
,
120 .x-tree-icon-custom
.offline
,
121 .x-grid-icon-custom.offline {
125 /* the small icons */
126 .x-tree-icon-custom:after
,
127 .x-grid-icon-custom:after {
132 text-shadow: -1px 0px 2px #fff;
136 /* the green check */
137 .x-tree-icon-custom
.online:after
,
138 .x-grid-icon-custom.online:after {
144 .x-tree-icon-custom
.offline:after
,
145 .x-grid-icon-custom
.offline:after
,
146 .x-tree-icon-custom
.ha-error:after
,
147 .x-grid-icon-custom.ha-error:after {
153 .x-tree-icon-custom
.unknown:after
,
154 .x-grid-icon-custom.unknown:after {
159 /* the play symbol */
160 .x-tree-icon-custom
.running:after
,
161 .x-grid-icon-custom.running:after {
166 /* the pause symbol */
167 .x-tree-icon-custom
.paused:after
,
168 .x-grid-icon-custom.paused:after {
174 /* the lxc template */
175 .x-tree-icon-custom
.lxc:after
,
176 .x-grid-icon-custom.lxc:after {
181 /* the qemu template */
182 .x-tree-icon-custom
.qemu:after
,
183 .x-grid-icon-custom.qemu:after {
188 /* fixes background on mouseover and selected items */
189 .x-grid-item-over
.qemu:after
,
190 .x-grid-item-over .lxc:after {
191 background-color: #e2eff9;
192 text-shadow: -1px 0px 2px #e2eff9;
195 .x-grid-item-selected
.qemu:after
,
196 .x-grid-item-selected .lxc:after {
197 background-color: #c2ddf2;
198 text-shadow: -1px 0px 2px #c2ddf2;
201 .pve-itype-icon-virt-viewer
,
202 .pve-itype-icon-tigervnc
,
203 .pve-itype-icon-novnc
,
204 .pve-itype-icon-xtermjs
,
205 .pve-itype-icon-display
,
206 .pve-itype-icon-memory
,
207 .pve-itype-icon-processor
,
208 .pve-itype-icon-network
,
209 .pve-itype-icon-network-server
,
210 .pve-itype-icon-keyboard
,
211 .pve-itype-icon-cdrom
,
212 .pve-itype-icon-qemu
,
213 .pve-itype-icon-qemu-template
,
214 .pve-itype-icon-qemu-running
,
216 .pve-itype-icon-lxc-template
,
217 .pve-itype-icon-lxc-running
,
218 .pve-itype-icon-swap
,
219 .pve-itype-icon-node
,
220 .pve-itype-icon-node-running
,
221 .pve-itype-icon-storage
,
222 .pve-itype-icon-pool
,
223 .pve-itype-icon-itype
,
227 background-repeat: no-repeat
;
228 background-position:3px center
;
232 .pve-itype-icon-qemu
,
233 .x-tree-node-computer
,
234 .x-grid-tree-node-expanded
.x-tree-node-computer
236 background-image:url
(../images
/icon-display
.png
);
241 .x-grid-tree-node-expanded
.x-tree-node-lxc
243 background-image:url
(../images
/lxc-off
.png
);
246 .pve-itype-icon-swap
,
247 .x-tree-node-lxc-swap
,
248 .x-grid-tree-node-expanded
.x-tree-lxc-swap
250 background-image:url
(../images
/icon-swap
.png
);
253 .pve-itype-icon-lxc-running
,
254 .x-tree-node-lxc-running
,
255 .x-grid-tree-node-expanded
.x-tree-node-lxc-running
257 background-image:url
(../images
/lxc-on
.png
);
260 .pve-itype-icon-storage
,
261 .x-tree-node-harddisk
,
262 .x-grid-tree-node-expanded
.x-tree-node-harddisk
264 background-image:url
(../images
/icon-harddisk
.png
);
267 .x-tree-node-snapshot
,
268 .x-grid-tree-node-expanded
.x-tree-node-snapshot
270 background-image:url
(../images/snapshot.png);
273 .pve-itype-icon-itype
275 background-image:url
(../ext6
/theme-classic
/resources
/images
/tree
/folder
.gif
);
278 .pve-itype-icon-network-server
280 background-image:url
(../images
/network-server
.png
);
283 .pve-itype-icon-network
285 background-image:url
(../images
/icon-network
.png
);
288 .pve-itype-icon-keyboard
290 background-image:url
(../images
/icon-keyboard
.png
);
293 .pve-itype-icon-cdrom
295 background-image:url
(../images
/icon-cd
.png
);
298 .pve-itype-icon-memory
300 background-image:url
(../images
/icon-ram
.png
);
303 .pve-itype-icon-processor
305 background-image:url
(../images
/icon-cpu
.png
);
308 .pve-itype-icon-display
310 background-image:url
(../images
/icon-display
.png
);
313 .pve-itype-icon-tigervnc
315 background-image:url
(../images/tigervnc.png);
318 .pve-itype-icon-novnc
320 background-image:url
(../images/novnc.png);
323 .pve-itype-icon-virt-viewer
325 background-image:url
(../images
/virt-viewer
.png
);
328 .pve-itype-icon-xtermjs
330 background-image:url
(../images/xtermjs.png);
335 background-image:url
(../images
/icon-usb
.png
);
340 background-image:url
(../images
/icon-pci
.png
);
343 /* displayfield minheight is wrong */
344 .x-form-display-field-default {
348 .x-button-reset:before {
352 /* for resetcolumnsbutton */
353 .x-button-reset:after{
356 text-shadow: 0 0 2px #fff;
361 .pve-inline-button .x-btn-inner {
366 background-color: LightYellow
;
369 /* for info widget */
378 .x-progress.critical .x-progress-bar{
379 background-color: #FF8888;
382 .x-progress.warning .x-progress-bar{
383 background-color: #FFCC00;
387 background-color: #f5f5f5;
394 .x-treelist-item-icon {
399 .x-treelist-item-text {
411 background-image:url
(../images
/logo-ceph
.png
);
412 background-size: 14px 14px;
416 .x-treelist-row-over
> * > .x-treelist-item-icon
,
417 .x-treelist-row-over > * > .x-treelist-item-text{
421 /* some icons have to be color manually */
446 /* for the ceph monitor widgets */
449 border:#cfcfcf solid
1px;
455 /* for auto layout */
457 display: inline-block
;
461 /* ceph dashboard osd table styling */
463 border-collapse: collapse
;
470 border-right: 1px solid
#cfcfcf;
473 table
.osds
td:last-of-type
{
478 border-bottom: 1px solid
#cfcfcf;
481 table
.osds
tr:last-of-type
{
485 table
.osds
td:first-of-type
{
493 .x-grid-filters-filtered-column{
499 .x-webkit .x-form-text {
500 height: 100% !important
;
503 .x-webkit :not(.x-form-textarea-body) > .x-form-trigger-wrap {
507 .proxmox-invalid-row {
508 background-color: #f3d6d7;
511 .pve-static-mask div.x-mask-msg-text {
513 background-image: none
;
517 diplay: inline-block
;
518 font: normal normal normal
14px/1 FontAwesome
;
519 text-rendering: auto
;
520 -webkit-font-smoothing: antialiased
;
521 -moz-osx-font-smoothing: grayscale
;
526 vertical-align: text-bottom
;
527 display: inline-block
;
530 border: 1px solid
#555;
543 background-color: #555;