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
,
256 background-repeat: no-repeat
;
257 background-position:3px center
;
261 .pve-itype-icon-qemu
,
262 .x-tree-node-computer
,
263 .x-grid-tree-node-expanded
.x-tree-node-computer
265 background-image:url
(../images
/icon-display
.png
);
270 .x-grid-tree-node-expanded
.x-tree-node-lxc
272 background-image:url
(../images
/lxc-off
.png
);
275 .pve-itype-icon-swap
,
276 .x-tree-node-lxc-swap
,
277 .x-grid-tree-node-expanded
.x-tree-lxc-swap
279 background-image:url
(../images
/icon-swap
.png
);
282 .pve-itype-icon-lxc-running
,
283 .x-tree-node-lxc-running
,
284 .x-grid-tree-node-expanded
.x-tree-node-lxc-running
286 background-image:url
(../images
/lxc-on
.png
);
289 .pve-itype-icon-storage
,
290 .x-tree-node-harddisk
,
291 .x-grid-tree-node-expanded
.x-tree-node-harddisk
293 background-image:url
(../images
/icon-harddisk
.png
);
296 .x-tree-node-snapshot
,
297 .x-grid-tree-node-expanded
.x-tree-node-snapshot
299 background-image:url
(../images/snapshot.png);
302 .pve-itype-icon-itype
304 background-image:url
(../ext6
/theme-classic
/resources
/images
/tree
/folder
.gif
);
307 .pve-itype-icon-network-server
309 background-image:url
(../images
/network-server
.png
);
312 .pve-itype-icon-network
314 background-image:url
(../images
/icon-network
.png
);
317 .pve-itype-icon-keyboard
319 background-image:url
(../images
/icon-keyboard
.png
);
322 .pve-itype-icon-cdrom
324 background-image:url
(../images
/icon-cd
.png
);
327 .pve-itype-icon-memory
329 background-image:url
(../images
/icon-ram
.png
);
332 .pve-itype-icon-processor
334 background-image:url
(../images
/icon-cpu
.png
);
337 .pve-itype-icon-display
339 background-image:url
(../images
/icon-display
.png
);
342 .pve-itype-icon-tigervnc
344 background-image:url
(../images/tigervnc.png);
347 .pve-itype-icon-novnc
349 background-image:url
(../images/novnc.png);
352 .pve-itype-icon-virt-viewer
354 background-image:url
(../images
/virt-viewer
.png
);
359 background-image:url
(../images
/icon-usb
.png
);
362 /* displayfield minheight is wrong */
363 .x-form-display-field-default {
367 .x-button-reset:before {
371 /* for resetcolumnsbutton */
372 .x-button-reset:after{
375 text-shadow: 0 0 2px #fff;
380 .pve-help-button .x-btn-inner {
385 background-color: LightYellow
;
388 /* for info widget */
397 .x-progress.critical .x-progress-bar{
398 background-color: #FF8888;
401 .x-progress.warning .x-progress-bar{
402 background-color: #FFCC00;
406 background-color: #f5f5f5;
413 .x-treelist-item-icon {
418 .x-treelist-item-text {
430 background-image:url
(../images
/logo-ceph
.png
);
431 background-size: 14px 14px;
435 .x-treelist-row-over
> * > .x-treelist-item-icon
,
436 .x-treelist-row-over > * > .x-treelist-item-text{
440 /* some icons have to be color manually */
465 /* for the ceph monitor widgets */
468 border:#cfcfcf solid
1px;
474 /* for auto layout */
476 display: inline-block
;
480 /* ceph dashboard osd table styling */
482 border-collapse: collapse
;
489 border-right: 1px solid
#cfcfcf;
492 table
.osds
td:last-of-type
{
497 border-bottom: 1px solid
#cfcfcf;
500 table
.osds
tr:last-of-type
{
504 table
.osds
td:first-of-type
{
512 .x-grid-filters-filtered-column{
518 .x-webkit .x-form-text {
519 height: 100% !important
;
522 .x-webkit :not(.x-form-textarea-body) > .x-form-trigger-wrap {
527 background-color: #f3d6d7;