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
,
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
328 background-image:url
(../images
/icon-display
.png
);
333 .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
342 background-image:url
(../images
/icon-swap
.png
);
345 .pve-itype-icon-lxc-running
,
346 .x-tree-node-lxc-running
,
347 .x-grid-tree-node-expanded
.x-tree-node-lxc-running
349 background-image:url
(../images
/lxc-on
.png
);
352 .pve-itype-icon-storage
,
353 .x-tree-node-harddisk
,
354 .x-grid-tree-node-expanded
.x-tree-node-harddisk
356 background-image:url
(../images
/icon-harddisk
.png
);
359 .x-tree-node-snapshot
,
360 .x-grid-tree-node-expanded
.x-tree-node-snapshot
362 background-image:url
(../images/snapshot.png);
365 .pve-itype-icon-itype
367 background-image:url
(../ext6
/theme-classic
/resources
/images
/tree
/folder
.gif
);
370 .pve-itype-icon-network-server
372 background-image:url
(../images
/network-server
.png
);
375 .pve-itype-icon-network
377 background-image:url
(../images
/icon-network
.png
);
380 .pve-itype-icon-keyboard
382 background-image:url
(../images
/icon-keyboard
.png
);
385 .pve-itype-icon-cdrom
387 background-image:url
(../images
/icon-cd
.png
);
390 .pve-itype-icon-display
392 background-image:url
(../images
/icon-display
.png
);
395 .pve-itype-icon-tigervnc
397 background-image:url
(../images/tigervnc.png);
400 .pve-itype-icon-novnc
402 background-image:url
(../images/novnc.png);
405 .pve-itype-icon-virt-viewer
407 background-image:url
(../images
/virt-viewer
.png
);
410 .pve-itype-icon-xtermjs
412 background-image:url
(../images/xtermjs.png);
417 background-image:url
(../images
/icon-usb
.png
);
422 background-image:url
(../images
/icon-pci
.png
);
425 .pve-itype-icon-serial
427 background-size: 16px;
428 background-image:url
(../images
/icon-serial
.svg
);
431 .pve-itype-icon-cloud
433 background-size: 16px;
434 background-image:url
(../images
/icon-cloud
.svg
);
439 background-size: 16px;
440 background-image:url
(../images
/icon-die
.svg
);
445 background-position: bottom
;
446 vertical-align: bottom
;
450 /* displayfield minheight is wrong */
451 .x-form-display-field-default {
455 .x-button-reset:before {
459 /* for resetcolumnsbutton */
460 .x-button-reset:after{
463 text-shadow: 0 0 2px #fff;
468 .proxmox-inline-button .x-btn-inner {
472 /* for info widget */
481 .x-progress.critical .x-progress-bar{
482 background-color: #FF8888;
485 .x-progress.warning .x-progress-bar{
486 background-color: #FFCC00;
490 background-color: #f5f5f5;
497 .x-treelist-item-icon {
502 .x-treelist-item-text {
514 background-image:url
(../images
/logo-ceph
.png
);
515 background-size: 14px 14px;
525 background-image:url
(../images
/icon-sdn
.svg
);
526 background-size: 14px 14px;
530 .fa-network-wired:before {
536 background-image:url
(../images
/icon-fa-network-wired
.svg
);
537 background-size: 14px 14px;
541 .x-treelist-row-over
> * > .x-treelist-item-icon
,
542 .x-treelist-row-over > * > .x-treelist-item-text{
546 /* for the ceph monitor widgets */
549 border:#cfcfcf solid
1px;
555 /* for auto layout */
557 display: inline-block
;
561 /* ceph dashboard osd table styling */
563 border-collapse: collapse
;
570 border-right: 1px solid
#cfcfcf;
573 table
.osds
td:last-of-type
{
578 border-bottom: 1px solid
#cfcfcf;
581 table
.osds
tr:last-of-type
{
585 table
.osds
td:first-of-type
{
597 .x-grid-filters-filtered-column {
602 .x-grid-filters-filtered-column .x-column-header-text:after {
603 font: normal normal normal
14px/1 FontAwesome
;
604 text-rendering: auto
;
605 -webkit-font-smoothing: antialiased
;
606 -moz-osx-font-smoothing: grayscale
;
613 .proxmox-invalid-row {
614 background-color: #f3d6d7;
617 .pve-static-mask div.x-mask-msg-text {
619 background-image: none
;
623 background-color: #f5f5f5;
627 diplay: inline-block
;
628 font: normal normal normal
14px/1 FontAwesome
;
629 text-rendering: auto
;
630 -webkit-font-smoothing: antialiased
;
631 -moz-osx-font-smoothing: grayscale
;
636 vertical-align: text-bottom
;
637 display: inline-block
;
640 border: 1px solid
#555;
653 background-color: #555;
657 background-color: rgb
(245, 245, 245);