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-memory
,
306 .pve-itype-icon-die {
307 background-repeat: no-repeat
;
308 background-position:3px center
;
312 /* fix alignment for VM hardware add menu */
313 .pve-add-hw-menu .x-menu-item-icon:not(.fa) {
317 .pve-itype-fa > .x-grid-cell-inner{
326 .pve-itype-icon-qemu
,
327 .x-tree-node-computer
,
328 .x-grid-tree-node-expanded .x-tree-node-computer {
329 background-image:url
(../images
/icon-display
.png
);
334 .x-grid-tree-node-expanded .x-tree-node-lxc {
335 background-image:url
(../images
/lxc-off
.png
);
338 .pve-itype-icon-swap
,
339 .x-tree-node-lxc-swap
,
340 .x-grid-tree-node-expanded .x-tree-lxc-swap {
341 background-image:url
(../images
/icon-swap
.png
);
344 .pve-itype-icon-lxc-running
,
345 .x-tree-node-lxc-running
,
346 .x-grid-tree-node-expanded .x-tree-node-lxc-running {
347 background-image:url
(../images
/lxc-on
.png
);
350 .pve-itype-icon-storage
,
351 .x-tree-node-harddisk
,
352 .x-grid-tree-node-expanded .x-tree-node-harddisk {
353 background-image:url
(../images
/icon-harddisk
.png
);
356 .x-tree-node-snapshot
,
357 .x-grid-tree-node-expanded .x-tree-node-snapshot {
358 background-image:url
(../images/snapshot.png);
361 .pve-itype-icon-itype {
362 background-image:url
(../ext6
/theme-classic
/resources
/images
/tree
/folder
.gif
);
365 .pve-itype-icon-network-server {
366 background-image:url
(../images
/network-server
.png
);
369 .pve-itype-icon-network {
370 background-image:url
(../images
/icon-network
.png
);
373 .pve-itype-icon-keyboard {
374 background-image:url
(../images
/icon-keyboard
.png
);
377 .pve-itype-icon-cdrom {
378 background-size: 16px;
379 background-image:url
(../images
/icon-cd-drive
.svg
);
382 .pve-itype-icon-display {
383 background-image:url
(../images
/icon-display
.png
);
386 .pve-itype-icon-tigervnc {
387 background-image:url
(../images/tigervnc.png);
390 .pve-itype-icon-novnc {
391 background-image:url
(../images/novnc.png);
394 .pve-itype-icon-virt-viewer {
395 background-image:url
(../images
/virt-viewer
.png
);
398 .pve-itype-icon-xtermjs {
399 background-image:url
(../images/xtermjs.png);
402 .pve-itype-icon-usb {
403 background-image:url
(../images
/icon-usb
.png
);
406 .pve-itype-icon-pci {
407 background-size: 16px 16px;
408 background-image:url
(../images
/icon-pci
.svg
);
411 .pve-itype-icon-serial {
412 background-size: 16px;
413 background-image:url
(../images
/icon-serial
.svg
);
416 .pve-itype-icon-cloud {
417 background-size: 16px;
418 background-image:url
(../images
/icon-cloud
.svg
);
421 .pve-itype-icon-die {
422 background-size: 16px;
423 background-image:url
(../images
/icon-die
.svg
);
426 .pve-itype-icon-cpu {
427 background-size: 16px;
428 background-image:url
(../images
/icon-cpu
.svg
);
432 .pve-itype-icon-memory {
433 background-size: 16px;
434 background-image:url
(../images
/icon-memory
.svg
);
439 background-position: bottom
;
440 vertical-align: bottom
;
444 /* displayfield minheight is wrong */
445 .x-form-display-field-default {
449 .x-button-reset:before {
453 /* for resetcolumnsbutton */
454 .x-button-reset:after{
457 text-shadow: 0 0 2px #fff;
462 .proxmox-inline-button .x-btn-inner {
466 /* for info widget */
475 .x-progress.critical .x-progress-bar{
476 background-color: #FF8888;
479 .x-progress.warning .x-progress-bar{
480 background-color: #FFCC00;
483 .x-treelist-pve-nav {
484 background-color: #f5f5f5;
491 .x-treelist-item-icon {
496 .x-treelist-item-text {
508 background-image:url
(../images
/logo-ceph
.png
);
509 background-size: 14px 14px;
519 background-image:url
(../images
/icon-sdn
.svg
);
520 background-size: 14px 14px;
524 .fa-network-wired:before {
530 background-image:url
(../images
/icon-fa-network-wired
.svg
);
531 background-size: 14px 14px;
535 .x-treelist-row-over
> * > .x-treelist-item-icon
,
536 .x-treelist-row-over > * > .x-treelist-item-text{
540 /* for the ceph monitor widgets */
543 border:#cfcfcf solid
1px;
549 /* for auto layout */
551 display: inline-block
;
555 /* ceph dashboard osd table styling */
557 border-collapse: collapse
;
564 border-right: 1px solid
#cfcfcf;
567 table
.osds
td:last-of-type
{
572 border-bottom: 1px solid
#cfcfcf;
575 table
.osds
tr:last-of-type
{
579 table
.osds
td:first-of-type
{
591 .x-grid-filters-filtered-column {
596 .x-grid-filters-filtered-column .x-column-header-text:after {
597 font: normal normal normal
14px/1 FontAwesome
;
598 text-rendering: auto
;
599 -webkit-font-smoothing: antialiased
;
600 -moz-osx-font-smoothing: grayscale
;
607 .proxmox-invalid-row {
608 background-color: #f3d6d7;
611 .pve-static-mask div.x-mask-msg-text {
613 background-image: none
;
617 background-color: #f5f5f5;
621 display: inline-block
;
622 font: normal normal normal
14px/1 FontAwesome
;
623 text-rendering: auto
;
624 -webkit-font-smoothing: antialiased
;
625 -moz-osx-font-smoothing: grayscale
;
630 vertical-align: text-bottom
;
631 display: inline-block
;
634 border: 1px solid
#555;
647 background-color: #555;
651 background-color: rgb
(245, 245, 245);
655 .x-pveColorPicker-default-cell > .x-grid-cell-inner {
667 .pve-edit-tag > i.handle {
672 .hide-handles .pve-edit-tag > i.handle {
677 .pve-edit-tag > i.action {
681 .pve-edit-tag.normal > i {
685 .pve-edit-tag.editable span {
686 background-color: #ffffff;
687 border: 1px solid
#a8a8a8;
692 display: inline-block
;
696 box-sizing: content-box
;
699 .pve-tag-inline-button {