Rev 15 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed
| Rev 15 | Rev 31 | ||
|---|---|---|---|
| Line 1... | Line 1... | ||
| 1 | @charset "utf-8";
|
1 | @charset "utf-8";
|
| 2 | 2 | ||
| 3 | body, td { |
3 | body,td { |
| 4 | font-family:Arial, Helvetica, sans-serif; |
4 | font-family: Arial, Helvetica, sans-serif; |
| 5 | font-size:12px; |
5 | font-size: 12px; |
| 6 | text-align:left; |
6 | text-align: left; |
| 7 | }
|
7 | }
|
| 8 | 8 | ||
| 9 | body {
|
9 | body {
|
| 10 | margin: 0; |
10 | margin: 0; |
| 11 | padding: 12px; |
11 | padding: 12px; |
| 12 | }
|
12 | }
|
| 13 | 13 | ||
| 14 | h1 {
|
14 | h1 {
|
| 15 | font-size: 21px; |
15 | font-size: 21px; |
| 16 | margin-top: 0; |
16 | margin-top: 0; |
| 17 | padding: 0; |
17 | padding: 0; |
| 18 | }
|
18 | }
|
| 19 | 19 | ||
| 20 | h2 {
|
20 | h2 {
|
| 21 | font-size: 14px; |
21 | font-size: 14px; |
| 22 | margin-top: 20px; |
22 | margin-top: 20px; |
| 23 | margin-bottom: 10px; |
23 | margin-bottom: 10px; |
| 24 | }
|
24 | }
|
| 25 | 25 | ||
| 26 | h3 {
|
26 | h3 {
|
| 27 | font-size:13px; |
27 | font-size: 13px; |
| 28 | }
|
28 | }
|
| 29 | 29 | ||
| 30 | img {
|
30 | img {
|
| 31 | border:none; |
31 | border: none; |
| 32 | }
|
32 | }
|
| 33 | 33 | ||
| 34 | - | ||
| 35 | - | ||
| 36 | /*********************************************************************************
|
34 | /*********************************************************************************
|
| 37 | * Links
|
35 | * Links
|
| 38 | */
|
36 | */
|
| 39 | - | ||
| 40 | a, a:link, a:visited, a:active { |
37 | a,a:link,a:visited,a:active { |
| 41 | color: #AA0000; |
38 | color: #AA0000; |
| 42 | text-decoration: none; |
39 | text-decoration: none; |
| 43 | }
|
40 | }
|
| 44 | 41 | ||
| 45 | a:hover { |
42 | a:hover { |
| 46 | color: #E30119; |
43 | color: #E30119; |
| 47 | text-decoration: underline; |
44 | text-decoration: underline; |
| 48 | }
|
45 | }
|
| 49 | 46 | ||
| 50 | a.button { |
47 | a.button { |
| 51 | display: block; |
48 | display: block; |
| 52 | font-weight: bold; |
49 | font-weight: bold; |
| 53 | padding-top: 4px; |
50 | padding-top: 4px; |
| 54 | padding-left: 6px; |
51 | padding-left: 6px; |
| 55 | padding-bottom: 4px; |
52 | padding-bottom: 4px; |
| 56 | padding-right: 6px; |
53 | padding-right: 6px; |
| 57 | border-top: 1px solid #BBBBBB; |
54 | border-top: 1px solid #BBBBBB; |
| 58 | border-left: 1px solid #BBBBBB; |
55 | border-left: 1px solid #BBBBBB; |
| 59 | border-bottom: 1px solid #555555; |
56 | border-bottom: 1px solid #555555; |
| 60 | border-right: 1px solid #555555; |
57 | border-right: 1px solid #555555; |
| 61 | background-color: #CCCCCC; |
58 | background-color: #CCCCCC; |
| 62 | text-decoration: none; |
59 | text-decoration: none; |
| 63 | }
|
60 | }
|
| 64 | 61 | ||
| 65 | a.button:active { |
62 | a.button:active { |
| 66 | text-decoration: none; |
63 | text-decoration: none; |
| 67 | }
|
64 | }
|
| 68 | 65 | ||
| 69 | a.button:visited { |
66 | a.button:visited { |
| 70 | text-decoration: none; |
67 | text-decoration: none; |
| 71 | }
|
68 | }
|
| 72 | 69 | ||
| 73 | a.button:hover { |
70 | a.button:hover { |
| 74 | background-color: #DDDDDD; |
71 | background-color: #DDDDDD; |
| 75 | }
|
72 | }
|
| 76 | 73 | ||
| 77 | - | ||
| 78 | /*********************************************************************************
|
74 | /*********************************************************************************
|
| 79 | * Table
|
75 | * Table
|
| 80 | */
|
76 | */
|
| 81 | - | ||
| 82 | table {
|
77 | table {
|
| 83 | margin: 5px 0 10px 0; |
78 | margin: 5px 0 10px 0; |
| 84 | padding: 0; |
79 | padding: 0; |
| 85 | }
|
80 | }
|
| 86 | 81 | ||
| 87 | table.no_margin { |
82 | table.no_margin { |
| 88 | margin: 0; |
83 | margin: 0; |
| 89 | }
|
84 | }
|
| 90 | 85 | ||
| 91 | td, th { |
86 | td,th { |
| 92 | text-align: left; |
87 | text-align: left; |
| 93 | vertical-align: top; |
88 | vertical-align: top; |
| 94 | margin: 0; |
89 | margin: 0; |
| 95 | padding: 0 10px 0 0; |
90 | padding: 0 10px 0 0; |
| 96 | }
|
91 | }
|
| 97 | 92 | ||
| 98 | /* style for listing tables */
|
93 | /* style for listing tables */
|
| 99 | table.list { |
94 | table.list { |
| 100 | border-collapse: collapse; |
95 | border-collapse: collapse; |
| 101 | }
|
96 | }
|
| 102 | 97 | ||
| 103 | table.list td, table.list th { |
98 | table.list td,table.list th { |
| 104 | margin: 0; |
99 | margin: 0; |
| 105 | padding: 3px 30px 3px 1px; |
100 | padding: 3px 30px 3px 1px; |
| 106 | border-bottom: 1px solid #EBEBED; |
101 | border-bottom: 1px solid #EBEBED; |
| 107 | }
|
102 | }
|
| 108 | 103 | ||
| 109 | /* style for form tables */
|
104 | /* style for form tables */
|
| 110 | table.form { |
105 | table.form { |
| 111 | border-collapse: collapse; |
106 | border-collapse: collapse; |
| 112 | }
|
107 | }
|
| 113 | 108 | ||
| 114 | table.form td, table.form th { |
109 | table.form td,table.form th { |
| 115 | margin: 0; |
110 | margin: 0; |
| 116 | padding: 0 20px 6px 0; |
111 | padding: 0 20px 6px 0; |
| 117 | }
|
112 | }
|
| 118 | 113 | ||
| 119 | /* Header table */
|
114 | /* Header table */
|
| 120 | table.header { |
115 | table.header { |
| 121 | margin: 0; |
116 | margin: 0; |
| 122 | }
|
117 | }
|
| 123 | 118 | ||
| 124 | td.no_padding { |
119 | td.no_padding { |
| 125 | padding: 0; |
120 | padding: 0; |
| 126 | }
|
121 | }
|
| 127 | 122 | ||
| 128 | - | ||
| 129 | /*********************************************************************************
|
123 | /*********************************************************************************
|
| 130 | * Custom classes
|
124 | * Custom classes
|
| 131 | */
|
125 | */
|
| 132 | - | ||
| 133 | div#page-container { |
126 | div#page-container { |
| 134 | width: 100%; |
127 | width: 100%; |
| 135 | }
|
128 | }
|
| 136 | 129 | ||
| 137 | div#header { |
130 | div#header { |
| 138 | width: 100%; |
131 | width: 100%; |
| 139 | padding: 0 0 15px 0; |
132 | padding: 0 0 15px 0; |
| 140 | border-bottom: #EBEBED 10px solid; |
133 | border-bottom: #EBEBED 10px solid; |
| 141 | }
|
134 | }
|
| 142 | 135 | ||
| 143 | div#navbar { |
136 | div#navbar { |
| 144 | float: left; |
137 | float: left; |
| 145 | width: 200px; |
138 | width: 200px; |
| 146 | padding: 15px 20px 0 0; |
139 | padding: 15px 20px 0 0; |
| 147 | position:absolute; |
140 | position: absolute; |
| 148 | }
|
141 | }
|
| 149 | 142 | ||
| 150 | div#content { |
143 | div#content { |
| 151 | padding: 15px 0 10px 230px; |
144 | padding: 15px 0 10px 230px; |
| 152 | 145 | ||
| 153 | /*
|
146 | /*
|
| 154 | border-color:#F00;
|
147 | border-color:#F00;
|
| 155 | border-style:solid;
|
148 | border-style:solid;
|
| 156 | border-width:thick;
|
149 | border-width:thick;
|
| 157 | */
|
150 | */
|
| 158 | }
|
151 | }
|
| 159 | 152 | ||
| 160 | .right { |
153 | .right { |
| 161 | text-align: right; |
154 | text-align: right; |
| 162 | }
|
155 | }
|
| 163 | 156 | ||
| 164 | span.normal { |
157 | span.normal { |
| 165 | font-weight: normal; |
158 | font-weight: normal; |
| 166 | }
|
159 | }
|
| 167 | 160 | ||
| 168 | /*********************************************************************************
|
161 | /*********************************************************************************
|
| 169 | * Login
|
162 | * Login
|
| 170 | */
|
163 | */
|
| 171 | - | ||
| 172 | div#login { |
164 | div#login { |
| 173 | background-color: #EBEBED; |
165 | background-color: #EBEBED; |
| 174 | width: 350px; |
166 | width: 350px; |
| 175 | padding: 10px; |
167 | padding: 10px; |
| 176 | margin: auto; |
168 | margin: auto; |
| 177 | margin-top: 50px; |
169 | margin-top: 50px; |
| 178 | text-align: center; |
170 | text-align: center; |
| 179 | }
|
171 | }
|
| 180 | 172 | ||
| 181 | p.login_failed { |
173 | p.login_failed { |
| 182 | color: #DD0000; |
174 | color: #DD0000; |
| 183 | font-weight: bold; |
175 | font-weight: bold; |
| 184 | background-color: #FFFFFF; |
176 | background-color: #FFFFFF; |
| 185 | }
|
177 | }
|
| 186 | 178 | ||
| 187 | input.login { |
179 | input.login { |
| 188 | width: 200px; |
180 | width: 200px; |
| 189 | }
|
181 | }
|
| 190 | 182 | ||
| 191 | - | ||
| 192 | - | ||
| 193 | - | ||
| 194 | /*********************************************************************************
|
183 | /*********************************************************************************
|
| 195 | * Dialogs
|
184 | * Dialogs
|
| 196 | */
|
185 | */
|
| 197 | div.errormsg { /* Old version by Kevin */ |
186 | div.errormsg { /* Old version by Kevin */ |
| 198 | font-weight: bold; |
187 | font-weight: bold; |
| 199 | border: 2px solid black; |
188 | border: 2px solid black; |
| 200 | color: #DD0000; |
189 | color: #DD0000; |
| 201 | position: fixed; |
190 | position: fixed; |
| 202 | left:10px; |
191 | left: 10px; |
| 203 | top: 10px; |
192 | top: 10px; |
| 204 | padding-top: 20px; |
193 | padding-top: 20px; |
| 205 | padding-bottom: 20px; |
194 | padding-bottom: 20px; |
| 206 | margin-left:40%; |
195 | margin-left: 40%; |
| 207 | text-align: center; |
196 | text-align: center; |
| 208 | font-size: 16px; |
197 | font-size: 16px; |
| 209 | width: 20%; |
198 | width: 20%; |
| 210 | }
|
199 | }
|
| 211 | 200 | ||
| 212 | #dialog { |
201 | #dialog { |
| 213 | font-weight: bold; |
202 | font-weight: bold; |
| 214 | border: 5px solid #888888; |
203 | border: 5px solid #888888; |
| 215 | color: #000000; |
204 | color: #000000; |
| 216 | position: absolute; |
205 | position: absolute; |
| 217 | left: 30%; |
206 | left: 30%; |
| 218 | top: 20px; |
207 | top: 20px; |
| 219 | text-align: left; |
208 | text-align: left; |
| 220 | - | ||
| 221 | padding: 10px 10px 10px 80px; |
209 | padding: 10px 10px 10px 80px; |
| 222 | margin: 20px auto auto auto; |
210 | margin: 20px auto auto auto; |
| 223 | - | ||
| 224 | width: 40%; |
211 | width: 40%; |
| 225 | background-color: #FFFFFF; |
212 | background-color: #FFFFFF; |
| 226 | - | ||
| 227 | z-index: 1000; |
213 | z-index: 1000; |
| 228 | }
|
214 | }
|
| 229 | 215 | ||
| 230 | #overlay { |
216 | #overlay { |
| 231 | position: absolute; |
217 | position: absolute; |
| 232 | top: 0; |
218 | top: 0; |
| 233 | left: 0; |
219 | left: 0; |
| 234 | width: 100%; |
220 | width: 100%; |
| 235 | height: 100%; |
221 | height: 100%; |
| 236 | z-index: 500; |
222 | z-index: 500; |
| 237 | background-color: #EBEBED; |
223 | background-color: #EBEBED; |
| 238 | - | ||
| 239 | opacity: 0.7; /* for real browsers */ |
224 | opacity: 0.7; /* for real browsers */ |
| 240 | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* for IE 8 */ |
225 | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; |
| - | 226 | /* for IE 8 */
|
|
| 241 | filter: alpha(opacity=70); /* for IE */ |
227 | filter: alpha(opacity = 70); /* for IE */ |
| 242 | }
|
228 | }
|
| 243 | 229 | ||
| 244 | - | ||
| 245 | /* Error dialog */
|
230 | /* Error dialog */
|
| 246 | .dialog_error { |
231 | .dialog_error { |
| 247 | background: #FFFFFF url(../../resources/images/dialog_error.png) no-repeat 10px 10px; |
232 | background: #FFFFFF url(../../resources/images/dialog_error.png) |
| - | 233 | no-repeat 10px 10px; |
|
| 248 | }
|
234 | }
|
| 249 | 235 | ||
| 250 | /* Warning dialog */
|
236 | /* Warning dialog */
|
| 251 | .dialog_warning { |
237 | .dialog_warning { |
| 252 | background: #FFFFFF url(../../resources/images/dialog_warning.png) no-repeat 10px 10px; |
238 | background: #FFFFFF url(../../resources/images/dialog_warning.png) |
| - | 239 | no-repeat 10px 10px; |
|
| 253 | }
|
240 | }
|
| 254 | 241 | ||
| 255 | /* Info dialog */
|
242 | /* Info dialog */
|
| 256 | .dialog_info { |
243 | .dialog_info { |
| 257 | background: #FFFFFF url(../../resources/images/dialog_info.png) no-repeat 10px 10px; |
244 | background: #FFFFFF url(../../resources/images/dialog_info.png) |
| - | 245 | no-repeat 10px 10px; |
|
| 258 | }
|
246 | }
|
| 259 | 247 | ||
| 260 | /* Question dialog */
|
248 | /* Question dialog */
|
| 261 | .dialog_question { |
249 | .dialog_question { |
| 262 | background: #FFFFFF url(../../resources/images/dialog_question.png) no-repeat 10px 10px; |
250 | background: #FFFFFF url(../../resources/images/dialog_question.png) |
| - | 251 | no-repeat 10px 10px; |
|
| 263 | }
|
252 | }
|
| 264 | 253 | ||
| 265 | /*Notification*/
|
254 | /*Notification*/
|
| 266 | .notificationIcon { |
255 | .notificationIcon { |
| 267 | float:right; |
256 | float: right; |
| 268 | }
|
257 | }
|
| 269 | 258 | ||
| 270 | - | ||
| 271 | /* Title of dialog box */
|
259 | /* Title of dialog box */
|
| 272 | #dialog_title { |
260 | #dialog_title { |
| 273 | float: left; |
261 | float: left; |
| 274 | width: 100%; |
262 | width: 100%; |
| 275 | margin: 0 0 10px 0; |
263 | margin: 0 0 10px 0; |
| 276 | padding: 0; |
264 | padding: 0; |
| 277 | font-size: 14px; |
265 | font-size: 14px; |
| 278 | font-weight: bold; |
266 | font-weight: bold; |
| 279 | }
|
267 | }
|
| 280 | 268 | ||
| 281 | /* Text of dialog box */
|
269 | /* Text of dialog box */
|
| 282 | #dialog_text { |
270 | #dialog_text { |
| 283 | float: left; |
271 | float: left; |
| 284 | width: 100%; |
272 | width: 100%; |
| 285 | margin: 0 0 10px 0; |
273 | margin: 0 0 10px 0; |
| 286 | padding: 0; |
274 | padding: 0; |
| 287 | font-size: 14px; |
275 | font-size: 14px; |
| 288 | font-weight: normal; |
276 | font-weight: normal; |
| 289 | }
|
277 | }
|
| 290 | 278 | ||
| 291 | /* Buttons in dialog box */
|
279 | /* Buttons in dialog box */
|
| 292 | #dialog_buttons { |
280 | #dialog_buttons { |
| 293 | width: 100%; |
281 | width: 100%; |
| 294 | float: left; |
282 | float: left; |
| 295 | text-align: right; |
283 | text-align: right; |
| 296 | margin: 0; |
284 | margin: 0; |
| 297 | padding: 10px 0 0 0; |
285 | padding: 10px 0 0 0; |
| 298 | }
|
286 | }
|
| 299 | 287 | ||
| 300 | - | ||
| 301 | /*********************************************************************************
|
288 | /*********************************************************************************
|
| 302 | * Navigation on the left side
|
289 | * Navigation on the left side
|
| 303 | */
|
290 | */
|
| 304 | 291 | ||
| 305 | /* First level of navigation */
|
292 | /* First level of navigation */
|
| 306 | #navigation ul { |
293 | #navigation ul { |
| 307 | list-style-type: none; |
294 | list-style-type: none; |
| 308 | list-style-image: none; |
295 | list-style-image: none; |
| 309 | margin: 0; |
296 | margin: 0; |
| 310 | padding: 0; |
297 | padding: 0; |
| 311 | }
|
298 | }
|
| 312 | 299 | ||
| 313 | #navigation ul li { |
300 | #navigation ul li { |
| 314 | border-bottom: #EBEBED 7px solid; |
301 | border-bottom: #EBEBED 7px solid; |
| 315 | margin: 0; |
302 | margin: 0; |
| 316 | padding: 5px 0 5px 1px; |
303 | padding: 5px 0 5px 1px; |
| 317 | font-weight: bold; |
304 | font-weight: bold; |
| 318 | font-size: 13px; |
305 | font-size: 13px; |
| 319 | }
|
306 | }
|
| 320 | 307 | ||
| 321 | /* Second level of navigation */
|
308 | /* Second level of navigation */
|
| 322 | #navigation ul li ul { |
309 | #navigation ul li ul { |
| 323 | padding: 3px 0 0 0; |
310 | padding: 3px 0 0 0; |
| 324 | }
|
311 | }
|
| 325 | 312 | ||
| 326 | #navigation ul li ul li { |
313 | #navigation ul li ul li { |
| 327 | border-bottom: none; |
314 | border-bottom: none; |
| 328 | margin: 0; |
315 | margin: 0; |
| 329 | padding: 3px 0 3px 7px; |
316 | padding: 3px 0 3px 7px; |
| 330 | font-weight: normal; |
317 | font-weight: normal; |
| 331 | font-size: 12px; |
318 | font-size: 12px; |
| 332 | }
|
319 | }
|
| 333 | 320 | ||
| 334 | /* Links in navigation area */
|
321 | /* Links in navigation area */
|
| 335 | #navigation a { |
322 | #navigation a { |
| 336 | text-decoration: none; |
323 | text-decoration: none; |
| 337 | color: #333333; |
324 | color: #333333; |
| 338 | }
|
325 | }
|
| 339 | 326 | ||
| 340 | #navigation a:active { |
327 | #navigation a:active { |
| 341 | text-decoration: none; |
328 | text-decoration: none; |
| 342 | color: #E30119; |
329 | color: #E30119; |
| 343 | }
|
330 | }
|
| 344 | 331 | ||
| 345 | #navigation a:hover { |
332 | #navigation a:hover { |
| 346 | text-decoration: none; |
333 | text-decoration: none; |
| 347 | color: #E30119; |
334 | color: #E30119; |
| 348 | }
|
335 | }
|
| 349 | 336 | ||
| 350 | - | ||
| 351 | /*********************************************************************************
|
337 | /*********************************************************************************
|
| 352 | * General page formatting
|
338 | * General page formatting
|
| 353 | */
|
339 | */
|
| 354 | - | ||
| 355 | p.main_hint { |
340 | p.main_hint { |
| 356 | font-weight: bold; |
341 | font-weight: bold; |
| 357 | }
|
342 | }
|
| 358 | 343 | ||
| 359 | p.sub_hint { |
344 | p.sub_hint { |
| - | 345 | ||
| 360 | }
|
346 | }
|
| 361 | 347 | ||
| 362 | .hidden { |
348 | .hidden { |
| 363 | display: none; |
349 | display: none; |
| 364 | }
|
350 | }
|
| 365 | 351 | ||
| 366 | /*********************************************************************************
|
352 | /*********************************************************************************
|
| 367 | * Customer selection
|
353 | * Customer selection
|
| 368 | */
|
354 | */
|
| 369 | - | ||
| 370 | div.customer { |
355 | div.customer { |
| 371 | border-left: #EBEBED 5px solid; |
356 | border-left: #EBEBED 5px solid; |
| 372 | padding: 0 5px 0 5px; |
357 | padding: 0 5px 0 5px; |
| 373 | margin: 0 0 10px 0; |
358 | margin: 0 0 10px 0; |
| 374 | float: left; |
359 | float: left; |
| 375 | width: 300px; |
360 | width: 300px; |
| 376 | }
|
361 | }
|
| 377 | 362 | ||
| 378 | /*********************************************************************************
|
363 | /*********************************************************************************
|
| 379 | * Change Request
|
364 | * Change Request
|
| 380 | */
|
365 | */
|
| 381 | table.change_request { |
366 | table.change_request { |
| 382 | margin-left: -10px; |
367 | margin-left: -10px; |
| 383 | }
|
368 | }
|
| 384 | 369 | ||
| 385 | /*********************************************************************************
|
370 | /*********************************************************************************
|
| 386 | * Form fields
|
371 | * Form fields
|
| 387 | */
|
372 | */
|
| 388 | - | ||
| 389 | .input_ro { /* read only input field */ |
373 | .input_ro { /* read only input field */ |
| 390 | border: 2px solid #EEEEEE; |
374 | border: 2px solid #EEEEEE; |
| 391 | background-color: #EEEEEE; |
375 | background-color: #EEEEEE; |
| 392 | }
|
376 | }
|
| 393 | 377 | ||
| 394 | .invalid { /* Fields containing invalid input */ |
378 | .invalid { /* Fields containing invalid input */ |
| 395 | border: 2px #FF0000 solid; |
379 | border: 2px #FF0000 solid; |
| 396 | background-color: #FFDDDD; |
380 | background-color: #FFDDDD; |
| 397 | }
|
381 | }
|
| 398 | 382 | ||
| 399 | - | ||
| 400 | /*********************************************************************************
|
383 | /*********************************************************************************
|
| 401 | * Shopping cart
|
384 | * Shopping cart
|
| 402 | */
|
385 | */
|
| 403 | - | ||
| 404 | table.shopping_cart { |
386 | table.shopping_cart { |
| 405 | border-collapse: collapse; |
387 | border-collapse: collapse; |
| 406 | border: 3px solid #EBEBED; |
388 | border: 3px solid #EBEBED; |
| 407 | }
|
389 | }
|
| 408 | 390 | ||
| 409 | table.shopping_cart td { |
391 | table.shopping_cart td { |
| 410 | padding: 3px 10px 3px 3px; |
392 | padding: 3px 10px 3px 3px; |
| 411 | border-top: 1px solid #EBEBED; |
393 | border-top: 1px solid #EBEBED; |
| 412 | }
|
394 | }
|
| 413 | 395 | ||
| 414 | table.shopping_cart tr.additional_info td { |
396 | table.shopping_cart tr.additional_info td { |
| 415 | border-top: none; |
397 | border-top: none; |
| 416 | }
|
398 | }
|
| 417 | 399 | ||
| 418 | table.shopping_cart td.right, |
- | |
| 419 | table.shopping_cart th.right { |
400 | table.shopping_cart td.right,table.shopping_cart th.right { |
| 420 | padding-right: 20px; |
401 | padding-right: 20px; |
| 421 | }
|
402 | }
|
| 422 | 403 | ||
| 423 | table.shopping_cart th { |
404 | table.shopping_cart th { |
| 424 | padding: 3px 10px 3px 3px; |
405 | padding: 3px 10px 3px 3px; |
| 425 | background-color: #EBEBED; |
406 | background-color: #EBEBED; |
| 426 | }
|
407 | }
|
| 427 | 408 | ||
| 428 | /* Buttons "Place order and Request offer" */
|
409 | /* Buttons "Place order and Request offer" */
|
| 429 | table.shopping_cart div.button { |
410 | table.shopping_cart div.button { |
| 430 | float: right; |
411 | float: right; |
| 431 | margin: 7px 0 0 10px; |
412 | margin: 7px 0 0 10px; |
| 432 | }
|
413 | }
|
| - | 414 | ||
| 433 | table.shopping_cart form { |
415 | table.shopping_cart form { |
| - | 416 | margin: 0; |
|
| 434 | margin: 0; padding: 0; /* Necessary for IE */ |
417 | padding: 0; /* Necessary for IE */ |
| 435 | }
|
418 | }
|
| 436 | 419 | ||
| 437 | /* No padding-right for buttons in shopping cart */
|
420 | /* No padding-right for buttons in shopping cart */
|
| 438 | table.shopping_cart th.buttons, th.buttons { |
421 | table.shopping_cart th.buttons,th.buttons { |
| 439 | text-align: right; |
422 | text-align: right; |
| 440 | padding-right: 0px; |
423 | padding-right: 0px; |
| 441 | }
|
424 | }
|
| 442 | 425 | ||
| 443 | /* Icon for opening additional info */
|
426 | /* Icon for opening additional info */
|
| 444 | img.additional_info_icon { |
427 | img.additional_info_icon { |
| 445 | width: 16px; |
428 | width: 16px; |
| 446 | height: 16px; |
429 | height: 16px; |
| 447 | padding: 0; |
430 | padding: 0; |
| 448 | margin: 0 0 0 4px; |
431 | margin: 0 0 0 4px; |
| 449 | cursor: pointer; |
432 | cursor: pointer; |
| 450 | vertical-align:text-top; |
433 | vertical-align: text-top; |
| 451 | }
|
434 | }
|
| 452 | 435 | ||
| 453 | /* Title "Important information" */
|
436 | /* Title "Important information" */
|
| 454 | .additional_info_title { |
437 | .additional_info_title { |
| 455 | font-weight: bold; |
438 | font-weight: bold; |
| 456 | }
|
439 | }
|
| 457 | 440 | ||
| 458 | /* Cells containing the additional info or the title of the info */
|
441 | /* Cells containing the additional info or the title of the info */
|
| 459 | td.additional_info { |
442 | td.additional_info { |
| 460 | padding: 3px; |
443 | padding: 3px; |
| 461 | background-color: #FFFF99; |
444 | background-color: #FFFF99; |
| 462 | }
|
445 | }
|
| 463 | 446 | ||
| 464 | /* Actual text of additional info has to be a monospace font */
|
447 | /* Actual text of additional info has to be a monospace font */
|
| 465 | .additional_info_text { |
448 | .additional_info_text { |
| 466 | font-family: "Courier New", Courier, monospace; |
449 | font-family: "Courier New", Courier, monospace; |
| 467 | padding: 5px 0 0 0; |
450 | padding: 5px 0 0 0; |
| 468 | font-weight: bold; |
451 | font-weight: bold; |
| 469 | }
|
452 | }
|
| 470 | 453 | ||
| 471 | /* Additional info, if a sparepart is not available (replacement part page) */
|
454 | /* Additional info, if a sparepart is not available (replacement part page) */
|
| 472 | .additional_info_replacement { |
455 | .additional_info_replacement { |
| 473 | padding: 3px; |
456 | padding: 3px; |
| 474 | background-color: #FFFF99; |
457 | background-color: #FFFF99; |
| 475 | font-family: "Courier New", Courier, monospace; |
458 | font-family: "Courier New", Courier, monospace; |
| 476 | font-weight: bold; |
459 | font-weight: bold; |
| 477 | }
|
460 | }
|
| 478 | 461 | ||
| 479 | /* deleted parts */
|
462 | /* deleted parts */
|
| 480 | .part_deleted { |
463 | .part_deleted { |
| 481 | background-color: #FFBBBB; |
464 | background-color: #FFBBBB; |
| 482 | }
|
465 | }
|
| 483 | 466 | ||
| 484 | /* Arrow in empty shopping cart pointing to the entry form */
|
467 | /* Arrow in empty shopping cart pointing to the entry form */
|
| 485 | #arrow_left { |
468 | #arrow_left { |
| 486 | height: 38px; |
469 | height: 38px; |
| 487 | padding-left: 45px; |
470 | padding-left: 45px; |
| 488 | background: url('../../resources/images/double_left_arrow.png') no-repeat 3px 3px; |
471 | background: url('../../resources/images/double_left_arrow.png') |
| - | 472 | no-repeat 3px 3px; |
|
| 489 | }
|
473 | }
|
| 490 | 474 | ||
| 491 | /* Difference to minimum order value */
|
475 | /* Difference to minimum order value */
|
| 492 | #order_diff th { |
476 | #order_diff th { |
| 493 | background-color: #FFCCCC; |
477 | background-color: #FFCCCC; |
| 494 | color: #E30119; |
478 | color: #E30119; |
| 495 | }
|
479 | }
|
| 496 | 480 | ||
| 497 | - | ||
| 498 | #shopping_cart_buttons { |
481 | #shopping_cart_buttons { |
| 499 | width: 100%; |
482 | width: 100%; |
| 500 | }
|
483 | }
|
| 501 | 484 | ||
| 502 | .float_left { |
485 | .float_left { |
| 503 | float: left; |
486 | float: left; |
| 504 | }
|
487 | }
|
| 505 | 488 | ||
| 506 | .float_right { |
489 | .float_right { |
| 507 | float: right; |
490 | float: right; |
| 508 | }
|
491 | }
|
| 509 | 492 | ||
| 510 | - | ||
| 511 | /*********************************************************************************
|
493 | /*********************************************************************************
|
| 512 | * Filter
|
494 | * Filter
|
| 513 | */
|
495 | */
|
| 514 | - | ||
| 515 | #filter_list { |
496 | #filter_list { |
| 516 | display: inline-block; |
497 | display: inline-block; |
| 517 | float: none; |
498 | float: none; |
| 518 | }
|
499 | }
|
| 519 | 500 | ||
| 520 | #filter_show label { |
501 | #filter_show label { |
| 521 | vertical-align: middle; |
502 | vertical-align: middle; |
| 522 | }
|
503 | }
|
| 523 | 504 | ||
| 524 | #filter_show fieldset { |
505 | #filter_show fieldset { |
| 525 | padding: 5px; |
506 | padding: 5px; |
| 526 | }
|
507 | }
|
| 527 | 508 | ||
| 528 | #event_type_block { |
509 | #event_type_block { |
| 529 | width: 200px; |
510 | width: 200px; |
| 530 | height: 80px; |
511 | height: 80px; |
| 531 | float: left; |
512 | float: left; |
| 532 | }
|
513 | }
|
| 533 | 514 | ||
| 534 | #event_type_block select { |
515 | #event_type_block select { |
| 535 | width: 150px; |
516 | width: 150px; |
| 536 | }
|
517 | }
|
| 537 | 518 | ||
| 538 | - | ||
| 539 | #user_id_block { |
519 | #user_id_block { |
| 540 | width: 200px; |
520 | width: 200px; |
| 541 | height: 80px; |
521 | height: 80px; |
| 542 | float: left; |
522 | float: left; |
| 543 | }
|
523 | }
|
| 544 | 524 | ||
| 545 | #selected_customer_block { |
525 | #selected_customer_block { |
| 546 | width: 200px; |
526 | width: 200px; |
| 547 | height: 80px; |
527 | height: 80px; |
| 548 | float: left; |
528 | float: left; |
| 549 | }
|
529 | }
|
| 550 | 530 | ||
| 551 | #date_filter_block { |
531 | #date_filter_block { |
| 552 | width: 220px; |
532 | width: 220px; |
| 553 | height: 80px; |
533 | height: 80px; |
| 554 | float: left; |
534 | float: left; |
| 555 | text-align: right; |
535 | text-align: right; |
| 556 | }
|
536 | }
|
| 557 | 537 | ||
| 558 | #date_filter_block input { |
538 | #date_filter_block input { |
| 559 | padding-right: 5px; |
539 | padding-right: 5px; |
| 560 | }
|
540 | }
|
| 561 | 541 | ||
| 562 | - | ||
| 563 | #filter_spacer { |
542 | #filter_spacer { |
| 564 | width: 10px; |
543 | width: 10px; |
| 565 | height: 80px; |
544 | height: 80px; |
| 566 | }
|
545 | }
|
| 567 | 546 | ||
| 568 | #filter_submit { |
547 | #filter_submit { |
| 569 | padding-top: 10px; |
548 | padding-top: 10px; |
| 570 | text-align: right; |
549 | text-align: right; |
| 571 | }
|
550 | }
|
| 572 | 551 | ||
| 573 | .event_list th { |
552 | .event_list th { |
| 574 | text-align: left; |
553 | text-align: left; |
| 575 | }
|
554 | }
|
| 576 | 555 | ||
| 577 | .event_list td { |
556 | .event_list td { |
| 578 | padding-right: 20px; |
557 | padding-right: 20px; |
| 579 | }
|
558 | }
|
| 580 | 559 | ||
| 581 | .event_selection_list{
|
560 | .event_selection_list { |
| 582 | width: 350px; |
561 | width: 350px; |
| 583 | border: 1px solid black; |
562 | border: 1px solid black; |
| 584 | background-color: #EEEEEE; |
563 | background-color: #EEEEEE; |
| 585 | position:absolute; |
564 | position: absolute; |
| 586 | }
|
565 | }
|
| 587 | 566 | ||
| 588 | .event_selection_list_item { |
567 | .event_selection_list_item { |
| 589 | padding: 2px; |
568 | padding: 2px; |
| 590 | cursor: pointer; |
569 | cursor: pointer; |
| 591 | }
|
570 | }
|
| 592 | 571 | ||
| 593 | .event_selection_list_item:hover , .event_selection_list_item_hover{ |
572 | .event_selection_list_item:hover,.event_selection_list_item_hover { |
| 594 | background-color: black; |
573 | background-color: black; |
| 595 | color: white; |
574 | color: white; |
| 596 | padding: 2px; |
575 | padding: 2px; |
| 597 | cursor: pointer; |
576 | cursor: pointer; |
| 598 | }
|
577 | }
|
| 599 | 578 | ||
| 600 | .pager { |
579 | .pager { |
| 601 | padding-top: 20px; |
580 | padding-top: 20px; |
| 602 | text-align: center; |
581 | text-align: center; |
| 603 | }
|
582 | }
|
| 604 | 583 | ||
| 605 | .pager span { |
584 | .pager span { |
| 606 | padding: 5px; |
585 | padding: 5px; |
| 607 | }
|
586 | }
|
| 608 | - | ||
| 609 | 587 | ||