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
,
225 .pve-itype-icon-serial
,
226 .pve-itype-icon-cloud
,
229 background-repeat: no-repeat
;
230 background-position:3px center
;
234 .pve-itype-icon-qemu
,
235 .x-tree-node-computer
,
236 .x-grid-tree-node-expanded
.x-tree-node-computer
238 background-image:url
(../images
/icon-display
.png
);
243 .x-grid-tree-node-expanded
.x-tree-node-lxc
245 background-image:url
(../images
/lxc-off
.png
);
248 .pve-itype-icon-swap
,
249 .x-tree-node-lxc-swap
,
250 .x-grid-tree-node-expanded
.x-tree-lxc-swap
252 background-image:url
(../images
/icon-swap
.png
);
255 .pve-itype-icon-lxc-running
,
256 .x-tree-node-lxc-running
,
257 .x-grid-tree-node-expanded
.x-tree-node-lxc-running
259 background-image:url
(../images
/lxc-on
.png
);
262 .pve-itype-icon-storage
,
263 .x-tree-node-harddisk
,
264 .x-grid-tree-node-expanded
.x-tree-node-harddisk
266 background-image:url
(../images
/icon-harddisk
.png
);
269 .x-tree-node-snapshot
,
270 .x-grid-tree-node-expanded
.x-tree-node-snapshot
272 background-image:url
(../images/snapshot.png);
275 .pve-itype-icon-itype
277 background-image:url
(../ext6
/theme-classic
/resources
/images
/tree
/folder
.gif
);
280 .pve-itype-icon-network-server
282 background-image:url
(../images
/network-server
.png
);
285 .pve-itype-icon-network
287 background-image:url
(../images
/icon-network
.png
);
290 .pve-itype-icon-keyboard
292 background-image:url
(../images
/icon-keyboard
.png
);
295 .pve-itype-icon-cdrom
297 background-image:url
(../images
/icon-cd
.png
);
300 .pve-itype-icon-memory
302 background-image:url
(../images
/icon-ram
.png
);
305 .pve-itype-icon-processor
307 background-image:url
(../images
/icon-cpu
.png
);
310 .pve-itype-icon-display
312 background-image:url
(../images
/icon-display
.png
);
315 .pve-itype-icon-tigervnc
317 background-image:url
(../images/tigervnc.png);
320 .pve-itype-icon-novnc
322 background-image:url
(../images/novnc.png);
325 .pve-itype-icon-virt-viewer
327 background-image:url
(../images
/virt-viewer
.png
);
330 .pve-itype-icon-xtermjs
332 background-image:url
(../images/xtermjs.png);
337 background-image:url
(../images
/icon-usb
.png
);
342 background-image:url
(../images
/icon-pci
.png
);
345 .pve-itype-icon-serial
347 background-size: 16px;
348 background-image:url
(../images
/icon-serial
.svg
);
351 .pve-itype-icon-cloud
353 background-size: 16px;
354 background-image:url
(../images
/icon-cloud
.svg
);
359 background-position: bottom
;
360 vertical-align: bottom
;
364 /* displayfield minheight is wrong */
365 .x-form-display-field-default {
369 .x-button-reset:before {
373 /* for resetcolumnsbutton */
374 .x-button-reset:after{
377 text-shadow: 0 0 2px #fff;
382 .proxmox-inline-button .x-btn-inner {
387 background-color: LightYellow
;
390 /* for info widget */
399 .x-progress.critical .x-progress-bar{
400 background-color: #FF8888;
403 .x-progress.warning .x-progress-bar{
404 background-color: #FFCC00;
408 background-color: #f5f5f5;
415 .x-treelist-item-icon {
420 .x-treelist-item-text {
432 background-image:url
(../images
/logo-ceph
.png
);
433 background-size: 14px 14px;
437 .x-treelist-row-over
> * > .x-treelist-item-icon
,
438 .x-treelist-row-over > * > .x-treelist-item-text{
442 /* some icons have to be color manually */
467 /* for the ceph monitor widgets */
470 border:#cfcfcf solid
1px;
476 /* for auto layout */
478 display: inline-block
;
482 /* ceph dashboard osd table styling */
484 border-collapse: collapse
;
491 border-right: 1px solid
#cfcfcf;
494 table
.osds
td:last-of-type
{
499 border-bottom: 1px solid
#cfcfcf;
502 table
.osds
tr:last-of-type
{
506 table
.osds
td:first-of-type
{
514 .x-grid-filters-filtered-column{
520 .x-webkit .x-form-text {
521 height: 100% !important
;
524 .x-webkit :not(.x-form-textarea-body) > .x-form-trigger-wrap {
528 .proxmox-invalid-row {
529 background-color: #f3d6d7;
532 .pve-static-mask div.x-mask-msg-text {
534 background-image: none
;
538 diplay: inline-block
;
539 font: normal normal normal
14px/1 FontAwesome
;
540 text-rendering: auto
;
541 -webkit-font-smoothing: antialiased
;
542 -moz-osx-font-smoothing: grayscale
;
547 vertical-align: text-bottom
;
548 display: inline-block
;
551 border: 1px solid
#555;
564 background-color: #555;