]>
Commit | Line | Data |
---|---|---|
2d694f8f TL |
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; | |
4 | color: #000; | |
5 | padding: 0 5px; | |
6 | max-width: 100%; | |
7 | } | |
8 | ||
9 | /* add missing class for context menu header */ | |
10 | .x-menu-header { | |
11 | font: 400 13px/20px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif; | |
12 | color: #fff; | |
13 | padding: 4px; | |
14 | background-color: #3892d4; | |
15 | } | |
16 | ||
fb0d9833 TL |
17 | .info-blue { |
18 | color: #3892d4; | |
19 | } | |
20 | ||
2d694f8f TL |
21 | /* make the upper window end visible */ |
22 | .x-css-shadow { | |
23 | box-shadow: rgb(136,136,136) 0px -1px 15px !important; | |
24 | } | |
25 | ||
26 | /* reduce tree space */ | |
27 | .x-grid-cell-inner-treecolumn { /* vertical padding */ | |
28 | padding: 4px 0px 3px 0px; | |
29 | } | |
30 | ||
31 | /* horizontal distance between parent and child leaf */ | |
32 | .x-tree-elbow-img { | |
33 | width: 14px; | |
34 | } | |
35 | ||
36 | /* adjust horizontal position of menu icons */ | |
37 | .x-menu-item-icon-default { | |
38 | top: 5px; | |
39 | left: 3px; | |
40 | font-size: 14px; | |
41 | } | |
42 | ||
43 | /* this gives a better placement for the font-awesome icons */ | |
44 | .x-btn-icon-el-default-toolbar-small { | |
45 | height: 14px; | |
46 | } | |
47 | ||
48 | /* this icon looks weird in sizes not n*14px */ | |
49 | .x-btn-icon-el-default-toolbar-small.fa-ellipsis-v { | |
50 | font-size: 14px; | |
51 | } | |
52 | ||
53 | .x-btn-icon-el-default-small { | |
54 | height: 14px; | |
55 | font-size: 14px; | |
56 | } | |
57 | ||
58 | /* displayfield minheight is wrong */ | |
59 | .x-form-display-field-default { | |
60 | min-height: 20px; | |
61 | } | |
62 | ||
63 | .x-button-reset:before { | |
64 | font-size: 16px; | |
65 | } | |
66 | ||
67 | /* for resetcolumnsbutton */ | |
68 | .x-button-reset:after{ | |
69 | content: "\f0e7 "; | |
70 | position: relative; | |
71 | text-shadow: 0 0 2px #fff; | |
72 | left: -3px; | |
73 | top: 2px; | |
74 | } | |
75 | ||
76 | .proxmox-inline-button .x-btn-inner { | |
77 | color: black; | |
78 | } | |
864d17c4 TL |
79 | |
80 | /* loading in task list */ | |
81 | .x-grid-row-loading { | |
82 | background: no-repeat center center; | |
fef2b3e0 | 83 | background-image:url(../extjs/theme-crisp/resources/images/loadmask/loading.gif); |
864d17c4 TL |
84 | } |
85 | ||
86 | /* displayfield minheight is wrong */ | |
87 | .x-form-display-field-default { | |
88 | min-height: 20px; | |
89 | } | |
90 | ||
91 | .x-button-reset:before { | |
92 | font-size: 16px; | |
93 | } | |
94 | ||
95 | /* for resetcolumnsbutton */ | |
96 | .x-button-reset:after{ | |
97 | content: "\f0e7 "; | |
98 | position: relative; | |
99 | text-shadow: 0 0 2px #fff; | |
100 | left: -3px; | |
101 | top: 2px; | |
102 | } | |
103 | ||
104 | .proxmox-inline-button .x-btn-inner { | |
105 | color: black; | |
106 | } | |
107 | ||
108 | /* for auto layout */ | |
109 | div.inline-block { | |
110 | display: inline-block; | |
111 | vertical-align: top; | |
112 | } | |
113 | ||
114 | .pointer { | |
115 | cursor: pointer; | |
116 | } | |
117 | ||
118 | .x-grid-filters-filtered-column{ | |
119 | font-style: italic; | |
120 | font-weight: bold; | |
121 | } | |
122 | ||
123 | /* mark disabled grid entries */ | |
124 | table:not(.x-grid-item-selected) tr.x-grid-row.disabled { | |
125 | color: #cfcfcf; | |
126 | } | |
127 | ||
128 | /* fix action column icons */ | |
129 | .x-action-col-icon { | |
4b128792 DC |
130 | font-size: 13px; |
131 | height: 13px; | |
132 | } | |
133 | ||
134 | .x-grid-cell-inner-action-col { | |
135 | padding: 6px 10px 5px; | |
864d17c4 TL |
136 | } |
137 | ||
138 | .x-action-col-icon:before { | |
139 | color: #555; | |
140 | } | |
141 | ||
142 | .x-treelist-item-icon { | |
143 | color: #000; | |
144 | } | |
145 | ||
146 | .x-treelist-nav { | |
147 | background-color: #f5f5f5; | |
148 | border-right: 1px solid #cfcfcf; | |
149 | } | |
150 | ||
151 | .x-treelist-row-over > * > .x-treelist-item-icon, | |
152 | .x-treelist-row-over > * > .x-treelist-item-text { | |
153 | color: #000; | |
154 | } | |
155 | ||
156 | .x-treelist-row { | |
157 | padding: 4px 10px 4px 6px; | |
158 | } | |
159 | ||
160 | /* chrome 56 fix */ | |
161 | .x-webkit .x-form-text { | |
162 | height: 100% !important; | |
163 | } | |
164 | ||
165 | .x-webkit :not(.x-form-textarea-body) > .x-form-trigger-wrap { | |
166 | height: initial; | |
167 | } | |
168 | ||
169 | tr.x-grid-row-summary td.x-grid-cell { | |
170 | border-top: 1px solid black; | |
171 | font-weight: bold; | |
172 | } | |
173 | ||
174 | p.logs { | |
175 | white-space: nowrap; | |
176 | font-family: monospace; | |
177 | overflow: auto; | |
178 | border: 1px solid #cfcfcf; | |
179 | margin: 5px; | |
180 | padding: 5px; | |
181 | } | |
e8f0ad19 DM |
182 | |
183 | /* tree icons */ | |
184 | ||
185 | /* big symbols */ | |
186 | .x-tree-icon-custom { | |
187 | font-size: 1.25em; | |
188 | line-height: 1.6em; | |
189 | color: #555; | |
190 | margin-right: 5px; | |
191 | } | |
aeee4329 DM |
192 | |
193 | .no-leaf-icons .x-tree-icon-leaf { | |
194 | visibility: hidden; | |
195 | width: 5px; | |
196 | } | |
a3970d6c DC |
197 | |
198 | .pmx-has-badge .x-btn-inner { | |
199 | padding: 0 0 0 5px; | |
200 | min-width: 24px; | |
201 | } | |
202 | ||
203 | .pmx-button-badge { | |
204 | display: inline-block; | |
205 | font-weight: bold; | |
41067870 | 206 | border-radius: 4px; |
a3970d6c DC |
207 | padding: 2px 3px; |
208 | min-width: 24px; | |
209 | line-height: 1em; | |
210 | } | |
211 | ||
212 | .pmx-button-badge.active { | |
41067870 | 213 | background-color: #464d4d; |
a3970d6c | 214 | } |
3e395378 DC |
215 | |
216 | .pmx-hidden { | |
217 | cursor: default; | |
218 | } | |
219 | ||
c9725bb8 TL |
220 | span.snapshot-comment-column { |
221 | text-overflow: ellipsis; | |
222 | overflow: hidden; | |
223 | display: inline-block; | |
224 | width: calc(100% - 18px); | |
225 | } | |
226 | ||
3e395378 DC |
227 | .x-action-col-icon.good:before { |
228 | color: #21BF4B; | |
229 | } | |
230 | ||
231 | .x-action-col-icon.warning:before { | |
232 | color: #fc0; | |
233 | } | |
234 | ||
235 | .x-action-col-icon.critical:before { | |
236 | color: #FF6C59; | |
237 | } | |
db67e4fe TL |
238 | |
239 | .pve-icon-verify-lettering:after { | |
240 | color: #464d4d; | |
241 | font-weight: bold; | |
242 | content: "V."; | |
243 | } | |
e373dcc5 TL |
244 | |
245 | .x-action-col-icon { | |
246 | margin: 0 1px; | |
247 | font-size: 14px; | |
248 | } | |
249 | .x-action-col-icon:before, .x-action-col-icon:after { | |
250 | font-size: 14px; | |
251 | } | |
252 | .x-action-col-icon:hover:before, .x-action-col-icon:hover:after { | |
253 | text-shadow: 1px 1px 1px #AAA; | |
254 | font-weight: 800; | |
255 | } |