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
.unknown:after
,
145 .x-grid-icon-custom.unknown:after {
150 /* the play symbol */
151 .x-tree-icon-custom
.running:after
,
152 .x-grid-icon-custom.running:after {
157 /* the pause symbol */
158 .x-tree-icon-custom
.paused:after
,
159 .x-grid-icon-custom.paused:after {
165 /* the suspend symbol */
166 .x-tree-icon-custom
.suspended:after
,
167 .x-grid-icon-custom.suspended:after {
174 .x-tree-icon-custom
.locked:after
,
175 .x-grid-icon-custom.locked:after {
180 .x-tree-icon-custom
.lock-backup:after
,
181 .x-grid-icon-custom.lock-backup:after {
186 .x-tree-icon-custom
.lock-migrate:after
,
187 .x-grid-icon-custom.lock-migrate:after {
189 /* color: #21BF4B; */
195 .x-tree-icon-custom
.lock-suspending:after
,
196 .x-grid-icon-custom.lock-suspending:after {
202 .x-tree-icon-custom
.lock-suspended:after
,
203 .x-grid-icon-custom.lock-suspended:after {
209 /* yellow ! triangle */
210 .x-tree-icon-custom
.pending:after
,
211 .x-grid-icon-custom
.pending:after
,
212 .x-tree-icon-custom
.io-error:after
,
213 .x-grid-icon-custom
.io-error:after
,
214 .x-tree-icon-custom
.internal-error:after
,
215 .x-grid-icon-custom
.internal-error:after
,
216 .x-tree-icon-custom
.guest-panicked:after
,
217 .x-grid-icon-custom.guest-panicked:after {
223 .x-tree-icon-custom
.error:after
,
224 .x-grid-icon-custom
.error:after
,
225 .x-tree-icon-custom
.offline:after
,
226 .x-grid-icon-custom
.offline:after
,
227 .x-tree-icon-custom
.ha-error:after
,
228 .x-grid-icon-custom.ha-error:after {
234 * using background-image doesn't work for treelist-items, so use content. See:
235 * https://forum.sencha.com/forum/showthread.php?339656-extjs-6-treelist-custom-iconcls-can-not-working
237 .pve-itype-treelist-item-icon-cdrom {
239 transform: translateY
(-50%);
240 content: url
(../images
/icon-cd
.png
);
243 /* the lxc template */
244 .x-tree-icon-custom
.lxc:after
,
245 .x-grid-icon-custom.lxc:after {
250 .x-treelist-item-icon.lxc:after {
257 /* the qemu template */
258 .x-tree-icon-custom
.qemu:after
,
259 .x-grid-icon-custom.qemu:after {
264 /* fixes background on mouseover and selected items */
265 .x-treelist-item-over
.lxc:after
,
266 .x-grid-item-over
.qemu:after
,
267 .x-grid-item-over .lxc:after {
268 background-color: #e2eff9;
269 text-shadow: -1px 0px 2px #e2eff9;
272 .x-treelist-item-selected
.lxc:after
,
273 .x-grid-item-selected
.qemu:after
,
274 .x-grid-item-selected .lxc:after {
275 background-color: #c2ddf2;
276 text-shadow: -1px 0px 2px #c2ddf2;
279 .pve-itype-icon-virt-viewer
,
280 .pve-itype-icon-tigervnc
,
281 .pve-itype-icon-novnc
,
282 .pve-itype-icon-xtermjs
,
283 .pve-itype-icon-display
,
284 .pve-itype-icon-network
,
285 .pve-itype-icon-network-server
,
286 .pve-itype-icon-keyboard
,
287 .pve-itype-icon-cdrom
,
288 .pve-itype-icon-qemu
,
289 .pve-itype-icon-qemu-template
,
290 .pve-itype-icon-qemu-running
,
292 .pve-itype-icon-lxc-template
,
293 .pve-itype-icon-lxc-running
,
294 .pve-itype-icon-swap
,
295 .pve-itype-icon-node
,
296 .pve-itype-icon-node-running
,
297 .pve-itype-icon-storage
,
298 .pve-itype-icon-pool
,
299 .pve-itype-icon-itype
,
301 .pve-itype-icon-serial
,
302 .pve-itype-icon-cloud
,
305 .pve-itype-icon-die {
306 background-repeat: no-repeat
;
307 background-position:3px center
;
311 /* fix alignment for VM hardware add menu */
312 .pve-add-hw-menu .x-menu-item-icon:not(.fa) {
316 .pve-itype-fa > .x-grid-cell-inner{
324 .pve-itype-icon-qemu
,
325 .x-tree-node-computer
,
326 .x-grid-tree-node-expanded .x-tree-node-computer {
327 background-image:url
(../images
/icon-display
.png
);
332 .x-grid-tree-node-expanded .x-tree-node-lxc {
333 background-image:url
(../images
/lxc-off
.png
);
336 .pve-itype-icon-swap
,
337 .x-tree-node-lxc-swap
,
338 .x-grid-tree-node-expanded .x-tree-lxc-swap {
339 background-image:url
(../images
/icon-swap
.png
);
342 .pve-itype-icon-lxc-running
,
343 .x-tree-node-lxc-running
,
344 .x-grid-tree-node-expanded .x-tree-node-lxc-running {
345 background-image:url
(../images
/lxc-on
.png
);
348 .pve-itype-icon-storage
,
349 .x-tree-node-harddisk
,
350 .x-grid-tree-node-expanded .x-tree-node-harddisk {
351 background-image:url
(../images
/icon-harddisk
.png
);
354 .x-tree-node-snapshot
,
355 .x-grid-tree-node-expanded .x-tree-node-snapshot {
356 background-image:url
(../images/snapshot.png);
359 .pve-itype-icon-itype {
360 background-image:url
(../ext6
/theme-classic
/resources
/images
/tree
/folder
.gif
);
363 .pve-itype-icon-network-server {
364 background-image:url
(../images
/network-server
.png
);
367 .pve-itype-icon-network {
368 background-image:url
(../images
/icon-network
.png
);
371 .pve-itype-icon-keyboard {
372 background-image:url
(../images
/icon-keyboard
.png
);
375 .pve-itype-icon-cdrom {
376 background-image:url
(../images
/icon-cd
.png
);
379 .pve-itype-icon-display {
380 background-image:url
(../images
/icon-display
.png
);
383 .pve-itype-icon-tigervnc {
384 background-image:url
(../images/tigervnc.png);
387 .pve-itype-icon-novnc {
388 background-image:url
(../images/novnc.png);
391 .pve-itype-icon-virt-viewer {
392 background-image:url
(../images
/virt-viewer
.png
);
395 .pve-itype-icon-xtermjs {
396 background-image:url
(../images/xtermjs.png);
399 .pve-itype-icon-usb {
400 background-image:url
(../images
/icon-usb
.png
);
403 .pve-itype-icon-pci {
404 background-image:url
(../images
/icon-pci
.png
);
407 .pve-itype-icon-serial {
408 background-size: 16px;
409 background-image:url
(../images
/icon-serial
.svg
);
412 .pve-itype-icon-cloud {
413 background-size: 16px;
414 background-image:url
(../images
/icon-cloud
.svg
);
417 .pve-itype-icon-die {
418 background-size: 16px;
419 background-image:url
(../images
/icon-die
.svg
);
422 .pve-itype-icon-cpu {
423 background-size: 16px;
424 background-image:url
(../images
/icon-cpu
.svg
);
430 background-position: bottom
;
431 vertical-align: bottom
;
435 /* displayfield minheight is wrong */
436 .x-form-display-field-default {
440 .x-button-reset:before {
444 /* for resetcolumnsbutton */
445 .x-button-reset:after{
448 text-shadow: 0 0 2px #fff;
453 .proxmox-inline-button .x-btn-inner {
457 /* for info widget */
466 .x-progress.critical .x-progress-bar{
467 background-color: #FF8888;
470 .x-progress.warning .x-progress-bar{
471 background-color: #FFCC00;
474 .x-treelist-pve-nav {
475 background-color: #f5f5f5;
482 .x-treelist-item-icon {
487 .x-treelist-item-text {
499 background-image:url
(../images
/logo-ceph
.png
);
500 background-size: 14px 14px;
510 background-image:url
(../images
/icon-sdn
.svg
);
511 background-size: 14px 14px;
515 .fa-network-wired:before {
521 background-image:url
(../images
/icon-fa-network-wired
.svg
);
522 background-size: 14px 14px;
526 .x-treelist-row-over
> * > .x-treelist-item-icon
,
527 .x-treelist-row-over > * > .x-treelist-item-text{
531 /* for the ceph monitor widgets */
534 border:#cfcfcf solid
1px;
540 /* for auto layout */
542 display: inline-block
;
546 /* ceph dashboard osd table styling */
548 border-collapse: collapse
;
555 border-right: 1px solid
#cfcfcf;
558 table
.osds
td:last-of-type
{
563 border-bottom: 1px solid
#cfcfcf;
566 table
.osds
tr:last-of-type
{
570 table
.osds
td:first-of-type
{
582 .x-grid-filters-filtered-column {
587 .x-grid-filters-filtered-column .x-column-header-text:after {
588 font: normal normal normal
14px/1 FontAwesome
;
589 text-rendering: auto
;
590 -webkit-font-smoothing: antialiased
;
591 -moz-osx-font-smoothing: grayscale
;
598 .proxmox-invalid-row {
599 background-color: #f3d6d7;
602 .pve-static-mask div.x-mask-msg-text {
604 background-image: none
;
608 background-color: #f5f5f5;
612 display: inline-block
;
613 font: normal normal normal
14px/1 FontAwesome
;
614 text-rendering: auto
;
615 -webkit-font-smoothing: antialiased
;
616 -moz-osx-font-smoothing: grayscale
;
621 vertical-align: text-bottom
;
622 display: inline-block
;
625 border: 1px solid
#555;
638 background-color: #555;
642 background-color: rgb
(245, 245, 245);