]>
Commit | Line | Data |
---|---|---|
94953ba8 DC |
1 | .pmx-clear-trigger { |
2 | background-image: url(../images/pmx-clear-trigger.png); | |
3 | } | |
3e8c6d3c SI |
4 | |
5 | .pmx-hint { | |
6 | background-color: LightYellow; | |
7 | } | |
dca21e59 TL |
8 | |
9 | .x-mask-msg-text { | |
10 | text-align: center; | |
11 | } | |
88725b27 TL |
12 | |
13 | .proxmox-invalid-row { | |
14 | background-color: #f3d6d7; | |
15 | } | |
6d812e6d | 16 | |
b1d446d0 DC |
17 | .proxmox-warning-row { |
18 | background-color: #f5e5d8; | |
19 | } | |
20 | ||
6d812e6d DC |
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 | } | |
9f1b3a70 TL |
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 | } | |
9354dc13 DC |
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 | } | |
7bb32b58 TL |
72 | |
73 | .x-treelist-item-icon { | |
74 | color: #000; | |
75 | font-size: 14px; | |
76 | } | |
77 | ||
abbb4818 TL |
78 | .x-btn-icon-el-default-toolbar-small { |
79 | font-size: 14px; | |
80 | } | |
81 | .x-btn-icon-el-default-small { | |
82 | font-size: 14px; | |
83 | } | |
84 | ||
7bb32b58 TL |
85 | .x-tab-icon-el-default { |
86 | color: #000; | |
87 | font-size: 14px; | |
88 | margin-top: 2px; | |
89 | } | |
bf147dcc DC |
90 | |
91 | .pmx-icon { | |
92 | height: 16px; | |
93 | background-position: bottom; | |
94 | vertical-align: bottom; | |
95 | padding: 0; | |
96 | } | |
97 | ||
98 | .pmx-itype-icon-memory, | |
99 | .pmx-itype-icon-processor | |
100 | { | |
101 | background-repeat: no-repeat; | |
102 | background-position:3px center; | |
103 | padding-left: 20px; | |
104 | } | |
105 | ||
106 | .pmx-itype-icon-memory | |
107 | { | |
108 | background-image:url(../images/icon-ram.png); | |
109 | } | |
110 | ||
111 | .pmx-itype-icon-processor | |
112 | { | |
113 | background-image:url(../images/icon-cpu.png); | |
114 | } | |
ee480147 DC |
115 | |
116 | /* change font for config panel back to fontawesome */ | |
117 | .x-treelist-item-expanded > * > * > .x-treelist-item-expander::after, | |
118 | .x-treelist-item-expander::after { | |
119 | font: 16px/1 FontAwesome; | |
120 | } | |
121 | ||
122 | .x-treelist-pve-nav { | |
123 | background-color: #f5f5f5; | |
124 | } | |
fef7d024 DC |
125 | |
126 | /* fix padding for legend in header */ | |
127 | .x-legend-inner { | |
128 | padding: 0; | |
129 | } | |
51a2f11c TL |
130 | |
131 | /* rules for the markdown content, prefix with the .pmx-md class */ | |
132 | .pmx-md code { | |
133 | white-space: pre; | |
134 | background-color: #f5f5f5; | |
135 | padding: 1px; | |
136 | } | |
137 | ||
138 | .pmx-md pre code { | |
139 | display: inline-block; | |
140 | padding: 5px; | |
141 | border-left: 3px solid #e0e0e0; | |
142 | } | |
143 | ||
144 | .pmx-md strong { | |
145 | font-weight: bold; | |
146 | } | |
d1c4a738 | 147 | |
f869d73e TL |
148 | .pmx-md blockquote { |
149 | border-left: 1px solid #666666; | |
150 | padding-left: 4px; | |
151 | margin: 10px 2ch; | |
152 | } | |
153 | ||
d1c4a738 TL |
154 | /* markdown tables */ |
155 | .pmx-md table { | |
156 | border-spacing: 0; | |
157 | border-collapse: collapse; | |
158 | } | |
159 | .pmx-md td, .pmx-md th { | |
160 | padding: 5px; | |
161 | } | |
162 | .pmx-md td[align="center"] { | |
163 | text-align: center; | |
164 | } | |
165 | .pmx-md td[align="right"] { | |
166 | text-align: right; | |
167 | } | |
168 | .pmx-md tbody td { | |
169 | border-bottom: 1px solid #e0e0e0; | |
170 | } | |
171 | .pmx-md tbody tr:nth-of-type(even) { | |
172 | background-color: #f5f5f5; | |
173 | } | |
174 | .pmx-md tbody tr:last-of-type td { | |
175 | border-bottom: 1px solid #666666; | |
176 | } | |
177 | .pmx-md tbody tr:hover td { | |
178 | background-color: #e0e0e0; | |
179 | } |