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 {
60 display: inline-block
;
61 font: normal normal normal
14px/1 FontAwesome
;
64 -webkit-font-smoothing: antialiased
;
65 -moz-osx-font-smoothing: grayscale
;
72 .x-tree-icon-parent:not(.x-tree-icon-custom):before {
76 .x-tree-icon-parent-expanded:not(.x-tree-icon-custom):before {
80 /* loading in task list */
82 background: no-repeat center center
;
83 background-image:url
(../ext6
/theme-crisp
/resources
/images
/loadmask
/loading
.gif
);
86 /* console icon in task list */
88 background: no-repeat center center
;
89 background-image:url
(../images
/icon-display
.png
);
92 /* for font-awesome colors */
102 .x-fa-tree-template-lxc
,
103 .x-fa-tree-template-qemu
,
104 .x-fa-tree-datacenter {
111 /* grid icons (resources, etc) */
118 .x-fa-grid-template-lxc
,
119 .x-fa-grid-template-qemu {
125 /* the running vms are darker */
131 /* the small icons */
132 .x-fa-tree-running:after
,
133 .x-fa-tree-stopped:after
,
134 .x-fa-tree-paused:after
,
135 .x-fa-tree-template-lxc:after
,
136 .x-fa-tree-template-qemu:after
,
137 .x-fa-tree-online:after
,
138 .x-fa-tree-offline:after
,
140 .x-fa-grid-running:after
,
141 .x-fa-grid-stopped:after
,
142 .x-fa-grid-paused:after
,
143 .x-fa-grid-online:after
,
144 .x-fa-grid-offline:after
,
145 .x-fa-grid-template-lxc:after
,
146 .x-fa-grid-template-qemu:after {
151 text-shadow: -1px 0px 2px #fff;
155 .x-fa-tree-online:after
,
156 .x-fa-grid-online:after {
161 .x-fa-tree-offline:after
,
162 .x-fa-grid-offline:after {
167 .x-fa-tree-running:after
,
168 .x-fa-grid-running:after {
173 .x-fa-tree-paused:after
,
174 .x-fa-grid-paused:after {
188 .x-fa-tree-stopped:after {
195 .x-fa-tree-template-lxc:after
,
196 .x-fa-grid-template-lxc:after {
202 .x-fa-tree-template-qemu:after
,
203 .x-fa-grid-template-qemu:after {
209 .x-fa-tree-template-qemu:after
,
211 .x-fa-tree-template-lxc:after
,
213 .x-fa-grid-template-qemu:after
,
215 .x-fa-grid-template-lxc:after {
216 background-color: #e2eff9;
217 text-shadow: -1px 0px 2px #e2eff9;
220 .x-grid-item-selected
221 .x-fa-tree-template-qemu:after
,
222 .x-grid-item-selected
223 .x-fa-tree-template-lxc:after
,
224 .x-grid-item-selected
225 .x-fa-grid-template-qemu:after
,
226 .x-grid-item-selected
227 .x-fa-grid-template-lxc:after {
228 background-color: #c2ddf2;
229 text-shadow: -1px 0px 2px #c2ddf2;
232 .pve-itype-icon-virt-viewer
,
233 .pve-itype-icon-tigervnc
,
234 .pve-itype-icon-novnc
,
235 .pve-itype-icon-display
,
236 .pve-itype-icon-memory
,
237 .pve-itype-icon-processor
,
238 .pve-itype-icon-network
,
239 .pve-itype-icon-network-server
,
240 .pve-itype-icon-keyboard
,
241 .pve-itype-icon-cdrom
,
242 .pve-itype-icon-qemu
,
243 .pve-itype-icon-qemu-template
,
244 .pve-itype-icon-qemu-running
,
246 .pve-itype-icon-lxc-template
,
247 .pve-itype-icon-lxc-running
,
248 .pve-itype-icon-swap
,
249 .pve-itype-icon-node
,
250 .pve-itype-icon-node-running
,
251 .pve-itype-icon-storage
,
252 .pve-itype-icon-pool
,
253 .pve-itype-icon-itype
255 background-repeat: no-repeat
;
256 background-position:3px center
;
260 .pve-itype-icon-qemu
,
261 .x-tree-node-computer
,
262 .x-grid-tree-node-expanded
.x-tree-node-computer
264 background-image:url
(../images
/icon-display
.png
);
269 .x-grid-tree-node-expanded
.x-tree-node-lxc
271 background-image:url
(../images
/lxc-off
.png
);
274 .pve-itype-icon-swap
,
275 .x-tree-node-lxc-swap
,
276 .x-grid-tree-node-expanded
.x-tree-lxc-swap
278 background-image:url
(../images
/icon-swap
.png
);
281 .pve-itype-icon-lxc-running
,
282 .x-tree-node-lxc-running
,
283 .x-grid-tree-node-expanded
.x-tree-node-lxc-running
285 background-image:url
(../images
/lxc-on
.png
);
288 .pve-itype-icon-storage
,
289 .x-tree-node-harddisk
,
290 .x-grid-tree-node-expanded
.x-tree-node-harddisk
292 background-image:url
(../images
/icon-harddisk
.png
);
295 .x-tree-node-snapshot
,
296 .x-grid-tree-node-expanded
.x-tree-node-snapshot
298 background-image:url
(../images/snapshot.png);
301 .pve-itype-icon-itype
303 background-image:url
(../ext6
/theme-classic
/resources
/images
/tree
/folder
.gif
);
306 .pve-itype-icon-network-server
308 background-image:url
(../images
/network-server
.png
);
311 .pve-itype-icon-network
313 background-image:url
(../images
/icon-network
.png
);
316 .pve-itype-icon-keyboard
318 background-image:url
(../images
/icon-keyboard
.png
);
321 .pve-itype-icon-cdrom
323 background-image:url
(../images
/icon-cd
.png
);
326 .pve-itype-icon-memory
328 background-image:url
(../images
/icon-ram
.png
);
331 .pve-itype-icon-processor
333 background-image:url
(../images
/icon-cpu
.png
);
336 .pve-itype-icon-display
338 background-image:url
(../images
/icon-display
.png
);
341 .pve-itype-icon-tigervnc
343 background-image:url
(../images/tigervnc.png);
346 .pve-itype-icon-novnc
348 background-image:url
(../images/novnc.png);
351 .pve-itype-icon-virt-viewer
353 background-image:url
(../images
/virt-viewer
.png
);
357 /* displayfield minheight is wrong */
358 .x-form-display-field-default {
362 .x-button-reset:before {
366 /* for resetcolumnsbutton */
367 .x-button-reset:after{
370 text-shadow: 0 0 2px #fff;
375 .pve-help-button .x-btn-inner {
380 background-color: LightYellow
;
383 /* for info widget */
392 .x-progress.critical .x-progress-bar{
393 background-color: #FF8888;
396 .x-progress.warning .x-progress-bar{
397 background-color: #FFCC00;
401 background-color: #f5f5f5;
408 .x-treelist-item-icon {
413 .x-treelist-item-text {
425 background-image:url
(../images
/logo-ceph
.png
);
426 background-size: 14px 14px;
430 .x-treelist-row-over
> * > .x-treelist-item-icon
,
431 .x-treelist-row-over > * > .x-treelist-item-text{