]> git.proxmox.com Git - proxmox-widget-toolkit.git/blob - src/css/ext6-pmx.css
472030a500c2bb11c24ca5c1897e5ecee989f6e0
[proxmox-widget-toolkit.git] / src / css / ext6-pmx.css
1 .pmx-clear-trigger {
2 background-image: url(../images/pmx-clear-trigger.png);
3 }
4
5 .pmx-hint {
6 background-color: LightYellow;
7 }
8
9 .x-mask-msg-text {
10 text-align: center;
11 }
12
13 .proxmox-invalid-row {
14 background-color: #f3d6d7;
15 }
16
17 .proxmox-warning-row {
18 background-color: #f5e5d8;
19 }
20
21 /* some icons have to be color manually */
22 .black {
23 color: #000;
24 }
25
26 .normal {
27 color: #c2ddf2;
28 }
29
30 .faded {
31 color: #cfcfcf;
32 }
33
34 .good {
35 color: #21BF4B;
36 }
37
38 .warning {
39 color: #fc0;
40 }
41
42 .critical {
43 color: #FF6C59;
44 }
45
46 /* reduce chart legend space usage to something more sane */
47 .x-legend-item {
48 padding: 0.4em 0.8em 0.4em 1.8em;
49 }
50
51 .x-legend-item-marker {
52 left: 0.5em;
53 top: 0.6em;
54 }
55
56 /* for info widget */
57 div.left-aligned {
58 float: left;
59 }
60
61 div.right-aligned {
62 float: right;
63 }
64
65 .x-progress.critical .x-progress-bar{
66 background-color: #FF8888;
67 }
68
69 .x-progress.warning .x-progress-bar{
70 background-color: #FFCC00;
71 }
72
73 .x-treelist-item-icon {
74 color: #000;
75 font-size: 14px;
76 }
77
78 .x-tab-icon-el-default {
79 color: #000;
80 font-size: 14px;
81 margin-top: 2px;
82 }