]>
Commit | Line | Data |
---|---|---|
926bfe7a SS |
1 | /* color variables (e.g. for the spam info grid) */ |
2 | :root { | |
3 | --pmg-spam-high-neg: #ACD1EC; | |
4 | --pmg-spam-high-pos: #E8B0B2; | |
5 | --pmg-spam-mid-neg: #d7e9f6; | |
6 | --pmg-spam-mid-pos: #f3d6d7; | |
7 | --pmg-spam-low-neg: #EEF6FB; | |
8 | --pmg-spam-low-pos: #FAEFF0; | |
9 | } | |
10 | ||
fe81f069 DM |
11 | /* overwrite to use full black for enabled buttons */ |
12 | .x-btn-inner-default-toolbar-small { | |
13 | font: 300 12px/16px helvetica, arial, verdana, sans-serif; | |
14 | color: #000; | |
15 | padding: 0 5px; | |
16 | max-width: 100%; | |
17 | } | |
18 | ||
19 | /* add missing class for context menu header */ | |
20 | .x-menu-header { | |
21 | font: 400 13px/20px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif; | |
22 | color: #fff; | |
23 | padding: 4px; | |
24 | background-color: #3892d4; | |
25 | } | |
26 | ||
27 | /* make the upper window end visible */ | |
28 | .x-css-shadow { | |
29 | box-shadow: rgb(136,136,136) 0px -1px 15px !important; | |
30 | } | |
31 | ||
32 | /* reduce tree space */ | |
33 | .x-grid-cell-inner-treecolumn { /* vertical padding */ | |
34 | padding: 4px 0px 3px 0px; | |
35 | } | |
36 | ||
37 | /* horizontal distance between parent and child leaf */ | |
38 | .x-tree-elbow-img { | |
39 | width: 14px; | |
40 | } | |
41 | ||
42 | /* adjust horizontal position of menu icons */ | |
43 | .x-menu-item-icon-default { | |
44 | top: 5px; | |
45 | left: 3px; | |
46 | font-size: 14px; | |
47 | } | |
48 | ||
49 | /* this gives a better placement for the font-awesome icons */ | |
50 | .x-btn-icon-el-default-toolbar-small { | |
51 | height: 14px; | |
52 | } | |
53 | ||
54 | /* this icon looks weird in sizes not n*14px */ | |
55 | .x-btn-icon-el-default-toolbar-small.fa-ellipsis-v { | |
56 | font-size: 14px; | |
57 | } | |
58 | ||
27312fc5 | 59 | .x-btn-icon-el-default-small, .pmx-icon-size { |
fe81f069 DM |
60 | height: 14px; |
61 | font-size: 14px; | |
62 | } | |
63 | ||
6d491d75 TL |
64 | .txt-shadow-hover:hover:before, .txt-shadow-hover:hover:after { |
65 | text-shadow: 1px 1px 1px #AAA; | |
66 | } | |
67 | ||
ba889454 TL |
68 | .txt-monospace { |
69 | font-family: Consolas, "Roboto Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace; | |
70 | } | |
71 | ||
6d491d75 | 72 | |
fe81f069 DM |
73 | /* icons for tree/snapshots/menus/etc.. */ |
74 | ||
75 | /* overwrite folder icons of theme */ | |
76 | .x-tree-icon-parent, | |
77 | .x-tree-icon-parent-expanded { | |
78 | background: none; | |
79 | display: inline-block; | |
80 | font: normal normal normal 14px/1 FontAwesome; | |
81 | font-size: inherit; | |
82 | text-rendering: auto; | |
83 | -webkit-font-smoothing: antialiased; | |
84 | -moz-osx-font-smoothing: grayscale; | |
85 | font-size: 1.25em; | |
86 | line-height: 1.6em; | |
87 | color: #555; | |
88 | margin-right: 5px; | |
89 | } | |
90 | ||
91 | .x-tree-icon-parent:not(.x-tree-icon-custom):before { | |
92 | content: "\f114"; | |
93 | } | |
94 | ||
95 | .x-tree-icon-parent-expanded:not(.x-tree-icon-custom):before { | |
96 | content: "\f115"; | |
97 | } | |
98 | ||
99 | /* loading in task list */ | |
100 | .x-grid-row-loading { | |
101 | background: no-repeat center center; | |
102 | background-image:url(../ext6/theme-crisp/resources/images/loadmask/loading.gif); | |
103 | } | |
104 | ||
105 | /* displayfield minheight is wrong */ | |
106 | .x-form-display-field-default { | |
107 | min-height: 20px; | |
108 | } | |
109 | ||
110 | .x-button-reset:before { | |
111 | font-size: 16px; | |
112 | } | |
113 | ||
114 | /* for resetcolumnsbutton */ | |
115 | .x-button-reset:after{ | |
116 | content: "\f0e7 "; | |
117 | position: relative; | |
118 | text-shadow: 0 0 2px #fff; | |
119 | left: -3px; | |
120 | top: 2px; | |
121 | } | |
122 | ||
6a3d1c51 DM |
123 | .proxmox-inline-button .x-btn-inner { |
124 | color: black; | |
125 | } | |
126 | ||
fe81f069 DM |
127 | /* for auto layout */ |
128 | div.inline-block { | |
129 | display: inline-block; | |
130 | vertical-align: top; | |
131 | } | |
132 | ||
133 | .pointer { | |
134 | cursor: pointer; | |
135 | } | |
136 | ||
137 | .x-grid-filters-filtered-column{ | |
138 | font-style: italic; | |
139 | font-weight: bold; | |
140 | } | |
88613598 DC |
141 | |
142 | /* mark disabled grid entries */ | |
143 | table:not(.x-grid-item-selected) tr.x-grid-row.disabled { | |
144 | color: #cfcfcf; | |
145 | } | |
146 | ||
7c5f8c56 DC |
147 | /* fix action column icons */ |
148 | .x-action-col-icon { | |
149 | font-size: 14px; | |
150 | } | |
151 | ||
88613598 DC |
152 | .x-action-col-icon:before { |
153 | color: #555; | |
154 | } | |
155 | ||
156 | .x-treelist-item-icon { | |
157 | color: #000; | |
158 | } | |
159 | ||
9d87a333 | 160 | .x-treelist-pve-nav { |
88613598 DC |
161 | background-color: #f5f5f5; |
162 | border-right: 1px solid #cfcfcf; | |
163 | } | |
164 | ||
165 | .x-treelist-row-over > * > .x-treelist-item-icon, | |
166 | .x-treelist-row-over > * > .x-treelist-item-text { | |
167 | color: #000; | |
168 | } | |
169 | ||
170 | .x-treelist-row { | |
171 | padding: 4px 10px 4px 6px; | |
172 | } | |
173 | ||
174 | /* chrome 56 fix */ | |
175 | .x-webkit .x-form-text { | |
176 | height: 100% !important; | |
177 | } | |
178 | ||
179 | .x-webkit :not(.x-form-textarea-body) > .x-form-trigger-wrap { | |
180 | height: initial; | |
181 | } | |
f0c8051c DC |
182 | |
183 | tr.x-grid-row-summary td.x-grid-cell { | |
184 | border-top: 1px solid black; | |
185 | font-weight: bold; | |
186 | } | |
de1d07c7 DC |
187 | |
188 | p.logs { | |
189 | white-space: nowrap; | |
190 | font-family: monospace; | |
191 | overflow: auto; | |
192 | border: 1px solid #cfcfcf; | |
193 | margin: 5px; | |
194 | padding: 5px; | |
195 | } | |
196 | ||
197 | tr.quarantine { | |
198 | background-color: #FFE7C2; | |
199 | } | |
200 | ||
201 | tr.blocked { | |
202 | background-color: #FFD1C2; | |
203 | } | |
204 | ||
205 | tr.bounced { | |
206 | background-color: #FFF4C2; | |
207 | } | |
208 | ||
209 | .green { | |
210 | color: #21BF4B; | |
211 | } | |
212 | ||
213 | .gray { | |
214 | color: #cfcfcf; | |
215 | } | |
216 | ||
217 | .red { | |
218 | color: #F00; | |
219 | } | |
13d6c422 DC |
220 | |
221 | .yellow { | |
222 | color: #DD0; | |
223 | } | |
224 | ||
ca33688b TL |
225 | .bold { |
226 | font-weight: bold; | |
227 | } | |
228 | ||
13d6c422 DC |
229 | div.left { |
230 | float: left; | |
231 | } | |
232 | ||
233 | div.right { | |
234 | float: right; | |
235 | } | |
236 | ||
237 | td.right { | |
238 | text-align: right; | |
239 | } | |
240 | ||
241 | td.center { | |
242 | text-align: center; | |
243 | } | |
244 | ||
245 | td.left { | |
246 | text-align: left; | |
247 | } | |
248 | ||
249 | table.dash { | |
250 | margin: auto; | |
251 | width: 90%; | |
252 | } | |
253 | ||
254 | table.dash h2 { | |
255 | margin: 4px 0px; | |
256 | } | |
257 | ||
258 | table.dash td.half { | |
259 | width: 50%; | |
260 | } | |
bedf67ee DC |
261 | |
262 | a.download { | |
263 | color: inherit; | |
264 | text-decoration: none; | |
265 | } | |
60875e2d DC |
266 | |
267 | .pmx-rule-tree .x-tree-icon, | |
268 | .pmx-rule-tree .x-tree-elbow, | |
269 | .pmx-rule-tree .x-tree-elbow-end { | |
270 | display: none; | |
271 | width: 0px; | |
272 | } | |
273 | ||
274 | .pmx-type-row td { | |
275 | padding: 3px; | |
276 | } |