-rw-r--r-- | frontend/gamma/css/mobile.css | 2571 | ||||
-rw-r--r-- | frontend/gamma/css/static.css | 166 | ||||
-rw-r--r-- | frontend/gamma/css/web.css | 4093 |
3 files changed, 5726 insertions, 1104 deletions
diff --git a/frontend/gamma/css/mobile.css b/frontend/gamma/css/mobile.css new file mode 100644 index 0000000..8c4c1bf --- a/dev/null +++ b/frontend/gamma/css/mobile.css | |||
@@ -0,0 +1,2571 @@ | |||
1 | /* | ||
2 | |||
3 | Copyright 2008-2011 Clipperz Srl | ||
4 | |||
5 | This file is part of Clipperz Community Edition. | ||
6 | Clipperz Community Edition is an online password manager. | ||
7 | For further information about its features and functionalities please | ||
8 | refer to http://www.clipperz.com. | ||
9 | |||
10 | * Clipperz Community Edition is free software: you can redistribute | ||
11 | it and/or modify it under the terms of the GNU Affero General Public | ||
12 | License as published by the Free Software Foundation, either version | ||
13 | 3 of the License, or (at your option) any later version. | ||
14 | |||
15 | * Clipperz Community Edition is distributed in the hope that it will | ||
16 | be useful, but WITHOUT ANY WARRANTY; without even the implied | ||
17 | warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. | ||
18 | See the GNU Affero General Public License for more details. | ||
19 | |||
20 | * You should have received a copy of the GNU Affero General Public | ||
21 | License along with Clipperz Community Edition. If not, see | ||
22 | <http://www.gnu.org/licenses/>. | ||
23 | |||
24 | */ | ||
25 | |||
26 | /* | ||
27 | |||
28 | Color list: | ||
29 | - login box: | ||
30 | light#ff9955 | ||
31 | dark#ff6622 | ||
32 | - login button: | ||
33 | regular#dd5500 | ||
34 | hover#773311 | ||
35 | - login translations: | ||
36 | box: #cc6622; | ||
37 | not-selected: | ||
38 | color: #ddaa99 | ||
39 | background:#994422 | ||
40 | selected: #772211; | ||
41 | */ | ||
42 | html { | ||
43 | height: 100%; | ||
44 | -webkit-text-size-adjust: none; | ||
45 | -ms-text-size-adjust: none; | ||
46 | } | ||
47 | body { | ||
48 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; | ||
49 | margin: 0px; | ||
50 | } | ||
51 | .ellipsis { | ||
52 | text-overflow: ellipsis; | ||
53 | overflow: hidden; | ||
54 | white-space: nowrap; | ||
55 | } | ||
56 | /** | ||
57 | * Background noise recipe | ||
58 | * | ||
59 | * This recipe use a sass function to generate a .png file | ||
60 | * | ||
61 | * Inspired by a jQuery plugin "Noisy" by Daniel Rapp @DanielRapp | ||
62 | * @link https://github.com/DanielRapp/Noisy | ||
63 | * | ||
64 | * Converted using Sass by Aaron Russell @aaronrussell & Philipp Bosch @philippbosch | ||
65 | * @link https://gist.github.com/1021332 | ||
66 | * | ||
67 | * Ported to a sass gem by Antti Salonen @antsa | ||
68 | * @link https://github.com/antsa/sassy_noise | ||
69 | * | ||
70 | * Mixin: background-noise | ||
71 | * Function: background_noise | ||
72 | * | ||
73 | * @author Daniel Rapp @DanielRapp | ||
74 | * @author Aaron Russell @aaronrussell | ||
75 | * @author Philipp Bosch @philippbosch | ||
76 | * @author Antti Salonen @antsa | ||
77 | * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx | ||
78 | */ | ||
79 | /** | ||
80 | * | ||
81 | * @class Gradients | ||
82 | * @author David Kaneda http://www.davidkaneda.com/ | ||
83 | * | ||
84 | */ | ||
85 | /** | ||
86 | * Adds a background gradient into a specified selector. | ||
87 | * | ||
88 | * @include background-gradient(#444, 'glossy'); | ||
89 | * | ||
90 | * You can also use color-stops if you want full control of the gradient: | ||
91 | * | ||
92 | * @include background-gradient(#444, color-stops(#333, #222, #111)); | ||
93 | * | ||
94 | * @param {color} $bg-color | ||
95 | * The base color of the gradient. | ||
96 | * | ||
97 | * @param {string/list} $type | ||
98 | * The style of the gradient, one of five pre-defined options: matte, bevel, glossy, recessed, or linear: | ||
99 | * | ||
100 | * @include background-gradient(red, 'glossy'); | ||
101 | * | ||
102 | * It can also accept a list of color-stop values:; | ||
103 | * | ||
104 | * @include background-gradient(black, color-stops(#333, #111, #000)); | ||
105 | * | ||
106 | * @param {string} $direction | ||
107 | * The direction of the gradient. | ||
108 | */ | ||
109 | /** | ||
110 | * Blueprint grid background pattern | ||
111 | * | ||
112 | * @link http://lea.verou.me/css3patterns/#blueprint-grid | ||
113 | * | ||
114 | * @author Lea Verou http://lea.verou.me/ for the original pattern | ||
115 | * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx for the sass mixin | ||
116 | */ | ||
117 | /** | ||
118 | * Background overlay inspired by Google Chrome modal overlay | ||
119 | * | ||
120 | * @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com | ||
121 | */ | ||
122 | /** | ||
123 | * Striped background pattern | ||
124 | * | ||
125 | * @link http://lea.verou.me/css3patterns/ | ||
126 | * | ||
127 | * @author Lea Verou http://lea.verou.me/ for the original pattern | ||
128 | * @author David Kaneda http://www.davidkaneda.com @davidkaneda for the sass mixin | ||
129 | */ | ||
130 | /** | ||
131 | * | ||
132 | * Before compass 0.11.5, you need to add | ||
133 | * Compass::BrowserSupport.add_support("repeating-linear-gradient", "webkit", "moz", "o", "ms") | ||
134 | * To your configuration (config.rb) | ||
135 | * @see https://github.com/chriseppstein/compass/issues/401 | ||
136 | * | ||
137 | * @link http://lea.verou.me/css3patterns/#tartan | ||
138 | * | ||
139 | * @author Marta Armada http://swwweet.com/ for the original pattern | ||
140 | * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx for the sass mixin | ||
141 | */ | ||
142 | /** | ||
143 | * Carbon Fiber background pattern | ||
144 | * | ||
145 | * @author Lea Verou http://lea.verou.me/ for the original pattern | ||
146 | * @author David Kaneda http://www.davidkaneda.com/ for the Sass mixin | ||
147 | * | ||
148 | * @link http://lea.verou.me/css3patterns/ | ||
149 | * | ||
150 | */ | ||
151 | /** | ||
152 | * Normalize.css | ||
153 | * Opposite approche from CSS reset | ||
154 | * | ||
155 | * Based on normalize.css commit 9576d48fc234c5224b1fc4dccba2f5965243843d | ||
156 | * | ||
157 | * @link http://github.com/necolas/normalize.css | ||
158 | */ | ||
159 | /* normalize.css 2011-07-12T10:51 UTC ยท http://github.com/necolas/normalize.css */ | ||
160 | /* ============================================================================= | ||
161 | HTML5 element display | ||
162 | ========================================================================== */ | ||
163 | /* ============================================================================= | ||
164 | Base | ||
165 | ========================================================================== */ | ||
166 | /* ============================================================================= | ||
167 | Links | ||
168 | ========================================================================== */ | ||
169 | /* ============================================================================= | ||
170 | Typography | ||
171 | ========================================================================== */ | ||
172 | /* ============================================================================= | ||
173 | Lists | ||
174 | ========================================================================== */ | ||
175 | /* ============================================================================= | ||
176 | Embedded content | ||
177 | ========================================================================== */ | ||
178 | /* ============================================================================= | ||
179 | Figures | ||
180 | ========================================================================== */ | ||
181 | /* ============================================================================= | ||
182 | Forms | ||
183 | ========================================================================== */ | ||
184 | /* ============================================================================= | ||
185 | Tables | ||
186 | ========================================================================== */ | ||
187 | /** | ||
188 | * | ||
189 | * @author David Kaneda - http://www.davidkaneda.com | ||
190 | * | ||
191 | */ | ||
192 | /** | ||
193 | * @class Color | ||
194 | */ | ||
195 | /** | ||
196 | * Returns the brightness (out of 100) of a specified color. | ||
197 | * @todo explain why this is useful | ||
198 | * @param {color} $color The color you want the brightness value of | ||
199 | * @return {measurement} | ||
200 | */ | ||
201 | /** | ||
202 | * Returns the luminosity for a specified color | ||
203 | * @todo explain why this is useful | ||
204 | * @param {color} The color to check | ||
205 | * @return {measurement} | ||
206 | */ | ||
207 | /** | ||
208 | * Glass effect | ||
209 | * Use this on image for better effect render | ||
210 | * | ||
211 | * Inspired from Simurai's IMDB redisign | ||
212 | * | ||
213 | * @link http://lab.simurai.com/redesign/imdb | ||
214 | * @thanks Simurai @simurai | ||
215 | */ | ||
216 | /** | ||
217 | * Note IE7/6 doesn't understand pseudo element as ::before and ::after | ||
218 | * IE8 need to have :before and not ::before | ||
219 | * So use only : and not :: if you want to support IE8 | ||
220 | * IE9 Webkit Firefox Opera understand :: | ||
221 | */ | ||
222 | /** | ||
223 | * Scotch tape effect with pure CSS | ||
224 | * | ||
225 | * @thanks Nick La @nickla for original concept | ||
226 | * @link http://webdesignerwall.com/tutorials/css3-image-styles | ||
227 | * | ||
228 | * @author David Kaneda http://www.davidkaneda.com | ||
229 | * | ||
230 | */ | ||
231 | /** | ||
232 | * Note IE7/6 doesn't understand pseudo element as ::before and ::after | ||
233 | * IE8 need to have :before and not ::before | ||
234 | * So use only : and not :: if you want to support IE8 | ||
235 | * IE9 Webkit Firefox Opera understand :: | ||
236 | */ | ||
237 | /** | ||
238 | * Corner folded with pure CSS | ||
239 | * | ||
240 | * Known support: Firefox 3.5+, Chrome 4+, Safari 4+, Opera 10+, IE 9+. | ||
241 | * IE8 is not supported because it not render properly box-shadow and | ||
242 | * pseudo element should be selected with ::element and not :element | ||
243 | * | ||
244 | * @thanks Nicolas Gallagher @necolas | ||
245 | * @link http://nicolasgallagher.com/pure-css-folded-corner-effect/demo/ | ||
246 | * @todo Nix in .4 | ||
247 | */ | ||
248 | /** | ||
249 | * Note IE7/6 doesn't understand pseudo element as ::before and ::after | ||
250 | * IE8 need to have :before and not ::before | ||
251 | * So use only : and not :: if you want to support IE8 | ||
252 | * IE9 Webkit Firefox Opera understand :: | ||
253 | */ | ||
254 | /** | ||
255 | * Corner folded with pure CSS | ||
256 | * | ||
257 | * Known support: Firefox 3.5+, Chrome 4+, Safari 4+, Opera 10+, IE 9+. | ||
258 | * IE8 is not supported because it not render properly box-shadow and | ||
259 | * pseudo element should be selected with ::element and not :element | ||
260 | * | ||
261 | * @thanks Nicolas Gallagher @necolas | ||
262 | * @link http://nicolasgallagher.com/pure-css-folded-corner-effect/demo/ | ||
263 | */ | ||
264 | /** | ||
265 | * Note IE7/6 doesn't understand pseudo element as ::before and ::after | ||
266 | * IE8 need to have :before and not ::before | ||
267 | * So use only : and not :: if you want to support IE8 | ||
268 | * IE9 Webkit Firefox Opera understand :: | ||
269 | */ | ||
270 | /** | ||
271 | * Form element inline mixin | ||
272 | * This mixin allow you to have a label inline with your input | ||
273 | * It's simply based on inline-block behavior | ||
274 | * | ||
275 | * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx | ||
276 | */ | ||
277 | /** | ||
278 | * Vertical alignement for page | ||
279 | * Inspired by http://css-tricks.com/snippets/css/center-div-with-dynamic-height/ | ||
280 | * | ||
281 | * Usage: | ||
282 | * | ||
283 | * SCSS | ||
284 | * @include vertical-align-requirement; | ||
285 | * .v-align-container { @include vertical-align-container } | ||
286 | * .v-align-content-container { @include vertical-align-content-container } | ||
287 | * .v-align-content { @include vertical-align-content } | ||
288 | * | ||
289 | * HTML | ||
290 | * <body> | ||
291 | * <div class="v-align-container"> | ||
292 | * <div class="v-align-content-container"> | ||
293 | * <div class="v-align-content"> | ||
294 | * Your content ! | ||
295 | * </div> | ||
296 | * </div> | ||
297 | * </div> | ||
298 | * </body> | ||
299 | * | ||
300 | * @thanks Chris Coyier @chriscoyier | ||
301 | * @autor Maxime Thirouin maxime.thirouin@gmail.com @MoOx | ||
302 | */ | ||
303 | /** | ||
304 | * Media Queries Mixins | ||
305 | * | ||
306 | * @todo Do we have to take care of print ? | ||
307 | * | ||
308 | * @require sass-3.2 (you need eventually to do "sudo gem install sass --pre") | ||
309 | * @author Maxime Thirouin <maxime.thirouin@gmail.com> | ||
310 | */ | ||
311 | /* | ||
312 | $media-query-width-big: 1280px; | ||
313 | $media-query-width-medium: 960px; | ||
314 | $media-query-width-small: 480px; | ||
315 | */ | ||
316 | /** | ||
317 | * Drop shadow mixins from Nicolas Gallagher demo | ||
318 | * | ||
319 | * @thanks Nicolas Gallagher @necolas, @simurai, @cameronmoll, @matthamm | ||
320 | * | ||
321 | * @link http://nicolasgallagher.com/css-drop-shadows-without-images/demo/ | ||
322 | */ | ||
323 | /** | ||
324 | * Drop shadow curled | ||
325 | * | ||
326 | * @thanks Nicolas Gallagher @necolas | ||
327 | * @link http://nicolasgallagher.com/css-drop-shadows-without-images/demo/ | ||
328 | */ | ||
329 | /** | ||
330 | * Drop shadow curved | ||
331 | * | ||
332 | * @thanks Nicolas Gallagher @necolas | ||
333 | * @link http://nicolasgallagher.com/css-drop-shadows-without-images/demo/ | ||
334 | */ | ||
335 | /** | ||
336 | * Drop shadow flying | ||
337 | * | ||
338 | * @thanks Geoffrey Crofte @geoffrey_crofte | ||
339 | * @link http://www.creativejuiz.fr/trytotry/css3-box-shadow-after-before/ | ||
340 | */ | ||
341 | /** | ||
342 | * Drop shadow w/ lifted corners | ||
343 | * | ||
344 | * @thanks Nicolas Gallagher @necolas | ||
345 | * @link http://nicolasgallagher.com/css-drop-shadows-without-images/demo/ | ||
346 | */ | ||
347 | /** | ||
348 | * Drop shadow w/ perspective | ||
349 | * | ||
350 | * @thanks Nicolas Gallagher @necolas | ||
351 | * @link http://nicolasgallagher.com/css-drop-shadows-without-images/demo/ | ||
352 | */ | ||
353 | /** | ||
354 | * Drop shadow raised | ||
355 | * | ||
356 | * @thanks Nicolas Gallagher @necolas | ||
357 | * @link http://nicolasgallagher.com/css-drop-shadows-without-images/demo/ | ||
358 | */ | ||
359 | /** | ||
360 | * Drop shadow rules required for transform on drop shadow | ||
361 | * | ||
362 | * /!\ This is required if you want to apply some transform on the element using drop shadow | ||
363 | * | ||
364 | * @thanks Nicolas Gallagher @necolas | ||
365 | * @link http://nicolasgallagher.com/css-drop-shadows-without-images/demo/ | ||
366 | */ | ||
367 | /** | ||
368 | * Shadow along the top edge of the browser viewport | ||
369 | * | ||
370 | * @link http://playground.genelocklin.com/depth/ | ||
371 | */ | ||
372 | /** | ||
373 | * Shapes ! | ||
374 | * Polygons, ellipses and symbols | ||
375 | * | ||
376 | * @thanks Chris Coyier @chriscoyier | ||
377 | * @link http://css-tricks.com/examples/ShapesOfCSS/ | ||
378 | * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx | ||
379 | */ | ||
380 | /** | ||
381 | * Shape/Ellipse | ||
382 | * | ||
383 | * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx | ||
384 | */ | ||
385 | /** | ||
386 | * Shape/Polygon | ||
387 | * | ||
388 | * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx | ||
389 | */ | ||
390 | /** | ||
391 | * Shape/Polygon/Hexagon | ||
392 | * | ||
393 | * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx | ||
394 | */ | ||
395 | /** | ||
396 | * Shape/Polygon/Octagon | ||
397 | * | ||
398 | * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx | ||
399 | */ | ||
400 | /** | ||
401 | * Shape/Polygon/Parallelogram | ||
402 | * | ||
403 | * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx | ||
404 | */ | ||
405 | /** | ||
406 | * Shape/Polygon/Pentagon | ||
407 | * | ||
408 | * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx | ||
409 | */ | ||
410 | /** | ||
411 | * Shape/Polygon/Rectangle | ||
412 | * | ||
413 | * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx | ||
414 | */ | ||
415 | /** | ||
416 | * Shape/Polygon/Rhombus | ||
417 | * | ||
418 | * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx | ||
419 | */ | ||
420 | /** | ||
421 | * Shape/Polygon/Square | ||
422 | * | ||
423 | * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx | ||
424 | */ | ||
425 | /** | ||
426 | * Shape/Polygon/Star | ||
427 | * | ||
428 | * @todo check if setting a z-index by default is a good thing | ||
429 | * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx | ||
430 | */ | ||
431 | /** | ||
432 | * Shape/Polygon/Trapezoid | ||
433 | * | ||
434 | * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx | ||
435 | */ | ||
436 | /** | ||
437 | * Shape/Polygon/Triangle | ||
438 | * | ||
439 | * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx | ||
440 | */ | ||
441 | /** | ||
442 | * Shape/Symbol | ||
443 | * | ||
444 | * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx | ||
445 | */ | ||
446 | /** | ||
447 | * Shape/Symbol/Diamond | ||
448 | * | ||
449 | * @todo add height support | ||
450 | * | ||
451 | * @author Alexander Futekov | ||
452 | * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx | ||
453 | */ | ||
454 | /** | ||
455 | * Shape/Symbol/Egg | ||
456 | * | ||
457 | * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx | ||
458 | */ | ||
459 | /** | ||
460 | * Shape/Symbol/Heart | ||
461 | * | ||
462 | * @author Nicolas Gallagher @necolas | ||
463 | * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx | ||
464 | */ | ||
465 | /** | ||
466 | * Shape/Symbol/Infinity | ||
467 | * | ||
468 | * @author Nicolas Gallagher @necolas | ||
469 | * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx | ||
470 | */ | ||
471 | /** | ||
472 | * Shape/Symbol/Pacman | ||
473 | * | ||
474 | * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx | ||
475 | */ | ||
476 | /** | ||
477 | * Shape/Symbol/Yin-yang | ||
478 | * | ||
479 | * @author Alexander Futekov | ||
480 | * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx | ||
481 | */ | ||
482 | /** | ||
483 | * Micro clearfix hack | ||
484 | * | ||
485 | * The clearfix hack is a popular way to clear floats without resorting to using presentational markup. This article presents an update to the clearfix method that further reduces the amount of CSS required. | ||
486 | * Known support: Firefox 2+, Safari 2+, Chrome, Opera 9.27+, IE 6+, IE Mac. | ||
487 | * | ||
488 | * @thanks Nicolas Gallagher @necolas | ||
489 | * @link http://nicolasgallagher.com/micro-clearfix-hack/ | ||
490 | */ | ||
491 | /** | ||
492 | * Note IE7/6 doesn't understand pseudo element as ::before and ::after | ||
493 | * IE8 need to have :before and not ::before | ||
494 | * So use only : and not :: if you want to support IE8 | ||
495 | * IE9 Webkit Firefox Opera understand :: | ||
496 | */ | ||
497 | /** | ||
498 | * UI convex effect from one color | ||
499 | * | ||
500 | * @todo merge with ui-button ? | ||
501 | * | ||
502 | * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx | ||
503 | */ | ||
504 | /** | ||
505 | * UI Glossy helper | ||
506 | * | ||
507 | * @deprecated | ||
508 | * @todo Remove in 0.4 | ||
509 | * @see background/gradients | ||
510 | * | ||
511 | * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx | ||
512 | */ | ||
513 | /** | ||
514 | * UI simple gradient from one color | ||
515 | * | ||
516 | * @todo merge with ui-button ? | ||
517 | * | ||
518 | * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx | ||
519 | */ | ||
520 | /** | ||
521 | * Shape/Polygon/Triangle | ||
522 | * | ||
523 | * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx | ||
524 | */ | ||
525 | /** | ||
526 | * Keyboard key touch | ||
527 | * A simple stylesheet for rendering beautiful keyboard-style elements. | ||
528 | |||
529 | * @author Michael Hรผneburg http://michaelhue.com/keyscss | ||
530 | * @link https://github.com/michaelhue/keyscss (commit 76bb603e921d0145362e0f60eabb79d4f69cbda0) | ||
531 | * | ||
532 | * @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com | ||
533 | */ | ||
534 | /** | ||
535 | * Menu dropdown helper | ||
536 | * | ||
537 | * @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com | ||
538 | */ | ||
539 | /** | ||
540 | * Ui background overlay inspired by Google Chrome modal overlay | ||
541 | * | ||
542 | * @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com | ||
543 | */ | ||
544 | /** | ||
545 | * Background overlay inspired by Google Chrome modal overlay | ||
546 | * | ||
547 | * @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com | ||
548 | */ | ||
549 | /** | ||
550 | * <hr /> separator style | ||
551 | * | ||
552 | * @author Chris Coyier @chriscoyier | ||
553 | * @link http://jsfiddle.net/chriscoyier/GaEzp/35/ | ||
554 | * | ||
555 | * @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com | ||
556 | */ | ||
557 | /** | ||
558 | * Micro clearfix hack | ||
559 | * | ||
560 | * The clearfix hack is a popular way to clear floats without resorting to using presentational markup. This article presents an update to the clearfix method that further reduces the amount of CSS required. | ||
561 | * Known support: Firefox 2+, Safari 2+, Chrome, Opera 9.27+, IE 6+, IE Mac. | ||
562 | * | ||
563 | * @thanks Nicolas Gallagher @necolas | ||
564 | * @link http://nicolasgallagher.com/micro-clearfix-hack/ | ||
565 | */ | ||
566 | /** | ||
567 | * Note IE7/6 doesn't understand pseudo element as ::before and ::after | ||
568 | * IE8 need to have :before and not ::before | ||
569 | * So use only : and not :: if you want to support IE8 | ||
570 | * IE9 Webkit Firefox Opera understand :: | ||
571 | */ | ||
572 | /** | ||
573 | * | ||
574 | * @class Gradients | ||
575 | * @author David Kaneda http://www.davidkaneda.com/ | ||
576 | * | ||
577 | */ | ||
578 | /** | ||
579 | * Adds a background gradient into a specified selector. | ||
580 | * | ||
581 | * @include background-gradient(#444, 'glossy'); | ||
582 | * | ||
583 | * You can also use color-stops if you want full control of the gradient: | ||
584 | * | ||
585 | * @include background-gradient(#444, color-stops(#333, #222, #111)); | ||
586 | * | ||
587 | * @param {color} $bg-color | ||
588 | * The base color of the gradient. | ||
589 | * | ||
590 | * @param {string/list} $type | ||
591 | * The style of the gradient, one of five pre-defined options: matte, bevel, glossy, recessed, or linear: | ||
592 | * | ||
593 | * @include background-gradient(red, 'glossy'); | ||
594 | * | ||
595 | * It can also accept a list of color-stop values:; | ||
596 | * | ||
597 | * @include background-gradient(black, color-stops(#333, #111, #000)); | ||
598 | * | ||
599 | * @param {string} $direction | ||
600 | * The direction of the gradient. | ||
601 | */ | ||
602 | /** | ||
603 | * @class Webfont Icon | ||
604 | * Great to use with the [Pictos font](http://pictos.drewwilson.com/) | ||
605 | * | ||
606 | */ | ||
607 | /** | ||
608 | * @cfg {color} $webfont-icon-base-color | ||
609 | * The default color of icons when using the {@link #webfont-icon} mixin. | ||
610 | * | ||
611 | * Defaults to `white`. | ||
612 | */ | ||
613 | /** | ||
614 | * @cfg {color} $webfont-icon-default-stroke | ||
615 | * The default color to use on the border of icons, when using the {@link #webfont-icon} mixin. | ||
616 | * | ||
617 | * Defaults to `null`. | ||
618 | */ | ||
619 | /** | ||
620 | * @cfg {string} $webfont-icon-default-gradient | ||
621 | * The default gradient to use when using the {@link #webfont-icon} mixin. | ||
622 | * | ||
623 | * Defaults to `matte`. | ||
624 | */ | ||
625 | /* line 41, ../compass-recipes/stylesheets/recipes/_webfont-icon.scss */ | ||
626 | .webfont-icon-base { | ||
627 | color: transparent; | ||
628 | -webkit-background-clip: text; | ||
629 | background-clip: text; | ||
630 | position: absolute; | ||
631 | top: 0; | ||
632 | left: 0; | ||
633 | text-indent: 0; | ||
634 | text-shadow: none; | ||
635 | -webkit-user-select: none; | ||
636 | user-select: none; | ||
637 | } | ||
638 | /** | ||
639 | * Includes a character into the specified selector, styled as an icon. | ||
640 | * | ||
641 | * @include webfont-icon('a'); | ||
642 | * | ||
643 | * @param {color} $color | ||
644 | * The color of the icon. Defaults to {@link #$webfont-icon-default-background $webfont-icon-default-background}. | ||
645 | * | ||
646 | * @param {measurement} $size | ||
647 | * The size of the icon | ||
648 | * | ||
649 | * @param {color} $stroke | ||
650 | * The color of the border. Defautls to {@link #$webfont-icon-default-border $webfont-icon-default-border}. | ||
651 | * | ||
652 | * @param {boolean} $include-staes | ||
653 | * True to include states for hover and active. Defaults to `true`. | ||
654 | */ | ||
655 | /* line 1, ../scss/include/_base.scss */ | ||
656 | * { | ||
657 | margin: 0; | ||
658 | padding: 0; | ||
659 | } | ||
660 | /* line 6, ../scss/include/_base.scss */ | ||
661 | body { | ||
662 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
663 | -webkit-touch-callout: none; | ||
664 | } | ||
665 | /* line 11, ../scss/include/_base.scss */ | ||
666 | #jqt { | ||
667 | -webkit-text-size-adjust: none; | ||
668 | -webkit-user-select: none; | ||
669 | user-select: none; | ||
670 | font-family: "Helvetica Neue", Helvetica; | ||
671 | position: absolute; | ||
672 | right: 0; | ||
673 | top: 0; | ||
674 | left: 0; | ||
675 | bottom: 0; | ||
676 | } | ||
677 | /* line 21, ../scss/include/_base.scss */ | ||
678 | #jqt a { | ||
679 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
680 | -webkit-user-drag: none; | ||
681 | } | ||
682 | /* line 26, ../scss/include/_base.scss */ | ||
683 | #jqt .selectable, | ||
684 | #jqt input, | ||
685 | #jqt textarea { | ||
686 | -webkit-user-select: auto; | ||
687 | } | ||
688 | /* line 30, ../scss/include/_base.scss */ | ||
689 | #jqt.notransform { | ||
690 | -webkit-transform: none !important; | ||
691 | } | ||
692 | /* line 35, ../scss/include/_base.scss */ | ||
693 | #jqt > * { | ||
694 | display: block; | ||
695 | left: 0; | ||
696 | top: 0; | ||
697 | min-height: 100%; | ||
698 | width: 100%; | ||
699 | overflow-x: hidden; | ||
700 | position: absolute; | ||
701 | z-index: 0; | ||
702 | display: -webkit-box; | ||
703 | display: box; | ||
704 | -webkit-box-orient: vertical; | ||
705 | box-orient: vertical; | ||
706 | -webkit-box-flex: 1; | ||
707 | box-flex: 1; | ||
708 | } | ||
709 | /* line 49, ../scss/include/_base.scss */ | ||
710 | #jqt > .current { | ||
711 | z-index: 10; | ||
712 | } | ||
713 | /* line 53, ../scss/include/_base.scss */ | ||
714 | #jqt > :not(.current) { | ||
715 | display: none; | ||
716 | } | ||
717 | /* line 57, ../scss/include/_base.scss */ | ||
718 | #jqt.touchscroll:not(.animating3d) { | ||
719 | overflow-y: auto; | ||
720 | -webkit-overflow-scrolling: touch; | ||
721 | } | ||
722 | /* line 61, ../scss/include/_base.scss */ | ||
723 | #jqt.touchscroll:not(.animating3d) > * { | ||
724 | height: 100%; | ||
725 | } | ||
726 | /* line 64, ../scss/include/_base.scss */ | ||
727 | #jqt.touchscroll:not(.animating3d) .scroll { | ||
728 | position: relative; | ||
729 | -webkit-box-flex: 1; | ||
730 | box-flex: 1; | ||
731 | overflow-y: auto; | ||
732 | -webkit-overflow-scrolling: touch; | ||
733 | } | ||
734 | /* line 72, ../scss/include/_base.scss */ | ||
735 | #jqt .scroll { | ||
736 | -webkit-margin-collapse: separate; | ||
737 | } | ||
738 | /* line 76, ../scss/include/_base.scss */ | ||
739 | #jqt .in, | ||
740 | #jqt .out { | ||
741 | -webkit-animation-duration: 250ms; | ||
742 | -webkit-animation-fill-mode: both; | ||
743 | -webkit-animation-timing-function: ease-in-out; | ||
744 | } | ||
745 | /* line 82, ../scss/include/_base.scss */ | ||
746 | #jqt .in { | ||
747 | z-index: 10; | ||
748 | } | ||
749 | /* line 85, ../scss/include/_base.scss */ | ||
750 | #jqt .in:after { | ||
751 | content: ""; | ||
752 | position: absolute; | ||
753 | display: block; | ||
754 | top: 0; | ||
755 | left: 0; | ||
756 | bottom: 0; | ||
757 | right: 0; | ||
758 | } | ||
759 | /* line 94, ../scss/include/_base.scss */ | ||
760 | #jqt .out { | ||
761 | z-index: 0 !important; | ||
762 | } | ||
763 | /* line 98, ../scss/include/_base.scss */ | ||
764 | #jqt.supports3d { | ||
765 | -webkit-perspective: 1000; | ||
766 | } | ||
767 | /* line 101, ../scss/include/_base.scss */ | ||
768 | #jqt.supports3d > * { | ||
769 | -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1); | ||
770 | } | ||
771 | /* Fade */ | ||
772 | /* line 3, ../scss/include/_animations.scss */ | ||
773 | #jqt .fade.in { | ||
774 | -webkit-animation-name: fadeIn; | ||
775 | } | ||
776 | /* line 7, ../scss/include/_animations.scss */ | ||
777 | #jqt .fade.out { | ||
778 | z-index: 10; | ||
779 | -webkit-animation-name: fadeOut; | ||
780 | } | ||
781 | @-webkit-keyframes fadeIn { | ||
782 | /* line 13, ../scss/include/_animations.scss */ | ||
783 | 0% { | ||
784 | opacity: 0; | ||
785 | } | ||
786 | /* line 16, ../scss/include/_animations.scss */ | ||
787 | 100% { | ||
788 | opacity: 1; | ||
789 | } | ||
790 | } | ||
791 | @-webkit-keyframes fadeOut { | ||
792 | /* line 22, ../scss/include/_animations.scss */ | ||
793 | 0% { | ||
794 | opacity: 1; | ||
795 | } | ||
796 | /* line 25, ../scss/include/_animations.scss */ | ||
797 | 100% { | ||
798 | opacity: 1; | ||
799 | } | ||
800 | } | ||
801 | /* Disolve */ | ||
802 | /* line 34, ../scss/include/_animations.scss */ | ||
803 | #jqt .dissolve.in { | ||
804 | -webkit-animation-name: dissolveIn; | ||
805 | } | ||
806 | /* line 38, ../scss/include/_animations.scss */ | ||
807 | #jqt .dissolve.out { | ||
808 | -webkit-animation-name: dissolveOut; | ||
809 | } | ||
810 | @-webkit-keyframes dissolveIn { | ||
811 | /* line 43, ../scss/include/_animations.scss */ | ||
812 | 0% { | ||
813 | opacity: 0; | ||
814 | } | ||
815 | /* line 46, ../scss/include/_animations.scss */ | ||
816 | 100% { | ||
817 | opacity: 1; | ||
818 | } | ||
819 | } | ||
820 | @-webkit-keyframes dissolveOut { | ||
821 | /* line 52, ../scss/include/_animations.scss */ | ||
822 | 0% { | ||
823 | opacity: 1; | ||
824 | } | ||
825 | /* line 55, ../scss/include/_animations.scss */ | ||
826 | 100% { | ||
827 | opacity: 0; | ||
828 | } | ||
829 | } | ||
830 | /* #Popin' */ | ||
831 | /* line 64, ../scss/include/_animations.scss */ | ||
832 | #jqt .pop.in { | ||
833 | -webkit-animation-name: popIn; | ||
834 | } | ||
835 | /* line 68, ../scss/include/_animations.scss */ | ||
836 | #jqt .pop.out { | ||
837 | -webkit-animation-name: popOut; | ||
838 | } | ||
839 | @-webkit-keyframes popIn { | ||
840 | /* line 73, ../scss/include/_animations.scss */ | ||
841 | 0% { | ||
842 | -webkit-transform: scale(0.2); | ||
843 | opacity: 0; | ||
844 | } | ||
845 | /* line 77, ../scss/include/_animations.scss */ | ||
846 | 100% { | ||
847 | -webkit-transform: scale(1); | ||
848 | opacity: 1; | ||
849 | } | ||
850 | } | ||
851 | @-webkit-keyframes popOut { | ||
852 | /* line 84, ../scss/include/_animations.scss */ | ||
853 | 0% { | ||
854 | -webkit-transform: scale(1); | ||
855 | opacity: 1; | ||
856 | } | ||
857 | /* line 88, ../scss/include/_animations.scss */ | ||
858 | 100% { | ||
859 | -webkit-transform: scale(0.2); | ||
860 | opacity: 0; | ||
861 | } | ||
862 | } | ||
863 | /* Slide Left */ | ||
864 | /* line 98, ../scss/include/_animations.scss */ | ||
865 | #jqt .slideleft.in { | ||
866 | -webkit-animation-name: slideLeftIn; | ||
867 | } | ||
868 | /* line 102, ../scss/include/_animations.scss */ | ||
869 | #jqt .slideleft.out { | ||
870 | -webkit-animation-name: slideLeftOut; | ||
871 | } | ||
872 | @-webkit-keyframes slideLeftIn { | ||
873 | /* line 107, ../scss/include/_animations.scss */ | ||
874 | 0% { | ||
875 | -webkit-transform: translateX(100%); | ||
876 | } | ||
877 | /* line 110, ../scss/include/_animations.scss */ | ||
878 | 100% { | ||
879 | -webkit-transform: translateX(0); | ||
880 | } | ||
881 | } | ||
882 | @-webkit-keyframes slideLeftOut { | ||
883 | /* line 116, ../scss/include/_animations.scss */ | ||
884 | 0% { | ||
885 | -webkit-transform: translateX(0px); | ||
886 | } | ||
887 | /* line 119, ../scss/include/_animations.scss */ | ||
888 | 100% { | ||
889 | -webkit-transform: translateX(-100%); | ||
890 | } | ||
891 | } | ||
892 | /* Slide Right */ | ||
893 | /* line 128, ../scss/include/_animations.scss */ | ||
894 | #jqt .slideright.in { | ||
895 | -webkit-animation-name: slideRightIn; | ||
896 | } | ||
897 | /* line 132, ../scss/include/_animations.scss */ | ||
898 | #jqt .slideright.out { | ||
899 | -webkit-animation-name: slideRightOut; | ||
900 | } | ||
901 | @-webkit-keyframes slideRightIn { | ||
902 | /* line 137, ../scss/include/_animations.scss */ | ||
903 | 0% { | ||
904 | -webkit-transform: translateX(-100%); | ||
905 | } | ||
906 | /* line 140, ../scss/include/_animations.scss */ | ||
907 | 100% { | ||
908 | -webkit-transform: translateX(0); | ||
909 | } | ||
910 | } | ||
911 | @-webkit-keyframes slideRightOut { | ||
912 | /* line 146, ../scss/include/_animations.scss */ | ||
913 | 0% { | ||
914 | -webkit-transform: translateX(0); | ||
915 | } | ||
916 | /* line 149, ../scss/include/_animations.scss */ | ||
917 | 100% { | ||
918 | -webkit-transform: translateX(100%); | ||
919 | } | ||
920 | } | ||
921 | /* Slide Up */ | ||
922 | /* line 158, ../scss/include/_animations.scss */ | ||
923 | #jqt .slideup.in { | ||
924 | z-index: 10; | ||
925 | -webkit-animation-name: slideUpIn; | ||
926 | } | ||
927 | /* line 162, ../scss/include/_animations.scss */ | ||
928 | #jqt .slideup.out { | ||
929 | z-index: 0; | ||
930 | -webkit-animation-name: slideUpOut; | ||
931 | } | ||
932 | @-webkit-keyframes slideUpIn { | ||
933 | /* line 168, ../scss/include/_animations.scss */ | ||
934 | 0% { | ||
935 | -webkit-transform: translateY(100%); | ||
936 | } | ||
937 | /* line 171, ../scss/include/_animations.scss */ | ||
938 | 100% { | ||
939 | -webkit-transform: translateY(0); | ||
940 | } | ||
941 | } | ||
942 | @-webkit-keyframes slideUpOut { | ||
943 | /* line 177, ../scss/include/_animations.scss */ | ||
944 | 0% { | ||
945 | -webkit-transform: translateY(0); | ||
946 | } | ||
947 | /* line 180, ../scss/include/_animations.scss */ | ||
948 | 100% { | ||
949 | -webkit-transform: translateY(0); | ||
950 | } | ||
951 | } | ||
952 | /* Slide Down */ | ||
953 | /* line 189, ../scss/include/_animations.scss */ | ||
954 | #jqt .slidedown.in { | ||
955 | z-index: 0; | ||
956 | -webkit-animation-name: slideDownIn; | ||
957 | } | ||
958 | /* line 193, ../scss/include/_animations.scss */ | ||
959 | #jqt .slidedown.out { | ||
960 | z-index: 10; | ||
961 | -webkit-animation-name: slideDownOut; | ||
962 | } | ||
963 | @-webkit-keyframes slideDownIn { | ||
964 | /* line 199, ../scss/include/_animations.scss */ | ||
965 | 0% { | ||
966 | -webkit-transform: translateY(0); | ||
967 | } | ||
968 | /* line 202, ../scss/include/_animations.scss */ | ||
969 | 100% { | ||
970 | -webkit-transform: translateY(0); | ||
971 | } | ||
972 | } | ||
973 | @-webkit-keyframes slideDownOut { | ||
974 | /* line 208, ../scss/include/_animations.scss */ | ||
975 | 0% { | ||
976 | -webkit-transform: translateY(0); | ||
977 | } | ||
978 | /* line 211, ../scss/include/_animations.scss */ | ||
979 | 100% { | ||
980 | -webkit-transform: translateY(100%); | ||
981 | } | ||
982 | } | ||
983 | /* Flip Left */ | ||
984 | /* line 220, ../scss/include/_animations.scss */ | ||
985 | #jqt .flipleft { | ||
986 | -webkit-backface-visibility: hidden; | ||
987 | } | ||
988 | /* line 224, ../scss/include/_animations.scss */ | ||
989 | #jqt .flipleft.in { | ||
990 | -webkit-animation-name: flipLeftIn; | ||
991 | } | ||
992 | /* line 228, ../scss/include/_animations.scss */ | ||
993 | #jqt .flipleft.out { | ||
994 | -webkit-animation-name: flipLeftOut; | ||
995 | } | ||
996 | @-webkit-keyframes flipLeftIn { | ||
997 | /* line 233, ../scss/include/_animations.scss */ | ||
998 | 0% { | ||
999 | -webkit-transform: rotateY(180deg) scale(0.8); | ||
1000 | } | ||
1001 | /* line 236, ../scss/include/_animations.scss */ | ||
1002 | 100% { | ||
1003 | -webkit-transform: rotateY(0deg) scale(1); | ||
1004 | } | ||
1005 | } | ||
1006 | @-webkit-keyframes flipLeftOut { | ||
1007 | /* line 242, ../scss/include/_animations.scss */ | ||
1008 | 0% { | ||
1009 | -webkit-transform: rotateY(0deg) scale(1); | ||
1010 | } | ||
1011 | /* line 245, ../scss/include/_animations.scss */ | ||
1012 | 100% { | ||
1013 | -webkit-transform: rotateY(-180deg) scale(0.8); | ||
1014 | } | ||
1015 | } | ||
1016 | /* Flip Right */ | ||
1017 | /* line 254, ../scss/include/_animations.scss */ | ||
1018 | #jqt .flipright { | ||
1019 | -webkit-backface-visibility: hidden; | ||
1020 | } | ||
1021 | /* line 258, ../scss/include/_animations.scss */ | ||
1022 | #jqt .flipright.in { | ||
1023 | -webkit-animation-name: flipRightIn; | ||
1024 | } | ||
1025 | /* line 262, ../scss/include/_animations.scss */ | ||
1026 | #jqt .flipright.out { | ||
1027 | -webkit-animation-name: flipRightOut; | ||
1028 | } | ||
1029 | @-webkit-keyframes flipRightIn { | ||
1030 | /* line 267, ../scss/include/_animations.scss */ | ||
1031 | 0% { | ||
1032 | -webkit-transform: rotateY(-180deg) scale(0.8); | ||
1033 | } | ||
1034 | /* line 270, ../scss/include/_animations.scss */ | ||
1035 | 100% { | ||
1036 | -webkit-transform: rotateY(0deg) scale(1); | ||
1037 | } | ||
1038 | } | ||
1039 | @-webkit-keyframes flipRightOut { | ||
1040 | /* line 276, ../scss/include/_animations.scss */ | ||
1041 | 0% { | ||
1042 | -webkit-transform: rotateY(0deg) scale(1); | ||
1043 | } | ||
1044 | /* line 279, ../scss/include/_animations.scss */ | ||
1045 | 100% { | ||
1046 | -webkit-transform: rotateY(180deg) scale(0.8); | ||
1047 | } | ||
1048 | } | ||
1049 | /* Swap Right */ | ||
1050 | /* line 288, ../scss/include/_animations.scss */ | ||
1051 | #jqt .swapright { | ||
1052 | -webkit-animation-duration: .7s; | ||
1053 | -webkit-transform: perspective(800); | ||
1054 | -webkit-animation-timing-function: ease-out; | ||
1055 | } | ||
1056 | /* line 293, ../scss/include/_animations.scss */ | ||
1057 | #jqt .swapright.in { | ||
1058 | -webkit-animation-name: swapRightIn; | ||
1059 | } | ||
1060 | /* line 296, ../scss/include/_animations.scss */ | ||
1061 | #jqt .swapright.out { | ||
1062 | -webkit-animation-name: swapRightOut; | ||
1063 | } | ||
1064 | @-webkit-keyframes swapRightIn { | ||
1065 | /* line 301, ../scss/include/_animations.scss */ | ||
1066 | 0% { | ||
1067 | -webkit-transform: translate3d(0px, 0px, -800px) rotateY(70deg); | ||
1068 | opacity: 0; | ||
1069 | } | ||
1070 | /* line 305, ../scss/include/_animations.scss */ | ||
1071 | 35% { | ||
1072 | -webkit-transform: translate3d(-180px, 0px, -400px) rotateY(20deg); | ||
1073 | opacity: 1; | ||
1074 | } | ||
1075 | /* line 309, ../scss/include/_animations.scss */ | ||
1076 | 100% { | ||
1077 | -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg); | ||
1078 | opacity: 1; | ||
1079 | } | ||
1080 | } | ||
1081 | @-webkit-keyframes swapRightOut { | ||
1082 | /* line 316, ../scss/include/_animations.scss */ | ||
1083 | 0% { | ||
1084 | -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg); | ||
1085 | opacity: 1; | ||
1086 | } | ||
1087 | /* line 320, ../scss/include/_animations.scss */ | ||
1088 | 35% { | ||
1089 | -webkit-transform: translate3d(180px, 0px, -400px) rotateY(-20deg); | ||
1090 | opacity: .5; | ||
1091 | } | ||
1092 | /* line 324, ../scss/include/_animations.scss */ | ||
1093 | 100% { | ||
1094 | -webkit-transform: translate3d(0px, 0px, -800px) rotateY(-70deg); | ||
1095 | opacity: 0; | ||
1096 | } | ||
1097 | } | ||
1098 | /* Swap Left */ | ||
1099 | /* line 332, ../scss/include/_animations.scss */ | ||
1100 | #jqt .swapleft { | ||
1101 | -webkit-animation-duration: .7s; | ||
1102 | -webkit-transform: perspective(800); | ||
1103 | -webkit-animation-timing-function: ease-out; | ||
1104 | } | ||
1105 | /* line 337, ../scss/include/_animations.scss */ | ||
1106 | #jqt .swapleft.in { | ||
1107 | -webkit-animation-name: swapLeftIn; | ||
1108 | } | ||
1109 | /* line 340, ../scss/include/_animations.scss */ | ||
1110 | #jqt .swapleft.out { | ||
1111 | -webkit-animation-name: swapLeftOut; | ||
1112 | } | ||
1113 | @-webkit-keyframes swapLeftIn { | ||
1114 | /* line 345, ../scss/include/_animations.scss */ | ||
1115 | 0% { | ||
1116 | -webkit-transform: translate3d(0px, 0px, -800px) rotateY(-70deg); | ||
1117 | opacity: 0; | ||
1118 | } | ||
1119 | /* line 349, ../scss/include/_animations.scss */ | ||
1120 | 35% { | ||
1121 | -webkit-transform: translate3d(180px, 0px, -400px) rotateY(-20deg); | ||
1122 | opacity: 1; | ||
1123 | } | ||
1124 | /* line 353, ../scss/include/_animations.scss */ | ||
1125 | 100% { | ||
1126 | opacity: 1; | ||
1127 | -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg); | ||
1128 | } | ||
1129 | } | ||
1130 | @-webkit-keyframes swapLeftOut { | ||
1131 | /* line 360, ../scss/include/_animations.scss */ | ||
1132 | 0% { | ||
1133 | -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg); | ||
1134 | opacity: 1; | ||
1135 | } | ||
1136 | /* line 364, ../scss/include/_animations.scss */ | ||
1137 | 35% { | ||
1138 | -webkit-transform: translate3d(-180px, 0px, -400px) rotateY(20deg); | ||
1139 | opacity: .5; | ||
1140 | } | ||
1141 | /* line 368, ../scss/include/_animations.scss */ | ||
1142 | 100% { | ||
1143 | -webkit-transform: translate3d(0px, 0px, -800px) rotateY(70deg); | ||
1144 | opacity: 0; | ||
1145 | } | ||
1146 | } | ||
1147 | /* Cube Left */ | ||
1148 | /* line 382, ../scss/include/_animations.scss */ | ||
1149 | #jqt .cubeleft.in, | ||
1150 | #jqt .cubeleft.out, | ||
1151 | #jqt .cuberight.in, | ||
1152 | #jqt .cuberight.out { | ||
1153 | -webkit-animation-duration: .6s; | ||
1154 | -webkit-transform: perspective(800); | ||
1155 | } | ||
1156 | /* line 389, ../scss/include/_animations.scss */ | ||
1157 | #jqt .cubeleft.in { | ||
1158 | -webkit-transform-origin: 0% 50%; | ||
1159 | -webkit-animation-name: cubeLeftIn; | ||
1160 | } | ||
1161 | /* line 394, ../scss/include/_animations.scss */ | ||
1162 | #jqt .cubeleft.out { | ||
1163 | -webkit-transform-origin: 100% 50%; | ||
1164 | -webkit-animation-name: cubeLeftOut; | ||
1165 | } | ||
1166 | @-webkit-keyframes cubeLeftIn { | ||
1167 | /* line 400, ../scss/include/_animations.scss */ | ||
1168 | 0% { | ||
1169 | -webkit-transform: rotateY(90deg) translateZ(320px); | ||
1170 | opacity: .5; | ||
1171 | } | ||
1172 | /* line 404, ../scss/include/_animations.scss */ | ||
1173 | 100% { | ||
1174 | -webkit-transform: rotateY(0deg) translateZ(0) translateX(0); | ||
1175 | opacity: 1; | ||
1176 | } | ||
1177 | } | ||
1178 | @-webkit-keyframes cubeLeftOut { | ||
1179 | /* line 411, ../scss/include/_animations.scss */ | ||
1180 | 0% { | ||
1181 | -webkit-transform: rotateY(0deg) translateZ(0) translateX(0); | ||
1182 | opacity: 1; | ||
1183 | } | ||
1184 | /* line 415, ../scss/include/_animations.scss */ | ||
1185 | 100% { | ||
1186 | -webkit-transform: rotateY(-90deg) translateZ(320px); | ||
1187 | opacity: .5; | ||
1188 | } | ||
1189 | } | ||
1190 | /* Cube Right */ | ||
1191 | /* line 423, ../scss/include/_animations.scss */ | ||
1192 | #jqt .cuberight.in { | ||
1193 | -webkit-transform-origin: 100% 50%; | ||
1194 | -webkit-animation-name: cubeRightIn; | ||
1195 | } | ||
1196 | /* line 428, ../scss/include/_animations.scss */ | ||
1197 | #jqt .cuberight.out { | ||
1198 | -webkit-transform-origin: 0% 50%; | ||
1199 | -webkit-animation-name: cubeRightOut; | ||
1200 | } | ||
1201 | @-webkit-keyframes cubeRightIn { | ||
1202 | /* line 434, ../scss/include/_animations.scss */ | ||
1203 | 0% { | ||
1204 | -webkit-transform: rotateY(-90deg) translateZ(320px); | ||
1205 | opacity: .5; | ||
1206 | } | ||
1207 | /* line 438, ../scss/include/_animations.scss */ | ||
1208 | 100% { | ||
1209 | -webkit-transform: rotateY(0deg) translateZ(0) translateX(0); | ||
1210 | opacity: 1; | ||
1211 | } | ||
1212 | } | ||
1213 | @-webkit-keyframes cubeRightOut { | ||
1214 | /* line 445, ../scss/include/_animations.scss */ | ||
1215 | 0% { | ||
1216 | -webkit-transform: rotateY(0deg) translateZ(0) translateX(0); | ||
1217 | opacity: 1; | ||
1218 | } | ||
1219 | /* line 449, ../scss/include/_animations.scss */ | ||
1220 | 100% { | ||
1221 | -webkit-transform: rotateY(90deg) translateZ(320px); | ||
1222 | opacity: .5; | ||
1223 | } | ||
1224 | } | ||
1225 | /* line 5, ../scss/include/_skeleton.scss */ | ||
1226 | body { | ||
1227 | background: black; | ||
1228 | } | ||
1229 | /* line 9, ../scss/include/_skeleton.scss */ | ||
1230 | .base-chevron, | ||
1231 | #jqt ul li.arrow:after, | ||
1232 | #jqt ul li.forward:after { | ||
1233 | content: 'โบ'; | ||
1234 | width: 22px; | ||
1235 | height: 100%; | ||
1236 | vertical-align: middle; | ||
1237 | font-size: 30px; | ||
1238 | line-height: 38px; | ||
1239 | font-family: Futura, "Futura Condensed", Helvetica, Arial, sans-serif; | ||
1240 | font-weight: bold; | ||
1241 | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); | ||
1242 | opacity: 0.6; | ||
1243 | position: absolute; | ||
1244 | right: 0; | ||
1245 | top: 0; | ||
1246 | pointer-events: none; | ||
1247 | z-index: 10; | ||
1248 | } | ||
1249 | /* line 26, ../scss/include/_skeleton.scss */ | ||
1250 | .base-flatlists, | ||
1251 | #jqt ul.metal, | ||
1252 | #jqt ul.edgetoedge, | ||
1253 | #jqt ul.plastic { | ||
1254 | margin: 0; | ||
1255 | padding: 0; | ||
1256 | border-width: 0 0 0 1px; | ||
1257 | -webkit-border-radius: 0; | ||
1258 | border-radius: 0; | ||
1259 | } | ||
1260 | /* line 35, ../scss/include/_skeleton.scss */ | ||
1261 | #jqt h1, | ||
1262 | #jqt h2 { | ||
1263 | font: bold 18px "Helvetica Neue", Helvetica; | ||
1264 | margin: 10px 20px 6px; | ||
1265 | color: #bbbcbe; | ||
1266 | text-shadow: #3c3d3e 0 -1px 0; | ||
1267 | } | ||
1268 | /* line 41, ../scss/include/_skeleton.scss */ | ||
1269 | #jqt .toolbar { | ||
1270 | -webkit-box-sizing: border-box; | ||
1271 | box-sizing: border-box; | ||
1272 | -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 6px; | ||
1273 | box-shadow: rgba(0, 0, 0, 0.4) 0 1px 6px; | ||
1274 | border-bottom: 1px solid black; | ||
1275 | z-index: 10; | ||
1276 | position: relative; | ||
1277 | padding: 10px; | ||
1278 | height: 44px; | ||
1279 | } | ||
1280 | /* line 52, ../scss/include/_skeleton.scss */ | ||
1281 | #jqt .toolbar > h1 { | ||
1282 | position: absolute; | ||
1283 | overflow: hidden; | ||
1284 | left: 50%; | ||
1285 | bottom: 9px; | ||
1286 | margin: 1px 0 0 -75px; | ||
1287 | width: 150px; | ||
1288 | font-size: 20px; | ||
1289 | font-weight: bold; | ||
1290 | line-height: 1.3em; | ||
1291 | text-align: center; | ||
1292 | text-overflow: ellipsis; | ||
1293 | white-space: nowrap; | ||
1294 | color: white; | ||
1295 | text-shadow: #161717 0 -1px 0; | ||
1296 | } | ||
1297 | /* line 71, ../scss/include/_skeleton.scss */ | ||
1298 | #jqt.black-translucent .toolbar { | ||
1299 | padding-top: 30px; | ||
1300 | height: 64px; | ||
1301 | } | ||
1302 | /* line 75, ../scss/include/_skeleton.scss */ | ||
1303 | #jqt.landscape .toolbar > h1 { | ||
1304 | margin-left: -125px; | ||
1305 | width: 250px; | ||
1306 | } | ||
1307 | /* line 80, ../scss/include/_skeleton.scss */ | ||
1308 | #jqt .button, | ||
1309 | #jqt .back, | ||
1310 | #jqt .cancel, | ||
1311 | #jqt .add { | ||
1312 | position: absolute; | ||
1313 | overflow: hidden; | ||
1314 | width: auto; | ||
1315 | height: 30px; | ||
1316 | font-family: inherit; | ||
1317 | font-size: 12px; | ||
1318 | font-weight: bold; | ||
1319 | line-height: 30px; | ||
1320 | text-overflow: ellipsis; | ||
1321 | text-decoration: none; | ||
1322 | white-space: nowrap; | ||
1323 | background: none; | ||
1324 | bottom: 6px; | ||
1325 | right: 10px; | ||
1326 | margin: 0; | ||
1327 | padding: 0 10px; | ||
1328 | color: #e2e3e3; | ||
1329 | text-shadow: #000000 0 -1px 0; | ||
1330 | -webkit-box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0, rgba(0, 0, 0, 0.2) 0 1px 2px inset; | ||
1331 | box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0, rgba(0, 0, 0, 0.2) 0 1px 2px inset; | ||
1332 | border: 1px solid black; | ||
1333 | -webkit-border-radius: 5px; | ||
1334 | border-radius: 5px; | ||
1335 | background-image: none; | ||
1336 | background-color: #0a0a0a; | ||
1337 | background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2f3031), color-stop(50%, #161717), color-stop(51%, #0a0a0a), color-stop(100%, #000000)); | ||
1338 | background-image: -webkit-linear-gradient(top, #2f3031, #161717 50%, #0a0a0a 51%, #000000); | ||
1339 | background-image: linear-gradient(top, #2f3031, #161717 50%, #0a0a0a 51%, #000000); | ||
1340 | } | ||
1341 | /* line 107, ../scss/include/_skeleton.scss */ | ||
1342 | #jqt .button.active, | ||
1343 | #jqt .back.active, | ||
1344 | #jqt .cancel.active, | ||
1345 | #jqt .add.active { | ||
1346 | border-color: black; | ||
1347 | background-image: none; | ||
1348 | background-color: black; | ||
1349 | background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #262627), color-stop(50%, #0d0d0d), color-stop(51%, #000000), color-stop(100%, #000000)); | ||
1350 | background-image: -webkit-linear-gradient(top, #262627, #0d0d0d 50%, #000000 51%, #000000); | ||
1351 | background-image: linear-gradient(top, #262627, #0d0d0d 50%, #000000 51%, #000000); | ||
1352 | color: #d8d9d9; | ||
1353 | text-shadow: #000000 0 -1px 0; | ||
1354 | } | ||
1355 | /* line 114, ../scss/include/_skeleton.scss */ | ||
1356 | #jqt .back { | ||
1357 | max-width: 60px; | ||
1358 | margin-left: 15px; | ||
1359 | overflow: visible; | ||
1360 | padding-left: 5px; | ||
1361 | } | ||
1362 | /* line 121, ../scss/include/_skeleton.scss */ | ||
1363 | #jqt .back:after, | ||
1364 | #jqt .back:before { | ||
1365 | content: ''; | ||
1366 | position: absolute; | ||
1367 | width: 20px; | ||
1368 | height: 20px; | ||
1369 | top: 1px; | ||
1370 | left: 1px; | ||
1371 | -webkit-transform: rotate(45deg) translate3d(0.2px, 0, 0); | ||
1372 | transform: rotate(45deg) translate3d(0.2px, 0, 0); | ||
1373 | -webkit-transform-origin: 0 0; | ||
1374 | transform-origin: 0 0; | ||
1375 | background-image: none; | ||
1376 | background-color: #0a0a0a; | ||
1377 | background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #2f3031), color-stop(50%, #161717), color-stop(51%, #0a0a0a), color-stop(100%, #000000)); | ||
1378 | background-image: -webkit-linear-gradient(top left, #2f3031, #161717 50%, #0a0a0a 51%, #000000); | ||
1379 | background-image: linear-gradient(top left, #2f3031, #161717 50%, #0a0a0a 51%, #000000); | ||
1380 | background-size: 100% 98%; | ||
1381 | -webkit-border-radius: 0 0 0 2px; | ||
1382 | border-radius: 0 0 0 2px; | ||
1383 | -webkit-mask-image: -webkit-linear-gradient(45deg, #000000, #000000 15px, rgba(0, 0, 0, 0) 15px); | ||
1384 | -webkit-mask-image: -webkit-gradient(linear, left bottom, right top, from(#000000), color-stop(50%, #000000), color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); | ||
1385 | -webkit-mask-clip: border-box; | ||
1386 | -webkit-background-clip: content-box; | ||
1387 | } | ||
1388 | /* line 149, ../scss/include/_skeleton.scss */ | ||
1389 | #jqt .back:after { | ||
1390 | -webkit-box-shadow: rgba(0, 0, 0, 0.2) 1px 0 0 inset, rgba(0, 0, 0, 0.2) 0 -1px 0 inset; | ||
1391 | box-shadow: rgba(0, 0, 0, 0.2) 1px 0 0 inset, rgba(0, 0, 0, 0.2) 0 -1px 0 inset; | ||
1392 | } | ||
1393 | /* line 152, ../scss/include/_skeleton.scss */ | ||
1394 | #jqt .back:before { | ||
1395 | margin-left: -1px; | ||
1396 | background: black none; | ||
1397 | } | ||
1398 | /* line 157, ../scss/include/_skeleton.scss */ | ||
1399 | #jqt .back.active:after { | ||
1400 | background-image: none; | ||
1401 | background-color: black; | ||
1402 | background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #262627), color-stop(50%, #0d0d0d), color-stop(51%, #000000), color-stop(100%, #000000)); | ||
1403 | background-image: -webkit-linear-gradient(left top, #262627, #0d0d0d 50%, #000000 51%, #000000); | ||
1404 | background-image: linear-gradient(left top, #262627, #0d0d0d 50%, #000000 51%, #000000); | ||
1405 | } | ||
1406 | /* line 160, ../scss/include/_skeleton.scss */ | ||
1407 | #jqt .back.active:before { | ||
1408 | background-color: black; | ||
1409 | } | ||
1410 | /* line 166, ../scss/include/_skeleton.scss */ | ||
1411 | #jqt .blueButton { | ||
1412 | background-image: #2f7ce3, glossy; | ||
1413 | color: white; | ||
1414 | text-shadow: #1a63c5 0 -1px 0; | ||
1415 | } | ||
1416 | /* line 170, ../scss/include/_skeleton.scss */ | ||
1417 | #jqt .whiteButton, | ||
1418 | #jqt .grayButton, | ||
1419 | #jqt .redButton, | ||
1420 | #jqt .blueButton, | ||
1421 | #jqt .greenButton { | ||
1422 | display: block; | ||
1423 | font-size: 20px; | ||
1424 | font-weight: bold; | ||
1425 | margin: 10px 20px; | ||
1426 | padding: 10px; | ||
1427 | text-align: center; | ||
1428 | text-decoration: inherit; | ||
1429 | -webkit-border-radius: 8px; | ||
1430 | border-radius: 8px; | ||
1431 | -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px, rgba(0, 0, 0, 0.4) 0 0 0 5px, rgba(255, 255, 255, 0.3) 0 1px 0 5px; | ||
1432 | box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px, rgba(0, 0, 0, 0.4) 0 0 0 5px, rgba(255, 255, 255, 0.3) 0 1px 0 5px; | ||
1433 | } | ||
1434 | /* line 185, ../scss/include/_skeleton.scss */ | ||
1435 | #jqt .whiteButton.active, | ||
1436 | #jqt .whiteButton:active, | ||
1437 | #jqt .grayButton.active, | ||
1438 | #jqt .grayButton:active, | ||
1439 | #jqt .redButton.active, | ||
1440 | #jqt .redButton:active, | ||
1441 | #jqt .blueButton.active, | ||
1442 | #jqt .blueButton:active, | ||
1443 | #jqt .greenButton.active, | ||
1444 | #jqt .greenButton:active { | ||
1445 | background-image: none; | ||
1446 | background-color: #3c8101; | ||
1447 | background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5fcd01), color-stop(50%, #479b01), color-stop(51%, #3c8101), color-stop(100%, #306801)); | ||
1448 | background-image: -webkit-linear-gradient(top, #5fcd01, #479b01 50%, #3c8101 51%, #306801); | ||
1449 | background-image: linear-gradient(top, #5fcd01, #479b01 50%, #3c8101 51%, #306801); | ||
1450 | color: white; | ||
1451 | text-shadow: #244f00 0 -1px 0; | ||
1452 | } | ||
1453 | /* line 191, ../scss/include/_skeleton.scss */ | ||
1454 | #jqt .whiteButton { | ||
1455 | background-image: none; | ||
1456 | background-color: #eeeeee; | ||
1457 | background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #fbfbfb), color-stop(51%, #eeeeee), color-stop(100%, #e1e1e1)); | ||
1458 | background-image: -webkit-linear-gradient(top, #ffffff, #fbfbfb 50%, #eeeeee 51%, #e1e1e1); | ||
1459 | background-image: linear-gradient(top, #ffffff, #fbfbfb 50%, #eeeeee 51%, #e1e1e1); | ||
1460 | color: #151515; | ||
1461 | text-shadow: white 0 1px 0; | ||
1462 | } | ||
1463 | /* line 195, ../scss/include/_skeleton.scss */ | ||
1464 | #jqt .grayButton { | ||
1465 | background-image: none; | ||
1466 | background-color: #444444; | ||
1467 | background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6a6a6a), color-stop(50%, #515151), color-stop(51%, #444444), color-stop(100%, #373737)); | ||
1468 | background-image: -webkit-linear-gradient(top, #6a6a6a, #515151 50%, #444444 51%, #373737); | ||
1469 | background-image: linear-gradient(top, #6a6a6a, #515151 50%, #444444 51%, #373737); | ||
1470 | color: white; | ||
1471 | text-shadow: #2b2b2b 0 -1px 0; | ||
1472 | } | ||
1473 | /* line 200, ../scss/include/_skeleton.scss */ | ||
1474 | #jqt .redButton { | ||
1475 | background-image: none; | ||
1476 | background-color: #d83b38; | ||
1477 | background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e57a78), color-stop(50%, #dc504d), color-stop(51%, #d83b38), color-stop(100%, #ce2c28)); | ||
1478 | background-image: -webkit-linear-gradient(top, #e57a78, #dc504d 50%, #d83b38 51%, #ce2c28); | ||
1479 | background-image: linear-gradient(top, #e57a78, #dc504d 50%, #d83b38 51%, #ce2c28); | ||
1480 | color: white; | ||
1481 | text-shadow: #b92724 0 -1px 0; | ||
1482 | } | ||
1483 | /* line 204, ../scss/include/_skeleton.scss */ | ||
1484 | #jqt .redButton.active, | ||
1485 | #jqt .redButton:active { | ||
1486 | background-image: none; | ||
1487 | background-color: #c12926; | ||
1488 | background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #de5856), color-stop(50%, #d52e2b), color-stop(51%, #c12926), color-stop(100%, #ac2422)); | ||
1489 | background-image: -webkit-linear-gradient(top, #de5856, #d52e2b 50%, #c12926 51%, #ac2422); | ||
1490 | background-image: linear-gradient(top, #de5856, #d52e2b 50%, #c12926 51%, #ac2422); | ||
1491 | color: white; | ||
1492 | text-shadow: #97201e 0 -1px 0; | ||
1493 | } | ||
1494 | /* line 211, ../scss/include/_skeleton.scss */ | ||
1495 | #jqt .greenButton { | ||
1496 | background-image: none; | ||
1497 | background-color: #53b401; | ||
1498 | background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #76fe04), color-stop(50%, #5fcd01), color-stop(51%, #53b401), color-stop(100%, #479b01)); | ||
1499 | background-image: -webkit-linear-gradient(top, #76fe04, #5fcd01 50%, #53b401 51%, #479b01); | ||
1500 | background-image: linear-gradient(top, #76fe04, #5fcd01 50%, #53b401 51%, #479b01); | ||
1501 | color: white; | ||
1502 | text-shadow: #3c8101 0 -1px 0; | ||
1503 | } | ||
1504 | /* line 216, ../scss/include/_skeleton.scss */ | ||
1505 | #jqt .leftButton, | ||
1506 | #jqt .cancel, | ||
1507 | #jqt .back { | ||
1508 | left: 6px; | ||
1509 | right: auto; | ||
1510 | } | ||
1511 | /* line 221, ../scss/include/_skeleton.scss */ | ||
1512 | #jqt .add { | ||
1513 | font-size: 24px; | ||
1514 | line-height: 24px; | ||
1515 | font-weight: bold; | ||
1516 | } | ||
1517 | /* line 229, ../scss/include/_skeleton.scss */ | ||
1518 | #jqt ul { | ||
1519 | padding: 0; | ||
1520 | margin: 5px 10px 10px 10px; | ||
1521 | -webkit-margin-collapse: separate; | ||
1522 | } | ||
1523 | /* line 231, ../scss/include/_skeleton.scss */ | ||
1524 | #jqt ul, | ||
1525 | #jqt ul.individual li { | ||
1526 | background-color: #555658; | ||
1527 | color: #d5d6d7; | ||
1528 | text-shadow: #3c3d3e 0 -1px 0; | ||
1529 | border: 1px solid #2f3031; | ||
1530 | font: bold 18px "Helvetica Neue", Helvetica; | ||
1531 | } | ||
1532 | /* line 240, ../scss/include/_skeleton.scss */ | ||
1533 | #jqt ul:first-child { | ||
1534 | margin-top: 15px; | ||
1535 | } | ||
1536 | /* line 246, ../scss/include/_skeleton.scss */ | ||
1537 | #jqt ul li { | ||
1538 | border-top: 1px solid #48494b; | ||
1539 | list-style-type: none; | ||
1540 | overflow: hidden; | ||
1541 | padding: 10px; | ||
1542 | -webkit-transform: translate3d(0, 0, 0); | ||
1543 | /* expensive way to avoid flickr */ | ||
1544 | |||
1545 | } | ||
1546 | /* line 253, ../scss/include/_skeleton.scss */ | ||
1547 | #jqt ul li a { | ||
1548 | text-decoration: none; | ||
1549 | text-overflow: ellipsis; | ||
1550 | white-space: nowrap; | ||
1551 | overflow: hidden; | ||
1552 | display: block; | ||
1553 | padding: 10px; | ||
1554 | margin: -10px; | ||
1555 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
1556 | -webkit-transform: translateZ(0); | ||
1557 | color: white; | ||
1558 | text-shadow: #3c3d3e 0 -1px 0; | ||
1559 | } | ||
1560 | /* line 265, ../scss/include/_skeleton.scss */ | ||
1561 | #jqt ul li a.active { | ||
1562 | background-image: none; | ||
1563 | background-color: #53b401; | ||
1564 | -webkit-box-shadow: #5cc801 0 1px 0px inset; | ||
1565 | box-shadow: #5cc801 0 1px 0px inset; | ||
1566 | color: white; | ||
1567 | text-shadow: #3c8101 0 -1px 0; | ||
1568 | } | ||
1569 | /* line 270, ../scss/include/_skeleton.scss */ | ||
1570 | #jqt ul li a.active small { | ||
1571 | color: #a0fe50; | ||
1572 | text-shadow: #000000 0 -1px 0; | ||
1573 | } | ||
1574 | /* line 271, ../scss/include/_skeleton.scss */ | ||
1575 | #jqt ul li a.active small.counter { | ||
1576 | background-color: #306801; | ||
1577 | } | ||
1578 | /* line 280, ../scss/include/_skeleton.scss */ | ||
1579 | #jqt ul li small { | ||
1580 | color: #53b401; | ||
1581 | font: 16px "Helvetica Neue", Helvetica; | ||
1582 | text-align: right; | ||
1583 | text-overflow: ellipsis; | ||
1584 | white-space: nowrap; | ||
1585 | overflow: hidden; | ||
1586 | display: block; | ||
1587 | width: 23%; | ||
1588 | position: relative; | ||
1589 | z-index: 20; | ||
1590 | float: right; | ||
1591 | line-height: 16px; | ||
1592 | padding: 2px 8px 4px 8px; | ||
1593 | } | ||
1594 | /* line 295, ../scss/include/_skeleton.scss */ | ||
1595 | #jqt ul li small.counter { | ||
1596 | background: #2f3031; | ||
1597 | color: #949698; | ||
1598 | text-shadow: #0a0a0a 0 -1px 0; | ||
1599 | z-index: 10; | ||
1600 | font-size: 16px; | ||
1601 | font-weight: bold; | ||
1602 | -webkit-border-radius: 3px; | ||
1603 | border-radius: 3px; | ||
1604 | display: block; | ||
1605 | width: auto; | ||
1606 | } | ||
1607 | /* line 311, ../scss/include/_skeleton.scss */ | ||
1608 | #jqt ul li ::-webkit-input-placeholder { | ||
1609 | color: #949698; | ||
1610 | text-shadow: #3c3d3e 0 -1px 0; | ||
1611 | } | ||
1612 | /* line 322, ../scss/include/_skeleton.scss */ | ||
1613 | #jqt ul li input[type="text"], | ||
1614 | #jqt ul li input[type="password"], | ||
1615 | #jqt ul li input[type="tel"], | ||
1616 | #jqt ul li input[type="number"], | ||
1617 | #jqt ul li input[type="search"], | ||
1618 | #jqt ul li input[type="email"], | ||
1619 | #jqt ul li input[type="url"], | ||
1620 | #jqt ul li textarea, | ||
1621 | #jqt ul li select { | ||
1622 | color: white; | ||
1623 | text-shadow: #3c3d3e 0 -1px 0; | ||
1624 | background: transparent url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="); | ||
1625 | border: 0; | ||
1626 | font: normal 17px "Helvetica Neue", Helvetica; | ||
1627 | padding: 0; | ||
1628 | display: inline-block; | ||
1629 | margin-left: 0px; | ||
1630 | width: 100%; | ||
1631 | -webkit-appearance: textarea; | ||
1632 | } | ||
1633 | /* line 333, ../scss/include/_skeleton.scss */ | ||
1634 | #jqt ul li textarea { | ||
1635 | height: 120px; | ||
1636 | padding: 0; | ||
1637 | text-indent: -2px; | ||
1638 | } | ||
1639 | /* line 338, ../scss/include/_skeleton.scss */ | ||
1640 | #jqt ul li input[type="checkbox"], | ||
1641 | #jqt ul li input[type="radio"] { | ||
1642 | margin: 0; | ||
1643 | padding: 10px; | ||
1644 | } | ||
1645 | /* line 342, ../scss/include/_skeleton.scss */ | ||
1646 | #jqt ul li input[type="checkbox"]:after, | ||
1647 | #jqt ul li input[type="radio"]:after { | ||
1648 | content: attr(title); | ||
1649 | position: absolute; | ||
1650 | display: block; | ||
1651 | width: 0; | ||
1652 | left: 21px; | ||
1653 | top: 12px; | ||
1654 | font-family: "Helvetica Neue", Helvetica; | ||
1655 | font-size: 17px; | ||
1656 | line-height: 21px; | ||
1657 | width: 246px; | ||
1658 | margin: 0 0 0 17px; | ||
1659 | color: white; | ||
1660 | text-shadow: #3c3d3e 0 -1px 0; | ||
1661 | } | ||
1662 | /* line 355, ../scss/include/_skeleton.scss */ | ||
1663 | #jqt ul li input[type='submit'] { | ||
1664 | -webkit-border-radius: 4px; | ||
1665 | border-radius: 4px; | ||
1666 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#9c9ea0)); | ||
1667 | border: 1px outset #aaa; | ||
1668 | display: block; | ||
1669 | font-size: inherit; | ||
1670 | font-weight: inherit; | ||
1671 | padding: 10px; | ||
1672 | } | ||
1673 | /* line 368, ../scss/include/_skeleton.scss */ | ||
1674 | #jqt ul li.arrow small, | ||
1675 | #jqt ul li.forward small { | ||
1676 | margin-right: 24px; | ||
1677 | } | ||
1678 | /* line 380, ../scss/include/_skeleton.scss */ | ||
1679 | #jqt ul li.forward:before { | ||
1680 | content: ""; | ||
1681 | position: absolute; | ||
1682 | display: block; | ||
1683 | top: 50%; | ||
1684 | right: 6px; | ||
1685 | margin-top: -12px; | ||
1686 | width: 24px; | ||
1687 | height: 24px; | ||
1688 | -webkit-border-radius: 12px; | ||
1689 | border-radius: 12px; | ||
1690 | background-image: none; | ||
1691 | background-color: #53b401; | ||
1692 | background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #76fe04), color-stop(50%, #5fcd01), color-stop(51%, #53b401), color-stop(100%, #479b01)); | ||
1693 | background-image: -webkit-linear-gradient(top, #76fe04, #5fcd01 50%, #53b401 51%, #479b01); | ||
1694 | background-image: linear-gradient(top, #76fe04, #5fcd01 50%, #53b401 51%, #479b01); | ||
1695 | border: 2px solid #fff; | ||
1696 | -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); | ||
1697 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); | ||
1698 | -webkit-box-sizing: border-box; | ||
1699 | padding: 0; | ||
1700 | z-index: 10; | ||
1701 | line-height: 0; | ||
1702 | pointer-events: none; | ||
1703 | } | ||
1704 | /* line 395, ../scss/include/_skeleton.scss */ | ||
1705 | #jqt ul li.forward:after { | ||
1706 | color: white; | ||
1707 | text-shadow: #3c8101 0 -1px 0; | ||
1708 | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); | ||
1709 | opacity: 1; | ||
1710 | font-size: 24px; | ||
1711 | } | ||
1712 | /* line 404, ../scss/include/_skeleton.scss */ | ||
1713 | #jqt ul.rounded, | ||
1714 | #jqt ul.individual li { | ||
1715 | -webkit-box-shadow: rgba(255, 255, 255, 0.15) 0 1px 0; | ||
1716 | box-shadow: rgba(255, 255, 255, 0.15) 0 1px 0; | ||
1717 | border: 1px solid #2f3031; | ||
1718 | } | ||
1719 | /* line 409, ../scss/include/_skeleton.scss */ | ||
1720 | #jqt ul.rounded { | ||
1721 | -webkit-border-radius: 8px; | ||
1722 | border-radius: 8px; | ||
1723 | } | ||
1724 | /* line 412, ../scss/include/_skeleton.scss */ | ||
1725 | #jqt ul.rounded li:first-child, | ||
1726 | #jqt ul.rounded li:first-child a { | ||
1727 | border-top: 0; | ||
1728 | -webkit-border-top-left-radius: 8px; | ||
1729 | border-top-left-radius: 8px; | ||
1730 | -webkit-border-top-right-radius: 8px; | ||
1731 | border-top-right-radius: 8px; | ||
1732 | } | ||
1733 | /* line 416, ../scss/include/_skeleton.scss */ | ||
1734 | #jqt ul.rounded li:last-child, | ||
1735 | #jqt ul.rounded li:last-child a { | ||
1736 | -webkit-border-bottom-left-radius: 8px; | ||
1737 | border-bottom-left-radius: 8px; | ||
1738 | -webkit-border-bottom-right-radius: 8px; | ||
1739 | border-bottom-right-radius: 8px; | ||
1740 | } | ||
1741 | /* line 422, ../scss/include/_skeleton.scss */ | ||
1742 | #jqt ul.form li { | ||
1743 | padding: 7px 10px; | ||
1744 | } | ||
1745 | /* line 425, ../scss/include/_skeleton.scss */ | ||
1746 | #jqt ul.form li.error { | ||
1747 | border: 2px solid red; | ||
1748 | } | ||
1749 | /* line 428, ../scss/include/_skeleton.scss */ | ||
1750 | #jqt ul.form li.error + #jqt ul.form li.error { | ||
1751 | border-top: 0; | ||
1752 | } | ||
1753 | /* line 438, ../scss/include/_skeleton.scss */ | ||
1754 | #jqt ul.metal li { | ||
1755 | background-image: none; | ||
1756 | border-top: 1px solid #fff; | ||
1757 | border-bottom: 1px solid #666; | ||
1758 | font-size: 26px; | ||
1759 | } | ||
1760 | /* line 445, ../scss/include/_skeleton.scss */ | ||
1761 | #jqt ul.metal li a { | ||
1762 | line-height: 26px; | ||
1763 | margin: 0; | ||
1764 | padding: 13px 0; | ||
1765 | } | ||
1766 | /* line 451, ../scss/include/_skeleton.scss */ | ||
1767 | #jqt ul.metal li em { | ||
1768 | display: block; | ||
1769 | font-size: 14px; | ||
1770 | font-style: normal; | ||
1771 | width: 50%; | ||
1772 | line-height: 14px; | ||
1773 | } | ||
1774 | /* line 459, ../scss/include/_skeleton.scss */ | ||
1775 | #jqt ul.metal li small { | ||
1776 | float: right; | ||
1777 | position: relative; | ||
1778 | margin-top: 10px; | ||
1779 | font-weight: bold; | ||
1780 | } | ||
1781 | /* line 473, ../scss/include/_skeleton.scss */ | ||
1782 | #jqt ul.edgetoedge li { | ||
1783 | font-size: 20px; | ||
1784 | } | ||
1785 | /* line 476, ../scss/include/_skeleton.scss */ | ||
1786 | #jqt ul.edgetoedge li:first-child { | ||
1787 | border-top: 0; | ||
1788 | } | ||
1789 | /* line 480, ../scss/include/_skeleton.scss */ | ||
1790 | #jqt ul.edgetoedge li.sep { | ||
1791 | font-size: 16px; | ||
1792 | padding: 2px 10px; | ||
1793 | } | ||
1794 | /* line 485, ../scss/include/_skeleton.scss */ | ||
1795 | #jqt ul.edgetoedge li em { | ||
1796 | font-weight: normal; | ||
1797 | font-style: normal; | ||
1798 | } | ||
1799 | /* line 494, ../scss/include/_skeleton.scss */ | ||
1800 | #jqt ul.plastic { | ||
1801 | font-size: 18px; | ||
1802 | } | ||
1803 | /* line 498, ../scss/include/_skeleton.scss */ | ||
1804 | #jqt ul.plastic li { | ||
1805 | border-width: 1px 0; | ||
1806 | border-style: solid; | ||
1807 | background-image: none; | ||
1808 | background-color: #2a2b2c; | ||
1809 | border-top-color: #2f3031; | ||
1810 | border-bottom-color: #232324; | ||
1811 | } | ||
1812 | /* line 506, ../scss/include/_skeleton.scss */ | ||
1813 | #jqt ul.plastic li:nth-child(odd) { | ||
1814 | background-image: none; | ||
1815 | background-color: #2f3031; | ||
1816 | } | ||
1817 | /* line 510, ../scss/include/_skeleton.scss */ | ||
1818 | #jqt ul.plastic li a.active.loading { | ||
1819 | background-image: url(img/loading.gif); | ||
1820 | background-position: 95% center; | ||
1821 | background-repeat: no-repeat; | ||
1822 | } | ||
1823 | /* line 515, ../scss/include/_skeleton.scss */ | ||
1824 | #jqt ul.plastic li small { | ||
1825 | color: #949698; | ||
1826 | font-size: 13px; | ||
1827 | font-weight: bold; | ||
1828 | text-transform: uppercase; | ||
1829 | } | ||
1830 | /* line 525, ../scss/include/_skeleton.scss */ | ||
1831 | #jqt ul.individual { | ||
1832 | border: 0; | ||
1833 | background: none; | ||
1834 | clear: both; | ||
1835 | overflow: hidden; | ||
1836 | } | ||
1837 | /* line 531, ../scss/include/_skeleton.scss */ | ||
1838 | #jqt ul.individual li { | ||
1839 | font-size: 14px; | ||
1840 | text-align: center; | ||
1841 | -webkit-border-radius: 8px; | ||
1842 | border-radius: 8px; | ||
1843 | -webkit-box-sizing: border-box; | ||
1844 | box-sizing: border-box; | ||
1845 | width: 48%; | ||
1846 | float: left; | ||
1847 | display: block; | ||
1848 | padding: 11px 10px 14px 10px; | ||
1849 | } | ||
1850 | /* line 541, ../scss/include/_skeleton.scss */ | ||
1851 | #jqt ul.individual li + li { | ||
1852 | float: right; | ||
1853 | } | ||
1854 | /* line 546, ../scss/include/_skeleton.scss */ | ||
1855 | #jqt ul.individual a { | ||
1856 | line-height: 16px; | ||
1857 | margin: -11px -10px -14px -10px; | ||
1858 | padding: 11px 10px 14px 10px; | ||
1859 | -webkit-border-radius: 8px; | ||
1860 | border-radius: 8px; | ||
1861 | } | ||
1862 | /* line 555, ../scss/include/_skeleton.scss */ | ||
1863 | #jqt .toggle { | ||
1864 | width: 94px; | ||
1865 | position: relative; | ||
1866 | height: 27px; | ||
1867 | display: block; | ||
1868 | overflow: hidden; | ||
1869 | float: right; | ||
1870 | } | ||
1871 | /* line 563, ../scss/include/_skeleton.scss */ | ||
1872 | #jqt .toggle input[type="checkbox"] { | ||
1873 | margin: 0; | ||
1874 | -webkit-border-radius: 5px; | ||
1875 | border-radius: 5px; | ||
1876 | height: 27px; | ||
1877 | overflow: hidden; | ||
1878 | width: 149px; | ||
1879 | border: 0; | ||
1880 | -webkit-transition: left 0.15s ease-in-out; | ||
1881 | transition: left 0.15s ease-in-out; | ||
1882 | position: absolute; | ||
1883 | top: 0; | ||
1884 | left: -55px; | ||
1885 | -webkit-appearance: textarea; | ||
1886 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
1887 | } | ||
1888 | /* line 577, ../scss/include/_skeleton.scss */ | ||
1889 | #jqt .toggle input[type="checkbox"]:checked { | ||
1890 | left: 0px; | ||
1891 | } | ||
1892 | /* line 583, ../scss/include/_skeleton.scss */ | ||
1893 | #jqt .info { | ||
1894 | font-size: 12px; | ||
1895 | line-height: 16px; | ||
1896 | text-align: center; | ||
1897 | color: #444; | ||
1898 | padding: 15px; | ||
1899 | font-weight: bold; | ||
1900 | } | ||
1901 | /* line 12, ../scss/jqtouch.scss */ | ||
1902 | #jqt { | ||
1903 | /* Lists */ | ||
1904 | |||
1905 | } | ||
1906 | /* line 13, ../scss/jqtouch.scss */ | ||
1907 | #jqt > * { | ||
1908 | background-image: url('data:image/png;base64,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'), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7b7c7f), color-stop(30%, #696a6d), color-stop(65%, #555658), color-stop(100%, #464748)); | ||
1909 | background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAQAAACQ9RH5AAAUyUlEQVR4nFVZB5jU5Nb+ksxkkpnMZCgXpIuiIL1IURCW3ouAV5ByryCIFJUuTUQp0uXSlqqAuiILy9IEBOlVOlylCawgIFImM5lJMpkk9823w/r/8zw7Sb5yynvec76TWZYQQSBE8pL053Of+x1k3e9G4VVyc5L0R5jF/nYeUvD5RZT9hGR4/x7Jk/Kvy8OEDA61oU+7OUKahfPHm3sb0dU1mKc7WEHW9WZENQn5iWkenOdtliJkhLyFKj4cqc3oHj4RdoYkqjt/q6msDTKq+/ebE72tgu7z+6E9ZiPuLEQPjBDSLZlQ74UIOQLjmpgKVbXXnAeHLntuCcHw6/wRMt7P6koTrphMyJ1AM2dvbIRZzyJkiPGs310+OqQkjqTylfWG2DNUzVDctbYvJAiZau6OEcKT/0SH2oetWuZ93z3JJiX0g+QYmxmYgrmD2sQ0Fr9ifX1L0WIR4m9Ipifg2QHruE5I6XgaAow8r5ePlvLJgcVWRtIdGw7QbuHuUaoz+Zg9IHbzNnNui1hHzfswQIhmunfPGCXU43Jl3A0zB1F5e20We9vB2614UihqW6grFNJbRl/+KYxd09c/DCWewGYPvKyLzZlY0VKrTz61L0Y3mkK4jEbIb/DiM2YWVbFbboKV3f2vKnR3/DLAbguTFkQy2B1G80C2/VSDpWaxacWidy31bAeeni54E8oeYONk7jr/FmZ3UjvHk1OyzC3yfp+O+KbAJHq3SlyRPBA75MmGKW7gCKkUJeQaxWG/rbOKtjjkwfhDpjq872mf87Ad2Y1khi9fTDv7MeyUmUNgsAmuF4MvkyIVoPaIN5WO9cvKUOEl0kk5C5iV4A2Yl4CnYX4DEBDomgdK/spb5Hoy/64Mf8qeZp62E1I17oKxDdJrptitdjeyjusL317jp7IVYbFMXksNEStQNvahiMyUx5LC9O51WN1Waw5PtoEXcuyZlIsC7tRl7CNSF3eDCrj/LP0+ACr2hgF3tRoxv3oO6zvgLxGg4lYk/QD4UHKi/VeqLnMSI4u1WSqyjl2H8Q6escpEXwUqJgdMbUSDMck+4opMzAh/gbHD4rt2ETISePWHC92C17DiEljRS25i9vV+AyLm+UrKU4TiGD/C8p5fXFafZGtrmVq+lasDa3zjCoh2nqq44j8p5ajnPT8Ki/lBTmPp6ex6wf0eF6kJ0IdbXwTbMXuAQl2EZ2PsBcxURxi+UW5zWVZnsokpZ9xV/kmLyEtcMjXXz7bw1bOHQ9jLVF2/eHPhS4OQb0PN/BlsvoJr0fL6MmIkW+pDkpnOIa0w3d5f/gDGdoKPrZD5FZjTxg7nfHKerwBpchZ/ElvGmsk/sorxw+F1Jkba+wojUHkcuwdq5gPWU0k7UA4+3Iu0ghnfGz8l9hckwK+I9z5puXeavMnnWLN941AIVykHAWoV9VVhljE1/FdiHSXSCCN/R1+oqQHDVMhoYW4QGhnz3fTTfuG30xVHo+w+dqGwjVYkNp6nz4GwQUaNYCVjFbaOBf92AInGZlTsoy5lJyhHPV8H+qszIrUxmgfLm5Ml7O7QxMhKjhKJKt3lywl2oHcHgc3hYHWLi3wRuAzjt6UqU/MmizNZtqk9TO8Qcx+/CL3rHRXvQbqatfX9wTue2r7vvRbfji4NaU+ks7B1Trx3/BFCsAp/nyADWtg1EwtiTX1PaLy/416GAa2N12Mj9BPiaKax+RK3GOa1YHmzEs13idFgzBRtrA0BQ7FpYuC4/GH0RXhZGVHSvMdjk2NnjJsaR9UuwHgc4ahHU6wI4LvkKQEVPbF2kbjd2WeMBqW6sEutU4j3KoTqjtPPN9sZxrzPZrlpRwYne9DTbassmhXkLsxbfihehKmp8QZI+8K2HPgYfn2XGMj2DFRid0PwY3ZyoDiUHMf9yYITqo/aECpMn80NTedDL2ZzmhOZFPb/4pw6xb1nvhmuEdqImSbuqKcpRq8rm51vE5S5a9jxuPYXtiQUWnf3hJfbb5PLditD4QvbU+I91FUMa+WL7Sn2gQn1PdmkU4CLuqMGeDEleD+YP39F+hkuZIPtecHKfM/Q+sj5qDv+njFOJCgda3mVrqOK/2VPh02r9BzbrTNz/F/hKZxwZ+R00WsX+BAwrwkekLO0dUYJ6QREbImvx4zK+uKjRYvdS8W3JxXVTUJR7rFdL1QutiqRRUenIFSDpcveLQhC36REZopWmO2Phzo+N4nd8tjEFMXj9hvack8L6kEPkXoRKKFuFPr5/hVronzly/XdU//OVsme45utfUrr83fSduKRd1ov+geqn+H5MGSbiO1khCOYyol2wr7j8keBfj4uwp7F4GkjSTJF0ddbeIUss7L16amBqWj0R2z5TjvpKe6bg/iUiNUzqvJVxH8b+0HGnh6W+68/X/UosOKGWAWIHNb5YEpZbh5FlrSGr43Ua+Si9walFU+J+bGngSKQ6fENHvZKOjaDtOXa1/ox8gPAPkFJ1JKeNfVSfxorKGBh/rH1K67z4V1WyraqJIoI+XufZ5/TKjPXvDsDVc1+6drVmGK1Odxdfw5ySvg/oyQ8Axc+id/mD1hsPLKaewrbeViVBXr5UZlyvdPYq1w29zX7MG1aj+Rdy9Y+COQ/dfIPlB/pWtiPWc4+FchlvjevK2f01fC/Euc2Pc0xMzpiODUDG7h7ifxd22jdyo4vclj3PJ2I7y4ArobDeLaTPaEESN/ZnGC/aH0l9baLxkpAxM50f7ggPs27FtctiTbJ27IYScRi4lUy1U5aE+h8e9DlshWFxL0xE98jwtftu95M5hOhZIGDr+COvRYaGskSd3GbYdOl4G9Oe9KCAruOHhrXaRIxsSD7T6cQRqbChAmmGnJHu2plAPpP/DGSJW/WshGiHCC1Pdmaa+AN2QkYeo59gR8ZUbUP9EFOGe/CdJ4vDObijn0Ban6Lt7Ze5VWpauw5qmgNBKiIUYy5TPl7l8TsKHmC1JoI2gQCheKDKPzjJVXyeXezPWFAd/PXQGVzW2gOs8tqAcEyzKybupZ86mX/WHPKiHfZYbFiTjqP3c+zSTVdg74WJsD795S6bNDpTBW0ofz9iGnrnt5cL72nlRlbDBJNV1s4DePx+KJQCTy9FK8Yn2GNgtCp1jHJNHK906n0d+DGz7gLU/nL0n7TqZfE8+FvyTPw9kUs6q3fSXIeW/wZS3LhYWFxZ6IJ1n3u/ICRnWQ5RWWIsQCAHwcVl5Kh0XsgTRHQ7ki8KZCqJ70CpGbxj2girQRj6tqq0BEeLxGfOkoV/6qtVmZKZbHsasR9Li1aKRb2FaKxfKzNFA/Y36Sp8bG1hO5ZJ3wQzR+Zi31jIPARLbf7tNnSSRqgy9bcZNECRLsaD4DFYK1A8af5XHWu4cztnB6843aMUPQkWiF4G36MxfPJgree/O6rD44Wj7cMatMseFLbM4sGRYKpo9WZfte4R1jx0C6GMD3yuz3XiXSTUDLsIsGuARsroXf81BeJ5ZLe6WqkCLrlRud6rAz8uIiFC1KnMF4KodiTNqAfO9i5AOF/wr8esfeoLypQuMGMTQy2H3ldiP7iHiRWBIokqglGwUvf3UgRlBT2fdzmJp8RS2KLL5inu1N55HksayqtjJygSfUTjWp5EGgHzJiFSLukW22/bBNa3e7Dv3UBG+aPwN1G7KnDFzHdTR35YcxuMPuifks1vYtpq/8G657YOG0Jqajdh70ZfiOWBYV1wqWlAXot4tce+naI1/0/evKtvQiFNcwZ1BSXdDOFvnYh4sf+1gB4sMIiqdxSM9o4L59OPqAt4XHto8AG+j4RkbzmEGUjuLDBPpbcKbN9Y1MobWr4R0J56eQeobB+kPvauSFtt/qlpigVEi1TY+jWDHNY0I2aJP/X/0+3I6PouO9X7YDWEHixMlQNxg1kS8DZx/47XPfQGblU+iQLq02lsb6K3t+xc2WyjcIa3GQK5PlER+ddbK7qtZ2mShXxJXO172hBD+1+tgY+gZBxjKpUSXwPIxvA4DF05iAAXqz+W55OKttXmf7MOa4DU0kpbWVHayt5BV36PrWMXTVaVnuZHiNsdnJDOreyuGUQ/G9rL9i3Uz1uFLIf0lP2nfAMWnNWJ4sgIU4w4/iQ+0InHrckQQp3liJC/jt0z+iNaNn4i059q5VyA+omQW4LYau1HoTdHp7kdnfmfZDzFGU36+ffoHxczt0N7uGWSB8Yr5Ek4pPBlU7XmJWRcRTUHLO4p5ncPnktFXWhxBpV/ziSq4bp7AC2tXM63JrumOf5xbjscQ/C2aZXfDPxdihsf+bWZ7YdZvfT6sDKafEDrZGRFlZuvK2128sjpvutujQEXuTv72mwviI/Kfkvsgu4SlHy/z77AjKpE9kV/JjjmSrSIl8hSshs6zfIcqIOsFxOov4zKFAZdCd7CTBtpGds6XBX1hIbCZvTbV1tbL3t7RLsTsoSwVMJI21T7vviL0iKD7BmtudQ+G/F12NuXP5wXrGSjmRneIpTHLqLeUimo8xVxHUgkdTN/gGAPItPl8wA5fWdyCZ7T+Kw3pNicJKcgZoy5r14NlnM6KnLpAViVpHJUSpDw0x2Sei457XICuYkmH4EprjW9g+UUtviOi5VNf3DRi2tubNKuuoU4n7G7ldIl8QKSO+ZpIpriL3w0Dxdi3/h6lNjnqQZvRdPQ5wV8hvSHsTsCm2K1oYa+PPIRr03N8Cph4xuqHRw+UZWQd16eHMwsbTg5S3L31+1mLhWF7uP4blxeoZV2PPaX+p1uXS6f4qQEwBqstBafSd0HmD7zL7hXuEBygb199A7MKZ9cLHQN9pEdX+eKORchJqing6hbYhbPOz+HvTA/NnrdtF3YUkdGL0vsZnnnN4ApI5kShkhm98CfBrJlFwsyYmviZeFLWUDY60uof2pKfqnHInVoGmyNvINPbPKRn9k9/q2x1xUCwVq6KWFjYFqyVahh6lt0VYwoAxZZG5lBjp1zX0wuCRWnaZB60WPl9Xe02oTe0wsqnZCqA4r6WPrc9i3FjC29B5CS+COjBLnUvB3UeK1BB4xElGbGxnSJUTrCUC9o9+NrSC7KUdrQNXjSC2po+MjY0JNU+7r2U+0dEwMxQ3bfZtyM4Vt51yAlkS4up8qLul5ZOzzu3m7KuIa4TahfpWn7M7ScvD9o/6nN0gUrNivbk4Tp5dnpTAA18dukMwJINlROn6WNAkflFQnyXfzXPQJTJ8Ai2T6GDPu24sXWeyPXEiwpWDrXVh4i+trT5O2Q4gQr01Vis4/EI0d3tfJHf4xX9zMV3c0cM86SWtdD+kdmjKFdbdQTIsV9ayg0NY3Qup+jA22a1oLyQCyLv6UaCVQw8zo8+Fcl1x/0DjeCTcwPw8OttvrS8kITx4VHPDGUNweGG8EXmALFzRt3UCderTW8ele+QENxnzhYep9OvLQ+lxwj9MbiUnOcqO4UpMbTIM20XMvsVNYJ/0WcRsOtqKnPIJfOpLkGyuF3CaPzEuVo4Ib+XXdTYcr1sj062nD8BHSW73D+MSLKG6tqTFJwf01LOjrApSmSF8hdJmpY4ntkDQK/v0e/jJwzioFYx+Tqakechu9T/q0Yq+kqtPMqgGSeGjufiMclc4iYrvoEdEzsYg0Ey9RohyJNCSzU/9hDK0ayvlWeR0zlvD6UNSvmOH+ujtZ1aRqvoP+qvAw7JuTmCZlGm/DrAlwoDA54f0OEq/JacW8L1fPv60lp9Q8aSDppb+qnrFHFZSAxnqzSDtfGx/jHQX1v8uz0tW9o9LHmUk+5BbRZCtK4eSTF43GiQbm7mBLt6Vwpmuf43qMmQmf7wunhO/YF5TNtGKwSaO9P0kbtbPKXLmcupwKvenMSbdmA7Ex0/97bKcxOzAH4JZVugpPTaoOYL+wLgKnBsJNoyE874zVZ8JHhFaxDfC0Tfz98Efg0CvOWFCzc6yi3QNGd6GOuo22zcfyBY2k4B6A7VMT50CwLfxiT9Ca4xlESfP0jOrOZ8gcU0nYHK5ATajmvvXqbiBASHtSqHZkjucJdWW0bFLzLTzNduPMNkrXjfkiu1X4Ri+U9qEFqQmLV+Kvr/ekUTTUKTkktTowKjWT3cfUJP+JVKQ96FvR/YrlXNabRTcl/kF3dkVY1sLcK6KY+AxcyVELUVdmK4fh7wCOw1NFkK+cfhgej3Z/CdTYTHD6XuqhUBbxe046l2rNr4OV3Ulj/0NakzLYKeJYu6lTEYBeSTwF+V/YHIKQv3T3kNyEHffAjorpdn0MGQ8zFoUOCRcB8RnKlk622+g9Iz7wrKZEZbdrF3khVVQvZXUPl9Tr87uSD0O1pU5mJQBYAUtzopO1ed7h3Bh6sIdQd+Zj45qE3zOCwuYekix7ITBWyZR/9r4BQN/1XGTqkbeZ3ORrNJpD2XryJYx3tp8V72vFUo8irNvQL2Sr0XzcLmZHWlpLsaBodAEAWsLN56+nPRhhzrfqIILl5ShQGI71b4YSqXn2gOBh2grYtuMeNUpd021ll6V+cLpYXzo/Qm0tFJe31dZaVYx7jFtaBrzPYWy3oR9mrxfm+paFC8PDhk5tcLF3UMeywdZVGtFsCtRqz1uI5k3leW6+5yYzgF8fvQw0VsQawZz7NDkQqID7Q9R46cD/+bdQWWN64DXyGXVtDoxckhopbUTG3+TZov439ZHGGFo4l9MC4o0dgtDhgaU0P7sjflnSF/y3sH8Y95s1PFXeWeH+Y6Qgz59xmQ3q3IivM6b771tNzIHcPhqGfuHc1Pj4IdKIhmkAKLbSmat2BMfLJ9mT+mKoUeCvSgbScvYlOWzU8s6npf1NaSGW9VQvJASsWmj97UtDmKWkG+O2bDsxv2GZZq9GeJZb3YHWHmYtTc9v2aNwa7V8GPfz7BTbGsRb52efs4dgaTGpm/9p914mnBO4Ca7/4XObmWGxH6h4veAFs5PbJ4srmD8lGWPlEMUf7B2aSl4Xr4bilE53mQ2A83tnG0AfF3rL/tRlvtneyg23kwNiOHLcu0wHJKXYLHGtZyNNlapg7e1INy0CMEVEWoKAbda2Alh5yf3ZBQ2QNsApTvHJAzIPghthTI72YvRPmiolnWZxt51VAfGM6ITwRHi+LfER1zmyQzEw09RfMvQ/bwW2EDwFbhEAAAAASUVORK5CYII='), -webkit-linear-gradient(top, #7b7c7f, #696a6d 30%, #555658 65%, #464748); | ||
1910 | background-image: url('data:image/png;base64,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'), linear-gradient(top, #7b7c7f, #696a6d 30%, #555658 65%, #464748); | ||
1911 | } | ||
1912 | /* line 20, ../scss/jqtouch.scss */ | ||
1913 | #jqt .toolbar { | ||
1914 | background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 12.5, color-stop(12.5%, #181819), color-stop(12.5%, rgba(11, 11, 12, 0))), -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 12.5, color-stop(12.5%, #181819), color-stop(12.5%, rgba(11, 11, 12, 0))), -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 12.5, color-stop(12.5%, rgba(255, 255, 255, 0.1)), color-stop(12.5%, rgba(255, 255, 255, 0))), -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 12.5, color-stop(12.5%, rgba(255, 255, 255, 0.1)), color-stop(12.5%, rgba(255, 255, 255, 0))); | ||
1915 | background-image: -webkit-radial-gradient(#181819 12.5%, rgba(11, 11, 12, 0) 12.5%), -webkit-radial-gradient(#181819 12.5%, rgba(11, 11, 12, 0) 12.5%), -webkit-radial-gradient(rgba(255, 255, 255, 0.1) 12.5%, rgba(255, 255, 255, 0) 12.5%), -webkit-radial-gradient(rgba(255, 255, 255, 0.1) 12.5%, rgba(255, 255, 255, 0) 12.5%); | ||
1916 | background-image: radial-gradient(#181819 12.5%, rgba(11, 11, 12, 0) 12.5%), radial-gradient(#181819 12.5%, rgba(11, 11, 12, 0) 12.5%), radial-gradient(rgba(255, 255, 255, 0.1) 12.5%, rgba(255, 255, 255, 0) 12.5%), radial-gradient(rgba(255, 255, 255, 0.1) 12.5%, rgba(255, 255, 255, 0) 12.5%); | ||
1917 | background-repeat: repeat; | ||
1918 | background-position: 0 0, 8px 8px, 0 1px, 8px 9px; | ||
1919 | background-color: #2f3031; | ||
1920 | background-size: 16px 16px; | ||
1921 | } | ||
1922 | /* line 29, ../scss/jqtouch.scss */ | ||
1923 | #jqt ul li { | ||
1924 | border-top: 1px solid #48494b; | ||
1925 | background-image: none; | ||
1926 | background-color: rgba(85, 86, 88, 0.2); | ||
1927 | background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(123, 124, 127, 0.2)), color-stop(3%, rgba(98, 99, 101, 0.2)), color-stop(100%, rgba(72, 73, 75, 0.2))); | ||
1928 | background-image: -webkit-linear-gradient(top, rgba(123, 124, 127, 0.2), rgba(98, 99, 101, 0.2) 3%, rgba(72, 73, 75, 0.2)); | ||
1929 | background-image: linear-gradient(top, rgba(123, 124, 127, 0.2), rgba(98, 99, 101, 0.2) 3%, rgba(72, 73, 75, 0.2)); | ||
1930 | } | ||
1931 | /* line 33, ../scss/jqtouch.scss */ | ||
1932 | #jqt ul li a { | ||
1933 | color: white; | ||
1934 | text-shadow: #3c3d3e 0 -1px 0; | ||
1935 | } | ||
1936 | /* line 37, ../scss/jqtouch.scss */ | ||
1937 | #jqt ul li .toggle input[type="checkbox"] { | ||
1938 | -webkit-border-radius: 5px; | ||
1939 | border-radius: 5px; | ||
1940 | background: #ffffff url(../img/jqt/on_off.png) 0 0 no-repeat; | ||
1941 | } | ||
1942 | /* line 42, ../scss/jqtouch.scss */ | ||
1943 | #jqt ul li input[type='submit'] { | ||
1944 | background-image: none; | ||
1945 | background-color: white; | ||
1946 | background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(51%, #ffffff), color-stop(100%, #f2f2f2)); | ||
1947 | background-image: -webkit-linear-gradient(top, #ffffff, #ffffff 50%, #ffffff 51%, #f2f2f2); | ||
1948 | background-image: linear-gradient(top, #ffffff, #ffffff 50%, #ffffff 51%, #f2f2f2); | ||
1949 | border: 1px outset black; | ||
1950 | } | ||
1951 | /* line 47, ../scss/jqtouch.scss */ | ||
1952 | #jqt ul li small.counter { | ||
1953 | -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0; | ||
1954 | box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0; | ||
1955 | } | ||
1956 | /* line 54, ../scss/jqtouch.scss */ | ||
1957 | #jqt ul.metal li { | ||
1958 | background-image: none; | ||
1959 | border-top: 1px solid #fff; | ||
1960 | border-bottom: 1px solid #666; | ||
1961 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#9c9ea0)); | ||
1962 | } | ||
1963 | /* line 60, ../scss/jqtouch.scss */ | ||
1964 | #jqt ul.metal li a { | ||
1965 | text-shadow: #fff 0 1px 0; | ||
1966 | } | ||
1967 | /* line 62, ../scss/jqtouch.scss */ | ||
1968 | #jqt ul.metal li a.active { | ||
1969 | color: #000; | ||
1970 | } | ||
1971 | /* line 65, ../scss/jqtouch.scss */ | ||
1972 | #jqt ul.metal li em { | ||
1973 | color: #444; | ||
1974 | } | ||
1975 | /* line 71, ../scss/jqtouch.scss */ | ||
1976 | #jqt ul.edgetoedge li { | ||
1977 | background-image: none; | ||
1978 | background-color: #3c3d3e; | ||
1979 | background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #282829), color-stop(100%, #2f3031)); | ||
1980 | background-image: -webkit-linear-gradient(top, #282829, #2f3031); | ||
1981 | background-image: linear-gradient(top, #282829, #2f3031); | ||
1982 | border-bottom: 1px solid #1e1e1f; | ||
1983 | border-top: 1px solid #343536; | ||
1984 | } | ||
1985 | /* line 76, ../scss/jqtouch.scss */ | ||
1986 | #jqt ul.edgetoedge li.sep { | ||
1987 | background-image: none; | ||
1988 | background-color: rgba(0, 0, 0, 0.3); | ||
1989 | background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(38, 38, 38, 0.3)), color-stop(30%, rgba(20, 20, 20, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.3))); | ||
1990 | background-image: -webkit-linear-gradient(top, rgba(38, 38, 38, 0.3), rgba(20, 20, 20, 0.3) 30%, rgba(0, 0, 0, 0.3) 65%, rgba(0, 0, 0, 0.3)); | ||
1991 | background-image: linear-gradient(top, rgba(38, 38, 38, 0.3), rgba(20, 20, 20, 0.3) 30%, rgba(0, 0, 0, 0.3) 65%, rgba(0, 0, 0, 0.3)); | ||
1992 | color: #949698; | ||
1993 | text-shadow: #000000 0 -1px 0; | ||
1994 | } | ||
1995 | /* line 83, ../scss/jqtouch.scss */ | ||
1996 | #jqt .info { | ||
1997 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#aaaaaa), color-stop(0.6, #cccccc)); | ||
1998 | text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0; | ||
1999 | color: #444; | ||
2000 | border-top: 1px solid rgba(255, 255, 255, 0.2); | ||
2001 | } | ||
2002 | div.spinner { | ||
2003 | position: relative; | ||
2004 | width: 100px; | ||
2005 | height: 100px; | ||
2006 | display: inline-block; | ||
2007 | } | ||
2008 | div.spinner div { | ||
2009 | width: 12%; | ||
2010 | height: 26%; | ||
2011 | background: #000; | ||
2012 | position: absolute; | ||
2013 | left: 44.5%; | ||
2014 | top: 37%; | ||
2015 | opacity: 0; | ||
2016 | -webkit-animation: fade 1s linear infinite; | ||
2017 | -webkit-border-radius: 50px; | ||
2018 | -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); | ||
2019 | } | ||
2020 | div.spinner div.bar01 { | ||
2021 | -webkit-transform: rotate(0deg) translate(0, -142%); | ||
2022 | -webkit-animation-delay: 0s; | ||
2023 | } | ||
2024 | div.spinner div.bar02 { | ||
2025 | -webkit-transform: rotate(30deg) translate(0, -142%); | ||
2026 | -webkit-animation-delay: -0.9167s; | ||
2027 | } | ||
2028 | div.spinner div.bar03 { | ||
2029 | -webkit-transform: rotate(60deg) translate(0, -142%); | ||
2030 | -webkit-animation-delay: -0.833s; | ||
2031 | } | ||
2032 | div.spinner div.bar04 { | ||
2033 | -webkit-transform: rotate(90deg) translate(0, -142%); | ||
2034 | -webkit-animation-delay: -0.75s; | ||
2035 | } | ||
2036 | div.spinner div.bar05 { | ||
2037 | -webkit-transform: rotate(120deg) translate(0, -142%); | ||
2038 | -webkit-animation-delay: -0.667s; | ||
2039 | } | ||
2040 | div.spinner div.bar06 { | ||
2041 | -webkit-transform: rotate(150deg) translate(0, -142%); | ||
2042 | -webkit-animation-delay: -0.5833s; | ||
2043 | } | ||
2044 | div.spinner div.bar07 { | ||
2045 | -webkit-transform: rotate(180deg) translate(0, -142%); | ||
2046 | -webkit-animation-delay: -0.5s; | ||
2047 | } | ||
2048 | div.spinner div.bar08 { | ||
2049 | -webkit-transform: rotate(210deg) translate(0, -142%); | ||
2050 | -webkit-animation-delay: -0.41667s; | ||
2051 | } | ||
2052 | div.spinner div.bar09 { | ||
2053 | -webkit-transform: rotate(240deg) translate(0, -142%); | ||
2054 | -webkit-animation-delay: -0.333s; | ||
2055 | } | ||
2056 | div.spinner div.bar10 { | ||
2057 | -webkit-transform: rotate(270deg) translate(0, -142%); | ||
2058 | -webkit-animation-delay: -0.25s; | ||
2059 | } | ||
2060 | div.spinner div.bar11 { | ||
2061 | -webkit-transform: rotate(300deg) translate(0, -142%); | ||
2062 | -webkit-animation-delay: -0.1667s; | ||
2063 | } | ||
2064 | div.spinner div.bar12 { | ||
2065 | -webkit-transform: rotate(330deg) translate(0, -142%); | ||
2066 | -webkit-animation-delay: -0.0833s; | ||
2067 | } | ||
2068 | @-webkit-keyframes fade { | ||
2069 | from { | ||
2070 | opacity: 1; | ||
2071 | } | ||
2072 | to { | ||
2073 | opacity: 0.25; | ||
2074 | } | ||
2075 | } | ||
2076 | /* | ||
2077 | |||
2078 | Color list: | ||
2079 | - login box: | ||
2080 | light#ff9955 | ||
2081 | dark#ff6622 | ||
2082 | - login button: | ||
2083 | regular#dd5500 | ||
2084 | hover#773311 | ||
2085 | - login translations: | ||
2086 | box: #cc6622; | ||
2087 | not-selected: | ||
2088 | color: #ddaa99 | ||
2089 | background:#994422 | ||
2090 | selected: #772211; | ||
2091 | */ | ||
2092 | html { | ||
2093 | height: 100%; | ||
2094 | -webkit-text-size-adjust: none; | ||
2095 | -ms-text-size-adjust: none; | ||
2096 | } | ||
2097 | body { | ||
2098 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; | ||
2099 | margin: 0px; | ||
2100 | } | ||
2101 | .ellipsis { | ||
2102 | text-overflow: ellipsis; | ||
2103 | overflow: hidden; | ||
2104 | white-space: nowrap; | ||
2105 | } | ||
2106 | div#loginForm div.credentialsMessage.error h1 { | ||
2107 | color: red; | ||
2108 | } | ||
2109 | div#loginForm div.validating div.loading { | ||
2110 | margin-top: 50px; | ||
2111 | margin-bottom: 50px; | ||
2112 | margin-left: auto; | ||
2113 | margin-right: auto; | ||
2114 | width: 100px; | ||
2115 | } | ||
2116 | /* | ||
2117 | |||
2118 | Color list: | ||
2119 | - login box: | ||
2120 | light#ff9955 | ||
2121 | dark#ff6622 | ||
2122 | - login button: | ||
2123 | regular#dd5500 | ||
2124 | hover#773311 | ||
2125 | - login translations: | ||
2126 | box: #cc6622; | ||
2127 | not-selected: | ||
2128 | color: #ddaa99 | ||
2129 | background:#994422 | ||
2130 | selected: #772211; | ||
2131 | */ | ||
2132 | html { | ||
2133 | height: 100%; | ||
2134 | -webkit-text-size-adjust: none; | ||
2135 | -ms-text-size-adjust: none; | ||
2136 | } | ||
2137 | body { | ||
2138 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; | ||
2139 | margin: 0px; | ||
2140 | } | ||
2141 | .ellipsis { | ||
2142 | text-overflow: ellipsis; | ||
2143 | overflow: hidden; | ||
2144 | white-space: nowrap; | ||
2145 | } | ||
2146 | #jqt div.cardList ul li.cardListItem a small.favicon { | ||
2147 | background: white; | ||
2148 | -webkit-border-radius: 3px; | ||
2149 | border-radius: 3px; | ||
2150 | display: block; | ||
2151 | width: 26px; | ||
2152 | height: 26px; | ||
2153 | padding: 0px; | ||
2154 | } | ||
2155 | #jqt div.cardList ul li.cardListItem a small.favicon img.favicon { | ||
2156 | margin-right: 3px; | ||
2157 | margin-top: 3px; | ||
2158 | width: 20px; | ||
2159 | height: 20px; | ||
2160 | } | ||
2161 | #jqt div.cardDetail ul li a.password { | ||
2162 | color: gray; | ||
2163 | } | ||
2164 | /* ---------------------------------------- */ | ||
2165 | /* | ||
2166 | body { | ||
2167 | margin: 0; | ||
2168 | font-family: Helvetica; | ||
2169 | background: #FFFFFF; | ||
2170 | color: #000000; | ||
2171 | overflow-x: hidden; | ||
2172 | -webkit-user-select: none; | ||
2173 | -webkit-text-size-adjust: none; | ||
2174 | } | ||
2175 | |||
2176 | |||
2177 | div.toolbar { | ||
2178 | box-sizing: border-box; | ||
2179 | -moz-box-sizing: border-box; | ||
2180 | -webkit-box-sizing: border-box; | ||
2181 | border-bottom: 1px solid #2d3642; | ||
2182 | border-top: 1px solid #6d84a2; | ||
2183 | padding: 10px; | ||
2184 | height: 45px; | ||
2185 | //background: url(./images/old/iPhone/toolbar.png) #6d84a2 repeat-x; | ||
2186 | background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAArCAIAAAA2QHWOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUCNddjDEOgEAQAgn//5qltYWFnb1GB4vdSy4WBAYStKyb9+O0FJMYyjMyMWCC35lJM71r6vF1P07/lFSfPx6ZxNLcy1HtihzpA/RWcOj0zlDhAAAAAElFTkSuQmCCCg==) #6d84a2 repeat-x; | ||
2187 | } | ||
2188 | |||
2189 | div.toolbar h1#pageTitle { | ||
2190 | overflow: hidden; | ||
2191 | margin-top: 1px; | ||
2192 | margin-bottom: 0px; | ||
2193 | margin-left: auto; | ||
2194 | margin-right: auto; | ||
2195 | width: 150px; | ||
2196 | height: 25px; | ||
2197 | font-size: 20px; | ||
2198 | width: 150px; | ||
2199 | font-weight: bold; | ||
2200 | text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0; | ||
2201 | text-align: center; | ||
2202 | text-overflow: ellipsis; | ||
2203 | white-space: nowrap; | ||
2204 | color: #FFFFFF; | ||
2205 | } | ||
2206 | |||
2207 | div.toolbar a.button { | ||
2208 | position: absolute; | ||
2209 | overflow: hidden; | ||
2210 | top: 8px; | ||
2211 | right: 6px; | ||
2212 | margin: 0; | ||
2213 | border-width: 0 5px; | ||
2214 | padding: 0 3px; | ||
2215 | width: auto; | ||
2216 | height: 30px; | ||
2217 | line-height: 30px; | ||
2218 | font-family: inherit; | ||
2219 | font-size: 12px; | ||
2220 | font-weight: bold; | ||
2221 | color: #FFFFFF; | ||
2222 | text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0; | ||
2223 | text-overflow: ellipsis; | ||
2224 | text-decoration: none; | ||
2225 | white-space: nowrap; | ||
2226 | background: none; | ||
2227 | //-webkit-border-image: url(./images/old/iPhone/toolButton.png) 0 5 0 5; | ||
2228 | } | ||
2229 | |||
2230 | div.toolbar a#backButton { | ||
2231 | left: 6px; | ||
2232 | right: auto; | ||
2233 | padding: 0px; | ||
2234 | max-width: 55px; | ||
2235 | border-width: 0 8px 0 14px; | ||
2236 | //-webkit-border-image: url(./images/old/iPhone/backButton.png) 0 8 0 14; | ||
2237 | -webkit-border-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAeCAIAAAA6iHCJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAtJJREFUeNrEV21P01AYbbtubNExBnXDbYjjZYI4BMdgEANDQoTElw/+Rw0mBs0UiSGaoJFEQEPwjRhFCW/JxrZ2Xdu1fe71bpAhCHzqupPnS5ObPOeec+5zb+lHLxao05HPiwvzr3/++J7N7FFGgaaDLe034+O+wCXyxSKET1u5+Wc98XTK39zeOzjudLmNIoAR2tlaf/Zkqm9gKNI/RBigE9dtb23MJKZj8fvuC16b3WGxsJRxOFfHeQOtH+ZnOI+XRfgEBoLAzz6fjo7ebfD4GYYhMiEdDGRAW6xOt6d7YGzl4xIL/7mgyPL044edkVt19T4EFAJEVQYud+MvOCkHc7MJ3+VrXGOzXrHeZS1s9trjOVj7tiqpONTWBRgD6BVmQFls9iMaSHnx/bu3ffEHgC2gVVqAIojKR3Iw9zLRcjVmtTnA0NydxQDg0IWvq59kYIOeZtWs9gQkagcMcgK/vLjYNXQHcEkas0AcYPdNIPr7Q/0M69B089ofavB5ZVm3OJ2cTwegzAUgxGbSe8tLS52xewjRZGabzAABZt+8mvGHBsiYNF+AAw1cXEBGNUiQqWpAlArM5MSYBXgEOl0NkLcCkxak28MRKbuDMa6KDAwAUnU8HO2Q+N0SJ3OLMCA7V1S9vt7d3tSg5LNV0ACXwOekcGfreVbVVYUqMjOvyPsH71cqkxsZ7NHFJIXBTCMONMAlEryoxAfDucyOmaOpmINyaTowrK23IyDxKbNzUIYoKU3+i37OXpCESvfGCOw11uMMcCkQke4rDlrS1coOSk2VOXftERfKtZsURmLXQUqBVqiUABgrQirc0Xp4Fv4t8kxN8dLkaJQupOVcGnTN0PuQHHlRSG1Eu9tUTLOnxZ5clclsfmK078va7/WN7axomCN2e42Xc/VEIoiiM0KePeM20DTY3M22BZtuhENW1rC/NrI3WVGTmZxSKEr7V4ABAJ+53J1I3nPjAAAAAElFTkSuQmCCCg==) 0 8 0 14; | ||
2238 | } | ||
2239 | |||
2240 | // ------------------------------------------- | ||
2241 | |||
2242 | body.iPhone form.loginForm { | ||
2243 | min-height: 372px; | ||
2244 | |||
2245 | box-sizing: border-box; | ||
2246 | -moz-box-sizing: border-box; | ||
2247 | -webkit-box-sizing: border-box; | ||
2248 | padding: 10px; | ||
2249 | //background: #c8c8c8 url(./images/old/iPhone/pinstripes.png); | ||
2250 | background: #c8c8c8 url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAIAAACdaSOZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiPHrmCgMC/GNjYwNSAAEGADdNA3dnzPlQAAAAAElFTkSuQmCCCg==); | ||
2251 | } | ||
2252 | |||
2253 | fieldset { | ||
2254 | position: relative; | ||
2255 | margin: 0 0 20px 0; | ||
2256 | padding: 0; | ||
2257 | background: #FFFFFF; | ||
2258 | -webkit-border-radius: 10px; | ||
2259 | -moz-border-radius: 10px; | ||
2260 | border: 1px solid #999999; | ||
2261 | text-align: right; | ||
2262 | font-size: 16px; | ||
2263 | } | ||
2264 | |||
2265 | .row { | ||
2266 | position: relative; | ||
2267 | min-height: 42px; | ||
2268 | border-bottom: 1px solid #999999; | ||
2269 | -webkit-border-radius: 0; | ||
2270 | text-align: right; | ||
2271 | } | ||
2272 | |||
2273 | fieldset > .row:last-child { | ||
2274 | border-bottom: none !important; | ||
2275 | } | ||
2276 | |||
2277 | |||
2278 | .row > input:not(input[type|=radio]):not(input[type|=checkbox]), | ||
2279 | .row > div.fieldValue { | ||
2280 | width: 100%; | ||
2281 | box-sizing: border-box; | ||
2282 | -moz-box-sizing: border-box; | ||
2283 | -webkit-box-sizing: border-box; | ||
2284 | margin: 0; | ||
2285 | border: none; | ||
2286 | padding: 0px 10px 0 112px; | ||
2287 | height: 42px; | ||
2288 | background: none; | ||
2289 | font-size: 16px; | ||
2290 | font-weight: normal; | ||
2291 | |||
2292 | color: #666a60; | ||
2293 | -webkit-user-select: text; | ||
2294 | } | ||
2295 | |||
2296 | .row > div.fieldValue p { | ||
2297 | margin: 0px; | ||
2298 | text-align: left; | ||
2299 | height: 40px; | ||
2300 | vertical-align: middle; | ||
2301 | line-height: 40px; | ||
2302 | } | ||
2303 | |||
2304 | body[orientation="landscape"] .row > div.fieldValue.password { | ||
2305 | padding-right: 120px; | ||
2306 | //background: url(./images/old/iPhone/password_background.png) no-repeat 105px; | ||
2307 | background: url(data:image/png;charset=utf-8;base64,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) no-repeat 105px; | ||
2308 | } | ||
2309 | |||
2310 | .row > div.fieldValue.password { | ||
2311 | color: rgba(255,255,255,0.5); | ||
2312 | //background: url(./images/old/iPhone/password_background.png) no-repeat 106px; | ||
2313 | background: url(data:image/png;charset=utf-8;base64,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) no-repeat 106px; | ||
2314 | } | ||
2315 | |||
2316 | .row > div.fieldValue.password.clear { | ||
2317 | color: #666a60; | ||
2318 | background: none; | ||
2319 | } | ||
2320 | |||
2321 | .row > input[type|=radio], .row > input[type|=checkbox] { | ||
2322 | margin: 7px 7px 0 0; | ||
2323 | height: 25px; | ||
2324 | width: 25px; | ||
2325 | } | ||
2326 | |||
2327 | |||
2328 | .row > label { | ||
2329 | position: absolute; | ||
2330 | margin: 0 0 0 14px; | ||
2331 | line-height: 42px; | ||
2332 | font-weight: bold; | ||
2333 | max-width: 92px; | ||
2334 | overflow: hidden; | ||
2335 | white-space: nowrap; | ||
2336 | } | ||
2337 | |||
2338 | body[orientation="landscape"] .row > label { | ||
2339 | max-width: 150px; | ||
2340 | } | ||
2341 | |||
2342 | body[orientation="landscape"] .row > input:not(input[type|=radio]):not(input[type|=checkbox]) { | ||
2343 | padding-left: 140px; | ||
2344 | } | ||
2345 | |||
2346 | .row > img.favicon { | ||
2347 | position: absolute; | ||
2348 | width: 20px; | ||
2349 | height: 20px; | ||
2350 | top: 12px; | ||
2351 | left: 11px; | ||
2352 | } | ||
2353 | |||
2354 | .row > span { | ||
2355 | padding: 8px 13px; | ||
2356 | text-align: left; | ||
2357 | display: block; | ||
2358 | color: #666a60; | ||
2359 | font-size: 10pt; | ||
2360 | } | ||
2361 | |||
2362 | .row.notes { | ||
2363 | -webkit-user-select: text; | ||
2364 | } | ||
2365 | |||
2366 | // ------------------------------------------- | ||
2367 | |||
2368 | .whiteButton { | ||
2369 | margin-left: auto; | ||
2370 | margin-right: auto; | ||
2371 | width: 150px; | ||
2372 | display: block; | ||
2373 | border-width: 0 12px; | ||
2374 | padding: 10px; | ||
2375 | text-align: center; | ||
2376 | font-size: 20px; | ||
2377 | font-weight: bold; | ||
2378 | text-decoration: inherit; | ||
2379 | color: inherit; | ||
2380 | |||
2381 | //-webkit-border-image: url(./images/old/iPhone/whiteButton.png) 0 12 0 12; | ||
2382 | -webkit-border-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAuCAQAAAB+dNqHAAAACXBIWXMAAABIAAAASABGyWs+AAAACXZwQWcAAAAdAAAALgChnaVgAAAAAmJLR0QA/4ePzL8AAANhSURBVEjHnZZNaFxVFMd/5747mclMkpmxzYdJtFaJglgFpYSiBAVX7l0UUZGuSkEEu3PtSulCUXFdxYXL7kQQIWD9CsRIqdomGGOaSdJmZjKTeW/eu/e4mKRmrE3n5X83j/ve7/3POfe+d67QrTxP8QLDnMTenkv4kQ2+YZ6d/Y/Kvut+XuZVKtygzVbXC8v0cT+jXORLWneix/mAZZZwKIrSbSAIAcd5kDdZ6kaf4zzfEeLPnHrr+UeOWpMJ9rjYxe7a5ntff/YThhyneJ/Zf9Ep3uEXkhNjX50bHoiStoPE76HWiPQFfcGN+kufLKxheZJ3+aOD5vmIBaLXpz89HSVhzF2Uy2TtGxe/+JksJzjHjgCvMEHz6cnZt7dD5zlAgSlkZy7MrVDgbz43FJimhV46W2vFzutBI3aN8NJZlBbTFAKepZ/o/IszU1Gs95Tz2Uw1nFuiiTE8Rhs9fbIROt/LaISvTaO0mbIM0kTKeefoUSMDCI6SxRCT9d77XlFrCYgQi0PH72vH9CyNMSjO4tGM9do76hXB4y2KU+c8aaR41KJ4SIn6DgqgPq2rggWc+kMEjBUBVDUNKQBiOx+218Pl6tVr+jJhUZx4PYSr4XBSsAKaJH9tpirT7uIoTj3pAna43TJJWtSjYDpxp5bv5OpTb4mOq3IIX0W14ypeUq+rYBH5T9fqbRerWMClrbB4PBgUjZPUuXrUGBW51Yhc71y9LSJi1NgQxVWj3a7aw2gmONSGJtNAxC9v9+56vaoe6aubXEWy4meXe/+VXl42TvqzG4ZFCkRzv/+w3lu436/PX6NNnsUgCctjUUJwnWdGC/ZenpXw47loTRrldu3XwLkSrQmiHbkSP3FkwB4MXpjfWDE3JTfw29ZGAGHjgWJdcDW9XC/0PVS4W47fVj5cuLUmFWlOVlevei8ApVLp8bWclnWU4khpZvTRwaw5VggEINHlZuSv1mcr6zW2ZF22xqLqlWr19uYdGSkeWyn4IY5okX61GBHMrp1HJaYldW4G9Ylm7c/19a4jV6k0+fBmtjbkCwxoDovdQ0lIpEXTNIrbR6OVxWr1joNeJjM+Xhyu2+0+Z6Ocmt17Kj4bBvFgPJTUNlZX4/j/zohAJlMuF4vW5vP7Z3d2kqRW29qKuxr4P1RbNFwZtqq8AAAAAElFTkSuQmCCCg==) 0 12 0 12; | ||
2383 | text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0; | ||
2384 | } | ||
2385 | |||
2386 | // ------------------------------------------- | ||
2387 | |||
2388 | body.iPhone .loginProgressPanel { | ||
2389 | min-height: 372px; | ||
2390 | |||
2391 | box-sizing: border-box; | ||
2392 | -moz-box-sizing: border-box; | ||
2393 | -webkit-box-sizing: border-box; | ||
2394 | padding: 10px; | ||
2395 | //background: #c8c8c8 url(./images/old/iPhone/pinstripes.png); | ||
2396 | background: #c8c8c8 url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAIAAACdaSOZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiPHrmCgMC/GNjYwNSAAEGADdNA3dnzPlQAAAAAElFTkSuQmCCCg==); | ||
2397 | } | ||
2398 | |||
2399 | body.iPhone .loadingBar { | ||
2400 | margin-left: auto; | ||
2401 | margin-right: auto; | ||
2402 | margin-top: 60px; | ||
2403 | } | ||
2404 | |||
2405 | div.loadingBar { | ||
2406 | height: 22px; | ||
2407 | width: 214px; | ||
2408 | //background: url(./images/old/loading/loadingBar.gif) no-repeat center; | ||
2409 | background: url(data:image/gif;charset=utf-8;base64,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) no-repeat center; | ||
2410 | } | ||
2411 | |||
2412 | div.loadingBar div.loadingBarProgress { | ||
2413 | height: 100%; | ||
2414 | width: 0%; | ||
2415 | } | ||
2416 | |||
2417 | div.loadingBar div.loadingBarProgress div.loadingBarProgress_left { | ||
2418 | height: 100%; | ||
2419 | max-width: 8px; | ||
2420 | //background: url(./images/old/loading/loadingBarProgress.png) no-repeat 0; | ||
2421 | background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAANYAAAAWCAYAAAC8C2KaAAAACXBIWXMAAAsSAAALEgHS3X78AAACIklEQVR4Ae3brU7DUBQH8HO6PQAazx4BRUKDwfChQTGFQ4wRFGEERdgQONRQoGEzGFISFI8w/DQSWHsP565r0xY2BiWY/ivW+530l52cdr0jwgEBCPy5AE9aUc7XV0kcl4jniGR20lj0QaAYAtzXWHgmNh7v3HTGXfOXgSWnKy6VqEZMCKZxcmiHgFCfAjrjva6XxfgUWNJc3tVBG9mBqEMAAmMFrrl+10r2pgJLTpYO9dZvNTkAZQhAYAoBNh3evz+KRsaBJccLevtXakYdOEMAAj8UCII6Hzx6dlY5nipBjXwTV1GAAAR+KiA1neHZWcOMJY35FS03bAMOCEAgl0CDG0/dMGP5by6xk2s1TIYABFRAjKufo8AyfoUkftyCDwQg8FsBloqdGmaswMf7qt9CYh4E0gLDWBrdCg7SXahBAAK5BEYZa9AnZmStXJSYDAEVENEtT/GtYNAjxl5AfDEgkFtAuGfXCDPW4N0jh9zci2IBCBRdwCTeY1kL2Z65RdYq+rcC159LQLjPFy9rdo0wY9nS+2uLSk5qI6FtxgEBCEwpEJg4flIvr2SrfEgOYxPulI4YBoFYwEiHL/2jqJ4KLNuowVXT4NqMBuAMAQh8I2DkSoPqLDnqU2DZTqmWF4mcXTxzJalQhkBGQJ+piEyL2/5DpifchJttjOpSLenmXMfVvboVBFmkgnOhBYbBJPqTuv41vx10C22Bi4fAfwt8AJe2flCLvH1PAAAAAElFTkSuQmCCCg==) no-repeat 0; | ||
2422 | } | ||
2423 | |||
2424 | div.loadingBar div.loadingBarProgress div.loadingBarProgress_right { | ||
2425 | position: relative; | ||
2426 | height: 100%; | ||
2427 | margin-left: 8px; | ||
2428 | //background: url(./images/old/loading/loadingBarProgress.png) no-repeat right; | ||
2429 | background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAANYAAAAWCAYAAAC8C2KaAAAACXBIWXMAAAsSAAALEgHS3X78AAACIklEQVR4Ae3brU7DUBQH8HO6PQAazx4BRUKDwfChQTGFQ4wRFGEERdgQONRQoGEzGFISFI8w/DQSWHsP565r0xY2BiWY/ivW+530l52cdr0jwgEBCPy5AE9aUc7XV0kcl4jniGR20lj0QaAYAtzXWHgmNh7v3HTGXfOXgSWnKy6VqEZMCKZxcmiHgFCfAjrjva6XxfgUWNJc3tVBG9mBqEMAAmMFrrl+10r2pgJLTpYO9dZvNTkAZQhAYAoBNh3evz+KRsaBJccLevtXakYdOEMAAj8UCII6Hzx6dlY5nipBjXwTV1GAAAR+KiA1neHZWcOMJY35FS03bAMOCEAgl0CDG0/dMGP5by6xk2s1TIYABFRAjKufo8AyfoUkftyCDwQg8FsBloqdGmaswMf7qt9CYh4E0gLDWBrdCg7SXahBAAK5BEYZa9AnZmStXJSYDAEVENEtT/GtYNAjxl5AfDEgkFtAuGfXCDPW4N0jh9zci2IBCBRdwCTeY1kL2Z65RdYq+rcC159LQLjPFy9rdo0wY9nS+2uLSk5qI6FtxgEBCEwpEJg4flIvr2SrfEgOYxPulI4YBoFYwEiHL/2jqJ4KLNuowVXT4NqMBuAMAQh8I2DkSoPqLDnqU2DZTqmWF4mcXTxzJalQhkBGQJ+piEyL2/5DpifchJttjOpSLenmXMfVvboVBFmkgnOhBYbBJPqTuv41vx10C22Bi4fAfwt8AJe2flCLvH1PAAAAAElFTkSuQmCCCg==) no-repeat right; | ||
2430 | top: -22px; | ||
2431 | } | ||
2432 | |||
2433 | // ------------------------------------------- | ||
2434 | |||
2435 | body.iPhone .loginErrorPanel { | ||
2436 | position: absolute; | ||
2437 | min-height: 372px; | ||
2438 | box-sizing: border-box; | ||
2439 | -moz-box-sizing: border-box; | ||
2440 | -webkit-box-sizing: border-box; | ||
2441 | padding: 10px; | ||
2442 | //background: #c8c8c8 url(./images/old/iPhone/pinstripes.png); | ||
2443 | background: #c8c8c8 url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAIAAACdaSOZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiPHrmCgMC/GNjYwNSAAEGADdNA3dnzPlQAAAAAElFTkSuQmCCCg==); | ||
2444 | } | ||
2445 | |||
2446 | body.iPhone .loginErrorPanel h2 { | ||
2447 | text-align: center; | ||
2448 | color: red; | ||
2449 | margin-top: 40px; | ||
2450 | } | ||
2451 | |||
2452 | // ------------------------------------------- | ||
2453 | |||
2454 | form.cardListSearchForm { | ||
2455 | box-sizing: border-box; | ||
2456 | -moz-box-sizing: border-box; | ||
2457 | -webkit-box-sizing: border-box; | ||
2458 | border-bottom: 1px solid #2d3642; | ||
2459 | border-top: 1px solid #6d84a2; | ||
2460 | padding: 6px; | ||
2461 | height: 45px; | ||
2462 | // background: url(./images/old/iPhone/toolbar.png) #6d84a2 repeat-x; | ||
2463 | background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAArCAIAAAA2QHWOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUCNddjDEOgEAQAgn//5qltYWFnb1GB4vdSy4WBAYStKyb9+O0FJMYyjMyMWCC35lJM71r6vF1P07/lFSfPx6ZxNLcy1HtihzpA/RWcOj0zlDhAAAAAElFTkSuQmCCCg==) #6d84a2 repeat-x; | ||
2464 | margin: 0px; | ||
2465 | } | ||
2466 | |||
2467 | form.cardListSearchForm input { | ||
2468 | margin: 7px; | ||
2469 | -webkit-appearance: searchfield; | ||
2470 | width: 200px; | ||
2471 | } | ||
2472 | |||
2473 | ul.cardListPanel { | ||
2474 | margin: 0px; | ||
2475 | padding: 0px; | ||
2476 | list-style-type: none; | ||
2477 | min-height: 372px; | ||
2478 | } | ||
2479 | |||
2480 | li.cardListItem { | ||
2481 | height: 43px; | ||
2482 | border-bottom: 1px solid #cccccc; | ||
2483 | //background: url(./images/old/iPhone/listArrow.png) no-repeat right center; | ||
2484 | background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAUCAYAAAB4d5a9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKVJREFUeNpi/P//PwOtARMDHcDwsYQFRJSXl8P4dVC6CZvizs5O8i1BsqARid9Ei+BiQ2KDLKumhSU1QNyKxG+hlkXoEQ+yqAPNogpapK5KNIvaKbUIVxKeAsTvkPg5QCxETUukgfgAkqFPgdgBzVKKLIFZoIJmwR1qBRdNLEC2BJQpV9LCAmRL/gBxAtRwqlqAXqzcgRrOQE0LQIBxtNIiBQAEGAA7xCa2yF9zEgAAAABJRU5ErkJgggo=) no-repeat right center; | ||
2485 | |||
2486 | } | ||
2487 | |||
2488 | li.cardListItem a { | ||
2489 | position: relative; | ||
2490 | top: -22px; | ||
2491 | left: 40px; | ||
2492 | display: block; | ||
2493 | white-space: nowrap; | ||
2494 | overflow: hidden; | ||
2495 | } | ||
2496 | |||
2497 | body[orientation="portrait"] li.cardListItem a { | ||
2498 | max-width: 250px; | ||
2499 | } | ||
2500 | |||
2501 | body[orientation="landscape"] li.cardListItem a { | ||
2502 | max-width: 400px; | ||
2503 | } | ||
2504 | |||
2505 | li.cardListItem img { | ||
2506 | height: 20px; | ||
2507 | width: 20px; | ||
2508 | padding: 12px 10px 0px 10px; | ||
2509 | } | ||
2510 | |||
2511 | li.cardListItem a { | ||
2512 | text-decoration: none; | ||
2513 | color: black; | ||
2514 | font-weight: bold; | ||
2515 | font-size: 14pt; | ||
2516 | vertical-align: 3px; | ||
2517 | } | ||
2518 | |||
2519 | |||
2520 | div.cardDetailPanel { | ||
2521 | position: absolute; | ||
2522 | top: 45px; | ||
2523 | min-height: 372px; | ||
2524 | |||
2525 | box-sizing: border-box; | ||
2526 | -moz-box-sizing: border-box; | ||
2527 | -webkit-box-sizing: border-box; | ||
2528 | padding: 10px; | ||
2529 | //background: #c8c8c8 url(./images/old/iPhone/pinstripes.png); | ||
2530 | background: #c8c8c8 url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAIAAACdaSOZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiPHrmCgMC/GNjYwNSAAEGADdNA3dnzPlQAAAAAElFTkSuQmCCCg==); | ||
2531 | } | ||
2532 | |||
2533 | div.cardDetailPanel > fieldset > div.row > span.directLogin { | ||
2534 | width: 100%; | ||
2535 | box-sizing: border-box; | ||
2536 | -moz-box-sizing: border-box; | ||
2537 | -webkit-box-sizing: border-box; | ||
2538 | margin: 0; | ||
2539 | border: none; | ||
2540 | padding: 12px 10px 0 110px; | ||
2541 | height: 42px; | ||
2542 | background: none; | ||
2543 | font-size: 16px; | ||
2544 | font-weight: normal; | ||
2545 | |||
2546 | padding-left: 40px; | ||
2547 | color: black; | ||
2548 | //background: url(./images/old/iPhone/listArrow.png) no-repeat right center; | ||
2549 | background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAUCAYAAAB4d5a9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKVJREFUeNpi/P//PwOtARMDHcDwsYQFRJSXl8P4dVC6CZvizs5O8i1BsqARid9Ei+BiQ2KDLKumhSU1QNyKxG+hlkXoEQ+yqAPNogpapK5KNIvaKbUIVxKeAsTvkPg5QCxETUukgfgAkqFPgdgBzVKKLIFZoIJmwR1qBRdNLEC2BJQpV9LCAmRL/gBxAtRwqlqAXqzcgRrOQE0LQIBxtNIiBQAEGAA7xCa2yF9zEgAAAABJRU5ErkJgggo=) no-repeat right center; | ||
2550 | } | ||
2551 | |||
2552 | body[orientation="landscape"] div.cardDetailPanel > fieldset > div.row > span.directLogin { | ||
2553 | padding-left: 50px; | ||
2554 | } | ||
2555 | |||
2556 | div.cardDetailPanel h2 { | ||
2557 | margin: 0 0 8px 14px; | ||
2558 | font-size: inherit; | ||
2559 | font-weight: bold; | ||
2560 | color: #4d4d70; | ||
2561 | text-shadow: rgba(255, 255, 255, 0.75) 1px 1px 0; | ||
2562 | } | ||
2563 | |||
2564 | body[orientation="portrait"] > * { | ||
2565 | width: 320px; | ||
2566 | } | ||
2567 | |||
2568 | body[orientation="landscape"] > * { | ||
2569 | width: 480px; | ||
2570 | } | ||
2571 | */ \ No newline at end of file | ||
diff --git a/frontend/gamma/css/static.css b/frontend/gamma/css/static.css new file mode 100644 index 0000000..9953a8d --- a/dev/null +++ b/frontend/gamma/css/static.css | |||
@@ -0,0 +1,166 @@ | |||
1 | /* | ||
2 | |||
3 | Copyright 2008-2011 Clipperz Srl | ||
4 | |||
5 | This file is part of Clipperz Community Edition. | ||
6 | Clipperz Community Edition is an online password manager. | ||
7 | For further information about its features and functionalities please | ||
8 | refer to http://www.clipperz.com. | ||
9 | |||
10 | * Clipperz Community Edition is free software: you can redistribute | ||
11 | it and/or modify it under the terms of the GNU Affero General Public | ||
12 | License as published by the Free Software Foundation, either version | ||
13 | 3 of the License, or (at your option) any later version. | ||
14 | |||
15 | * Clipperz Community Edition is distributed in the hope that it will | ||
16 | be useful, but WITHOUT ANY WARRANTY; without even the implied | ||
17 | warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. | ||
18 | See the GNU Affero General Public License for more details. | ||
19 | |||
20 | * You should have received a copy of the GNU Affero General Public | ||
21 | License along with Clipperz Community Edition. If not, see | ||
22 | <http://www.gnu.org/licenses/>. | ||
23 | |||
24 | */ | ||
25 | |||
26 | body { | ||
27 | padding: 0px; | ||
28 | margin: 0px; | ||
29 | font-family: Helvetica, Arial, Geneva, sans-serif; | ||
30 | color: #666666; | ||
31 | } | ||
32 | div.header { | ||
33 | padding: 20px 25px; | ||
34 | background-color: #1f2148; | ||
35 | } | ||
36 | div#logo { | ||
37 | background: url(./images/old/logo.png); | ||
38 | width: 150px; | ||
39 | height: 39px; | ||
40 | display: block; | ||
41 | } | ||
42 | h5.clipperzPayoff { | ||
43 | color: white; | ||
44 | font-size: 13pt; | ||
45 | font-weight: normal; | ||
46 | padding-left: 20px; | ||
47 | white-space: nowrap; | ||
48 | margin: 0px; | ||
49 | padding-left: 4px; | ||
50 | } | ||
51 | /* | ||
52 | h1 { | ||
53 | font-size: 40pt; | ||
54 | color: #333366; | ||
55 | } | ||
56 | |||
57 | h1 span.logo_z { | ||
58 | color: #ff9400; | ||
59 | } | ||
60 | */ | ||
61 | div.contentWrapper { | ||
62 | padding: 20px; | ||
63 | } | ||
64 | div.block1 { | ||
65 | float: left; | ||
66 | margin-right: 40px; | ||
67 | } | ||
68 | div.block2 { | ||
69 | float: left; | ||
70 | } | ||
71 | div.languageBlock { | ||
72 | clear: both; | ||
73 | padding-top: 20px; | ||
74 | } | ||
75 | div.flags { | ||
76 | float: left; | ||
77 | } | ||
78 | div.content { | ||
79 | float: left; | ||
80 | margin-left: 20px; | ||
81 | width: 300px; | ||
82 | } | ||
83 | h3 { | ||
84 | margin: 0px; | ||
85 | padding-top: 10px; | ||
86 | } | ||
87 | p { | ||
88 | font-size: 10pt; | ||
89 | line-height: 20px; | ||
90 | } | ||
91 | /* @group RSS feed */ | ||
92 | body.iFrame { | ||
93 | margin: 0px; | ||
94 | padding: 0px; | ||
95 | border: 0px; | ||
96 | font-family: Helvetica, Arial, Geneva, sans-serif; | ||
97 | } | ||
98 | div#feedContent ul { | ||
99 | list-style-type: none; | ||
100 | padding: 0px; | ||
101 | margin: 0px; | ||
102 | } | ||
103 | div#feedContent ul li { | ||
104 | display: none; | ||
105 | } | ||
106 | div#feedContent ul li.selected { | ||
107 | display: block; | ||
108 | padding-top: 6px; | ||
109 | } | ||
110 | div#feedContent ul li.selected em.date { | ||
111 | display: none; | ||
112 | } | ||
113 | div#feedContent ul li.selected a { | ||
114 | display: none; | ||
115 | } | ||
116 | div#feedContent ul li.selected h2 { | ||
117 | font-size: 8pt; | ||
118 | color: #c3c4cf; | ||
119 | margin: 0px; | ||
120 | border: 0px; | ||
121 | padding: 0px; | ||
122 | } | ||
123 | div#feedContent ul li.selected p { | ||
124 | font-size: 8pt; | ||
125 | color: #c3c4cf; | ||
126 | margin: 0px; | ||
127 | display: inline; | ||
128 | line-height: 15px; | ||
129 | } | ||
130 | div#feedContent ul li.selected p a { | ||
131 | font-size: 8pt; | ||
132 | color: #c3c4cf; | ||
133 | display: inline; | ||
134 | } | ||
135 | div.languageBlock div.flags { | ||
136 | height: 64px; | ||
137 | width: 64px; | ||
138 | } | ||
139 | div.languageBlock.en-us div.flags { | ||
140 | background: url(./images/old/flags/en.png); | ||
141 | } | ||
142 | div.languageBlock.zh-cn div.flags { | ||
143 | background: url(./images/old/flags/cn.png); | ||
144 | } | ||
145 | div.languageBlock.fr-fr div.flags { | ||
146 | background: url(./images/old/flags/fr.png); | ||
147 | } | ||
148 | div.languageBlock.it-it div.flags { | ||
149 | background: url(./images/old/flags/it.png); | ||
150 | } | ||
151 | div.languageBlock.ja-jp div.flags { | ||
152 | background: url(./images/old/flags/jp.png); | ||
153 | } | ||
154 | div.languageBlock.pt-br div.flags { | ||
155 | background: url(./images/old/flags/br.png); | ||
156 | } | ||
157 | div.languageBlock.es-es div.flags { | ||
158 | background: url(./images/old/flags/es.png); | ||
159 | } | ||
160 | div.languageBlock.ru-ru div.flags { | ||
161 | background: url(./images/old/flags/ru.png); | ||
162 | } | ||
163 | div.languageBlock.de-de div.flags { | ||
164 | background: url(./images/old/flags/de.png); | ||
165 | } | ||
166 | /* @end */ | ||
diff --git a/frontend/gamma/css/web.css b/frontend/gamma/css/web.css index 0a72e09..3540016 100644 --- a/frontend/gamma/css/web.css +++ b/frontend/gamma/css/web.css | |||
@@ -212,308 +212,8 @@ div.tooltip div.tooltip_body { | |||
212 | border-radius: 8px; | 212 | border-radius: 8px; |
213 | -moz-border-radius: 8px; | 213 | -moz-border-radius: 8px; |
214 | -webkit-border-radius: 8px; | 214 | -webkit-border-radius: 8px; |
215 | border-radius: 8px; | ||
216 | -moz-border-radius: 8px; | ||
217 | -webkit-border-radius: 8px; | ||
218 | border-radius: 8px; | ||
219 | -moz-border-radius: 8px; | ||
220 | -webkit-border-radius: 8px; | ||
221 | border-radius: 8px; | ||
222 | -moz-border-radius: 8px; | ||
223 | -webkit-border-radius: 8px; | ||
224 | border-radius: 8px; | ||
225 | -moz-border-radius: 8px; | ||
226 | -webkit-border-radius: 8px; | ||
227 | border-radius: 8px; | ||
228 | -moz-border-radius: 8px; | ||
229 | -webkit-border-radius: 8px; | ||
230 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
231 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
232 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
233 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
234 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
235 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
236 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
237 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
238 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | 215 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); |
239 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | 216 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); |
240 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
241 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
242 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
243 | -moz-box-shadow: 4px 4px 10px #333333; | ||
244 | box-shadow: 4px 4px 10px #333333; | ||
245 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
246 | -moz-box-shadow: 4px 4px 10px #333333; | ||
247 | box-shadow: 4px 4px 10px #333333; | ||
248 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
249 | -moz-box-shadow: 4px 4px 10px #333333; | ||
250 | box-shadow: 4px 4px 10px #333333; | ||
251 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
252 | -moz-box-shadow: 4px 4px 10px #333333; | ||
253 | box-shadow: 4px 4px 10px #333333; | ||
254 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
255 | -moz-box-shadow: 4px 4px 10px #333333; | ||
256 | box-shadow: 4px 4px 10px #333333; | ||
257 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
258 | -moz-box-shadow: 4px 4px 10px #333333; | ||
259 | box-shadow: 4px 4px 10px #333333; | ||
260 | border-top: 1px solid #d4d4d4; | ||
261 | border-left: 1px solid #a2a2a2; | ||
262 | border-right: 1px solid #6f6f6f; | ||
263 | border-bottom: 1px solid #3c3c3c; | ||
264 | border-radius: 8px; | ||
265 | -moz-border-radius: 8px; | ||
266 | -webkit-border-radius: 8px; | ||
267 | border-radius: 8px; | ||
268 | -moz-border-radius: 8px; | ||
269 | -webkit-border-radius: 8px; | ||
270 | border-radius: 8px; | ||
271 | -moz-border-radius: 8px; | ||
272 | -webkit-border-radius: 8px; | ||
273 | border-radius: 8px; | ||
274 | -moz-border-radius: 8px; | ||
275 | -webkit-border-radius: 8px; | ||
276 | border-radius: 8px; | ||
277 | -moz-border-radius: 8px; | ||
278 | -webkit-border-radius: 8px; | ||
279 | border-radius: 8px; | ||
280 | -moz-border-radius: 8px; | ||
281 | -webkit-border-radius: 8px; | ||
282 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
283 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
284 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
285 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
286 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
287 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
288 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
289 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
290 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
291 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
292 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
293 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
294 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
295 | -moz-box-shadow: 4px 4px 10px #333333; | ||
296 | box-shadow: 4px 4px 10px #333333; | ||
297 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
298 | -moz-box-shadow: 4px 4px 10px #333333; | ||
299 | box-shadow: 4px 4px 10px #333333; | ||
300 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
301 | -moz-box-shadow: 4px 4px 10px #333333; | ||
302 | box-shadow: 4px 4px 10px #333333; | ||
303 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
304 | -moz-box-shadow: 4px 4px 10px #333333; | ||
305 | box-shadow: 4px 4px 10px #333333; | ||
306 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
307 | -moz-box-shadow: 4px 4px 10px #333333; | ||
308 | box-shadow: 4px 4px 10px #333333; | ||
309 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
310 | -moz-box-shadow: 4px 4px 10px #333333; | ||
311 | box-shadow: 4px 4px 10px #333333; | ||
312 | border-top: 1px solid #d4d4d4; | ||
313 | border-left: 1px solid #a2a2a2; | ||
314 | border-right: 1px solid #6f6f6f; | ||
315 | border-bottom: 1px solid #3c3c3c; | ||
316 | border-radius: 8px; | ||
317 | -moz-border-radius: 8px; | ||
318 | -webkit-border-radius: 8px; | ||
319 | border-radius: 8px; | ||
320 | -moz-border-radius: 8px; | ||
321 | -webkit-border-radius: 8px; | ||
322 | border-radius: 8px; | ||
323 | -moz-border-radius: 8px; | ||
324 | -webkit-border-radius: 8px; | ||
325 | border-radius: 8px; | ||
326 | -moz-border-radius: 8px; | ||
327 | -webkit-border-radius: 8px; | ||
328 | border-radius: 8px; | ||
329 | -moz-border-radius: 8px; | ||
330 | -webkit-border-radius: 8px; | ||
331 | border-radius: 8px; | ||
332 | -moz-border-radius: 8px; | ||
333 | -webkit-border-radius: 8px; | ||
334 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
335 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
336 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
337 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
338 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
339 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
340 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
341 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
342 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
343 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
344 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
345 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
346 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
347 | -moz-box-shadow: 4px 4px 10px #333333; | ||
348 | box-shadow: 4px 4px 10px #333333; | ||
349 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
350 | -moz-box-shadow: 4px 4px 10px #333333; | ||
351 | box-shadow: 4px 4px 10px #333333; | ||
352 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
353 | -moz-box-shadow: 4px 4px 10px #333333; | ||
354 | box-shadow: 4px 4px 10px #333333; | ||
355 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
356 | -moz-box-shadow: 4px 4px 10px #333333; | ||
357 | box-shadow: 4px 4px 10px #333333; | ||
358 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
359 | -moz-box-shadow: 4px 4px 10px #333333; | ||
360 | box-shadow: 4px 4px 10px #333333; | ||
361 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
362 | -moz-box-shadow: 4px 4px 10px #333333; | ||
363 | box-shadow: 4px 4px 10px #333333; | ||
364 | border-top: 1px solid #d4d4d4; | ||
365 | border-left: 1px solid #a2a2a2; | ||
366 | border-right: 1px solid #6f6f6f; | ||
367 | border-bottom: 1px solid #3c3c3c; | ||
368 | border-radius: 8px; | ||
369 | -moz-border-radius: 8px; | ||
370 | -webkit-border-radius: 8px; | ||
371 | border-radius: 8px; | ||
372 | -moz-border-radius: 8px; | ||
373 | -webkit-border-radius: 8px; | ||
374 | border-radius: 8px; | ||
375 | -moz-border-radius: 8px; | ||
376 | -webkit-border-radius: 8px; | ||
377 | border-radius: 8px; | ||
378 | -moz-border-radius: 8px; | ||
379 | -webkit-border-radius: 8px; | ||
380 | border-radius: 8px; | ||
381 | -moz-border-radius: 8px; | ||
382 | -webkit-border-radius: 8px; | ||
383 | border-radius: 8px; | ||
384 | -moz-border-radius: 8px; | ||
385 | -webkit-border-radius: 8px; | ||
386 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
387 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
388 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
389 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
390 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
391 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
392 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
393 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
394 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
395 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
396 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
397 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
398 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
399 | -moz-box-shadow: 4px 4px 10px #333333; | ||
400 | box-shadow: 4px 4px 10px #333333; | ||
401 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
402 | -moz-box-shadow: 4px 4px 10px #333333; | ||
403 | box-shadow: 4px 4px 10px #333333; | ||
404 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
405 | -moz-box-shadow: 4px 4px 10px #333333; | ||
406 | box-shadow: 4px 4px 10px #333333; | ||
407 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
408 | -moz-box-shadow: 4px 4px 10px #333333; | ||
409 | box-shadow: 4px 4px 10px #333333; | ||
410 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
411 | -moz-box-shadow: 4px 4px 10px #333333; | ||
412 | box-shadow: 4px 4px 10px #333333; | ||
413 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
414 | -moz-box-shadow: 4px 4px 10px #333333; | ||
415 | box-shadow: 4px 4px 10px #333333; | ||
416 | border-top: 1px solid #d4d4d4; | ||
417 | border-left: 1px solid #a2a2a2; | ||
418 | border-right: 1px solid #6f6f6f; | ||
419 | border-bottom: 1px solid #3c3c3c; | ||
420 | border-radius: 8px; | ||
421 | -moz-border-radius: 8px; | ||
422 | -webkit-border-radius: 8px; | ||
423 | border-radius: 8px; | ||
424 | -moz-border-radius: 8px; | ||
425 | -webkit-border-radius: 8px; | ||
426 | border-radius: 8px; | ||
427 | -moz-border-radius: 8px; | ||
428 | -webkit-border-radius: 8px; | ||
429 | border-radius: 8px; | ||
430 | -moz-border-radius: 8px; | ||
431 | -webkit-border-radius: 8px; | ||
432 | border-radius: 8px; | ||
433 | -moz-border-radius: 8px; | ||
434 | -webkit-border-radius: 8px; | ||
435 | border-radius: 8px; | ||
436 | -moz-border-radius: 8px; | ||
437 | -webkit-border-radius: 8px; | ||
438 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
439 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
440 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
441 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
442 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
443 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
444 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
445 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
446 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
447 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
448 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
449 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
450 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
451 | -moz-box-shadow: 4px 4px 10px #333333; | ||
452 | box-shadow: 4px 4px 10px #333333; | ||
453 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
454 | -moz-box-shadow: 4px 4px 10px #333333; | ||
455 | box-shadow: 4px 4px 10px #333333; | ||
456 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
457 | -moz-box-shadow: 4px 4px 10px #333333; | ||
458 | box-shadow: 4px 4px 10px #333333; | ||
459 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
460 | -moz-box-shadow: 4px 4px 10px #333333; | ||
461 | box-shadow: 4px 4px 10px #333333; | ||
462 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
463 | -moz-box-shadow: 4px 4px 10px #333333; | ||
464 | box-shadow: 4px 4px 10px #333333; | ||
465 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
466 | -moz-box-shadow: 4px 4px 10px #333333; | ||
467 | box-shadow: 4px 4px 10px #333333; | ||
468 | border-top: 1px solid #d4d4d4; | ||
469 | border-left: 1px solid #a2a2a2; | ||
470 | border-right: 1px solid #6f6f6f; | ||
471 | border-bottom: 1px solid #3c3c3c; | ||
472 | border-radius: 8px; | ||
473 | -moz-border-radius: 8px; | ||
474 | -webkit-border-radius: 8px; | ||
475 | border-radius: 8px; | ||
476 | -moz-border-radius: 8px; | ||
477 | -webkit-border-radius: 8px; | ||
478 | border-radius: 8px; | ||
479 | -moz-border-radius: 8px; | ||
480 | -webkit-border-radius: 8px; | ||
481 | border-radius: 8px; | ||
482 | -moz-border-radius: 8px; | ||
483 | -webkit-border-radius: 8px; | ||
484 | border-radius: 8px; | ||
485 | -moz-border-radius: 8px; | ||
486 | -webkit-border-radius: 8px; | ||
487 | border-radius: 8px; | ||
488 | -moz-border-radius: 8px; | ||
489 | -webkit-border-radius: 8px; | ||
490 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
491 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
492 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
493 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
494 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
495 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
496 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
497 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
498 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
499 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
500 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
501 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
502 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
503 | -moz-box-shadow: 4px 4px 10px #333333; | ||
504 | box-shadow: 4px 4px 10px #333333; | ||
505 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
506 | -moz-box-shadow: 4px 4px 10px #333333; | ||
507 | box-shadow: 4px 4px 10px #333333; | ||
508 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
509 | -moz-box-shadow: 4px 4px 10px #333333; | ||
510 | box-shadow: 4px 4px 10px #333333; | ||
511 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
512 | -moz-box-shadow: 4px 4px 10px #333333; | ||
513 | box-shadow: 4px 4px 10px #333333; | ||
514 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
515 | -moz-box-shadow: 4px 4px 10px #333333; | ||
516 | box-shadow: 4px 4px 10px #333333; | ||
517 | -webkit-box-shadow: 4px 4px 10px #333333; | 217 | -webkit-box-shadow: 4px 4px 10px #333333; |
518 | -moz-box-shadow: 4px 4px 10px #333333; | 218 | -moz-box-shadow: 4px 4px 10px #333333; |
519 | box-shadow: 4px 4px 10px #333333; | 219 | box-shadow: 4px 4px 10px #333333; |
@@ -563,6 +263,53 @@ div.tooltip.RIGHT div.tooltip_arrow { | |||
563 | div.tooltip.RIGHT div.tooltip_body div.tooltip_text { | 263 | div.tooltip.RIGHT div.tooltip_body div.tooltip_text { |
564 | min-height: 45px; | 264 | min-height: 45px; |
565 | } | 265 | } |
266 | .button.default { | ||
267 | display: inline-block; | ||
268 | height: 20px; | ||
269 | cursor: pointer; | ||
270 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffa76f), to(#ff6622)); | ||
271 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffa76f); | ||
272 | border-radius: 5; | ||
273 | -moz-border-radius: 5; | ||
274 | -webkit-border-radius: 5; | ||
275 | border: 1px solid #ff7f46; | ||
276 | padding-top: 4px; | ||
277 | padding-left: 15px; | ||
278 | padding-right: 15px; | ||
279 | padding-bottom: 2px; | ||
280 | color: white; | ||
281 | font-weight: lighter; | ||
282 | text-shadow: -1px -1px 1px #ff6622, 1px 1px 1px #ffa76f; | ||
283 | text-decoration: none; | ||
284 | font-weight: normal; | ||
285 | } | ||
286 | .button.default:hover { | ||
287 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff8e46), to(#ff6622)); | ||
288 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff8e46); | ||
289 | } | ||
290 | .button { | ||
291 | display: inline-block; | ||
292 | height: 20px; | ||
293 | cursor: pointer; | ||
294 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bfbfbf), to(#999999)); | ||
295 | background: -moz-linear-gradient(0% 100% 90deg, #999999, #bfbfbf); | ||
296 | border-radius: 5; | ||
297 | -moz-border-radius: 5; | ||
298 | -webkit-border-radius: 5; | ||
299 | border: 1px solid #ababab; | ||
300 | padding-top: 4px; | ||
301 | padding-left: 15px; | ||
302 | padding-right: 15px; | ||
303 | padding-bottom: 2px; | ||
304 | color: white; | ||
305 | font-weight: lighter; | ||
306 | text-shadow: -1px -1px 1px #999999, 1px 1px 1px #bfbfbf; | ||
307 | text-decoration: none; | ||
308 | } | ||
309 | .button:hover { | ||
310 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ababab), to(#999999)); | ||
311 | background: -moz-linear-gradient(0% 100% 90deg, #999999, #ababab); | ||
312 | } | ||
566 | /* | 313 | /* |
567 | 314 | ||
568 | Color list: | 315 | Color list: |
@@ -614,47 +361,32 @@ div.modalDialogMask.userInfoBoxMask { | |||
614 | div.pageHeaderAndBody { | 361 | div.pageHeaderAndBody { |
615 | height: 100%; | 362 | height: 100%; |
616 | } | 363 | } |
617 | body > div.pageHeaderAndBody { | 364 | div.pageHeaderAndBody div#pageBody { |
618 | height: auto; | 365 | min-width: 1013px; |
619 | min-height: 100%; | 366 | padding-bottom: 90px; |
620 | } | 367 | } |
621 | div.pageHeader { | 368 | div.pageHeaderAndBody div.pageHeader { |
622 | background-color: #1f2148; | 369 | background-color: #1f2148; |
623 | min-width: 1013px; | 370 | min-width: 1013px; |
624 | } | 371 | } |
625 | div.pageHeader div#miscLinks { | 372 | div.pageHeaderAndBody div.pageHeader div#miscLinks { |
626 | float: right; | 373 | float: right; |
627 | } | 374 | } |
628 | div.pageHeader div#miscLinks ul { | 375 | div.pageHeaderAndBody div.pageHeader div#miscLinks ul { |
629 | margin: 12px 0px 0px; | 376 | margin: 12px 0px 0px; |
630 | padding: 15px; | 377 | padding: 15px; |
631 | } | 378 | } |
632 | div.pageHeader div#miscLinks ul li { | 379 | div.pageHeaderAndBody div.pageHeader div#miscLinks ul li { |
633 | display: inline; | 380 | display: inline; |
634 | margin: 0px; | 381 | margin: 0px; |
635 | padding: 0px; | 382 | padding: 0px; |
636 | border: 0px; | 383 | border: 0px; |
637 | } | 384 | } |
638 | div.pageHeader div#miscLinks ul li a { | 385 | div.pageHeaderAndBody div.pageHeader div#miscLinks ul li a { |
639 | color: #ffffff; | 386 | color: #ffffff; |
640 | margin: 0px; | 387 | margin: 0px; |
641 | padding: 0px; | 388 | padding: 0px; |
642 | border: 0px; | 389 | border: 0px; |
643 | margin: 0px; | ||
644 | padding: 0px; | ||
645 | border: 0px; | ||
646 | margin: 0px; | ||
647 | padding: 0px; | ||
648 | border: 0px; | ||
649 | margin: 0px; | ||
650 | padding: 0px; | ||
651 | border: 0px; | ||
652 | margin: 0px; | ||
653 | padding: 0px; | ||
654 | border: 0px; | ||
655 | margin: 0px; | ||
656 | padding: 0px; | ||
657 | border: 0px; | ||
658 | padding: 15px; | 390 | padding: 15px; |
659 | border-left: 1px solid #3e428f; | 391 | border-left: 1px solid #3e428f; |
660 | font-weight: normal; | 392 | font-weight: normal; |
@@ -662,106 +394,66 @@ div.pageHeader div#miscLinks ul li a { | |||
662 | font-size: 12pt; | 394 | font-size: 12pt; |
663 | min-width: 70px; | 395 | min-width: 70px; |
664 | } | 396 | } |
665 | div.pageHeader div#miscLinks ul li a:hover { | 397 | div.pageHeaderAndBody div.pageHeader div#miscLinks ul li a:hover { |
666 | color: #b8bae1; | 398 | color: #b8bae1; |
667 | } | 399 | } |
668 | div.pageHeader div#miscLinks ul li a#donateHeaderLink { | 400 | div.pageHeaderAndBody div.pageHeader div#miscLinks ul li a#donateHeaderLink { |
669 | border-left: 0px; | 401 | border-left: 0px; |
670 | } | 402 | } |
671 | div.pageHeader div#logoFrame { | 403 | div.pageHeaderAndBody div.pageHeader div#logoFrame { |
672 | padding: 16px 16px 60px 16px; | 404 | padding: 16px 16px 60px 16px; |
673 | min-height: 44px; | 405 | min-height: 44px; |
674 | } | 406 | } |
675 | div.pageHeader div#logoFrame a { | 407 | div.pageHeaderAndBody div.pageHeader div#logoFrame a { |
676 | color: white; | 408 | color: white; |
677 | text-decoration: none; | 409 | text-decoration: none; |
678 | } | 410 | } |
679 | div.pageHeader div#logoFrame a canvas { | 411 | div.pageHeaderAndBody div.pageHeader div#logoFrame a canvas { |
680 | margin: 0px; | ||
681 | padding: 0px; | ||
682 | border: 0px; | ||
683 | margin: 0px; | ||
684 | padding: 0px; | ||
685 | border: 0px; | ||
686 | margin: 0px; | ||
687 | padding: 0px; | ||
688 | border: 0px; | ||
689 | margin: 0px; | ||
690 | padding: 0px; | ||
691 | border: 0px; | ||
692 | margin: 0px; | ||
693 | padding: 0px; | ||
694 | border: 0px; | ||
695 | margin: 0px; | 412 | margin: 0px; |
696 | padding: 0px; | 413 | padding: 0px; |
697 | border: 0px; | 414 | border: 0px; |
698 | width: 150px; | 415 | width: 150px; |
699 | height: 39px; | 416 | height: 39px; |
700 | } | 417 | } |
701 | div.pageHeader div#logoFrame a h5.clipperzPayoff { | 418 | div.pageHeaderAndBody div.pageHeader div#logoFrame a h5.clipperzPayoff { |
702 | font-size: 13pt; | 419 | font-size: 13pt; |
703 | font-weight: normal; | 420 | font-weight: normal; |
704 | white-space: nowrap; | 421 | white-space: nowrap; |
705 | margin: 0px; | 422 | margin: 0px; |
706 | padding-left: 4px; | 423 | padding-left: 4px; |
707 | } | 424 | } |
708 | div.pageHeader div#featureTabs table { | 425 | div.pageHeaderAndBody div.pageHeader div#featureTabs table { |
709 | width: 100%; | 426 | width: 100%; |
710 | padding: 6px; | 427 | padding: 6px; |
711 | padding-left: 15px; | 428 | padding-left: 15px; |
712 | padding-right: 15px; | 429 | padding-right: 15px; |
713 | padding-bottom: 46px; | 430 | padding-bottom: 46px; |
714 | } | 431 | } |
715 | div.pageHeader div#featureTabs table tr td { | 432 | div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td { |
716 | width: 25%; | 433 | width: 25%; |
717 | vertical-align: top; | 434 | vertical-align: top; |
718 | font-size: 11pt; | 435 | font-size: 11pt; |
719 | color: white; | 436 | color: white; |
720 | } | 437 | } |
721 | div.pageHeader div#featureTabs table tr td img { | 438 | div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td img { |
722 | float: left; | 439 | float: left; |
723 | } | 440 | } |
724 | div.pageHeader div#featureTabs table tr td span { | 441 | div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td span { |
725 | display: block; | 442 | display: block; |
726 | padding: 5 10 5 85; | 443 | padding: 5 10 5 85; |
727 | } | 444 | } |
728 | div.pageHeader div#featureTabs canvas.featureIcon { | 445 | div.pageHeaderAndBody div.pageHeader div#featureTabs canvas.featureIcon { |
729 | width: 76px; | 446 | width: 76px; |
730 | height: 76px; | 447 | height: 76px; |
731 | display: block; | 448 | display: block; |
732 | float: left; | 449 | float: left; |
733 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); | 450 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); |
734 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); | 451 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); |
735 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); | ||
736 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); | ||
737 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); | ||
738 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); | ||
739 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); | ||
740 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); | ||
741 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); | ||
742 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); | ||
743 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); | ||
744 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); | ||
745 | border-radius: 38px; | ||
746 | -moz-border-radius: 38px; | ||
747 | -webkit-border-radius: 38px; | ||
748 | border-radius: 38px; | ||
749 | -moz-border-radius: 38px; | ||
750 | -webkit-border-radius: 38px; | ||
751 | border-radius: 38px; | ||
752 | -moz-border-radius: 38px; | ||
753 | -webkit-border-radius: 38px; | ||
754 | border-radius: 38px; | ||
755 | -moz-border-radius: 38px; | ||
756 | -webkit-border-radius: 38px; | ||
757 | border-radius: 38px; | ||
758 | -moz-border-radius: 38px; | ||
759 | -webkit-border-radius: 38px; | ||
760 | border-radius: 38px; | 452 | border-radius: 38px; |
761 | -moz-border-radius: 38px; | 453 | -moz-border-radius: 38px; |
762 | -webkit-border-radius: 38px; | 454 | -webkit-border-radius: 38px; |
763 | } | 455 | } |
764 | div.pageHeader div#news { | 456 | div.pageHeaderAndBody div.pageHeader div#news { |
765 | top: -82px; | 457 | top: -82px; |
766 | left: 240px; | 458 | left: 240px; |
767 | width: 310px; | 459 | width: 310px; |
@@ -771,257 +463,32 @@ div.pageHeader div#news { | |||
771 | -webkit-border-bottom-left-radius: 8px; | 463 | -webkit-border-bottom-left-radius: 8px; |
772 | -moz-border-radius-bottomleft: 8px; | 464 | -moz-border-radius-bottomleft: 8px; |
773 | border-bottom-left-radius: 8px; | 465 | border-bottom-left-radius: 8px; |
774 | -webkit-border-bottom-left-radius: 8px; | ||
775 | -moz-border-radius-bottomleft: 8px; | ||
776 | border-bottom-left-radius: 8px; | ||
777 | -webkit-border-bottom-left-radius: 8px; | ||
778 | -moz-border-radius-bottomleft: 8px; | ||
779 | border-bottom-left-radius: 8px; | ||
780 | -webkit-border-bottom-left-radius: 8px; | ||
781 | -moz-border-radius-bottomleft: 8px; | ||
782 | border-bottom-left-radius: 8px; | ||
783 | -webkit-border-bottom-left-radius: 8px; | ||
784 | -moz-border-radius-bottomleft: 8px; | ||
785 | border-bottom-left-radius: 8px; | ||
786 | -webkit-border-bottom-left-radius: 8px; | ||
787 | -moz-border-radius-bottomleft: 8px; | ||
788 | border-bottom-left-radius: 8px; | ||
789 | -webkit-border-bottom-right-radius: 8px; | ||
790 | -moz-border-radius-bottomright: 8px; | ||
791 | border-bottom-right-radius: 8px; | ||
792 | -webkit-border-bottom-right-radius: 8px; | ||
793 | -moz-border-radius-bottomright: 8px; | ||
794 | border-bottom-right-radius: 8px; | ||
795 | -webkit-border-bottom-right-radius: 8px; | ||
796 | -moz-border-radius-bottomright: 8px; | ||
797 | border-bottom-right-radius: 8px; | ||
798 | -webkit-border-bottom-right-radius: 8px; | ||
799 | -moz-border-radius-bottomright: 8px; | ||
800 | border-bottom-right-radius: 8px; | ||
801 | -webkit-border-bottom-right-radius: 8px; | ||
802 | -moz-border-radius-bottomright: 8px; | ||
803 | border-bottom-right-radius: 8px; | ||
804 | -webkit-border-bottom-right-radius: 8px; | ||
805 | -moz-border-radius-bottomright: 8px; | ||
806 | border-bottom-right-radius: 8px; | ||
807 | -webkit-border-bottom-left-radius: 8px; | ||
808 | -moz-border-radius-bottomleft: 8px; | ||
809 | border-bottom-left-radius: 8px; | ||
810 | -webkit-border-bottom-left-radius: 8px; | ||
811 | -moz-border-radius-bottomleft: 8px; | ||
812 | border-bottom-left-radius: 8px; | ||
813 | -webkit-border-bottom-left-radius: 8px; | ||
814 | -moz-border-radius-bottomleft: 8px; | ||
815 | border-bottom-left-radius: 8px; | ||
816 | -webkit-border-bottom-left-radius: 8px; | ||
817 | -moz-border-radius-bottomleft: 8px; | ||
818 | border-bottom-left-radius: 8px; | ||
819 | -webkit-border-bottom-left-radius: 8px; | ||
820 | -moz-border-radius-bottomleft: 8px; | ||
821 | border-bottom-left-radius: 8px; | ||
822 | -webkit-border-bottom-left-radius: 8px; | ||
823 | -moz-border-radius-bottomleft: 8px; | ||
824 | border-bottom-left-radius: 8px; | ||
825 | -webkit-border-bottom-right-radius: 8px; | ||
826 | -moz-border-radius-bottomright: 8px; | ||
827 | border-bottom-right-radius: 8px; | ||
828 | -webkit-border-bottom-right-radius: 8px; | ||
829 | -moz-border-radius-bottomright: 8px; | ||
830 | border-bottom-right-radius: 8px; | ||
831 | -webkit-border-bottom-right-radius: 8px; | ||
832 | -moz-border-radius-bottomright: 8px; | ||
833 | border-bottom-right-radius: 8px; | ||
834 | -webkit-border-bottom-right-radius: 8px; | ||
835 | -moz-border-radius-bottomright: 8px; | ||
836 | border-bottom-right-radius: 8px; | ||
837 | -webkit-border-bottom-right-radius: 8px; | ||
838 | -moz-border-radius-bottomright: 8px; | ||
839 | border-bottom-right-radius: 8px; | ||
840 | -webkit-border-bottom-right-radius: 8px; | ||
841 | -moz-border-radius-bottomright: 8px; | ||
842 | border-bottom-right-radius: 8px; | ||
843 | -webkit-border-bottom-left-radius: 8px; | ||
844 | -moz-border-radius-bottomleft: 8px; | ||
845 | border-bottom-left-radius: 8px; | ||
846 | -webkit-border-bottom-left-radius: 8px; | ||
847 | -moz-border-radius-bottomleft: 8px; | ||
848 | border-bottom-left-radius: 8px; | ||
849 | -webkit-border-bottom-left-radius: 8px; | ||
850 | -moz-border-radius-bottomleft: 8px; | ||
851 | border-bottom-left-radius: 8px; | ||
852 | -webkit-border-bottom-left-radius: 8px; | ||
853 | -moz-border-radius-bottomleft: 8px; | ||
854 | border-bottom-left-radius: 8px; | ||
855 | -webkit-border-bottom-left-radius: 8px; | ||
856 | -moz-border-radius-bottomleft: 8px; | ||
857 | border-bottom-left-radius: 8px; | ||
858 | -webkit-border-bottom-left-radius: 8px; | ||
859 | -moz-border-radius-bottomleft: 8px; | ||
860 | border-bottom-left-radius: 8px; | ||
861 | -webkit-border-bottom-right-radius: 8px; | ||
862 | -moz-border-radius-bottomright: 8px; | ||
863 | border-bottom-right-radius: 8px; | ||
864 | -webkit-border-bottom-right-radius: 8px; | ||
865 | -moz-border-radius-bottomright: 8px; | ||
866 | border-bottom-right-radius: 8px; | ||
867 | -webkit-border-bottom-right-radius: 8px; | ||
868 | -moz-border-radius-bottomright: 8px; | ||
869 | border-bottom-right-radius: 8px; | ||
870 | -webkit-border-bottom-right-radius: 8px; | ||
871 | -moz-border-radius-bottomright: 8px; | ||
872 | border-bottom-right-radius: 8px; | ||
873 | -webkit-border-bottom-right-radius: 8px; | ||
874 | -moz-border-radius-bottomright: 8px; | ||
875 | border-bottom-right-radius: 8px; | ||
876 | -webkit-border-bottom-right-radius: 8px; | ||
877 | -moz-border-radius-bottomright: 8px; | ||
878 | border-bottom-right-radius: 8px; | ||
879 | -webkit-border-bottom-left-radius: 8px; | ||
880 | -moz-border-radius-bottomleft: 8px; | ||
881 | border-bottom-left-radius: 8px; | ||
882 | -webkit-border-bottom-left-radius: 8px; | ||
883 | -moz-border-radius-bottomleft: 8px; | ||
884 | border-bottom-left-radius: 8px; | ||
885 | -webkit-border-bottom-left-radius: 8px; | ||
886 | -moz-border-radius-bottomleft: 8px; | ||
887 | border-bottom-left-radius: 8px; | ||
888 | -webkit-border-bottom-left-radius: 8px; | ||
889 | -moz-border-radius-bottomleft: 8px; | ||
890 | border-bottom-left-radius: 8px; | ||
891 | -webkit-border-bottom-left-radius: 8px; | ||
892 | -moz-border-radius-bottomleft: 8px; | ||
893 | border-bottom-left-radius: 8px; | ||
894 | -webkit-border-bottom-left-radius: 8px; | ||
895 | -moz-border-radius-bottomleft: 8px; | ||
896 | border-bottom-left-radius: 8px; | ||
897 | -webkit-border-bottom-right-radius: 8px; | ||
898 | -moz-border-radius-bottomright: 8px; | ||
899 | border-bottom-right-radius: 8px; | ||
900 | -webkit-border-bottom-right-radius: 8px; | ||
901 | -moz-border-radius-bottomright: 8px; | ||
902 | border-bottom-right-radius: 8px; | ||
903 | -webkit-border-bottom-right-radius: 8px; | ||
904 | -moz-border-radius-bottomright: 8px; | ||
905 | border-bottom-right-radius: 8px; | ||
906 | -webkit-border-bottom-right-radius: 8px; | ||
907 | -moz-border-radius-bottomright: 8px; | ||
908 | border-bottom-right-radius: 8px; | ||
909 | -webkit-border-bottom-right-radius: 8px; | ||
910 | -moz-border-radius-bottomright: 8px; | ||
911 | border-bottom-right-radius: 8px; | ||
912 | -webkit-border-bottom-right-radius: 8px; | ||
913 | -moz-border-radius-bottomright: 8px; | ||
914 | border-bottom-right-radius: 8px; | ||
915 | -webkit-border-bottom-left-radius: 8px; | ||
916 | -moz-border-radius-bottomleft: 8px; | ||
917 | border-bottom-left-radius: 8px; | ||
918 | -webkit-border-bottom-left-radius: 8px; | ||
919 | -moz-border-radius-bottomleft: 8px; | ||
920 | border-bottom-left-radius: 8px; | ||
921 | -webkit-border-bottom-left-radius: 8px; | ||
922 | -moz-border-radius-bottomleft: 8px; | ||
923 | border-bottom-left-radius: 8px; | ||
924 | -webkit-border-bottom-left-radius: 8px; | ||
925 | -moz-border-radius-bottomleft: 8px; | ||
926 | border-bottom-left-radius: 8px; | ||
927 | -webkit-border-bottom-left-radius: 8px; | ||
928 | -moz-border-radius-bottomleft: 8px; | ||
929 | border-bottom-left-radius: 8px; | ||
930 | -webkit-border-bottom-left-radius: 8px; | ||
931 | -moz-border-radius-bottomleft: 8px; | ||
932 | border-bottom-left-radius: 8px; | ||
933 | -webkit-border-bottom-right-radius: 8px; | ||
934 | -moz-border-radius-bottomright: 8px; | ||
935 | border-bottom-right-radius: 8px; | ||
936 | -webkit-border-bottom-right-radius: 8px; | ||
937 | -moz-border-radius-bottomright: 8px; | ||
938 | border-bottom-right-radius: 8px; | ||
939 | -webkit-border-bottom-right-radius: 8px; | ||
940 | -moz-border-radius-bottomright: 8px; | ||
941 | border-bottom-right-radius: 8px; | ||
942 | -webkit-border-bottom-right-radius: 8px; | ||
943 | -moz-border-radius-bottomright: 8px; | ||
944 | border-bottom-right-radius: 8px; | ||
945 | -webkit-border-bottom-right-radius: 8px; | ||
946 | -moz-border-radius-bottomright: 8px; | ||
947 | border-bottom-right-radius: 8px; | ||
948 | -webkit-border-bottom-right-radius: 8px; | ||
949 | -moz-border-radius-bottomright: 8px; | ||
950 | border-bottom-right-radius: 8px; | ||
951 | -webkit-border-bottom-left-radius: 8px; | ||
952 | -moz-border-radius-bottomleft: 8px; | ||
953 | border-bottom-left-radius: 8px; | ||
954 | -webkit-border-bottom-left-radius: 8px; | ||
955 | -moz-border-radius-bottomleft: 8px; | ||
956 | border-bottom-left-radius: 8px; | ||
957 | -webkit-border-bottom-left-radius: 8px; | ||
958 | -moz-border-radius-bottomleft: 8px; | ||
959 | border-bottom-left-radius: 8px; | ||
960 | -webkit-border-bottom-left-radius: 8px; | ||
961 | -moz-border-radius-bottomleft: 8px; | ||
962 | border-bottom-left-radius: 8px; | ||
963 | -webkit-border-bottom-left-radius: 8px; | ||
964 | -moz-border-radius-bottomleft: 8px; | ||
965 | border-bottom-left-radius: 8px; | ||
966 | -webkit-border-bottom-left-radius: 8px; | ||
967 | -moz-border-radius-bottomleft: 8px; | ||
968 | border-bottom-left-radius: 8px; | ||
969 | -webkit-border-bottom-right-radius: 8px; | ||
970 | -moz-border-radius-bottomright: 8px; | ||
971 | border-bottom-right-radius: 8px; | ||
972 | -webkit-border-bottom-right-radius: 8px; | ||
973 | -moz-border-radius-bottomright: 8px; | ||
974 | border-bottom-right-radius: 8px; | ||
975 | -webkit-border-bottom-right-radius: 8px; | 466 | -webkit-border-bottom-right-radius: 8px; |
976 | -moz-border-radius-bottomright: 8px; | 467 | -moz-border-radius-bottomright: 8px; |
977 | border-bottom-right-radius: 8px; | 468 | border-bottom-right-radius: 8px; |
978 | -webkit-border-bottom-right-radius: 8px; | ||
979 | -moz-border-radius-bottomright: 8px; | ||
980 | border-bottom-right-radius: 8px; | ||
981 | -webkit-border-bottom-right-radius: 8px; | ||
982 | -moz-border-radius-bottomright: 8px; | ||
983 | border-bottom-right-radius: 8px; | ||
984 | -webkit-border-bottom-right-radius: 8px; | ||
985 | -moz-border-radius-bottomright: 8px; | ||
986 | border-bottom-right-radius: 8px; | ||
987 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
988 | -moz-box-shadow: 2px 2px 9px #333333; | ||
989 | box-shadow: 2px 2px 9px #333333; | ||
990 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
991 | -moz-box-shadow: 2px 2px 9px #333333; | ||
992 | box-shadow: 2px 2px 9px #333333; | ||
993 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
994 | -moz-box-shadow: 2px 2px 9px #333333; | ||
995 | box-shadow: 2px 2px 9px #333333; | ||
996 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
997 | -moz-box-shadow: 2px 2px 9px #333333; | ||
998 | box-shadow: 2px 2px 9px #333333; | ||
999 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
1000 | -moz-box-shadow: 2px 2px 9px #333333; | ||
1001 | box-shadow: 2px 2px 9px #333333; | ||
1002 | -webkit-box-shadow: 2px 2px 9px #333333; | 469 | -webkit-box-shadow: 2px 2px 9px #333333; |
1003 | -moz-box-shadow: 2px 2px 9px #333333; | 470 | -moz-box-shadow: 2px 2px 9px #333333; |
1004 | box-shadow: 2px 2px 9px #333333; | 471 | box-shadow: 2px 2px 9px #333333; |
1005 | } | 472 | } |
1006 | div.pageHeader div#news div#newsframe { | 473 | div.pageHeaderAndBody div.pageHeader div#news div#newsframe { |
1007 | margin-left: 10px; | 474 | margin-left: 10px; |
1008 | margin-right: 10px; | 475 | margin-right: 10px; |
1009 | height: 75px; | 476 | height: 75px; |
1010 | overflow: hidden; | 477 | overflow: hidden; |
1011 | } | 478 | } |
1012 | div.pageHeader div#news div#newsframe iframe { | 479 | div.pageHeaderAndBody div.pageHeader div#news div#newsframe iframe { |
1013 | width: 290px; | 480 | width: 290px; |
1014 | border: 0px; | 481 | border: 0px; |
1015 | color: #616475; | 482 | color: #616475; |
1016 | background-color: #616475; | 483 | background-color: #616475; |
1017 | } | 484 | } |
1018 | div.pageHeader div#news div.grip { | 485 | div.pageHeaderAndBody div.pageHeader div#news div.grip { |
1019 | width: 310px; | 486 | width: 310px; |
1020 | height: 12px; | 487 | height: 6px; |
1021 | margin-top: 2px; | 488 | margin-top: 2px; |
1022 | cursor: pointer; | 489 | cursor: pointer; |
1023 | } | 490 | } |
1024 | div.pageHeader div#news div.grip div.gripHandler { | 491 | div.pageHeaderAndBody div.pageHeader div#news div.grip div.gripHandler { |
1025 | margin-left: auto; | 492 | margin-left: auto; |
1026 | margin-right: auto; | 493 | margin-right: auto; |
1027 | margin-top: 8px; | 494 | margin-top: 8px; |
@@ -1030,10 +497,10 @@ div.pageHeader div#news div.grip div.gripHandler { | |||
1030 | border-left: 5px solid transparent; | 497 | border-left: 5px solid transparent; |
1031 | border-right: 5px solid transparent; | 498 | border-right: 5px solid transparent; |
1032 | } | 499 | } |
1033 | div.pageHeader div#news.open div.grip div.gripHandler { | 500 | div.pageHeaderAndBody div.pageHeader div#news.open div.grip div.gripHandler { |
1034 | border-bottom: 5px solid #e9e9ec; | 501 | border-bottom: 5px solid #e9e9ec; |
1035 | } | 502 | } |
1036 | div.pageHeader div#news.hidden div.grip div.gripHandler { | 503 | div.pageHeaderAndBody div.pageHeader div#news.hidden div.grip div.gripHandler { |
1037 | border-top: 5px solid #e9e9ec; | 504 | border-top: 5px solid #e9e9ec; |
1038 | } | 505 | } |
1039 | div.pageFooter { | 506 | div.pageFooter { |
@@ -1137,216 +604,6 @@ div#loginBox div.header { | |||
1137 | -webkit-border-top-left-radius: 20px; | 604 | -webkit-border-top-left-radius: 20px; |
1138 | -moz-border-radius-topleft: 20px; | 605 | -moz-border-radius-topleft: 20px; |
1139 | border-top-left-radius: 20px; | 606 | border-top-left-radius: 20px; |
1140 | -webkit-border-top-left-radius: 20px; | ||
1141 | -moz-border-radius-topleft: 20px; | ||
1142 | border-top-left-radius: 20px; | ||
1143 | -webkit-border-top-left-radius: 20px; | ||
1144 | -moz-border-radius-topleft: 20px; | ||
1145 | border-top-left-radius: 20px; | ||
1146 | -webkit-border-top-left-radius: 20px; | ||
1147 | -moz-border-radius-topleft: 20px; | ||
1148 | border-top-left-radius: 20px; | ||
1149 | -webkit-border-top-left-radius: 20px; | ||
1150 | -moz-border-radius-topleft: 20px; | ||
1151 | border-top-left-radius: 20px; | ||
1152 | -webkit-border-top-left-radius: 20px; | ||
1153 | -moz-border-radius-topleft: 20px; | ||
1154 | border-top-left-radius: 20px; | ||
1155 | -webkit-border-top-right-radius: 20px; | ||
1156 | -moz-border-radius-topright: 20px; | ||
1157 | border-top-right-radius: 20px; | ||
1158 | -webkit-border-top-right-radius: 20px; | ||
1159 | -moz-border-radius-topright: 20px; | ||
1160 | border-top-right-radius: 20px; | ||
1161 | -webkit-border-top-right-radius: 20px; | ||
1162 | -moz-border-radius-topright: 20px; | ||
1163 | border-top-right-radius: 20px; | ||
1164 | -webkit-border-top-right-radius: 20px; | ||
1165 | -moz-border-radius-topright: 20px; | ||
1166 | border-top-right-radius: 20px; | ||
1167 | -webkit-border-top-right-radius: 20px; | ||
1168 | -moz-border-radius-topright: 20px; | ||
1169 | border-top-right-radius: 20px; | ||
1170 | -webkit-border-top-right-radius: 20px; | ||
1171 | -moz-border-radius-topright: 20px; | ||
1172 | border-top-right-radius: 20px; | ||
1173 | -webkit-border-top-left-radius: 20px; | ||
1174 | -moz-border-radius-topleft: 20px; | ||
1175 | border-top-left-radius: 20px; | ||
1176 | -webkit-border-top-left-radius: 20px; | ||
1177 | -moz-border-radius-topleft: 20px; | ||
1178 | border-top-left-radius: 20px; | ||
1179 | -webkit-border-top-left-radius: 20px; | ||
1180 | -moz-border-radius-topleft: 20px; | ||
1181 | border-top-left-radius: 20px; | ||
1182 | -webkit-border-top-left-radius: 20px; | ||
1183 | -moz-border-radius-topleft: 20px; | ||
1184 | border-top-left-radius: 20px; | ||
1185 | -webkit-border-top-left-radius: 20px; | ||
1186 | -moz-border-radius-topleft: 20px; | ||
1187 | border-top-left-radius: 20px; | ||
1188 | -webkit-border-top-left-radius: 20px; | ||
1189 | -moz-border-radius-topleft: 20px; | ||
1190 | border-top-left-radius: 20px; | ||
1191 | -webkit-border-top-right-radius: 20px; | ||
1192 | -moz-border-radius-topright: 20px; | ||
1193 | border-top-right-radius: 20px; | ||
1194 | -webkit-border-top-right-radius: 20px; | ||
1195 | -moz-border-radius-topright: 20px; | ||
1196 | border-top-right-radius: 20px; | ||
1197 | -webkit-border-top-right-radius: 20px; | ||
1198 | -moz-border-radius-topright: 20px; | ||
1199 | border-top-right-radius: 20px; | ||
1200 | -webkit-border-top-right-radius: 20px; | ||
1201 | -moz-border-radius-topright: 20px; | ||
1202 | border-top-right-radius: 20px; | ||
1203 | -webkit-border-top-right-radius: 20px; | ||
1204 | -moz-border-radius-topright: 20px; | ||
1205 | border-top-right-radius: 20px; | ||
1206 | -webkit-border-top-right-radius: 20px; | ||
1207 | -moz-border-radius-topright: 20px; | ||
1208 | border-top-right-radius: 20px; | ||
1209 | -webkit-border-top-left-radius: 20px; | ||
1210 | -moz-border-radius-topleft: 20px; | ||
1211 | border-top-left-radius: 20px; | ||
1212 | -webkit-border-top-left-radius: 20px; | ||
1213 | -moz-border-radius-topleft: 20px; | ||
1214 | border-top-left-radius: 20px; | ||
1215 | -webkit-border-top-left-radius: 20px; | ||
1216 | -moz-border-radius-topleft: 20px; | ||
1217 | border-top-left-radius: 20px; | ||
1218 | -webkit-border-top-left-radius: 20px; | ||
1219 | -moz-border-radius-topleft: 20px; | ||
1220 | border-top-left-radius: 20px; | ||
1221 | -webkit-border-top-left-radius: 20px; | ||
1222 | -moz-border-radius-topleft: 20px; | ||
1223 | border-top-left-radius: 20px; | ||
1224 | -webkit-border-top-left-radius: 20px; | ||
1225 | -moz-border-radius-topleft: 20px; | ||
1226 | border-top-left-radius: 20px; | ||
1227 | -webkit-border-top-right-radius: 20px; | ||
1228 | -moz-border-radius-topright: 20px; | ||
1229 | border-top-right-radius: 20px; | ||
1230 | -webkit-border-top-right-radius: 20px; | ||
1231 | -moz-border-radius-topright: 20px; | ||
1232 | border-top-right-radius: 20px; | ||
1233 | -webkit-border-top-right-radius: 20px; | ||
1234 | -moz-border-radius-topright: 20px; | ||
1235 | border-top-right-radius: 20px; | ||
1236 | -webkit-border-top-right-radius: 20px; | ||
1237 | -moz-border-radius-topright: 20px; | ||
1238 | border-top-right-radius: 20px; | ||
1239 | -webkit-border-top-right-radius: 20px; | ||
1240 | -moz-border-radius-topright: 20px; | ||
1241 | border-top-right-radius: 20px; | ||
1242 | -webkit-border-top-right-radius: 20px; | ||
1243 | -moz-border-radius-topright: 20px; | ||
1244 | border-top-right-radius: 20px; | ||
1245 | -webkit-border-top-left-radius: 20px; | ||
1246 | -moz-border-radius-topleft: 20px; | ||
1247 | border-top-left-radius: 20px; | ||
1248 | -webkit-border-top-left-radius: 20px; | ||
1249 | -moz-border-radius-topleft: 20px; | ||
1250 | border-top-left-radius: 20px; | ||
1251 | -webkit-border-top-left-radius: 20px; | ||
1252 | -moz-border-radius-topleft: 20px; | ||
1253 | border-top-left-radius: 20px; | ||
1254 | -webkit-border-top-left-radius: 20px; | ||
1255 | -moz-border-radius-topleft: 20px; | ||
1256 | border-top-left-radius: 20px; | ||
1257 | -webkit-border-top-left-radius: 20px; | ||
1258 | -moz-border-radius-topleft: 20px; | ||
1259 | border-top-left-radius: 20px; | ||
1260 | -webkit-border-top-left-radius: 20px; | ||
1261 | -moz-border-radius-topleft: 20px; | ||
1262 | border-top-left-radius: 20px; | ||
1263 | -webkit-border-top-right-radius: 20px; | ||
1264 | -moz-border-radius-topright: 20px; | ||
1265 | border-top-right-radius: 20px; | ||
1266 | -webkit-border-top-right-radius: 20px; | ||
1267 | -moz-border-radius-topright: 20px; | ||
1268 | border-top-right-radius: 20px; | ||
1269 | -webkit-border-top-right-radius: 20px; | ||
1270 | -moz-border-radius-topright: 20px; | ||
1271 | border-top-right-radius: 20px; | ||
1272 | -webkit-border-top-right-radius: 20px; | ||
1273 | -moz-border-radius-topright: 20px; | ||
1274 | border-top-right-radius: 20px; | ||
1275 | -webkit-border-top-right-radius: 20px; | ||
1276 | -moz-border-radius-topright: 20px; | ||
1277 | border-top-right-radius: 20px; | ||
1278 | -webkit-border-top-right-radius: 20px; | ||
1279 | -moz-border-radius-topright: 20px; | ||
1280 | border-top-right-radius: 20px; | ||
1281 | -webkit-border-top-left-radius: 20px; | ||
1282 | -moz-border-radius-topleft: 20px; | ||
1283 | border-top-left-radius: 20px; | ||
1284 | -webkit-border-top-left-radius: 20px; | ||
1285 | -moz-border-radius-topleft: 20px; | ||
1286 | border-top-left-radius: 20px; | ||
1287 | -webkit-border-top-left-radius: 20px; | ||
1288 | -moz-border-radius-topleft: 20px; | ||
1289 | border-top-left-radius: 20px; | ||
1290 | -webkit-border-top-left-radius: 20px; | ||
1291 | -moz-border-radius-topleft: 20px; | ||
1292 | border-top-left-radius: 20px; | ||
1293 | -webkit-border-top-left-radius: 20px; | ||
1294 | -moz-border-radius-topleft: 20px; | ||
1295 | border-top-left-radius: 20px; | ||
1296 | -webkit-border-top-left-radius: 20px; | ||
1297 | -moz-border-radius-topleft: 20px; | ||
1298 | border-top-left-radius: 20px; | ||
1299 | -webkit-border-top-right-radius: 20px; | ||
1300 | -moz-border-radius-topright: 20px; | ||
1301 | border-top-right-radius: 20px; | ||
1302 | -webkit-border-top-right-radius: 20px; | ||
1303 | -moz-border-radius-topright: 20px; | ||
1304 | border-top-right-radius: 20px; | ||
1305 | -webkit-border-top-right-radius: 20px; | ||
1306 | -moz-border-radius-topright: 20px; | ||
1307 | border-top-right-radius: 20px; | ||
1308 | -webkit-border-top-right-radius: 20px; | ||
1309 | -moz-border-radius-topright: 20px; | ||
1310 | border-top-right-radius: 20px; | ||
1311 | -webkit-border-top-right-radius: 20px; | ||
1312 | -moz-border-radius-topright: 20px; | ||
1313 | border-top-right-radius: 20px; | ||
1314 | -webkit-border-top-right-radius: 20px; | ||
1315 | -moz-border-radius-topright: 20px; | ||
1316 | border-top-right-radius: 20px; | ||
1317 | -webkit-border-top-left-radius: 20px; | ||
1318 | -moz-border-radius-topleft: 20px; | ||
1319 | border-top-left-radius: 20px; | ||
1320 | -webkit-border-top-left-radius: 20px; | ||
1321 | -moz-border-radius-topleft: 20px; | ||
1322 | border-top-left-radius: 20px; | ||
1323 | -webkit-border-top-left-radius: 20px; | ||
1324 | -moz-border-radius-topleft: 20px; | ||
1325 | border-top-left-radius: 20px; | ||
1326 | -webkit-border-top-left-radius: 20px; | ||
1327 | -moz-border-radius-topleft: 20px; | ||
1328 | border-top-left-radius: 20px; | ||
1329 | -webkit-border-top-left-radius: 20px; | ||
1330 | -moz-border-radius-topleft: 20px; | ||
1331 | border-top-left-radius: 20px; | ||
1332 | -webkit-border-top-left-radius: 20px; | ||
1333 | -moz-border-radius-topleft: 20px; | ||
1334 | border-top-left-radius: 20px; | ||
1335 | -webkit-border-top-right-radius: 20px; | ||
1336 | -moz-border-radius-topright: 20px; | ||
1337 | border-top-right-radius: 20px; | ||
1338 | -webkit-border-top-right-radius: 20px; | ||
1339 | -moz-border-radius-topright: 20px; | ||
1340 | border-top-right-radius: 20px; | ||
1341 | -webkit-border-top-right-radius: 20px; | ||
1342 | -moz-border-radius-topright: 20px; | ||
1343 | border-top-right-radius: 20px; | ||
1344 | -webkit-border-top-right-radius: 20px; | ||
1345 | -moz-border-radius-topright: 20px; | ||
1346 | border-top-right-radius: 20px; | ||
1347 | -webkit-border-top-right-radius: 20px; | ||
1348 | -moz-border-radius-topright: 20px; | ||
1349 | border-top-right-radius: 20px; | ||
1350 | -webkit-border-top-right-radius: 20px; | 607 | -webkit-border-top-right-radius: 20px; |
1351 | -moz-border-radius-topright: 20px; | 608 | -moz-border-radius-topright: 20px; |
1352 | border-top-right-radius: 20px; | 609 | border-top-right-radius: 20px; |
@@ -1354,16 +611,6 @@ div#loginBox div.header { | |||
1354 | div#loginBox div.body { | 611 | div#loginBox div.body { |
1355 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); | 612 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); |
1356 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); | 613 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); |
1357 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); | ||
1358 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); | ||
1359 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); | ||
1360 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); | ||
1361 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); | ||
1362 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); | ||
1363 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); | ||
1364 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); | ||
1365 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); | ||
1366 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); | ||
1367 | } | 614 | } |
1368 | div#loginBox div.body h4 { | 615 | div#loginBox div.body h4 { |
1369 | color: #ffffff; | 616 | color: #ffffff; |
@@ -1473,216 +720,6 @@ div#loginBox div.footer { | |||
1473 | -webkit-border-bottom-left-radius: 20px; | 720 | -webkit-border-bottom-left-radius: 20px; |
1474 | -moz-border-radius-bottomleft: 20px; | 721 | -moz-border-radius-bottomleft: 20px; |
1475 | border-bottom-left-radius: 20px; | 722 | border-bottom-left-radius: 20px; |
1476 | -webkit-border-bottom-left-radius: 20px; | ||
1477 | -moz-border-radius-bottomleft: 20px; | ||
1478 | border-bottom-left-radius: 20px; | ||
1479 | -webkit-border-bottom-left-radius: 20px; | ||
1480 | -moz-border-radius-bottomleft: 20px; | ||
1481 | border-bottom-left-radius: 20px; | ||
1482 | -webkit-border-bottom-left-radius: 20px; | ||
1483 | -moz-border-radius-bottomleft: 20px; | ||
1484 | border-bottom-left-radius: 20px; | ||
1485 | -webkit-border-bottom-left-radius: 20px; | ||
1486 | -moz-border-radius-bottomleft: 20px; | ||
1487 | border-bottom-left-radius: 20px; | ||
1488 | -webkit-border-bottom-left-radius: 20px; | ||
1489 | -moz-border-radius-bottomleft: 20px; | ||
1490 | border-bottom-left-radius: 20px; | ||
1491 | -webkit-border-bottom-right-radius: 20px; | ||
1492 | -moz-border-radius-bottomright: 20px; | ||
1493 | border-bottom-right-radius: 20px; | ||
1494 | -webkit-border-bottom-right-radius: 20px; | ||
1495 | -moz-border-radius-bottomright: 20px; | ||
1496 | border-bottom-right-radius: 20px; | ||
1497 | -webkit-border-bottom-right-radius: 20px; | ||
1498 | -moz-border-radius-bottomright: 20px; | ||
1499 | border-bottom-right-radius: 20px; | ||
1500 | -webkit-border-bottom-right-radius: 20px; | ||
1501 | -moz-border-radius-bottomright: 20px; | ||
1502 | border-bottom-right-radius: 20px; | ||
1503 | -webkit-border-bottom-right-radius: 20px; | ||
1504 | -moz-border-radius-bottomright: 20px; | ||
1505 | border-bottom-right-radius: 20px; | ||
1506 | -webkit-border-bottom-right-radius: 20px; | ||
1507 | -moz-border-radius-bottomright: 20px; | ||
1508 | border-bottom-right-radius: 20px; | ||
1509 | -webkit-border-bottom-left-radius: 20px; | ||
1510 | -moz-border-radius-bottomleft: 20px; | ||
1511 | border-bottom-left-radius: 20px; | ||
1512 | -webkit-border-bottom-left-radius: 20px; | ||
1513 | -moz-border-radius-bottomleft: 20px; | ||
1514 | border-bottom-left-radius: 20px; | ||
1515 | -webkit-border-bottom-left-radius: 20px; | ||
1516 | -moz-border-radius-bottomleft: 20px; | ||
1517 | border-bottom-left-radius: 20px; | ||
1518 | -webkit-border-bottom-left-radius: 20px; | ||
1519 | -moz-border-radius-bottomleft: 20px; | ||
1520 | border-bottom-left-radius: 20px; | ||
1521 | -webkit-border-bottom-left-radius: 20px; | ||
1522 | -moz-border-radius-bottomleft: 20px; | ||
1523 | border-bottom-left-radius: 20px; | ||
1524 | -webkit-border-bottom-left-radius: 20px; | ||
1525 | -moz-border-radius-bottomleft: 20px; | ||
1526 | border-bottom-left-radius: 20px; | ||
1527 | -webkit-border-bottom-right-radius: 20px; | ||
1528 | -moz-border-radius-bottomright: 20px; | ||
1529 | border-bottom-right-radius: 20px; | ||
1530 | -webkit-border-bottom-right-radius: 20px; | ||
1531 | -moz-border-radius-bottomright: 20px; | ||
1532 | border-bottom-right-radius: 20px; | ||
1533 | -webkit-border-bottom-right-radius: 20px; | ||
1534 | -moz-border-radius-bottomright: 20px; | ||
1535 | border-bottom-right-radius: 20px; | ||
1536 | -webkit-border-bottom-right-radius: 20px; | ||
1537 | -moz-border-radius-bottomright: 20px; | ||
1538 | border-bottom-right-radius: 20px; | ||
1539 | -webkit-border-bottom-right-radius: 20px; | ||
1540 | -moz-border-radius-bottomright: 20px; | ||
1541 | border-bottom-right-radius: 20px; | ||
1542 | -webkit-border-bottom-right-radius: 20px; | ||
1543 | -moz-border-radius-bottomright: 20px; | ||
1544 | border-bottom-right-radius: 20px; | ||
1545 | -webkit-border-bottom-left-radius: 20px; | ||
1546 | -moz-border-radius-bottomleft: 20px; | ||
1547 | border-bottom-left-radius: 20px; | ||
1548 | -webkit-border-bottom-left-radius: 20px; | ||
1549 | -moz-border-radius-bottomleft: 20px; | ||
1550 | border-bottom-left-radius: 20px; | ||
1551 | -webkit-border-bottom-left-radius: 20px; | ||
1552 | -moz-border-radius-bottomleft: 20px; | ||
1553 | border-bottom-left-radius: 20px; | ||
1554 | -webkit-border-bottom-left-radius: 20px; | ||
1555 | -moz-border-radius-bottomleft: 20px; | ||
1556 | border-bottom-left-radius: 20px; | ||
1557 | -webkit-border-bottom-left-radius: 20px; | ||
1558 | -moz-border-radius-bottomleft: 20px; | ||
1559 | border-bottom-left-radius: 20px; | ||
1560 | -webkit-border-bottom-left-radius: 20px; | ||
1561 | -moz-border-radius-bottomleft: 20px; | ||
1562 | border-bottom-left-radius: 20px; | ||
1563 | -webkit-border-bottom-right-radius: 20px; | ||
1564 | -moz-border-radius-bottomright: 20px; | ||
1565 | border-bottom-right-radius: 20px; | ||
1566 | -webkit-border-bottom-right-radius: 20px; | ||
1567 | -moz-border-radius-bottomright: 20px; | ||
1568 | border-bottom-right-radius: 20px; | ||
1569 | -webkit-border-bottom-right-radius: 20px; | ||
1570 | -moz-border-radius-bottomright: 20px; | ||
1571 | border-bottom-right-radius: 20px; | ||
1572 | -webkit-border-bottom-right-radius: 20px; | ||
1573 | -moz-border-radius-bottomright: 20px; | ||
1574 | border-bottom-right-radius: 20px; | ||
1575 | -webkit-border-bottom-right-radius: 20px; | ||
1576 | -moz-border-radius-bottomright: 20px; | ||
1577 | border-bottom-right-radius: 20px; | ||
1578 | -webkit-border-bottom-right-radius: 20px; | ||
1579 | -moz-border-radius-bottomright: 20px; | ||
1580 | border-bottom-right-radius: 20px; | ||
1581 | -webkit-border-bottom-left-radius: 20px; | ||
1582 | -moz-border-radius-bottomleft: 20px; | ||
1583 | border-bottom-left-radius: 20px; | ||
1584 | -webkit-border-bottom-left-radius: 20px; | ||
1585 | -moz-border-radius-bottomleft: 20px; | ||
1586 | border-bottom-left-radius: 20px; | ||
1587 | -webkit-border-bottom-left-radius: 20px; | ||
1588 | -moz-border-radius-bottomleft: 20px; | ||
1589 | border-bottom-left-radius: 20px; | ||
1590 | -webkit-border-bottom-left-radius: 20px; | ||
1591 | -moz-border-radius-bottomleft: 20px; | ||
1592 | border-bottom-left-radius: 20px; | ||
1593 | -webkit-border-bottom-left-radius: 20px; | ||
1594 | -moz-border-radius-bottomleft: 20px; | ||
1595 | border-bottom-left-radius: 20px; | ||
1596 | -webkit-border-bottom-left-radius: 20px; | ||
1597 | -moz-border-radius-bottomleft: 20px; | ||
1598 | border-bottom-left-radius: 20px; | ||
1599 | -webkit-border-bottom-right-radius: 20px; | ||
1600 | -moz-border-radius-bottomright: 20px; | ||
1601 | border-bottom-right-radius: 20px; | ||
1602 | -webkit-border-bottom-right-radius: 20px; | ||
1603 | -moz-border-radius-bottomright: 20px; | ||
1604 | border-bottom-right-radius: 20px; | ||
1605 | -webkit-border-bottom-right-radius: 20px; | ||
1606 | -moz-border-radius-bottomright: 20px; | ||
1607 | border-bottom-right-radius: 20px; | ||
1608 | -webkit-border-bottom-right-radius: 20px; | ||
1609 | -moz-border-radius-bottomright: 20px; | ||
1610 | border-bottom-right-radius: 20px; | ||
1611 | -webkit-border-bottom-right-radius: 20px; | ||
1612 | -moz-border-radius-bottomright: 20px; | ||
1613 | border-bottom-right-radius: 20px; | ||
1614 | -webkit-border-bottom-right-radius: 20px; | ||
1615 | -moz-border-radius-bottomright: 20px; | ||
1616 | border-bottom-right-radius: 20px; | ||
1617 | -webkit-border-bottom-left-radius: 20px; | ||
1618 | -moz-border-radius-bottomleft: 20px; | ||
1619 | border-bottom-left-radius: 20px; | ||
1620 | -webkit-border-bottom-left-radius: 20px; | ||
1621 | -moz-border-radius-bottomleft: 20px; | ||
1622 | border-bottom-left-radius: 20px; | ||
1623 | -webkit-border-bottom-left-radius: 20px; | ||
1624 | -moz-border-radius-bottomleft: 20px; | ||
1625 | border-bottom-left-radius: 20px; | ||
1626 | -webkit-border-bottom-left-radius: 20px; | ||
1627 | -moz-border-radius-bottomleft: 20px; | ||
1628 | border-bottom-left-radius: 20px; | ||
1629 | -webkit-border-bottom-left-radius: 20px; | ||
1630 | -moz-border-radius-bottomleft: 20px; | ||
1631 | border-bottom-left-radius: 20px; | ||
1632 | -webkit-border-bottom-left-radius: 20px; | ||
1633 | -moz-border-radius-bottomleft: 20px; | ||
1634 | border-bottom-left-radius: 20px; | ||
1635 | -webkit-border-bottom-right-radius: 20px; | ||
1636 | -moz-border-radius-bottomright: 20px; | ||
1637 | border-bottom-right-radius: 20px; | ||
1638 | -webkit-border-bottom-right-radius: 20px; | ||
1639 | -moz-border-radius-bottomright: 20px; | ||
1640 | border-bottom-right-radius: 20px; | ||
1641 | -webkit-border-bottom-right-radius: 20px; | ||
1642 | -moz-border-radius-bottomright: 20px; | ||
1643 | border-bottom-right-radius: 20px; | ||
1644 | -webkit-border-bottom-right-radius: 20px; | ||
1645 | -moz-border-radius-bottomright: 20px; | ||
1646 | border-bottom-right-radius: 20px; | ||
1647 | -webkit-border-bottom-right-radius: 20px; | ||
1648 | -moz-border-radius-bottomright: 20px; | ||
1649 | border-bottom-right-radius: 20px; | ||
1650 | -webkit-border-bottom-right-radius: 20px; | ||
1651 | -moz-border-radius-bottomright: 20px; | ||
1652 | border-bottom-right-radius: 20px; | ||
1653 | -webkit-border-bottom-left-radius: 20px; | ||
1654 | -moz-border-radius-bottomleft: 20px; | ||
1655 | border-bottom-left-radius: 20px; | ||
1656 | -webkit-border-bottom-left-radius: 20px; | ||
1657 | -moz-border-radius-bottomleft: 20px; | ||
1658 | border-bottom-left-radius: 20px; | ||
1659 | -webkit-border-bottom-left-radius: 20px; | ||
1660 | -moz-border-radius-bottomleft: 20px; | ||
1661 | border-bottom-left-radius: 20px; | ||
1662 | -webkit-border-bottom-left-radius: 20px; | ||
1663 | -moz-border-radius-bottomleft: 20px; | ||
1664 | border-bottom-left-radius: 20px; | ||
1665 | -webkit-border-bottom-left-radius: 20px; | ||
1666 | -moz-border-radius-bottomleft: 20px; | ||
1667 | border-bottom-left-radius: 20px; | ||
1668 | -webkit-border-bottom-left-radius: 20px; | ||
1669 | -moz-border-radius-bottomleft: 20px; | ||
1670 | border-bottom-left-radius: 20px; | ||
1671 | -webkit-border-bottom-right-radius: 20px; | ||
1672 | -moz-border-radius-bottomright: 20px; | ||
1673 | border-bottom-right-radius: 20px; | ||
1674 | -webkit-border-bottom-right-radius: 20px; | ||
1675 | -moz-border-radius-bottomright: 20px; | ||
1676 | border-bottom-right-radius: 20px; | ||
1677 | -webkit-border-bottom-right-radius: 20px; | ||
1678 | -moz-border-radius-bottomright: 20px; | ||
1679 | border-bottom-right-radius: 20px; | ||
1680 | -webkit-border-bottom-right-radius: 20px; | ||
1681 | -moz-border-radius-bottomright: 20px; | ||
1682 | border-bottom-right-radius: 20px; | ||
1683 | -webkit-border-bottom-right-radius: 20px; | ||
1684 | -moz-border-radius-bottomright: 20px; | ||
1685 | border-bottom-right-radius: 20px; | ||
1686 | -webkit-border-bottom-right-radius: 20px; | 723 | -webkit-border-bottom-right-radius: 20px; |
1687 | -moz-border-radius-bottomright: 20px; | 724 | -moz-border-radius-bottomright: 20px; |
1688 | border-bottom-right-radius: 20px; | 725 | border-bottom-right-radius: 20px; |
@@ -1760,6 +797,7 @@ div.activeFeatures div.createAccountLink { | |||
1760 | display: inline-block; | 797 | display: inline-block; |
1761 | width: 282; | 798 | width: 282; |
1762 | height: 65px; | 799 | height: 65px; |
800 | background-image: url(./images/old/home/register.png); | ||
1763 | margin-right: 20px; | 801 | margin-right: 20px; |
1764 | } | 802 | } |
1765 | div.activeFeatures div.createAccountLink a.createAccountLink { | 803 | div.activeFeatures div.createAccountLink a.createAccountLink { |
@@ -1779,6 +817,9 @@ div.activeFeatures div.createAccountLink a.createAccountLink span.link { | |||
1779 | padding-bottom: 10px; | 817 | padding-bottom: 10px; |
1780 | font-size: 12pt; | 818 | font-size: 12pt; |
1781 | } | 819 | } |
820 | div.activeFeatures div.createAccountLink:hover { | ||
821 | background-image: url(./images/old/home/register_selected.png); | ||
822 | } | ||
1782 | div.activeFeatures div.createAccountLink:hover a.createAccountLink span.payoff { | 823 | div.activeFeatures div.createAccountLink:hover a.createAccountLink span.payoff { |
1783 | color: #54535a; | 824 | color: #54535a; |
1784 | } | 825 | } |
@@ -1847,49 +888,9 @@ div.userInfoBox { | |||
1847 | background-color: #ff9955; | 888 | background-color: #ff9955; |
1848 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723)); | 889 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723)); |
1849 | background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); | 890 | background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); |
1850 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723)); | ||
1851 | background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); | ||
1852 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723)); | ||
1853 | background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); | ||
1854 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723)); | ||
1855 | background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); | ||
1856 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723)); | ||
1857 | background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); | ||
1858 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723)); | ||
1859 | background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); | ||
1860 | border-radius: 10px; | ||
1861 | -moz-border-radius: 10px; | ||
1862 | -webkit-border-radius: 10px; | ||
1863 | border-radius: 10px; | ||
1864 | -moz-border-radius: 10px; | ||
1865 | -webkit-border-radius: 10px; | ||
1866 | border-radius: 10px; | ||
1867 | -moz-border-radius: 10px; | ||
1868 | -webkit-border-radius: 10px; | ||
1869 | border-radius: 10px; | ||
1870 | -moz-border-radius: 10px; | ||
1871 | -webkit-border-radius: 10px; | ||
1872 | border-radius: 10px; | 891 | border-radius: 10px; |
1873 | -moz-border-radius: 10px; | 892 | -moz-border-radius: 10px; |
1874 | -webkit-border-radius: 10px; | 893 | -webkit-border-radius: 10px; |
1875 | border-radius: 10px; | ||
1876 | -moz-border-radius: 10px; | ||
1877 | -webkit-border-radius: 10px; | ||
1878 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
1879 | -moz-box-shadow: 2px 2px 9px #333333; | ||
1880 | box-shadow: 2px 2px 9px #333333; | ||
1881 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
1882 | -moz-box-shadow: 2px 2px 9px #333333; | ||
1883 | box-shadow: 2px 2px 9px #333333; | ||
1884 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
1885 | -moz-box-shadow: 2px 2px 9px #333333; | ||
1886 | box-shadow: 2px 2px 9px #333333; | ||
1887 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
1888 | -moz-box-shadow: 2px 2px 9px #333333; | ||
1889 | box-shadow: 2px 2px 9px #333333; | ||
1890 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
1891 | -moz-box-shadow: 2px 2px 9px #333333; | ||
1892 | box-shadow: 2px 2px 9px #333333; | ||
1893 | -webkit-box-shadow: 2px 2px 9px #333333; | 894 | -webkit-box-shadow: 2px 2px 9px #333333; |
1894 | -moz-box-shadow: 2px 2px 9px #333333; | 895 | -moz-box-shadow: 2px 2px 9px #333333; |
1895 | box-shadow: 2px 2px 9px #333333; | 896 | box-shadow: 2px 2px 9px #333333; |
@@ -1898,10 +899,10 @@ div.userInfoBox.locked { | |||
1898 | z-index: 19001; | 899 | z-index: 19001; |
1899 | } | 900 | } |
1900 | div.userInfoBox.locked div.header a.lockButton { | 901 | div.userInfoBox.locked div.header a.lockButton { |
1901 | background: url(../images/old/lock/locked.png) no-repeat -5px -2px; | 902 | background: url(./images/old/lock/locked.png) no-repeat -5px -2px; |
1902 | } | 903 | } |
1903 | div.userInfoBox.locked div.header a.lockButton:hover { | 904 | div.userInfoBox.locked div.header a.lockButton:hover { |
1904 | background: url(../images/old/lock/locked_hover.png) no-repeat -5px -2px; | 905 | background: url(./images/old/lock/locked_hover.png) no-repeat -5px -2px; |
1905 | } | 906 | } |
1906 | div.userInfoBox.locked div.body a { | 907 | div.userInfoBox.locked div.body a { |
1907 | display: none; | 908 | display: none; |
@@ -1924,10 +925,10 @@ div.userInfoBox div.header a.lockButton { | |||
1924 | width: 15px; | 925 | width: 15px; |
1925 | height: 20px; | 926 | height: 20px; |
1926 | text-decoration: none; | 927 | text-decoration: none; |
1927 | background: url(../images/old/lock/unlocked.png) no-repeat -5px -2px; | 928 | background: url(./images/old/lock/unlocked.png) no-repeat -5px -2px; |
1928 | } | 929 | } |
1929 | div.userInfoBox div.header a.lockButton:hover { | 930 | div.userInfoBox div.header a.lockButton:hover { |
1930 | background: url(../images/old/lock/unlocked_hover.png) no-repeat -5px -2px; | 931 | background: url(./images/old/lock/unlocked_hover.png) no-repeat -5px -2px; |
1931 | } | 932 | } |
1932 | div.userInfoBox div.body { | 933 | div.userInfoBox div.body { |
1933 | padding: 0px 12px; | 934 | padding: 0px 12px; |
@@ -1942,7 +943,6 @@ div.userInfoBox div.body ul { | |||
1942 | padding: 0px; | 943 | padding: 0px; |
1943 | margin: 4px 0px; | 944 | margin: 4px 0px; |
1944 | list-style-position: inside; | 945 | list-style-position: inside; |
1945 | text-shadow: #000000 0 0 0; | ||
1946 | } | 946 | } |
1947 | div.userInfoBox div.body ul li span.number { | 947 | div.userInfoBox div.body ul li span.number { |
1948 | font-weight: bold; | 948 | font-weight: bold; |
@@ -2022,35 +1022,24 @@ div.sidePanels div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter | |||
2022 | margin-top: -43px; | 1022 | margin-top: -43px; |
2023 | } | 1023 | } |
2024 | div.sidePanels div.tabSidePanel ul.mainTabs li.cards a { | 1024 | div.sidePanels div.tabSidePanel ul.mainTabs li.cards a { |
2025 | background: url(../images/old/main/tabs/cardsBackground.png) -19px -63px; | 1025 | background: url(./images/old/main/tabs/cardsBackground.png) -19px -63px; |
2026 | } | 1026 | } |
2027 | div.sidePanels div.tabSidePanel ul.mainTabs li.cards a:hover { | 1027 | div.sidePanels div.tabSidePanel ul.mainTabs li.cards a:hover { |
2028 | background: url(../images/old/main/tabs/cardsBackground.png) -19px -110px; | 1028 | background: url(./images/old/main/tabs/cardsBackground.png) -19px -110px; |
2029 | } | 1029 | } |
2030 | div.sidePanels div.tabSidePanel ul.mainTabs li.cards.selected a { | 1030 | div.sidePanels div.tabSidePanel ul.mainTabs li.cards.selected a { |
2031 | margin-left: -10px; | 1031 | margin-left: -10px; |
2032 | padding-left: 50px; | 1032 | padding-left: 50px; |
2033 | color: white; | 1033 | color: white; |
2034 | background: url(../images/old/main/tabs/cardsBackground.png) -9px -14px; | 1034 | background: url(./images/old/main/tabs/cardsBackground.png) -9px -14px; |
2035 | } | ||
2036 | div.sidePanels div.tabSidePanel ul.mainTabs li.cards.selected a:hover { | ||
2037 | background: url(../images/old/main/tabs/cardsBackground.png) -9px -14px; | ||
2038 | } | ||
2039 | div.sidePanels div.tabSidePanel ul.mainTabs li.directLogins a { | ||
2040 | background: url(../images/old/main/tabs/directLoginBackground.png) -19px -63px; | ||
2041 | } | ||
2042 | div.sidePanels div.tabSidePanel ul.mainTabs li.directLogins a:hover { | ||
2043 | background: url(../images/old/main/tabs/directLoginBackground.png) -19px -110px; | ||
2044 | } | 1035 | } |
2045 | div.sidePanels div.tabSidePanel ul.mainTabs li.directLogins.selected a { | 1036 | div.sidePanels div.tabSidePanel ul.mainTabs li.directLogins.selected a { |
2046 | margin-left: -10px; | 1037 | margin-left: -10px; |
2047 | padding-left: 50px; | 1038 | padding-left: 50px; |
2048 | color: white; | 1039 | color: white; |
2049 | background: url(../images/old/main/tabs/directLoginBackground.png) -9px -14px; | ||
2050 | } | 1040 | } |
2051 | div.sidePanels div.tabSidePanel ul.mainTabs li.directLogins.selected a:hover { | 1041 | div.sidePanels div.tabSidePanel ul.mainTabs li.directLogins.selected a:hover { |
2052 | color: white; | 1042 | color: white; |
2053 | background: url(../images/old/main/tabs/directLoginBackground.png) -9px -14px; | ||
2054 | } | 1043 | } |
2055 | div.sidePanels div.tabSidePanel ul.otherTabs { | 1044 | div.sidePanels div.tabSidePanel ul.otherTabs { |
2056 | margin: 10px 0px; | 1045 | margin: 10px 0px; |
@@ -2070,12 +1059,12 @@ div.sidePanels div.tabSidePanel ul.otherTabs li a { | |||
2070 | text-decoration: none; | 1059 | text-decoration: none; |
2071 | } | 1060 | } |
2072 | div.sidePanels div.tabSidePanel ul.otherTabs li a:hover { | 1061 | div.sidePanels div.tabSidePanel ul.otherTabs li a:hover { |
2073 | background: url(../images/old/main/tabs/itemsBackground.png) -10px -49px; | 1062 | background: url(./images/old/main/tabs/itemsBackground.png) -10px -49px; |
2074 | } | 1063 | } |
2075 | div.sidePanels div.tabSidePanel ul.otherTabs li.selected a { | 1064 | div.sidePanels div.tabSidePanel ul.otherTabs li.selected a { |
2076 | margin-left: -10px; | 1065 | margin-left: -10px; |
2077 | padding-left: 50px; | 1066 | padding-left: 50px; |
2078 | background: url(../images/old/main/tabs/itemsBackground.png) 1px -96px; | 1067 | background: url(./images/old/main/tabs/itemsBackground.png) 1px -96px; |
2079 | color: white; | 1068 | color: white; |
2080 | } | 1069 | } |
2081 | div.sidePanels div.tabSidePanel ul.otherTabs li.selected div.selectionHighlighter { | 1070 | div.sidePanels div.tabSidePanel ul.otherTabs li.selected div.selectionHighlighter { |
@@ -2090,7 +1079,7 @@ div.tagSidePanel { | |||
2090 | 1079 | ||
2091 | div.tagSidePanel div.header { | 1080 | div.tagSidePanel div.header { |
2092 | height: 50px; | 1081 | height: 50px; |
2093 | background-image: url(../images/old/main/tabs/tagsBackground.png); | 1082 | background-image: url(./images/old/main/tabs/tagsBackground.png); |
2094 | } | 1083 | } |
2095 | div.tagSidePanel div.header h1 { | 1084 | div.tagSidePanel div.header h1 { |
2096 | padding-left: 52px; | 1085 | padding-left: 52px; |
@@ -2100,11 +1089,11 @@ div.tagSidePanel { | |||
2100 | color: #888888; | 1089 | color: #888888; |
2101 | } | 1090 | } |
2102 | div.tagSidePanel div.body { | 1091 | div.tagSidePanel div.body { |
2103 | background: url(../images/old/main/tabs/tagsBackground.png) -255px; | 1092 | background: url(./images/old/main/tabs/tagsBackground.png) -255px; |
2104 | } | 1093 | } |
2105 | div.tagSidePanel div.footer { | 1094 | div.tagSidePanel div.footer { |
2106 | height: 10px; | 1095 | height: 10px; |
2107 | background: url(../images/old/main/tabs/tagsBackground.png) -510px -40px; | 1096 | background: url(./images/old/main/tabs/tagsBackground.png) -510px -40px; |
2108 | } | 1097 | } |
2109 | div.tagSidePanel ul.tags { | 1098 | div.tagSidePanel ul.tags { |
2110 | margin: 0px; | 1099 | margin: 0px; |
@@ -2146,7 +1135,7 @@ div.groupSidePanel { | |||
2146 | 1135 | ||
2147 | div.groupSidePanel div.header { | 1136 | div.groupSidePanel div.header { |
2148 | height: 50px; | 1137 | height: 50px; |
2149 | background-image: url(../images/old/main/tabs/groupsBackground.png); | 1138 | background-image: url(./images/old/main/tabs/groupsBackground.png); |
2150 | } | 1139 | } |
2151 | div.groupSidePanel div.header h1 { | 1140 | div.groupSidePanel div.header h1 { |
2152 | padding-left: 52px; | 1141 | padding-left: 52px; |
@@ -2168,11 +1157,11 @@ div.groupSidePanel { | |||
2168 | color: #444444; | 1157 | color: #444444; |
2169 | } | 1158 | } |
2170 | div.groupSidePanel div.body { | 1159 | div.groupSidePanel div.body { |
2171 | background: url(../images/old/main/tabs/groupsBackground.png) -255px; | 1160 | background: url(./images/old/main/tabs/groupsBackground.png) -255px; |
2172 | } | 1161 | } |
2173 | div.groupSidePanel div.footer { | 1162 | div.groupSidePanel div.footer { |
2174 | height: 10px; | 1163 | height: 10px; |
2175 | background: url(../images/old/main/tabs/groupsBackground.png) -510px -39px; | 1164 | background: url(./images/old/main/tabs/groupsBackground.png) -510px -39px; |
2176 | } | 1165 | } |
2177 | div.groupSidePanel ul.groups { | 1166 | div.groupSidePanel ul.groups { |
2178 | margin: 0px; | 1167 | margin: 0px; |
@@ -2208,3 +1197,2899 @@ div.groupSidePanel { | |||
2208 | } | 1197 | } |
2209 | */ | 1198 | */ |
2210 | } | 1199 | } |
1200 | div.subPanelTabs ul { | ||
1201 | margin: 0px; | ||
1202 | margin-right: 7px; | ||
1203 | padding: 0px; | ||
1204 | } | ||
1205 | div.subPanelTabs ul li { | ||
1206 | display: inline-block; | ||
1207 | vertical-align: middle; | ||
1208 | height: 50px; | ||
1209 | border-right: 1px solid #eef0e3; | ||
1210 | border-bottom: 1px solid #d5d5bc; | ||
1211 | } | ||
1212 | div.subPanelTabs ul li.first { | ||
1213 | -webkit-border-top-left-radius: 20px; | ||
1214 | -moz-border-radius-topleft: 20px; | ||
1215 | border-top-left-radius: 20px; | ||
1216 | } | ||
1217 | div.subPanelTabs ul li.selected { | ||
1218 | background-color: #eef0e3; | ||
1219 | border-bottom: 1px solid #eef0e3; | ||
1220 | border-right: 1px solid #d5d5bc; | ||
1221 | } | ||
1222 | div.subPanelTabs ul li.selected:hover { | ||
1223 | border-right: 1px solid #d5d5bc; | ||
1224 | } | ||
1225 | div.subPanelTabs ul li.selected a { | ||
1226 | color: #444440; | ||
1227 | } | ||
1228 | div.subPanelTabs ul li:hover { | ||
1229 | border-right: 1px solid #d5d5bc; | ||
1230 | background-color: #eef0e3; | ||
1231 | } | ||
1232 | div.subPanelTabs ul li a { | ||
1233 | color: #787872; | ||
1234 | text-decoration: none; | ||
1235 | display: block; | ||
1236 | text-align: center; | ||
1237 | padding-top: 15px; | ||
1238 | padding-left: 20px; | ||
1239 | padding-right: 20px; | ||
1240 | font-size: 13pt; | ||
1241 | } | ||
1242 | div.subPanelContent { | ||
1243 | padding-top: 20px; | ||
1244 | padding-left: 30px; | ||
1245 | padding-right: 30px; | ||
1246 | min-height: 280px; | ||
1247 | color: #787872; | ||
1248 | margin: 0px 6px 0 9px; | ||
1249 | } | ||
1250 | div.subPanelContent h3 { | ||
1251 | margin: 0px; | ||
1252 | border: 0px; | ||
1253 | padding: 0px; | ||
1254 | } | ||
1255 | div.subPanelContent ul { | ||
1256 | margin: 0px; | ||
1257 | padding: 0px; | ||
1258 | list-style-type: none; | ||
1259 | } | ||
1260 | div.subPanelContent ul li { | ||
1261 | display: none; | ||
1262 | } | ||
1263 | div.subPanelContent ul li.selected { | ||
1264 | display: block; | ||
1265 | } | ||
1266 | .downloadOfflineCopy { | ||
1267 | display: inline-block; | ||
1268 | height: 20px; | ||
1269 | cursor: pointer; | ||
1270 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#59bc4c), to(#448833)); | ||
1271 | background: -moz-linear-gradient(0% 100% 90deg, #448833, #59bc4c); | ||
1272 | border-radius: 5; | ||
1273 | -moz-border-radius: 5; | ||
1274 | -webkit-border-radius: 5; | ||
1275 | border: 1px solid #51a23d; | ||
1276 | padding-top: 4px; | ||
1277 | padding-left: 15px; | ||
1278 | padding-right: 15px; | ||
1279 | padding-bottom: 2px; | ||
1280 | color: white; | ||
1281 | font-weight: lighter; | ||
1282 | text-shadow: -1px -1px 1px #448833, 1px 1px 1px #59bc4c; | ||
1283 | text-decoration: none; | ||
1284 | } | ||
1285 | .downloadOfflineCopy:hover { | ||
1286 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#49a23d), to(#448833)); | ||
1287 | background: -moz-linear-gradient(0% 100% 90deg, #448833, #49a23d); | ||
1288 | } | ||
1289 | div.SimpleMessagePanel { | ||
1290 | position: relative; | ||
1291 | left: -225px; | ||
1292 | top: -70px; | ||
1293 | width: 450px; | ||
1294 | height: 140px; | ||
1295 | } | ||
1296 | div.SimpleMessagePanel div.body { | ||
1297 | padding: 20px; | ||
1298 | padding-bottom: 15px; | ||
1299 | background-color: #f1f1ef; | ||
1300 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
1301 | -moz-box-shadow: 2px 2px 9px #333333; | ||
1302 | box-shadow: 2px 2px 9px #333333; | ||
1303 | border-radius: 10; | ||
1304 | -moz-border-radius: 10; | ||
1305 | -webkit-border-radius: 10; | ||
1306 | } | ||
1307 | div.SimpleMessagePanel div.body h3 { | ||
1308 | font-size: 14pt; | ||
1309 | font-weight: normal; | ||
1310 | margin: 0px; | ||
1311 | padding-top: 4px; | ||
1312 | color: #787872; | ||
1313 | } | ||
1314 | div.SimpleMessagePanel div.body div.img { | ||
1315 | width: 50px; | ||
1316 | height: 50px; | ||
1317 | float: left; | ||
1318 | margin-right: 15px; | ||
1319 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); | ||
1320 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); | ||
1321 | border-radius: 25px; | ||
1322 | -moz-border-radius: 25px; | ||
1323 | -webkit-border-radius: 25px; | ||
1324 | } | ||
1325 | div.SimpleMessagePanel div.body div.img canvas { | ||
1326 | width: 50px; | ||
1327 | height: 50px; | ||
1328 | } | ||
1329 | div.SimpleMessagePanel div.body p { | ||
1330 | margin: 0; | ||
1331 | font-size: 10pt; | ||
1332 | font-weight: normal; | ||
1333 | color: #787872; | ||
1334 | padding-top: 10px; | ||
1335 | padding-bottom: 5px; | ||
1336 | line-height: 1.3; | ||
1337 | } | ||
1338 | div.SimpleMessagePanel div.body div.buttonArea { | ||
1339 | height: 40px; | ||
1340 | clear: both; | ||
1341 | } | ||
1342 | div.SimpleMessagePanel div.body div.buttonArea > div { | ||
1343 | float: right; | ||
1344 | margin-left: 15px; | ||
1345 | margin-top: 10px; | ||
1346 | } | ||
1347 | div.SimpleMessagePanel div.passphrase { | ||
1348 | padding-left: 65px; | ||
1349 | } | ||
1350 | div.SimpleMessagePanel div.passphrase input { | ||
1351 | width: 250px; | ||
1352 | font-size: 14pt; | ||
1353 | border: 1px solid #bb4924; | ||
1354 | color: #333366; | ||
1355 | background-color: white; | ||
1356 | padding: 2px 5px; | ||
1357 | height: 28px; | ||
1358 | } | ||
1359 | div.SimpleMessagePanel div.progressBarWrapper { | ||
1360 | margin-left: 80px; | ||
1361 | } | ||
1362 | /* @end */ | ||
1363 | /* @group Javascript Alert */ | ||
1364 | div#javaScriptAlert div.mask { | ||
1365 | position: fixed; | ||
1366 | top: 0px; | ||
1367 | left: 0px; | ||
1368 | right: 0px; | ||
1369 | bottom: 0px; | ||
1370 | background-color: black; | ||
1371 | z-index: 1001; | ||
1372 | -moz-opacity: 0.7; | ||
1373 | opacity: .70; | ||
1374 | filter: alpha(opacity=70); | ||
1375 | } | ||
1376 | div#javaScriptAlert div.header { | ||
1377 | height: 34px; | ||
1378 | width: 468; | ||
1379 | background-image: url(./images/old/alert/header.png); | ||
1380 | } | ||
1381 | div#javaScriptAlert div.body { | ||
1382 | background-image: url(./images/old/alert/body.png); | ||
1383 | padding: 0px 20px 10px 20px; | ||
1384 | } | ||
1385 | /* | ||
1386 | div#javaScriptAlert div.body div.alert { | ||
1387 | padding-left: 100px; | ||
1388 | background: url(./images/old/alert/alert.png) no-repeat; | ||
1389 | } | ||
1390 | */ | ||
1391 | /*div#javaScriptAlert div.body img.alert {*/ | ||
1392 | div#javaScriptAlert div.body div.alertLogo { | ||
1393 | float: left; | ||
1394 | background-image: url(./images/old/alert/alert.png); | ||
1395 | width: 88px; | ||
1396 | height: 88px; | ||
1397 | } | ||
1398 | div#javaScriptAlert div.body div.alert { | ||
1399 | padding-left: 100px; | ||
1400 | } | ||
1401 | div#javaScriptAlert div.footer { | ||
1402 | height: 34px; | ||
1403 | width: 468; | ||
1404 | background-image: url(./images/old/alert/footer.png); | ||
1405 | } | ||
1406 | div#javaScriptAlert div.message { | ||
1407 | position: relative; | ||
1408 | top: -150px; | ||
1409 | z-index: 1002; | ||
1410 | /* | ||
1411 | left: 100px; | ||
1412 | right: 100px; | ||
1413 | */ | ||
1414 | |||
1415 | margin-left: auto; | ||
1416 | margin-right: auto; | ||
1417 | max-width: 468px; | ||
1418 | } | ||
1419 | div#javaScriptAlert div.message h1 { | ||
1420 | font-size: 16pt; | ||
1421 | margin: 0px; | ||
1422 | color: #ff5930; | ||
1423 | } | ||
1424 | div#javaScriptAlert div.message p { | ||
1425 | margin-top: 0px; | ||
1426 | color: #999999; | ||
1427 | } | ||
1428 | div#javaScriptAlert div.message h3 { | ||
1429 | font-size: 12pt; | ||
1430 | margin-bottom: 0px; | ||
1431 | color: #ff5930; | ||
1432 | } | ||
1433 | div#javaScriptAlert div.message h5 { | ||
1434 | margin: 0px; | ||
1435 | color: #999999; | ||
1436 | } | ||
1437 | /* @end */ | ||
1438 | /* @group Components | ||
1439 | */ | ||
1440 | /* @group LoginProgress */ | ||
1441 | div.LoginProgress { | ||
1442 | position: relative; | ||
1443 | left: -190px; | ||
1444 | top: -100px; | ||
1445 | width: 380px; | ||
1446 | height: 200px; | ||
1447 | /* background: url(./images/old/loginProgress/background.png);*/ | ||
1448 | |||
1449 | background-color: #d7d7c0; | ||
1450 | -webkit-border-radius: 20px; | ||
1451 | -moz-border-radius: 20px; | ||
1452 | border-radius: 20px; | ||
1453 | -webkit-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.6); | ||
1454 | -moz-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.6); | ||
1455 | box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.6); | ||
1456 | } | ||
1457 | div.LoginProgress div.header { | ||
1458 | height: 40px; | ||
1459 | } | ||
1460 | div.LoginProgress div.header h3 { | ||
1461 | font-size: 12pt; | ||
1462 | font-weight: normal; | ||
1463 | margin: 0px; | ||
1464 | color: #777777; | ||
1465 | padding-top: 13px; | ||
1466 | padding-left: 18px; | ||
1467 | } | ||
1468 | div.LoginProgress div.body { | ||
1469 | height: 120px; | ||
1470 | overflow: auto; | ||
1471 | padding-left: 20px; | ||
1472 | padding-right: 20px; | ||
1473 | background-color: #f1f1e9; | ||
1474 | /* | ||
1475 | margin-left: 19px; | ||
1476 | margin-right: 18px; | ||
1477 | */ | ||
1478 | |||
1479 | } | ||
1480 | div.LoginProgress div.body div.img { | ||
1481 | margin: 10px; | ||
1482 | width: 50px; | ||
1483 | height: 50px; | ||
1484 | float: left; | ||
1485 | } | ||
1486 | div.LoginProgress div.body div.img.ALERT { | ||
1487 | /* background-image: url(./images/old/simpleMessageBox/Alert.png);*/ | ||
1488 | |||
1489 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9955), to(#ff6622), color-stop(1, #333333)); | ||
1490 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9955); | ||
1491 | -webkit-border-radius: 25px; | ||
1492 | -moz-border-radius: 25px; | ||
1493 | border-radius: 25px; | ||
1494 | } | ||
1495 | div.LoginProgress div.body div.img.ALERT canvas { | ||
1496 | width: 50px; | ||
1497 | height: 50px; | ||
1498 | /*background-image: url(./images/old/simpleMessageBox/excalmationPoint.png); */ | ||
1499 | |||
1500 | } | ||
1501 | div.LoginProgress div.body div.loadingBar { | ||
1502 | position: relative; | ||
1503 | top: 51px; | ||
1504 | left: 60px; | ||
1505 | } | ||
1506 | div.LoginProgress div.body div.errorBox p { | ||
1507 | color: #787872; | ||
1508 | padding-top: 20px; | ||
1509 | padding-left: 80px; | ||
1510 | } | ||
1511 | div.LoginProgress div.footer { | ||
1512 | margin-left: 19px; | ||
1513 | margin-right: 18px; | ||
1514 | } | ||
1515 | /* | ||
1516 | div.LoginProgress div.footer a { | ||
1517 | text-decoration: none; | ||
1518 | text-align: center; | ||
1519 | color: #787872; | ||
1520 | display: block; | ||
1521 | font-weight: bold; | ||
1522 | font-size: 11pt; | ||
1523 | width: 100px; | ||
1524 | margin-top: 11px; | ||
1525 | margin-left: auto; | ||
1526 | margin-right: auto; | ||
1527 | } | ||
1528 | */ | ||
1529 | div.LoginProgress div.buttonArea { | ||
1530 | padding-top: 6px; | ||
1531 | text-align: center; | ||
1532 | } | ||
1533 | div.LoginProgress div.button { | ||
1534 | display: inline-block; | ||
1535 | } | ||
1536 | div.LoginProgress div.footer a:hover { | ||
1537 | color: #515247; | ||
1538 | } | ||
1539 | /* @end */ | ||
1540 | /* @group SimpleMessagePanel */ | ||
1541 | /* -> SimpleMessagePanel.less | ||
1542 | div.SimpleMessagePanel { | ||
1543 | position: relative; | ||
1544 | left: -225px; | ||
1545 | top: -70px; | ||
1546 | width: 450px; | ||
1547 | height: 140px; | ||
1548 | //background: url(./images/old/loginProgress/background.png); | ||
1549 | background-color: #f1f1ef; | ||
1550 | .border-radius(10); | ||
1551 | } | ||
1552 | //div.SimpleMessagePanel div.header { | ||
1553 | // height: 17px; | ||
1554 | // background: url(./images/old/simpleMessageBox/background_header.png) no-repeat; | ||
1555 | } | ||
1556 | div.SimpleMessagePanel div.body { | ||
1557 | / * | ||
1558 | height: 120px; | ||
1559 | overflow: auto; | ||
1560 | margin-left: 19px; | ||
1561 | margin-right: 18px; | ||
1562 | * / | ||
1563 | |||
1564 | // background: url(./images/old/simpleMessageBox/background_body.png) repeat-y; | ||
1565 | // padding-left: 25px; | ||
1566 | // padding-right: 25px; | ||
1567 | // padding-top: 10px; | ||
1568 | padding: 20px; | ||
1569 | .box-shadow (2px, 2px, 9px, @Global_shadow-color); | ||
1570 | } | ||
1571 | div.SimpleMessagePanel div.body h3 { | ||
1572 | font-size: 14pt; | ||
1573 | font-weight: normal; | ||
1574 | margin: 0px; | ||
1575 | padding-top: 4px; | ||
1576 | color: #787872; | ||
1577 | } | ||
1578 | div.SimpleMessagePanel div.body div.img { | ||
1579 | width: 60px; | ||
1580 | height: 60px; | ||
1581 | float: left; | ||
1582 | margin-right: 10px; | ||
1583 | |||
1584 | .graduated-background (#ff6622, #ffad79); | ||
1585 | .border-radius(30); | ||
1586 | } | ||
1587 | div.SimpleMessagePanel div.body div.img canvas { | ||
1588 | width: 60px; | ||
1589 | height: 60px; | ||
1590 | } | ||
1591 | div.SimpleMessagePanel div.body p { | ||
1592 | margin: 0; | ||
1593 | font-size: 10pt; | ||
1594 | font-weight: normal; | ||
1595 | color: #787872; | ||
1596 | padding-top: 10px; | ||
1597 | padding-bottom: 5px; | ||
1598 | line-height: 1.3; | ||
1599 | } | ||
1600 | div.SimpleMessagePanel div.body div.img.ALERT { | ||
1601 | // background: url(./images/old/simpleMessageBox/Alert.png) no-repeat; | ||
1602 | } | ||
1603 | div.SimpleMessagePanel div.body div.img.INFO { | ||
1604 | // background: url(./images/old/simpleMessageBox/Info.png) no-repeat; | ||
1605 | } | ||
1606 | div.SimpleMessagePanel div.body div.buttonArea { | ||
1607 | height: 40px; | ||
1608 | clear: both; | ||
1609 | } | ||
1610 | div.SimpleMessagePanel div.body div.buttonArea > div { | ||
1611 | float: right; | ||
1612 | margin-left: 15px; | ||
1613 | margin-top: 10px; | ||
1614 | } | ||
1615 | div.SimpleMessagePanel div.footer { | ||
1616 | height: 25px; | ||
1617 | // background: url(./images/old/simpleMessageBox/background_footer.png) no-repeat; | ||
1618 | } | ||
1619 | div.SimpleMessagePanel div.passphrase { | ||
1620 | padding-left: 65px; | ||
1621 | } | ||
1622 | div.SimpleMessagePanel div.passphrase input { | ||
1623 | width: 250px; | ||
1624 | font-size: 14pt; | ||
1625 | border: 1px solid #bb4924; | ||
1626 | color: #333366; | ||
1627 | background-color: white; | ||
1628 | padding: 2px 5px; | ||
1629 | height: 28px; | ||
1630 | } | ||
1631 | div.SimpleMessagePanel div.progressBarWrapper { | ||
1632 | margin-left: 80px; | ||
1633 | } | ||
1634 | */ | ||
1635 | /* @end */ | ||
1636 | /* @group Button */ | ||
1637 | /* -> Button.less | ||
1638 | div.button_wrapper { | ||
1639 | height: 32px; | ||
1640 | background: url(./images/old/button/default_left.png) no-repeat; | ||
1641 | cursor: pointer; | ||
1642 | } | ||
1643 | div.button_wrapper.hover { | ||
1644 | background: url(./images/old/button/hover_left.png) no-repeat; | ||
1645 | } | ||
1646 | div.button_wrapper.clicked { | ||
1647 | background: url(./images/old/button/clicked_left.png) no-repeat; | ||
1648 | } | ||
1649 | div.button_bodyWrapper { | ||
1650 | height: 32px; | ||
1651 | margin-left: 6px; | ||
1652 | padding-right: 6px; | ||
1653 | background: url(./images/old/button/default_main.png) repeat-x right 0; | ||
1654 | } | ||
1655 | div.button_wrapper.hover div.button_bodyWrapper { | ||
1656 | background: url(./images/old/button/hover_main.png) repeat-x right 0; | ||
1657 | } | ||
1658 | div.button_wrapper.clicked div.button_bodyWrapper { | ||
1659 | background: url(./images/old/button/clicked_main.png) repeat-x right 0; | ||
1660 | } | ||
1661 | div.button_body { | ||
1662 | text-align: center; | ||
1663 | min-width: 60px; | ||
1664 | padding: 0px 7px; | ||
1665 | padding-top: 8px; | ||
1666 | } | ||
1667 | div.button_body span { | ||
1668 | font-size: 11pt; | ||
1669 | color: white; | ||
1670 | } | ||
1671 | div.button_wrapper.default div.button_body span { | ||
1672 | font-weight: bold; | ||
1673 | } | ||
1674 | / * | ||
1675 | div.button_footer { | ||
1676 | margin: 0px; | ||
1677 | height: 31px; | ||
1678 | width: 6px; | ||
1679 | background: green url(./images/old/button/default_right.png) no-repeat; | ||
1680 | } | ||
1681 | * / | ||
1682 | */ | ||
1683 | /* @end */ | ||
1684 | /* @group Password enthropy */ | ||
1685 | input.entropyLevelIndicator { | ||
1686 | background: url(./images/old/passwordField/background.png) no-repeat 0 26px; | ||
1687 | } | ||
1688 | div.passwordEntropyWrapper { | ||
1689 | padding: 0px; | ||
1690 | border: 1px solid #bb4924; | ||
1691 | border-top: 0px; | ||
1692 | margin-bottom: 4px; | ||
1693 | background-color: white; | ||
1694 | margin-right: 3px; | ||
1695 | margin-top: -2; | ||
1696 | } | ||
1697 | div.passwordEntropy { | ||
1698 | height: 4px; | ||
1699 | font-size: 1pt; | ||
1700 | background: url(./images/old/entropyBackground.gif) repeat-x 0 0; | ||
1701 | line-height: 3px; | ||
1702 | } | ||
1703 | div.messageBox { | ||
1704 | position: absolute; | ||
1705 | width: 409px; | ||
1706 | height: 29px; | ||
1707 | top: 23px; | ||
1708 | left: 204px; | ||
1709 | background: url(./images/old/main/messageBoxBackground.png); | ||
1710 | } | ||
1711 | div.messageBox h3 { | ||
1712 | display: inline-block; | ||
1713 | color: #342f6b; | ||
1714 | font-weight: bold; | ||
1715 | margin: 7px 2px 0px 12px; | ||
1716 | font-size: 10pt; | ||
1717 | } | ||
1718 | body.ext-gecko div.messageBox h3 { | ||
1719 | display: -moz-inline-box; | ||
1720 | } | ||
1721 | div.messageBox h1 { | ||
1722 | color: #342f6b; | ||
1723 | display: inline; | ||
1724 | font-weight: normal; | ||
1725 | margin: 0px 1px; | ||
1726 | font-size: 9pt; | ||
1727 | } | ||
1728 | div.messageBox a { | ||
1729 | display: block; | ||
1730 | width: 20px; | ||
1731 | height: 20px; | ||
1732 | float: right; | ||
1733 | position: absolute; | ||
1734 | right: 5px; | ||
1735 | top: 4px; | ||
1736 | background-image: url(./images/old/main/messageBoxCloseButton.png); | ||
1737 | } | ||
1738 | div.messageBox a:hover { | ||
1739 | background-image: url(./images/old/main/messageBoxCloseButtonActive.png); | ||
1740 | } | ||
1741 | /* @end */ | ||
1742 | /* @group Side panels */ | ||
1743 | /* @end */ | ||
1744 | /* @end */ | ||
1745 | /* @group MainPanels */ | ||
1746 | div.mainPanels { | ||
1747 | float: left; | ||
1748 | width: 833px; | ||
1749 | margin-top: -38px; | ||
1750 | /* | ||
1751 | position: relative; | ||
1752 | width: 100%; | ||
1753 | min-height: 600px; | ||
1754 | top: -40px; | ||
1755 | left: 250px; | ||
1756 | */ | ||
1757 | |||
1758 | } | ||
1759 | div.mainFooter { | ||
1760 | clear: both; | ||
1761 | } | ||
1762 | /* @end */ | ||
1763 | /* @group Grids */ | ||
1764 | /* @group grid Component */ | ||
1765 | /* @group delete */ | ||
1766 | /*div.body div.rows table.rows tbody tr td.delete */ | ||
1767 | div.delete, | ||
1768 | div.new { | ||
1769 | padding-left: 5px; | ||
1770 | height: 19px; | ||
1771 | } | ||
1772 | div.new span, | ||
1773 | div.delete span { | ||
1774 | margin: 0px; | ||
1775 | padding: 0px; | ||
1776 | border: 0px; | ||
1777 | display: inline-block; | ||
1778 | height: 19px; | ||
1779 | padding-right: 6px; | ||
1780 | } | ||
1781 | div.new span a, | ||
1782 | div.delete span a { | ||
1783 | white-space: nowrap; | ||
1784 | } | ||
1785 | div.delete:hover { | ||
1786 | background: url(./images/old/delete_background_left.png) no-repeat 0; | ||
1787 | } | ||
1788 | div.delete:hover span { | ||
1789 | background: url(./images/old/delete_background.png) no-repeat right 0; | ||
1790 | } | ||
1791 | div.new:hover { | ||
1792 | background: url(./images/old/new_background_left.png) no-repeat 0; | ||
1793 | } | ||
1794 | div.new:hover span { | ||
1795 | background: url(./images/old/new_background.png) no-repeat right 0; | ||
1796 | } | ||
1797 | /* | ||
1798 | tr.selected div.delete { | ||
1799 | background: url(./images/old/delete_background_left.png) no-repeat 0; | ||
1800 | } | ||
1801 | tr.selected div.delete span { | ||
1802 | background: url(./images/old/delete_background.png) no-repeat right 0; | ||
1803 | } | ||
1804 | */ | ||
1805 | div.body div.rows table.rows tbody tr td.delete div.delete span a { | ||
1806 | visibility: hidden; | ||
1807 | font-size: 8pt; | ||
1808 | vertical-align: -13px; | ||
1809 | color: black; | ||
1810 | } | ||
1811 | div.body div.rows table.rows tbody tr.selected td.delete div.delete span a { | ||
1812 | visibility: visible; | ||
1813 | } | ||
1814 | div.body div.rows table.rows tbody tr:hover td.delete div.delete span a { | ||
1815 | visibility: visible; | ||
1816 | } | ||
1817 | div.body div.rows table.rows tbody tr:hover td.delete div.delete:hover span a { | ||
1818 | color: white; | ||
1819 | } | ||
1820 | /* | ||
1821 | div.body div.rows table.rows tbody tr.selected td.delete div.delete span a { | ||
1822 | color: white; | ||
1823 | } | ||
1824 | */ | ||
1825 | /* @end */ | ||
1826 | /* @group header */ | ||
1827 | div.gridComponent table.rows thead tr th { | ||
1828 | text-align: left; | ||
1829 | height: 30px; | ||
1830 | vertical-align: bottom; | ||
1831 | } | ||
1832 | div.gridComponent table.rows thead tr th.sortable span { | ||
1833 | cursor: pointer; | ||
1834 | } | ||
1835 | div.gridComponent table.rows thead tr th.sortable span a { | ||
1836 | margin-left: 5px; | ||
1837 | padding-left: 10px; | ||
1838 | } | ||
1839 | div.gridComponent table.rows thead tr th.directLoginTH { | ||
1840 | width: 420px; | ||
1841 | } | ||
1842 | div.gridComponent table.rows thead tr th.latestUpdateTH { | ||
1843 | width: 100px; | ||
1844 | } | ||
1845 | div.gridComponent table.rows thead tr th.commandsTH { | ||
1846 | width: 150px; | ||
1847 | } | ||
1848 | div.gridComponent table.rows thead a { | ||
1849 | text-decoration: none; | ||
1850 | } | ||
1851 | div.gridComponent table.rows thead span { | ||
1852 | font-weight: normal; | ||
1853 | font-size: 9pt; | ||
1854 | line-height: 20px; | ||
1855 | } | ||
1856 | div.gridComponent div.header div.headerSlot { | ||
1857 | float: right; | ||
1858 | } | ||
1859 | /* @end */ | ||
1860 | div.mainPanels div.gridComponent div.body table.rows td.favicon { | ||
1861 | padding-left: 25px; | ||
1862 | } | ||
1863 | div.mainPanels div.gridComponent div.body table.rows td.favicon img { | ||
1864 | width: 16px; | ||
1865 | height: 16px; | ||
1866 | border: 0px; | ||
1867 | } | ||
1868 | /* @end */ | ||
1869 | /* @group Card Grid */ | ||
1870 | /* @group DirectLogin links */ | ||
1871 | div.gridComponent th.directLoginTH span { | ||
1872 | margin-left: 7px; | ||
1873 | } | ||
1874 | td.card_directLogins div { | ||
1875 | display: inline-table; | ||
1876 | } | ||
1877 | td.card_directLogins span { | ||
1878 | display: inline-block; | ||
1879 | } | ||
1880 | /* | ||
1881 | td.card_directLogins a { | ||
1882 | display: inline-table; | ||
1883 | height: 19px; | ||
1884 | |||
1885 | padding-right: 7px; | ||
1886 | } | ||
1887 | |||
1888 | td.card_directLogins a:hover { | ||
1889 | background: url(./images/old/directLink_background.png) right 0; | ||
1890 | } | ||
1891 | */ | ||
1892 | div.card_directLogin { | ||
1893 | display: inline-block; | ||
1894 | height: 19px; | ||
1895 | padding-left: 7px; | ||
1896 | } | ||
1897 | div.card_directLogin_ellipses span { | ||
1898 | padding-bottom: 2px; | ||
1899 | } | ||
1900 | div.card_directLogin div.card_directLogin_body { | ||
1901 | display: inline-block; | ||
1902 | height: 19px; | ||
1903 | padding-right: 8px; | ||
1904 | background-position: left; | ||
1905 | } | ||
1906 | div.card_directLogin div.card_directLogin_body a { | ||
1907 | vertical-align: -14px; | ||
1908 | } | ||
1909 | /*div.card_directLogin:hover {*/ | ||
1910 | div.card_directLogin:hover { | ||
1911 | background: url(./images/old/directLink_background_left.png) no-repeat 0 0; | ||
1912 | } | ||
1913 | /*div.card_directLogin:hover div {*/ | ||
1914 | div.card_directLogin:hover div.card_directLogin_body { | ||
1915 | background: url(./images/old/directLink_background.png) right 0; | ||
1916 | } | ||
1917 | /* @group DirectLogin Popup */ | ||
1918 | div.DirectLoginListPopup { | ||
1919 | position: absolute; | ||
1920 | width: 184px; | ||
1921 | } | ||
1922 | div.DirectLoginListPopup div.DirectLoginListPopup_body { | ||
1923 | background-image: url(./images/old/directLogins_background.png); | ||
1924 | padding-top: 8px; | ||
1925 | } | ||
1926 | div.DirectLoginListPopup div.DirectLoginListPopup_footer { | ||
1927 | height: 8px; | ||
1928 | background-image: url(./images/old/directLogins_background_bottom.png); | ||
1929 | } | ||
1930 | div.DirectLoginListPopup div.DirectLoginListPopup_body ul { | ||
1931 | margin: 0px; | ||
1932 | padding-left: 13px; | ||
1933 | list-style: none; | ||
1934 | } | ||
1935 | div.DirectLoginListPopup div.DirectLoginListPopup_body ul li { | ||
1936 | padding-top: 4px; | ||
1937 | height: 20px; | ||
1938 | padding-right: 10px; | ||
1939 | white-space: nowrap; | ||
1940 | } | ||
1941 | div.DirectLoginListPopup div.DirectLoginListPopup_body ul li div { | ||
1942 | padding-right: 10px; | ||
1943 | overflow: hidden; | ||
1944 | } | ||
1945 | div.DirectLoginListPopup div.DirectLoginListPopup_body ul li img.favicon { | ||
1946 | padding-left: 9px; | ||
1947 | padding-right: 5px; | ||
1948 | } | ||
1949 | div.DirectLoginListPopup div.DirectLoginListPopup_body ul li a { | ||
1950 | text-decoration: none; | ||
1951 | color: white; | ||
1952 | font-weight: normal; | ||
1953 | font-size: 10pt; | ||
1954 | vertical-align: 3px; | ||
1955 | white-space: nowrap; | ||
1956 | padding-right: 8px; | ||
1957 | } | ||
1958 | div.DirectLoginListPopup div.DirectLoginListPopup_body ul li:hover { | ||
1959 | /* background-color: #a5a696;*/ | ||
1960 | |||
1961 | /* background-color: #7b7d70;*/ | ||
1962 | |||
1963 | background-color: rgba(123, 125, 112, 0.5); | ||
1964 | } | ||
1965 | div.DirectLoginListPopup div.DirectLoginListPopup_body ul li:hover a { | ||
1966 | background: url(./images/old/directLink_no_background.png) right; | ||
1967 | } | ||
1968 | /* @end */ | ||
1969 | /* @end */ | ||
1970 | div.mainPanels div.gridComponent div.header { | ||
1971 | /* | ||
1972 | height: 90px; | ||
1973 | background: url(./images/old/main/blocks/cardGridBackground.png) no-repeat; | ||
1974 | */ | ||
1975 | |||
1976 | background: url(./images/old/main/blocks/cardGridBackground.png) no-repeat; | ||
1977 | padding-left: 40px; | ||
1978 | padding-right: 40px; | ||
1979 | padding-top: 20px; | ||
1980 | padding-bottom: 10px; | ||
1981 | } | ||
1982 | div.mainPanels div.gridComponent div.header form.search { | ||
1983 | height: 32px; | ||
1984 | margin: 0px; | ||
1985 | } | ||
1986 | div.mainPanels div.gridComponent div.header form.search div.clearSearchButton { | ||
1987 | position: absolute; | ||
1988 | margin-left: 192px; | ||
1989 | width: 22px; | ||
1990 | height: 22px; | ||
1991 | margin-top: 6px; | ||
1992 | background: url(./images/old/filter/clearFilter_notSelected.png) no-repeat; | ||
1993 | } | ||
1994 | div.mainPanels div.gridComponent div.header form.search div.clearSearchButton:hover { | ||
1995 | background: url(./images/old/filter/clearFilter_selected.png) no-repeat; | ||
1996 | cursor: pointer; | ||
1997 | } | ||
1998 | div.mainPanels div.gridComponent div.header form.search div.search { | ||
1999 | display: block; | ||
2000 | float: left; | ||
2001 | width: 217px; | ||
2002 | } | ||
2003 | div.mainPanels div.gridComponent div.header form.search input.search { | ||
2004 | border: 1px solid #76786a; | ||
2005 | color: #666666; | ||
2006 | font-size: 12pt; | ||
2007 | width: 100%; | ||
2008 | padding: 4px; | ||
2009 | padding-left: 24px; | ||
2010 | padding-right: 26px; | ||
2011 | background: #e8ecde url(./images/old/main/grid/search.png) no-repeat 2px 4px; | ||
2012 | } | ||
2013 | div.mainPanels div.gridComponent div.header form.search input.search.disabled { | ||
2014 | disabled: disabled; | ||
2015 | } | ||
2016 | div.mainPanels div.gridComponent div.header form.search input.search.running { | ||
2017 | background: #e8ecde url(./images/old/main/grid/running_search.gif) no-repeat 4px 5px; | ||
2018 | } | ||
2019 | div.mainPanels div.gridComponent div.body { | ||
2020 | clear: both; | ||
2021 | background: url(./images/old/main/blocks/cardGridBackground.png) repeat-y -836px; | ||
2022 | } | ||
2023 | div.mainPanels div.gridComponent div.footer { | ||
2024 | background: url(./images/old/main/blocks/cardGridBackground.png) 834px -28px; | ||
2025 | height: 35px; | ||
2026 | } | ||
2027 | div.mainPanels div.gridComponent div.body h1 { | ||
2028 | margin: 0px; | ||
2029 | } | ||
2030 | div.mainPanels div.gridComponent div.body div.rows { | ||
2031 | margin-left: 9px; | ||
2032 | margin-right: 6px; | ||
2033 | min-height: 582px; | ||
2034 | background: url(./images/old/main/blocks/cardGridStripes.png) 0 7px; | ||
2035 | } | ||
2036 | div.mainPanels div.gridComponent.noRows div.body table.rows thead, | ||
2037 | div.mainPanels div.gridComponent.empty div.body table.rows thead { | ||
2038 | visibility: hidden; | ||
2039 | } | ||
2040 | div.mainPanels div.gridComponent.empty div.body div.rows { | ||
2041 | background: #eaebe6 url(./images/old/lock/background_star.png) no-repeat center center; | ||
2042 | } | ||
2043 | div.mainPanels div.gridComponent.noRows div.body div.rows { | ||
2044 | background: #eaebe6; | ||
2045 | } | ||
2046 | div.mainPanels div.gridComponent div.body table.rows { | ||
2047 | display: block; | ||
2048 | width: 100%; | ||
2049 | } | ||
2050 | div.mainPanels div.gridComponent div.body table.rows tbody tr.odd.selected { | ||
2051 | background-color: #a5a696; | ||
2052 | } | ||
2053 | div.mainPanels div.gridComponent div.body table.rows tbody tr.even.selected { | ||
2054 | background-color: #a5a696; | ||
2055 | } | ||
2056 | div.mainPanels div.gridComponent div.body table.rows tbody tr.selected td a { | ||
2057 | color: #f3f4eb; | ||
2058 | } | ||
2059 | div.mainPanels div.gridComponent div.body table.rows tbody tr.odd { | ||
2060 | background-color: #d4d5cf; | ||
2061 | } | ||
2062 | div.mainPanels div.gridComponent div.body table.rows tbody tr.even { | ||
2063 | background-color: #eaebe6; | ||
2064 | } | ||
2065 | div.mainPanels div.gridComponent div.body table.rows tbody tr.odd:hover { | ||
2066 | background-color: #a5a696; | ||
2067 | } | ||
2068 | div.mainPanels div.gridComponent div.body table.rows tbody tr.even:hover { | ||
2069 | background-color: #a5a696; | ||
2070 | } | ||
2071 | div.mainPanels div.gridComponent div.body table.rows tbody tr td { | ||
2072 | height: 23px; | ||
2073 | max-height: 23px; | ||
2074 | /* | ||
2075 | white-space: nowrap; | ||
2076 | overflow: hidden; | ||
2077 | */ | ||
2078 | |||
2079 | } | ||
2080 | div.mainPanels div.gridComponent div.body table.rows tbody tr td span { | ||
2081 | color: #828479; | ||
2082 | font-size: 10pt; | ||
2083 | } | ||
2084 | div.mainPanels div.gridComponent div.body table.rows tbody tr td a { | ||
2085 | color: #828479; | ||
2086 | font-size: 10pt; | ||
2087 | text-decoration: none; | ||
2088 | } | ||
2089 | div.mainPanels div.gridComponent div.body table.rows tbody tr:hover td span { | ||
2090 | color: #f3f4eb; | ||
2091 | } | ||
2092 | div.mainPanels div.gridComponent div.body table.rows tbody tr.selected td span { | ||
2093 | color: #f3f4eb; | ||
2094 | } | ||
2095 | div.mainPanels div.gridComponent div.body table.rows tbody tr:hover td a { | ||
2096 | color: #f3f4eb; | ||
2097 | } | ||
2098 | div.mainPanels div.gridComponent div.body table.rows tbody tr td.title a { | ||
2099 | font-weight: bold; | ||
2100 | } | ||
2101 | div.mainPanels div.gridComponent div.body table.rows tbody tr td img.favicon { | ||
2102 | float: right; | ||
2103 | padding-right: 6px; | ||
2104 | } | ||
2105 | /* @group header */ | ||
2106 | div.gridComponent table.rows thead img { | ||
2107 | padding-left: 10px; | ||
2108 | vertical-align: middle; | ||
2109 | } | ||
2110 | div.gridComponent table.rows thead tr th { | ||
2111 | background-color: #eaebe6; | ||
2112 | border-bottom: 1px solid #b3b4af; | ||
2113 | } | ||
2114 | div.gridComponent table.rows thead span { | ||
2115 | color: #8c8f7e; | ||
2116 | } | ||
2117 | div.gridComponent table.rows thead tr th.unsorted span.sortable a { | ||
2118 | background-image: url(./images/old/main/grid/unsorted.png); | ||
2119 | } | ||
2120 | div.gridComponent table.rows thead tr th.descending span.sortable a { | ||
2121 | background-image: url(./images/old/main/grid/descending.png); | ||
2122 | } | ||
2123 | div.gridComponent table.rows thead tr th.ascending span.sortable a { | ||
2124 | background-image: url(./images/old/main/grid/ascending.png); | ||
2125 | } | ||
2126 | div.gridComponent table.rows thead tr th.faviconTH { | ||
2127 | width: 53px; | ||
2128 | } | ||
2129 | div.gridComponent table.rows thead tr th.titleTH { | ||
2130 | width: 200px; | ||
2131 | max-width: 200px; | ||
2132 | } | ||
2133 | div.gridComponent table.rows thead tr th.deleteTH { | ||
2134 | width: 50px; | ||
2135 | } | ||
2136 | /* @end */ | ||
2137 | /* @end */ | ||
2138 | /* @group Direct login Grid */ | ||
2139 | /* | ||
2140 | div.mainPanels div.directLoginGrid div.header { | ||
2141 | /* | ||
2142 | height: 90px; | ||
2143 | background: url(./images/old/main/blocks/cardGridBackground.png) no-repeat; | ||
2144 | * / | ||
2145 | } | ||
2146 | |||
2147 | div.mainPanels div.directLoginGrid div.header form.search { | ||
2148 | background: url(./images/old/main/blocks/directLoginGridBackground.png) no-repeat; | ||
2149 | padding-left: 40px; | ||
2150 | padding-top: 20px; | ||
2151 | padding-bottom: 10px; | ||
2152 | margin: 0px; | ||
2153 | } | ||
2154 | |||
2155 | div.mainPanels div.directLoginGrid div.header form.search input.search { | ||
2156 | border: 1px solid #76786a; | ||
2157 | color: #666666; | ||
2158 | font-size: 12pt; | ||
2159 | padding: 4px; | ||
2160 | background-color: #e8ecde; | ||
2161 | } | ||
2162 | |||
2163 | div.mainPanels div.directLoginGrid div.header form.search input.searchButton { | ||
2164 | background-color: #858877; | ||
2165 | border: 0px; | ||
2166 | color: white; | ||
2167 | font-size: 10pt; | ||
2168 | } | ||
2169 | |||
2170 | div.mainPanels div.directLoginGrid div.body { | ||
2171 | background: url(./images/old/main/blocks/directLoginGridBackground.png) repeat-y -836px; | ||
2172 | } | ||
2173 | |||
2174 | div.mainPanels div.directLoginGrid div.footer { | ||
2175 | background: url(./images/old/main/blocks/directLoginGridBackground.png) 834px -28px; | ||
2176 | height: 35px; | ||
2177 | } | ||
2178 | |||
2179 | div.mainPanels div.directLoginGrid div.body h1 { | ||
2180 | margin: 0px; | ||
2181 | } | ||
2182 | |||
2183 | div.mainPanels div.directLoginGrid div.body div.rows { | ||
2184 | margin-left: 9px; | ||
2185 | margin-right: 6px; | ||
2186 | min-height: 582px; | ||
2187 | background: url(./images/old/main/blocks/directLoginGridStripes.png) 0 7px; | ||
2188 | } | ||
2189 | |||
2190 | div.mainPanels div.directLoginGrid div.body table.rows { | ||
2191 | display: block; | ||
2192 | width: 100%; | ||
2193 | } | ||
2194 | |||
2195 | div.mainPanels div.directLoginGrid div.body table.rows img { | ||
2196 | border: 0px; | ||
2197 | } | ||
2198 | |||
2199 | div.mainPanels div.directLoginGrid div.body table.rows tbody tr.even { | ||
2200 | background-color: #787666; | ||
2201 | } | ||
2202 | |||
2203 | div.mainPanels div.directLoginGrid div.body table.rows tbody tr.odd { | ||
2204 | background-color: #646351; | ||
2205 | } | ||
2206 | |||
2207 | div.mainPanels div.directLoginGrid div.body table.rows tbody tr.odd:hover { | ||
2208 | background-color: #d1d4c6; | ||
2209 | } | ||
2210 | |||
2211 | div.mainPanels div.directLoginGrid div.body table.rows tbody tr.even:hover { | ||
2212 | background-color: #d1d4c6; | ||
2213 | } | ||
2214 | |||
2215 | div.mainPanels div.directLoginGrid div.body table.rows tbody tr td { | ||
2216 | height: 23px; | ||
2217 | color: #e1e0d6; | ||
2218 | font-size: 10pt; | ||
2219 | } | ||
2220 | |||
2221 | div.mainPanels div.directLoginGrid div.body table.rows tbody tr:hover td { | ||
2222 | color: #777867; | ||
2223 | } | ||
2224 | |||
2225 | div.mainPanels div.directLoginGrid div.body table.rows tbody tr td.title { | ||
2226 | font-weight: bold; | ||
2227 | } | ||
2228 | |||
2229 | div.directLoginGrid div.body table.rows tbody tr a { | ||
2230 | color: #e1e0d6; | ||
2231 | text-decoration: none; | ||
2232 | } | ||
2233 | |||
2234 | div.directLoginGrid div.body table.rows tbody tr:hover a { | ||
2235 | color: #777867; | ||
2236 | } | ||
2237 | */ | ||
2238 | /* @group DirectLogin links */ | ||
2239 | /* | ||
2240 | td.card_directLogins div { | ||
2241 | display: inline-table; | ||
2242 | } | ||
2243 | |||
2244 | td.card_directLogins span { | ||
2245 | display: inline-table; | ||
2246 | } | ||
2247 | */ | ||
2248 | div.directLogin_directLogin { | ||
2249 | display: inline-block; | ||
2250 | height: 19px; | ||
2251 | padding-left: 7px; | ||
2252 | } | ||
2253 | div.directLogin_directLogin div.directLogin_directLogin_body { | ||
2254 | display: inline-block; | ||
2255 | height: 19px; | ||
2256 | padding-right: 8px; | ||
2257 | background-position: left; | ||
2258 | } | ||
2259 | div.directLogin_directLogin div.directLogin_directLogin_body a { | ||
2260 | vertical-align: -14px; | ||
2261 | } | ||
2262 | div.directLogin_directLogin:hover { | ||
2263 | background: url(./images/old/directLink_background_left.png) no-repeat 0 0; | ||
2264 | } | ||
2265 | div.directLogin_directLogin:hover div.directLogin_directLogin_body { | ||
2266 | background: url(./images/old/directLink_background.png) right 0; | ||
2267 | } | ||
2268 | table.rows tbody tr td div.directLogin_directLogin:hover div.directLogin_directLogin_body a { | ||
2269 | color: #f3f4eb; | ||
2270 | } | ||
2271 | /* @end */ | ||
2272 | /* @group header */ | ||
2273 | div.directLoginGrid table.rows thead span { | ||
2274 | color: #e1e0d6; | ||
2275 | } | ||
2276 | div.directLoginGrid table.rows thead tr th { | ||
2277 | background-color: #787762; | ||
2278 | border-bottom: 1px solid #999883; | ||
2279 | } | ||
2280 | div.directLoginGrid table.rows thead tr th.faviconTH { | ||
2281 | min-width: 53px; | ||
2282 | width: 53px; | ||
2283 | } | ||
2284 | div.directLoginGrid table.rows thead tr th.titleTH { | ||
2285 | min-width: 250px; | ||
2286 | width: 250px; | ||
2287 | } | ||
2288 | div.directLoginGrid table.rows thead tr th.titleTH span { | ||
2289 | margin-left: 7px; | ||
2290 | } | ||
2291 | div.directLoginGrid table.rows thead tr th.strengthTH { | ||
2292 | width: 100px; | ||
2293 | } | ||
2294 | div.directLoginGrid table.rows thead tr th.cardTitleTH { | ||
2295 | width: 400px; | ||
2296 | } | ||
2297 | div.directLoginGrid table.rows thead tr th.bookmarkableLinkTH { | ||
2298 | width: 64px; | ||
2299 | } | ||
2300 | div.directLoginGrid table.rows thead tr th.deleteTH { | ||
2301 | width: 50px; | ||
2302 | } | ||
2303 | div.directLoginGrid table.rows thead tr th.latestAccessTH { | ||
2304 | width: 100px; | ||
2305 | } | ||
2306 | div.directLoginGrid table.rows thead tr th.commandsTH { | ||
2307 | width: 100px; | ||
2308 | } | ||
2309 | /* | ||
2310 | div.directLoginGrid table.rows thead a { | ||
2311 | font-weight: normal; | ||
2312 | text-decoration: none; | ||
2313 | color: #e9e9df; | ||
2314 | font-size: 9pt; | ||
2315 | line-height: 20px; | ||
2316 | } | ||
2317 | */ | ||
2318 | div.directLoginGrid table.rows thead img { | ||
2319 | padding-left: 10px; | ||
2320 | vertical-align: middle; | ||
2321 | } | ||
2322 | div.directLoginGrid table.rows thead tr th.unsorted span.sortable a { | ||
2323 | background: url(./images/old/main/grid/directLogins/unsorted.png) no-repeat; | ||
2324 | } | ||
2325 | div.directLoginGrid table.rows thead tr th.descending span.sortable a { | ||
2326 | background: url(./images/old/main/grid/directLogins/descending.png) no-repeat; | ||
2327 | } | ||
2328 | div.directLoginGrid table.rows thead tr th.ascending span.sortable a { | ||
2329 | background: url(./images/old/main/grid/directLogins/ascending.png) no-repeat; | ||
2330 | } | ||
2331 | /* @end */ | ||
2332 | /* @end */ | ||
2333 | /* @end */ | ||
2334 | /* @end */ | ||
2335 | /* @group other Panels */ | ||
2336 | /* @group common styles */ | ||
2337 | /* | ||
2338 | div.subPanelTabs ul { | ||
2339 | margin: 0px; | ||
2340 | margin-right: 7px; | ||
2341 | padding: 0px; | ||
2342 | } | ||
2343 | div.subPanelTabs ul li { | ||
2344 | display: inline-block; | ||
2345 | vertical-align: middle; | ||
2346 | /*width: 130px; * / | ||
2347 | |||
2348 | height: 50px; | ||
2349 | /*border-right: 1px solid #a5a79c; | ||
2350 | border-bottom: 1px solid #a5a79c;* / | ||
2351 | |||
2352 | border-right: 1px solid #eef0e3; | ||
2353 | border-bottom: 1px solid #d5d5bc; | ||
2354 | } | ||
2355 | div.subPanelTabs ul li.first:hover { | ||
2356 | /*background: url(./images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -9px -5px; * / | ||
2357 | |||
2358 | } | ||
2359 | div.subPanelTabs ul li:hover { | ||
2360 | /*background: url(./images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -45px -5px; * / | ||
2361 | |||
2362 | border-right: 1px solid #d5d5bc; | ||
2363 | background-color: #eef0e3; | ||
2364 | } | ||
2365 | div.subPanelTabs ul li a { | ||
2366 | color: #787872; | ||
2367 | text-decoration: none; | ||
2368 | display: block; | ||
2369 | text-align: center; | ||
2370 | padding-top: 15px; | ||
2371 | padding-left: 20px; | ||
2372 | padding-right: 20px; | ||
2373 | font-size: 13pt; | ||
2374 | } | ||
2375 | div.subPanelTabs ul li.first { | ||
2376 | /*background: url(./images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -9px -5px; * / | ||
2377 | |||
2378 | -webkit-border-top-left-radius: 20px; | ||
2379 | -moz-border-radius-topleft: 20px; | ||
2380 | border-top-left-radius: 20px; | ||
2381 | } | ||
2382 | div.subPanelTabs ul li.selected { | ||
2383 | /*background: url(./images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -45px -5px; * / | ||
2384 | |||
2385 | background-color: #eef0e3; | ||
2386 | border-bottom: 1px solid #eef0e3; | ||
2387 | border-right: 1px solid #d5d5bc; | ||
2388 | } | ||
2389 | div.subPanelTabs ul li.selected:hover { | ||
2390 | border-right: 1px solid #d5d5bc; | ||
2391 | } | ||
2392 | div.subPanelTabs ul li.selected a { | ||
2393 | color: #444440; | ||
2394 | } | ||
2395 | div.subPanelContent { | ||
2396 | padding-top: 20px; | ||
2397 | padding-left: 30px; | ||
2398 | padding-right: 30px; | ||
2399 | min-height: 280px; | ||
2400 | color: #787872; | ||
2401 | margin: 0px 6px 0 9px; | ||
2402 | } | ||
2403 | div.subPanelContent ul { | ||
2404 | margin: 0px; | ||
2405 | padding: 0px; | ||
2406 | list-style-type: none; | ||
2407 | } | ||
2408 | div.subPanelContent ul li.selected { | ||
2409 | display: block; | ||
2410 | } | ||
2411 | div.subPanelContent ul li { | ||
2412 | display: none; | ||
2413 | } | ||
2414 | div.subPanelContent h3 { | ||
2415 | margin: 0px; | ||
2416 | border: 0px; | ||
2417 | padding: 0px; | ||
2418 | } | ||
2419 | */ | ||
2420 | /* @end */ | ||
2421 | /* @group mainPanels otherPanel */ | ||
2422 | div.mainPanels div.otherPanel { | ||
2423 | margin: 5px 10px; | ||
2424 | background-color: #eef0e3; | ||
2425 | -webkit-border-radius: 20px; | ||
2426 | -moz-border-radius: 20px; | ||
2427 | border-radius: 20px; | ||
2428 | -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); | ||
2429 | -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); | ||
2430 | box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); | ||
2431 | } | ||
2432 | div.mainPanels div.otherPanel div.header { | ||
2433 | /*background: url(./images/old/main/blocks/otherPanelBackground.png) no-repeat; */ | ||
2434 | |||
2435 | /* | ||
2436 | height: 90px; | ||
2437 | */ | ||
2438 | |||
2439 | background-color: #d5d5bc; | ||
2440 | /*padding-left: 9px; | ||
2441 | padding-top: 5px; */ | ||
2442 | |||
2443 | margin: 0px; | ||
2444 | margin-bottom: 0px; | ||
2445 | -webkit-border-top-left-radius: 20px; | ||
2446 | -webkit-border-top-right-radius: 20px; | ||
2447 | -moz-border-radius-topleft: 20px; | ||
2448 | -moz-border-radius-topright: 20px; | ||
2449 | border-top-left-radius: 20px; | ||
2450 | border-top-right-radius: 20px; | ||
2451 | } | ||
2452 | div.mainPanels div.otherPanel div.body { | ||
2453 | /*background: url(./images/old/main/blocks/otherPanelBackground.png) repeat-y -836px; */ | ||
2454 | |||
2455 | margin: 0px; | ||
2456 | border: 0px; | ||
2457 | padding: 0px; | ||
2458 | } | ||
2459 | div.mainPanels div.otherPanel div.footer { | ||
2460 | /*background: url(./images/old/main/blocks/otherPanelBackground.png) 834px -18px; */ | ||
2461 | |||
2462 | height: 45px; | ||
2463 | } | ||
2464 | div.mainPanels div.otherPanel div.body h1 { | ||
2465 | margin: 0px; | ||
2466 | } | ||
2467 | /* @end */ | ||
2468 | /* @group Account */ | ||
2469 | form.changePassphrase div.currentCredentials, | ||
2470 | form.changePassphrase div.newPassphrase { | ||
2471 | float: left; | ||
2472 | padding: 10px 20px; | ||
2473 | } | ||
2474 | form.changePassphrase label { | ||
2475 | display: inline-block; | ||
2476 | width: 150px; | ||
2477 | } | ||
2478 | form.changePassphrase div.confirm { | ||
2479 | clear: both; | ||
2480 | padding: 10px 20px; | ||
2481 | } | ||
2482 | form.changePassphrase div.confirm label { | ||
2483 | width: 500px; | ||
2484 | } | ||
2485 | div.accountPanel h3.manageOTP { | ||
2486 | margin-top: 20px; | ||
2487 | margin-left: -20px; | ||
2488 | padding-top: 10px; | ||
2489 | padding-left: 20px; | ||
2490 | border-top: 1px solid #aaaaaa; | ||
2491 | } | ||
2492 | /* @end */ | ||
2493 | /* @end */ | ||
2494 | /* @group Message Panel (?) */ | ||
2495 | /* | ||
2496 | div.messagePanelWrapper div.mask { | ||
2497 | position: fixed; | ||
2498 | top: 0px; | ||
2499 | left: 0px; | ||
2500 | right: 0px; | ||
2501 | bottom: 0px; | ||
2502 | |||
2503 | background-color: black; | ||
2504 | z-index:50001; | ||
2505 | |||
2506 | -moz-opacity: 0.0; | ||
2507 | opacity:.0; | ||
2508 | filter: alpha(opacity=0); | ||
2509 | / * | ||
2510 | -moz-opacity: 0.7; | ||
2511 | opacity:.70; | ||
2512 | filter: alpha(opacity=70); | ||
2513 | * / | ||
2514 | } | ||
2515 | |||
2516 | div.messagePanelFrame { | ||
2517 | border: 1px solid white; | ||
2518 | z-index:50002; | ||
2519 | / * | ||
2520 | width: 443px; | ||
2521 | height: 155px; | ||
2522 | position: fixed; | ||
2523 | top: 205px; | ||
2524 | left: 260px; | ||
2525 | margin-left: auto; | ||
2526 | margin-right: auto; | ||
2527 | max-width: 468px; | ||
2528 | * / | ||
2529 | } | ||
2530 | |||
2531 | |||
2532 | div.messagePanel { | ||
2533 | position: fixed; | ||
2534 | z-index:50003; | ||
2535 | top: 0px; | ||
2536 | left: 0px; | ||
2537 | / * | ||
2538 | margin-left: auto; | ||
2539 | margin-right: auto; | ||
2540 | max-width: 468px; | ||
2541 | top: 200px; | ||
2542 | left: 250px; | ||
2543 | left: 100px; | ||
2544 | right: 100px; | ||
2545 | * / | ||
2546 | } | ||
2547 | |||
2548 | div.messagePanel div.header { | ||
2549 | height: 34px; | ||
2550 | width: 468; | ||
2551 | background-image: url(./images/old/alert/header.png); | ||
2552 | } | ||
2553 | |||
2554 | div.messagePanel div.body { | ||
2555 | background-image: url(./images/old/alert/body.png); | ||
2556 | padding: 0px 20px 10px 20px; | ||
2557 | min-height: 100px; | ||
2558 | } | ||
2559 | / * | ||
2560 | div#javaScriptAlert div.body div.alert { | ||
2561 | padding-left: 100px; | ||
2562 | background: url(./images/old/alert/alert.png) no-repeat; | ||
2563 | } | ||
2564 | * / | ||
2565 | |||
2566 | div.messagePanel div.body img.alert { | ||
2567 | float: left; | ||
2568 | } | ||
2569 | |||
2570 | div.messagePanel div.body div.alert { | ||
2571 | padding-left: 100px; | ||
2572 | } | ||
2573 | |||
2574 | div.messagePanel div.footer { | ||
2575 | height: 34px; | ||
2576 | width: 468; | ||
2577 | background-image: url(./images/old/alert/footer.png); | ||
2578 | } | ||
2579 | |||
2580 | div.messagePanel div.message h1 { | ||
2581 | font-size: 16pt; | ||
2582 | margin: 0px; | ||
2583 | color: #ff5930; | ||
2584 | } | ||
2585 | |||
2586 | div.messagePanel div.message p { | ||
2587 | margin-top: 0px; | ||
2588 | color: #999999; | ||
2589 | } | ||
2590 | |||
2591 | div.messagePanel div.message h3 { | ||
2592 | font-size: 12pt; | ||
2593 | margin-bottom: 0px; | ||
2594 | color: #ff5930; | ||
2595 | } | ||
2596 | |||
2597 | div.messagePanel div.message h5 { | ||
2598 | margin: 0px; | ||
2599 | color: #999999; | ||
2600 | } | ||
2601 | |||
2602 | |||
2603 | */ | ||
2604 | /* @end */ | ||
2605 | /* @group LoginProgress (?) */ | ||
2606 | /* | ||
2607 | div#loginProgress { | ||
2608 | position: relative; | ||
2609 | left: -198px; | ||
2610 | top: -118px; | ||
2611 | width: 397px; | ||
2612 | height: 236px; | ||
2613 | background: url(./images/old/loginProgress/background.png); | ||
2614 | } | ||
2615 | |||
2616 | div#loginProgress div.header { | ||
2617 | height: 52px; | ||
2618 | } | ||
2619 | |||
2620 | div#loginProgress div.header h3 { | ||
2621 | font-size: 12pt; | ||
2622 | font-weight: normal; | ||
2623 | margin: 0px; | ||
2624 | color: #787872; | ||
2625 | padding-top: 25px; | ||
2626 | padding-left: 35px; | ||
2627 | } | ||
2628 | |||
2629 | div#loginProgress div.body { | ||
2630 | height: 120px; | ||
2631 | overflow: auto; | ||
2632 | margin-left: 19px; | ||
2633 | margin-right: 18px; | ||
2634 | } | ||
2635 | |||
2636 | div#loginProgress div.footer { | ||
2637 | margin-left: 19px; | ||
2638 | margin-right: 18px; | ||
2639 | } | ||
2640 | |||
2641 | div#loginProgress div.footer a { | ||
2642 | font-weight: bold; | ||
2643 | text-decoration: none; | ||
2644 | text-align: center; | ||
2645 | color: #787872; | ||
2646 | display: block; | ||
2647 | font-size: 11pt; | ||
2648 | width: 100px; | ||
2649 | margin-top: 13px; | ||
2650 | margin-left: auto; | ||
2651 | margin-right: auto; | ||
2652 | } | ||
2653 | |||
2654 | div#loginProgress div.footer a:hover { | ||
2655 | color: #515247; | ||
2656 | } | ||
2657 | |||
2658 | */ | ||
2659 | /* @end */ | ||
2660 | div#modalDialogMask, | ||
2661 | div.modalDialogMask { | ||
2662 | z-index: 20000; | ||
2663 | /* position: absolute;*/ | ||
2664 | |||
2665 | position: fixed; | ||
2666 | top: 0; | ||
2667 | left: 0; | ||
2668 | -moz-opacity: 0.5; | ||
2669 | opacity: .50; | ||
2670 | filter: alpha(opacity=50); | ||
2671 | /* background-color: #cccccc;*/ | ||
2672 | |||
2673 | background-color: #000000; | ||
2674 | width: 100%; | ||
2675 | height: 100%; | ||
2676 | zoom: 1; | ||
2677 | } | ||
2678 | div#modalDialogFrame, | ||
2679 | div.modalDialogFrame { | ||
2680 | position: absolute; | ||
2681 | /* border: 1px solid white;*/ | ||
2682 | |||
2683 | -moz-opacity: 0.5; | ||
2684 | opacity: .50; | ||
2685 | filter: alpha(opacity=50); | ||
2686 | background-color: #333333; | ||
2687 | z-index: 20001; | ||
2688 | -webkit-border-radius: 20px; | ||
2689 | -moz-border-radius: 20px; | ||
2690 | border-radius: 20px; | ||
2691 | } | ||
2692 | div#modalDialog, | ||
2693 | div.modalDialog { | ||
2694 | z-index: 20001; | ||
2695 | } | ||
2696 | /*div#modalDialog.scrollable,*/ | ||
2697 | div.modalDialog.scrollable { | ||
2698 | position: absolute; | ||
2699 | top: 0; | ||
2700 | left: 50%; | ||
2701 | } | ||
2702 | /*div#modalDialog.fixed,*/ | ||
2703 | div.modalDialog.fixed { | ||
2704 | position: fixed; | ||
2705 | top: 40%; | ||
2706 | left: 50%; | ||
2707 | } | ||
2708 | div#modalDialog div, | ||
2709 | div.modalDialog div { | ||
2710 | z-index: 20002; | ||
2711 | list-style-type: circle; | ||
2712 | } | ||
2713 | div.modalDialogMask.simpleMessagePanelMask { | ||
2714 | z-index: 20010; | ||
2715 | } | ||
2716 | div.modalDialogFrame.simpleMessagePanelMask { | ||
2717 | z-index: 20011; | ||
2718 | } | ||
2719 | div.modalDialog.simpleMessagePanelMask { | ||
2720 | z-index: 20011; | ||
2721 | } | ||
2722 | div.modalDialog.simpleMessagePanelMask div { | ||
2723 | z-index: 20012; | ||
2724 | } | ||
2725 | /* @group Bookmarklet */ | ||
2726 | div.bookmarklet div.bookmarklet_link { | ||
2727 | /* | ||
2728 | padding-top: 5px; | ||
2729 | padding-left: 4px; | ||
2730 | padding-right: 3px; | ||
2731 | |||
2732 | float: right; | ||
2733 | margin-top: 12px; | ||
2734 | margin-right: 13px; | ||
2735 | */ | ||
2736 | |||
2737 | height: 34px; | ||
2738 | } | ||
2739 | div.bookmarklet div.bookmarklet_link a { | ||
2740 | color: #838975; | ||
2741 | text-decoration: none; | ||
2742 | font-weight: bold; | ||
2743 | font-size: 10pt; | ||
2744 | /* | ||
2745 | display: block; | ||
2746 | text-align: right; | ||
2747 | padding-top: 7px; | ||
2748 | padding-right: 11px; | ||
2749 | padding-bottom: 6px; | ||
2750 | */ | ||
2751 | |||
2752 | } | ||
2753 | div.bookmarklet div.bookmarklet_link a div.icon { | ||
2754 | background: url(./images/old/bookmarklet/placeholder_icon.png) no-repeat 0 0; | ||
2755 | float: left; | ||
2756 | width: 34px; | ||
2757 | height: 34px; | ||
2758 | } | ||
2759 | div.bookmarklet div.bookmarklet_link a:hover div.icon { | ||
2760 | background: url(./images/old/bookmarklet/placeholder_selected_icon.png) no-repeat 0 0; | ||
2761 | } | ||
2762 | div.bookmarklet div.bookmarklet_link a div.text { | ||
2763 | display: block; | ||
2764 | float: right; | ||
2765 | background: url(./images/old/bookmarklet/placeholder.png) no-repeat right 0; | ||
2766 | white-space: nowrap; | ||
2767 | height: 34px; | ||
2768 | } | ||
2769 | div.bookmarklet div.bookmarklet_link a:hover div.text { | ||
2770 | background: url(./images/old/bookmarklet/placeholder_selected.png) no-repeat right 0; | ||
2771 | } | ||
2772 | div.bookmarklet div.bookmarklet_link a div.text span { | ||
2773 | display: block; | ||
2774 | padding-top: 10px; | ||
2775 | padding-right: 10px; | ||
2776 | padding-left: 6px; | ||
2777 | clear: both; | ||
2778 | } | ||
2779 | /* @end */ | ||
2780 | /* @group Tooltip */ | ||
2781 | /* | ||
2782 | div#Clipperz_PM_UI_Common_Components_Tooltip_wrapperNode { | ||
2783 | position: absolute; | ||
2784 | top: 0px; | ||
2785 | left: 0px; | ||
2786 | } | ||
2787 | */ | ||
2788 | /* @end */ | ||
2789 | /* @group News */ | ||
2790 | /* | ||
2791 | div#news { | ||
2792 | top: 11px; | ||
2793 | left: 240px; | ||
2794 | width: 353px; | ||
2795 | height: 85px; | ||
2796 | padding-top: 4px; | ||
2797 | position: absolute; | ||
2798 | overflow: hidden; | ||
2799 | background: url(./images/old/note.png) 1px 3px; | ||
2800 | } | ||
2801 | |||
2802 | div#news.hidden { | ||
2803 | display: none; | ||
2804 | } | ||
2805 | |||
2806 | div#news div.close { | ||
2807 | display: inline; | ||
2808 | margin-top: 6px; | ||
2809 | margin-left: 17px; | ||
2810 | float: left; | ||
2811 | width: 15px; | ||
2812 | } | ||
2813 | |||
2814 | div#news div.close a { | ||
2815 | text-decoration: none; | ||
2816 | color: #929c1b; | ||
2817 | } | ||
2818 | |||
2819 | div#news div.close a:hover { | ||
2820 | text-decoration: none; | ||
2821 | color: #3d420b; | ||
2822 | } | ||
2823 | |||
2824 | div#news div#newsframe { | ||
2825 | display: block; | ||
2826 | overflow: hidden; | ||
2827 | width: 305px; | ||
2828 | height: 70px; | ||
2829 | } | ||
2830 | |||
2831 | div#news div#newsframe iframe { | ||
2832 | border: 0px; | ||
2833 | } | ||
2834 | */ | ||
2835 | /* --------------------------------------- */ | ||
2836 | div#news { | ||
2837 | top: -82px; | ||
2838 | left: 240px; | ||
2839 | width: 310px; | ||
2840 | height: 90px; | ||
2841 | position: absolute; | ||
2842 | /*background: url(./images/old/tips/Tips_background.png) 0 -5px; */ | ||
2843 | |||
2844 | background-color: #616474; | ||
2845 | -webkit-border-bottom-right-radius: 8px; | ||
2846 | -webkit-border-bottom-left-radius: 8px; | ||
2847 | -moz-border-radius-bottomright: 8px; | ||
2848 | -moz-border-radius-bottomleft: 8px; | ||
2849 | border-bottom-right-radius: 8px; | ||
2850 | border-bottom-left-radius: 8px; | ||
2851 | -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); | ||
2852 | -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); | ||
2853 | box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); | ||
2854 | } | ||
2855 | /* | ||
2856 | div#news.open { | ||
2857 | background: url(./images/old/tips/Tips_open.png) 0 -5px; | ||
2858 | } | ||
2859 | |||
2860 | div#news.hidden { | ||
2861 | background: url(./images/old/tips/Tips_close.png) 0 -5px; | ||
2862 | } | ||
2863 | */ | ||
2864 | /* | ||
2865 | div#news div#newsframe { | ||
2866 | margin-left: 10px; | ||
2867 | margin-right: 10px; | ||
2868 | height: 75px; | ||
2869 | overflow: hidden; | ||
2870 | } | ||
2871 | div#news div#newsframe.loading { | ||
2872 | background: url(./images/old/loading/news.gif) no-repeat center center; | ||
2873 | } | ||
2874 | div#news div#newsframe iframe { | ||
2875 | width: 290px; | ||
2876 | border: 0px; | ||
2877 | color: #616474; | ||
2878 | background-color: #616474; | ||
2879 | } | ||
2880 | div#news div.grip { | ||
2881 | width: 310px; | ||
2882 | height: 12px; | ||
2883 | margin-top: 2px; | ||
2884 | cursor: pointer; | ||
2885 | } | ||
2886 | div#news.open div.grip { | ||
2887 | background: url(./images/old/tips/close.png) no-repeat center 6px; | ||
2888 | } | ||
2889 | div#news.hidden div.grip { | ||
2890 | background: url(./images/old/tips/open.png) no-repeat center 6px; | ||
2891 | } | ||
2892 | */ | ||
2893 | /* @end */ | ||
2894 | /* @group mainDialog */ | ||
2895 | div.mainDialog { | ||
2896 | position: relative; | ||
2897 | left: -263px; | ||
2898 | width: 525px; | ||
2899 | height: 325px; | ||
2900 | } | ||
2901 | div.scrollable div.mainDialog { | ||
2902 | top: 0px; | ||
2903 | } | ||
2904 | div.fixed div.mainDialog { | ||
2905 | top: -118px; | ||
2906 | } | ||
2907 | div.mainDialog div.header { | ||
2908 | height: 55px; | ||
2909 | background: url(./images/old/cardDialog/background_header.png) no-repeat; | ||
2910 | } | ||
2911 | div.mainDialog div.header div.title { | ||
2912 | padding-top: 16px; | ||
2913 | padding-left: 20px; | ||
2914 | padding-right: 20px; | ||
2915 | } | ||
2916 | div.mainDialog div.header div.title input { | ||
2917 | width: 100%; | ||
2918 | display: block; | ||
2919 | font-size: 16pt; | ||
2920 | margin: 0px; | ||
2921 | border: 0px; | ||
2922 | padding: 3px 10px; | ||
2923 | color: #787872; | ||
2924 | border: 1px solid #cccec0; | ||
2925 | background-color: #cccec0; | ||
2926 | } | ||
2927 | div.mainDialog div.header div.title h3 { | ||
2928 | display: block; | ||
2929 | font-size: 16pt; | ||
2930 | color: #787872; | ||
2931 | margin: 0px; | ||
2932 | border: 0px; | ||
2933 | padding: 3px 10px; | ||
2934 | } | ||
2935 | div.mainDialog div.header div.title.selectedField input, | ||
2936 | div.mainDialog div.header div.title:hover input { | ||
2937 | border: 1px solid #515247; | ||
2938 | background-color: #b5b7ab; | ||
2939 | } | ||
2940 | div.mainDialog div.header div.title.disabled:hover input { | ||
2941 | border: 1px solid #cccec0; | ||
2942 | background-color: #cccec0; | ||
2943 | } | ||
2944 | div.mainDialog div.body { | ||
2945 | padding-top: 0px; | ||
2946 | padding-left: 10px; | ||
2947 | padding-right: 9px; | ||
2948 | min-height: 200px; | ||
2949 | background: url(./images/old/cardDialog/background_body.png) repeat-y; | ||
2950 | } | ||
2951 | div.mainDialog div.body div.mask { | ||
2952 | display: none; | ||
2953 | } | ||
2954 | div.mainDialog.loading div.body div.mask { | ||
2955 | display: block; | ||
2956 | position: absolute; | ||
2957 | top: 55px; | ||
2958 | left: 10px; | ||
2959 | right: 9px; | ||
2960 | bottom: 70px; | ||
2961 | z-index: 1001; | ||
2962 | background-color: white; | ||
2963 | padding-left: 146px; | ||
2964 | padding-right: 146px; | ||
2965 | padding-top: 70px; | ||
2966 | } | ||
2967 | div.mainDialog.loading div.body .tabPanels { | ||
2968 | display: none; | ||
2969 | } | ||
2970 | div.mainDialog.loading div.body div.mask h3.progressDescription { | ||
2971 | margin: 0px; | ||
2972 | text-align: center; | ||
2973 | padding-bottom: 10px; | ||
2974 | color: #cccec0; | ||
2975 | font-size: 14pt; | ||
2976 | font-weight: normal; | ||
2977 | } | ||
2978 | div.loadingBar { | ||
2979 | height: 22px; | ||
2980 | width: 214px; | ||
2981 | background: url(./images/old/loading/loadingBar.gif) no-repeat center top; | ||
2982 | } | ||
2983 | div.loadingBar div.loadingBarProgressBox { | ||
2984 | padding: 2px; | ||
2985 | } | ||
2986 | div.loadingBar div.loadingBarProgress { | ||
2987 | height: 18px; | ||
2988 | width: 0%; | ||
2989 | /* background-repeat: no-repeat;*/ | ||
2990 | |||
2991 | background-color: rgba(248, 79, 0, 0.6); | ||
2992 | -webkit-border-radius: 9px; | ||
2993 | -moz-border-radius: 9px; | ||
2994 | border-radius: 9px; | ||
2995 | } | ||
2996 | /* | ||
2997 | div.loadingBar div.loadingBarProgress div.loadingBarProgress_left { | ||
2998 | height: 100%; | ||
2999 | max-width: 8px; | ||
3000 | background: url(./images/old/loading/loadingBarProgress.png) no-repeat 0; | ||
3001 | } | ||
3002 | |||
3003 | div.loadingBar div.loadingBarProgress div.loadingBarProgress_right { | ||
3004 | position: relative; | ||
3005 | height: 100%; | ||
3006 | margin-left: 8px; | ||
3007 | background: url(./images/old/loading/loadingBarProgress.png) no-repeat right; | ||
3008 | top: -22px; | ||
3009 | } | ||
3010 | */ | ||
3011 | div.mainDialog div.body div ul { | ||
3012 | padding: 0px; | ||
3013 | clear: both; | ||
3014 | margin: 0px; | ||
3015 | list-style-type: none; | ||
3016 | } | ||
3017 | div.mainDialog div.body div.tabs { | ||
3018 | height: 20px; | ||
3019 | } | ||
3020 | div.mainDialog div.body div.tabs ul.tabs { | ||
3021 | height: 33px; | ||
3022 | /*border-bottom: 1px solid #515247;*/ | ||
3023 | |||
3024 | /*background: #cccec0 url(./images/old/cardDialog/tabs_shadow.png) repeat-x 0 -5px;*/ | ||
3025 | |||
3026 | background: url(./images/old/cardDialog/tabs_background.png) repeat-x; | ||
3027 | } | ||
3028 | div.mainDialog div.body div.tabs ul.tabs li { | ||
3029 | /* width: 150px;*/ | ||
3030 | |||
3031 | height: 32px; | ||
3032 | font-size: 11pt; | ||
3033 | text-align: center; | ||
3034 | border-right: 1px solid #515247; | ||
3035 | float: left; | ||
3036 | color: #787872; | ||
3037 | border-bottom: 1px solid #515247; | ||
3038 | background: #cccec0 url(./images/old/cardDialog/tabs_shadow.png) repeat-x 0 -5px; | ||
3039 | cursor: pointer; | ||
3040 | } | ||
3041 | div.mainDialog div.body div.tabs ul.tabs li div { | ||
3042 | display: none; | ||
3043 | } | ||
3044 | div.mainDialog div.body div.tabs ul.tabs li span { | ||
3045 | display: block; | ||
3046 | padding-top: 9px; | ||
3047 | padding-bottom: 6px; | ||
3048 | padding-left: 40px; | ||
3049 | padding-right: 40px; | ||
3050 | } | ||
3051 | div.mainDialog div.body div.tabs ul.tabs li:hover { | ||
3052 | color: #515247; | ||
3053 | } | ||
3054 | div.mainDialog div.body div.tabs ul.tabs li.disabled:hover { | ||
3055 | color: #787872; | ||
3056 | cursor: default; | ||
3057 | } | ||
3058 | div.mainDialog div.body div.tabs ul.tabs li.selected { | ||
3059 | color: #515247; | ||
3060 | background-color: #f1f2e9; | ||
3061 | border-bottom: 1px solid #f1f2e9; | ||
3062 | cursor: default; | ||
3063 | } | ||
3064 | div.mainDialog div.body div.tabs ul.tabs li.selected.disabled:hover { | ||
3065 | color: #515247; | ||
3066 | } | ||
3067 | div.mainDialog div.body div.tabs ul.tabs li.selected div.backToDirectLoginList { | ||
3068 | position: absolute; | ||
3069 | display: block; | ||
3070 | top: 63px; | ||
3071 | left: 140; | ||
3072 | width: 20px; | ||
3073 | } | ||
3074 | div.mainDialog div.body div.tabs ul.tabs li.selected div.addDirectLoginButton { | ||
3075 | position: absolute; | ||
3076 | display: block; | ||
3077 | top: 63px; | ||
3078 | left: 265px; | ||
3079 | width: 20px; | ||
3080 | } | ||
3081 | div.mainDialog div.body div.tabs ul.tabs li.selected div span { | ||
3082 | padding: 0px; | ||
3083 | margin: 0px; | ||
3084 | } | ||
3085 | div.mainDialog div.body div.tabs ul.tabs li.selected div:hover { | ||
3086 | cursor: pointer; | ||
3087 | } | ||
3088 | div.mainDialog div.body .tabPanels { | ||
3089 | clear: both; | ||
3090 | } | ||
3091 | div.mainDialog div.body ul.tabPanels li.tabPanel { | ||
3092 | display: none; | ||
3093 | } | ||
3094 | div.mainDialog div.body ul.tabPanels li.tabPanel.selected { | ||
3095 | display: block; | ||
3096 | } | ||
3097 | div.mainDialog div.body ul.tabPanels li.tabPanel.selected h2 { | ||
3098 | margin: 0px; | ||
3099 | text-align: center; | ||
3100 | padding-top: 50px; | ||
3101 | color: #787872; | ||
3102 | } | ||
3103 | div.mainDialog div.body ul.tabPanels li.tabPanel.selected div.wizardStepDescription { | ||
3104 | margin: 0px 20px 10px; | ||
3105 | font-size: 10pt; | ||
3106 | color: b0b0b0; | ||
3107 | font-style: italic; | ||
3108 | text-align: center; | ||
3109 | } | ||
3110 | div.mainDialog div.footer { | ||
3111 | height: 70px; | ||
3112 | background: url(./images/old/cardDialog/background_footer.png) no-repeat 0 -14px; | ||
3113 | } | ||
3114 | div.mainDialog div.footer div.buttonArea { | ||
3115 | padding-left: 40px; | ||
3116 | padding-right: 40px; | ||
3117 | padding-top: 15px; | ||
3118 | } | ||
3119 | div.mainDialog div.footer div.buttonArea div { | ||
3120 | padding-left: 20px; | ||
3121 | padding-right: 20px; | ||
3122 | float: left; | ||
3123 | font-weight: bold; | ||
3124 | color: #787872; | ||
3125 | } | ||
3126 | div.mainDialog div.footer div.buttonArea div.disabled { | ||
3127 | color: #b1b1a8; | ||
3128 | } | ||
3129 | div.mainDialog div.footer div.buttonArea div.disabled:hover { | ||
3130 | color: #b1b1a8; | ||
3131 | cursor: default; | ||
3132 | } | ||
3133 | div.mainDialog div.footer div.buttonArea div:hover { | ||
3134 | color: #515247; | ||
3135 | cursor: pointer; | ||
3136 | } | ||
3137 | div.mainDialog div.footer div.buttonArea div.save { | ||
3138 | float: right; | ||
3139 | } | ||
3140 | /* @end */ | ||
3141 | /* @group Card Dialog */ | ||
3142 | div.addDirectLoginButton { | ||
3143 | height: 20px; | ||
3144 | width: 20px; | ||
3145 | background: url(./images/old/cardDialog/addDirectLogin_disabled_background.png) no-repeat -9px -9px; | ||
3146 | color: white; | ||
3147 | font-weight: bold; | ||
3148 | } | ||
3149 | div.addDirectLoginButton span { | ||
3150 | display: block; | ||
3151 | height: 20px; | ||
3152 | width: 20px; | ||
3153 | } | ||
3154 | div.addDirectLoginButton:hover { | ||
3155 | background: url(./images/old/cardDialog/addDirectLogin_background.png) no-repeat -9px -9px; | ||
3156 | } | ||
3157 | /* @group Card Dialog - Direct Login */ | ||
3158 | div.directLoginsComponentContainer { | ||
3159 | overflow: hidden; | ||
3160 | /* background-color: green;*/ | ||
3161 | |||
3162 | } | ||
3163 | div.CardDialog div.directLogins { | ||
3164 | /* background-color: yellow;*/ | ||
3165 | |||
3166 | padding-top: 2px; | ||
3167 | } | ||
3168 | div.CardDialog div.addNewDirectLoginSplash { | ||
3169 | margin: 0px 80px; | ||
3170 | } | ||
3171 | div.CardDialog div.addNewDirectLoginSplash h3 { | ||
3172 | color: #aaaaaa; | ||
3173 | text-align: center; | ||
3174 | font-weight: normal; | ||
3175 | font-size: 11pt; | ||
3176 | } | ||
3177 | div.CardDialog div.addNewDirectLoginSplash a { | ||
3178 | display: block; | ||
3179 | text-decoration: none; | ||
3180 | margin-left: auto; | ||
3181 | margin-right: auto; | ||
3182 | width: 190px; | ||
3183 | /* color: #787878;*/ | ||
3184 | |||
3185 | color: rgba(255, 98, 6, 0.75); | ||
3186 | text-transform: uppercase; | ||
3187 | background: url(./images/old/cardDialog/addDirectLogin_disabled_background.png) no-repeat right; | ||
3188 | } | ||
3189 | div.CardDialog div.addNewDirectLoginSplash a span { | ||
3190 | text-align: center; | ||
3191 | } | ||
3192 | div.CardDialog div.addNewDirectLoginSplash a:hover { | ||
3193 | color: #ff6206; | ||
3194 | background: url(./images/old/cardDialog/addDirectLogin_background.png) no-repeat right; | ||
3195 | } | ||
3196 | div.CardDialog div.directLoginItem { | ||
3197 | clear: both; | ||
3198 | min-height: 32px; | ||
3199 | padding-left: 10px; | ||
3200 | padding-top: 4px; | ||
3201 | padding-bottom: 2px; | ||
3202 | /* width: 100px;*/ | ||
3203 | |||
3204 | max-height: 32px; | ||
3205 | overflow: hidden; | ||
3206 | } | ||
3207 | div.CardDialog div.directLoginItem:hover { | ||
3208 | background-color: #cccec0; | ||
3209 | } | ||
3210 | div.CardDialog div.addDirectLoginListItem { | ||
3211 | min-height: 32px; | ||
3212 | padding-left: 10px; | ||
3213 | padding-top: 4px; | ||
3214 | padding-bottom: 2px; | ||
3215 | max-height: 32px; | ||
3216 | overflow: hidden; | ||
3217 | background: url(./images/old/cardDialog/addDirectLogin_disabled_background.png) no-repeat 22px 0; | ||
3218 | } | ||
3219 | div.CardDialog div.addDirectLoginListItem a { | ||
3220 | display: block; | ||
3221 | font-size: 11pt; | ||
3222 | padding-top: 6px; | ||
3223 | padding-left: 50px; | ||
3224 | color: rgba(255, 98, 6, 0.75); | ||
3225 | text-decoration: none; | ||
3226 | text-transform: uppercase; | ||
3227 | } | ||
3228 | div.CardDialog div.addDirectLoginListItem:hover { | ||
3229 | background: url(./images/old/cardDialog/addDirectLogin_background.png) no-repeat 22px 0; | ||
3230 | color: #ff6206; | ||
3231 | background-color: #cccec0; | ||
3232 | } | ||
3233 | div.CardDialog div.directLoginItem div.cardDialogRecordDirectLoginComponent_favicon img.favicon { | ||
3234 | width: 32px; | ||
3235 | height: 32px; | ||
3236 | float: left; | ||
3237 | } | ||
3238 | div.CardDialog div.directLoginItem div.cardDialogRecordDirectLoginComponent_label input { | ||
3239 | float: left; | ||
3240 | font-size: 11pt; | ||
3241 | border: 0px; | ||
3242 | padding: 5px; | ||
3243 | color: #787872; | ||
3244 | border: 1px solid #ededeb; | ||
3245 | background-color: #ededeb; | ||
3246 | height: 30px; | ||
3247 | margin-left: 10px; | ||
3248 | width: 68%; | ||
3249 | margin-right: 5px; | ||
3250 | } | ||
3251 | div.CardDialog div.directLoginItem:hover div.cardDialogRecordDirectLoginComponent_label input { | ||
3252 | border: 1px solid #515247; | ||
3253 | background-color: #b5b7ab; | ||
3254 | } | ||
3255 | div.CardDialog div.directLoginItem > div.open { | ||
3256 | float: left; | ||
3257 | margin-top: 5px; | ||
3258 | margin-right: 2px; | ||
3259 | padding-left: 5px; | ||
3260 | visibility: hidden; | ||
3261 | } | ||
3262 | div.CardDialog div.directLoginItem > div.edit, | ||
3263 | div.CardDialog div.directLoginItem > div.delete { | ||
3264 | float: left; | ||
3265 | margin-top: 5px; | ||
3266 | margin-left: 3px; | ||
3267 | padding-left: 5px; | ||
3268 | visibility: hidden; | ||
3269 | } | ||
3270 | div.CardDialog div.directLoginItem > div.open a { | ||
3271 | display: block; | ||
3272 | width: 22px; | ||
3273 | height: 22px; | ||
3274 | background: url(./images/old/cardDialog/openDirectLogin.png) no-repeat 0 -2px; | ||
3275 | } | ||
3276 | div.CardDialog div.directLoginItem > div.open a:hover { | ||
3277 | background: url(./images/old/cardDialog/openDirectLogin_selected.png) no-repeat 0 -2px; | ||
3278 | } | ||
3279 | div.CardDialog div.directLoginItem:hover > div.open, | ||
3280 | div.CardDialog div.directLoginItem:hover > div.edit, | ||
3281 | div.CardDialog div.directLoginItem:hover > div.delete { | ||
3282 | visibility: visible; | ||
3283 | } | ||
3284 | div.CardDialog div.directLoginItem div.edit span { | ||
3285 | padding-right: 6px; | ||
3286 | display: block; | ||
3287 | } | ||
3288 | div.CardDialog div.directLoginItem div.open span a, | ||
3289 | div.CardDialog div.directLoginItem div.edit span a, | ||
3290 | div.CardDialog div.directLoginItem div.delete span a { | ||
3291 | font-size: 8pt; | ||
3292 | color: #666666; | ||
3293 | text-decoration: none; | ||
3294 | line-height: 19px; | ||
3295 | } | ||
3296 | div.CardDialog div.directLoginItem div.edit:hover { | ||
3297 | background: url(./images/old/new_background_left.png) no-repeat; | ||
3298 | } | ||
3299 | div.CardDialog div.directLoginItem div:hover span a { | ||
3300 | color: white; | ||
3301 | } | ||
3302 | div.CardDialog div.directLoginItem div.edit:hover span { | ||
3303 | background: url(./images/old/new_background.png) no-repeat right center; | ||
3304 | } | ||
3305 | div.CardDialog div.directLoginItem div.delete:hover { | ||
3306 | background: url(./images/old/delete_background_left.png) no-repeat; | ||
3307 | } | ||
3308 | div.CardDialog div.directLoginItem div.delete:hover span { | ||
3309 | background: url(./images/old/delete_background.png) right; | ||
3310 | } | ||
3311 | /* @group Direct Login Editing */ | ||
3312 | div.CardDialog div.directLoginEditDetail { | ||
3313 | position: relative; | ||
3314 | /* background-color: red;*/ | ||
3315 | |||
3316 | } | ||
3317 | /* | ||
3318 | div.CardDialog div.directLoginEditDetail div.back { | ||
3319 | float: left; | ||
3320 | width: 30px; | ||
3321 | } | ||
3322 | |||
3323 | div.CardDialog div.directLoginEditDetail div.back a { | ||
3324 | display: block; | ||
3325 | padding: 5px; | ||
3326 | text-decoration: none; | ||
3327 | font-weight: bold; | ||
3328 | font-size: 14pt; | ||
3329 | color: #cccec0; | ||
3330 | |||
3331 | background: url(./images/old/cardDialog/back.png) no-repeat 5px 14px; | ||
3332 | width: 20px; | ||
3333 | height: 200px; | ||
3334 | } | ||
3335 | |||
3336 | div.CardDialog div.directLoginEditDetail div.back a:hover { | ||
3337 | color: #7f7872; | ||
3338 | background: url(./images/old/cardDialog/back_selected.png) no-repeat 5px 14px; | ||
3339 | } | ||
3340 | */ | ||
3341 | form.directLoginEditingForm div.title, | ||
3342 | form.directLoginEditingForm div.favicon { | ||
3343 | padding: 5px 10px; | ||
3344 | } | ||
3345 | form.directLoginEditingForm div.title.disabled:hover { | ||
3346 | background-color: #f1f2e9; | ||
3347 | } | ||
3348 | form.directLoginEditingForm div.title:hover, | ||
3349 | form.directLoginEditingForm div.favicon:hover { | ||
3350 | background-color: #cccec0; | ||
3351 | } | ||
3352 | form.directLoginEditingForm div.title input { | ||
3353 | /* width: 100%; */ | ||
3354 | |||
3355 | margin: 0px; | ||
3356 | margin-left: 10px; | ||
3357 | width: 440px; | ||
3358 | } | ||
3359 | form.directLoginEditingForm div.favicon { | ||
3360 | padding-left: 10px; | ||
3361 | } | ||
3362 | /*form.directLoginEditingForm div.favicon img.favicon {*/ | ||
3363 | form.directLoginEditingForm img.favicon { | ||
3364 | float: left; | ||
3365 | width: 32px; | ||
3366 | height: 32px; | ||
3367 | } | ||
3368 | form.directLoginEditingForm div.favicon input { | ||
3369 | margin-top: 1px; | ||
3370 | width: 465px; | ||
3371 | } | ||
3372 | form.directLoginEditingForm div.disabled:hover input, | ||
3373 | form.directLoginEditingForm div input { | ||
3374 | font-size: 11pt; | ||
3375 | border: 0px; | ||
3376 | padding: 5px; | ||
3377 | color: #787872; | ||
3378 | border: 1px solid #ededeb; | ||
3379 | background-color: #ededeb; | ||
3380 | height: 30px; | ||
3381 | } | ||
3382 | form.directLoginEditingForm div:hover input { | ||
3383 | border: 1px solid #515247; | ||
3384 | background-color: #b5b7ab; | ||
3385 | } | ||
3386 | /* @group Bindings */ | ||
3387 | div.bindings div.binding > span.formFieldName { | ||
3388 | display: inline-block; | ||
3389 | width: 140px; | ||
3390 | overflow: hidden; | ||
3391 | margin-right: 10px; | ||
3392 | color: #6b5147; | ||
3393 | text-overflow: ellipsis; | ||
3394 | } | ||
3395 | div.bindings div.binding { | ||
3396 | padding-bottom: 3px; | ||
3397 | } | ||
3398 | div.bindings div.binding > input { | ||
3399 | margin-right: 10px; | ||
3400 | background: #cccec0; | ||
3401 | width: 150px; | ||
3402 | border: 1px solid #cccec0; | ||
3403 | } | ||
3404 | div.bindings div.binding:hover > input { | ||
3405 | border: 1px solid #cccec0; | ||
3406 | } | ||
3407 | div.bindings div.binding > select { | ||
3408 | font-size: 13pt; | ||
3409 | } | ||
3410 | div.bindings div.binding span.fieldLock { | ||
3411 | display: inline-block; | ||
3412 | width: 20px; | ||
3413 | height: 20px; | ||
3414 | margin-right: 3px; | ||
3415 | } | ||
3416 | div.bindings div.binding.showLocked input { | ||
3417 | background: url(./images/old/cardDialog/password_background.png) no-repeat 2px 3px; | ||
3418 | /* color: black;*/ | ||
3419 | |||
3420 | overflow: hidden; | ||
3421 | background: #cccec0 url(./images/old/cardDialog/password_background.png) no-repeat 2px 3px; | ||
3422 | color: rgba(237, 237, 235, 0.1); | ||
3423 | } | ||
3424 | div.bindings div.binding span.fieldLock a { | ||
3425 | display: none; | ||
3426 | } | ||
3427 | div.bindings div.binding.locked span.fieldLock a { | ||
3428 | display: block; | ||
3429 | width: 20px; | ||
3430 | height: 20px; | ||
3431 | text-decoration: none; | ||
3432 | background-image: url(./images/old/cardDialog/lock_open.png); | ||
3433 | } | ||
3434 | div.bindings div.binding.locked.showLocked span.fieldLock a { | ||
3435 | background-image: url(./images/old/cardDialog/lock_closed.png); | ||
3436 | text-decoration: none; | ||
3437 | } | ||
3438 | /* @end */ | ||
3439 | /* @group FormValues */ | ||
3440 | div.formValues { | ||
3441 | padding-top: 15px; | ||
3442 | } | ||
3443 | div.formValues div.formValue div { | ||
3444 | margin: 0px; | ||
3445 | display: inline-block; | ||
3446 | } | ||
3447 | div.formValues div.formValue > span.formFieldName { | ||
3448 | display: inline-table; | ||
3449 | width: 160px; | ||
3450 | overflow: hidden; | ||
3451 | margin-right: 10px; | ||
3452 | color: #6b5147; | ||
3453 | } | ||
3454 | /* @end */ | ||
3455 | /* @group FormValues */ | ||
3456 | /* | ||
3457 | div.formValues { | ||
3458 | padding-top: 15px; | ||
3459 | } | ||
3460 | |||
3461 | div.formValues div.formValue > span.formFieldName { | ||
3462 | display: inline-table; | ||
3463 | width: 150px; | ||
3464 | overflow: hidden; | ||
3465 | margin-right: 35px; | ||
3466 | color: #6b5147; | ||
3467 | } | ||
3468 | |||
3469 | div.formValues div.formValue > select { | ||
3470 | padding-left: 20px; | ||
3471 | } | ||
3472 | */ | ||
3473 | /* @end */ | ||
3474 | /* @group Panels */ | ||
3475 | div.directLoginEditing { | ||
3476 | padding-top: 2px; | ||
3477 | } | ||
3478 | div.directLoginEditing div.tabContainer { | ||
3479 | min-height: 150px; | ||
3480 | height: 200px; | ||
3481 | } | ||
3482 | div.directLoginEditing div.tabContainer > ul.tabs { | ||
3483 | display: none; | ||
3484 | } | ||
3485 | /* | ||
3486 | div.directLoginEditing li.configuration, | ||
3487 | div.directLoginEditing li.bindings, | ||
3488 | div.directLoginEditing li.favicon { | ||
3489 | padding: 10px; | ||
3490 | } | ||
3491 | */ | ||
3492 | div.directLoginEditing li { | ||
3493 | padding: 10px; | ||
3494 | } | ||
3495 | div.directLoginEditing li.configuration > .bookmarkletConfigurationWrapper > textarea { | ||
3496 | float: left; | ||
3497 | width: 320px; | ||
3498 | height: 125px; | ||
3499 | font-family: monospace; | ||
3500 | font-weight: normal; | ||
3501 | font-size: 8pt; | ||
3502 | border: 1px solid #ccc; | ||
3503 | } | ||
3504 | div.directLoginEditing li.configuration > .bookmarkletConfigurationWrapper .bookmarkletComponent { | ||
3505 | float: right; | ||
3506 | } | ||
3507 | div.directLoginEditing li.configuration > textarea.error { | ||
3508 | border: 1px solid red; | ||
3509 | background-color: rgba(255, 0, 0, 0.1); | ||
3510 | } | ||
3511 | /* | ||
3512 | div.directLoginEditing > form.directLoginEditingForm > div.tabContainer { | ||
3513 | padding-top: 10px; | ||
3514 | } | ||
3515 | |||
3516 | div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabs > li { | ||
3517 | float: left; | ||
3518 | padding-left: 10px; | ||
3519 | padding-right: 10px; | ||
3520 | display: block; | ||
3521 | font-size: 10pt; | ||
3522 | color: #787872; | ||
3523 | cursor: pointer; | ||
3524 | |||
3525 | height: 22px; | ||
3526 | text-align: center; | ||
3527 | border-right: 1px solid #aaa; | ||
3528 | border-bottom: 1px solid #aaa; | ||
3529 | border-top: 1px solid #aaa; | ||
3530 | |||
3531 | background-color: #cccec0; | ||
3532 | } | ||
3533 | |||
3534 | div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabs > li:first-child { | ||
3535 | border-left: 1px solid #aaa; | ||
3536 | } | ||
3537 | |||
3538 | div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabs { | ||
3539 | height: 23px; | ||
3540 | padding-left: 10px; | ||
3541 | border-bottom: 1px solid #aaa; | ||
3542 | margin-left: 10px; | ||
3543 | margin-right: 10px; | ||
3544 | } | ||
3545 | |||
3546 | div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabs > li > span { | ||
3547 | line-height: 23px; | ||
3548 | } | ||
3549 | |||
3550 | div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabs > li.selected { | ||
3551 | color: #6a5147; | ||
3552 | cursor: default; | ||
3553 | border-bottom: 1px solid #f1f2e9; | ||
3554 | background-color: #f1f2e9; | ||
3555 | } | ||
3556 | |||
3557 | div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabs > li:hover { | ||
3558 | color: #6a5147; | ||
3559 | } | ||
3560 | |||
3561 | div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabPanels { | ||
3562 | padding-bottom: 5px; | ||
3563 | margin-left: 10px; | ||
3564 | margin-right: 10px; | ||
3565 | } | ||
3566 | |||
3567 | div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabPanels > li.selected { | ||
3568 | border-bottom: 1px solid #aaa; | ||
3569 | border-left: 1px solid #aaa; | ||
3570 | border-right: 1px solid #aaa; | ||
3571 | } | ||
3572 | |||
3573 | div.directLoginEditing li.configuration { | ||
3574 | padding: 5px; | ||
3575 | } | ||
3576 | |||
3577 | div.directLoginEditing li.configuration > textarea { | ||
3578 | width: 100%; | ||
3579 | height: 100px; | ||
3580 | font-family: monospace; | ||
3581 | font-weight: normal; | ||
3582 | font-size: 8pt; | ||
3583 | } | ||
3584 | */ | ||
3585 | /* @end */ | ||
3586 | /* @end */ | ||
3587 | /* @end */ | ||
3588 | /* @group Card Dialog FIELDS */ | ||
3589 | div.CardDialog div.body { | ||
3590 | padding-bottom: 1px; | ||
3591 | } | ||
3592 | div.CardDialog div.body table.fields { | ||
3593 | width: 100%; | ||
3594 | padding-top: 8px; | ||
3595 | padding-bottom: 1px; | ||
3596 | } | ||
3597 | div.CardDialog div.body table.fields thead { | ||
3598 | background: url(./images/old/cardDialog/dottedLine_background.png) repeat-x 0 15px; | ||
3599 | } | ||
3600 | div.CardDialog div.body table.fields tfoot { | ||
3601 | background: url(./images/old/cardDialog/dottedLine_background.png) repeat-x 0 bottom; | ||
3602 | } | ||
3603 | div.CardDialog div.body table.fields thead th { | ||
3604 | text-align: left; | ||
3605 | font-weight: normal; | ||
3606 | font-size: 9pt; | ||
3607 | color: #787872; | ||
3608 | padding-left: 10px; | ||
3609 | padding-bottom: 3px; | ||
3610 | /* | ||
3611 | border-bottom: 1px dotted; | ||
3612 | */ | ||
3613 | |||
3614 | } | ||
3615 | div.CardDialog div.body table.fields thead th.fieldStateTH { | ||
3616 | width: 10px; | ||
3617 | } | ||
3618 | div.CardDialog div.body table.fields tbody td.fieldLabel input { | ||
3619 | width: 130px; | ||
3620 | } | ||
3621 | div.CardDialog div.body table.fields thead th.fieldLockTH { | ||
3622 | width: 10px; | ||
3623 | } | ||
3624 | div.CardDialog div.body table.fields tbody td.fieldValue input { | ||
3625 | width: 280px; | ||
3626 | } | ||
3627 | div.CardDialog div.body table.fields thead th.fieldActionTH { | ||
3628 | width: 30px; | ||
3629 | } | ||
3630 | div.CardDialog div.body table.fields thead th.fieldDeleteTH { | ||
3631 | width: 40px; | ||
3632 | } | ||
3633 | div.CardDialog div.body table.fields tbody tr:hover, | ||
3634 | div.CardDialog div.body table.fields tbody tr.selectedField { | ||
3635 | background-color: #cccec0; | ||
3636 | } | ||
3637 | div.CardDialog div.body table.fields tbody tr td { | ||
3638 | font-size: 11pt; | ||
3639 | color: #787872; | ||
3640 | height: 35px; | ||
3641 | } | ||
3642 | div.CardDialog div.body table.fields tbody tr td input { | ||
3643 | font-size: 11pt; | ||
3644 | border: 0px; | ||
3645 | padding: 5px; | ||
3646 | color: #787872; | ||
3647 | border: 1px solid #ededeb; | ||
3648 | background-color: #ededeb; | ||
3649 | height: 30px; | ||
3650 | } | ||
3651 | /* | ||
3652 | div.CardDialog div.body table.fields tbody tr td.fieldValue div { | ||
3653 | margin-right: 10px; | ||
3654 | } | ||
3655 | |||
3656 | div.CardDialog div.body table.fields tbody tr td.fieldValue div input { | ||
3657 | width: 100%; | ||
3658 | } | ||
3659 | */ | ||
3660 | div.CardDialog div.body table.fields tbody tr td.fieldValue div.locked input { | ||
3661 | background: #ededeb url(./images/old/cardDialog/password_background.png) no-repeat 2px 3px; | ||
3662 | color: #ededeb; | ||
3663 | color: rgba(237, 237, 235, 0.1); | ||
3664 | /* color: black;*/ | ||
3665 | |||
3666 | /* line-height: 100px;*/ | ||
3667 | |||
3668 | overflow: hidden; | ||
3669 | } | ||
3670 | div.locked input.value::-moz-selection { | ||
3671 | background: #ff0000; | ||
3672 | } | ||
3673 | div.locked input.value::selection { | ||
3674 | background: #ff0000; | ||
3675 | } | ||
3676 | div.CardDialog div.body table.fields tbody tr.new.selectedField td input, | ||
3677 | div.CardDialog div.body table.fields tbody tr.new:hover td input, | ||
3678 | div.CardDialog div.body table.fields tbody tr:hover td input, | ||
3679 | div.CardDialog div.body table.fields tbody tr.selectedField td input { | ||
3680 | border: 1px solid #515247; | ||
3681 | background-color: #b5b7ab; | ||
3682 | } | ||
3683 | div.CardDialog div.body table.fields tbody tr:hover td.fieldValue div.locked input, | ||
3684 | div.CardDialog div.body table.fields tbody tr.selectedField td.fieldValue div.locked input { | ||
3685 | background: #b5b7ab url(./images/old/cardDialog/password_background.png) no-repeat 2px 3px; | ||
3686 | color: #b5b7ab; | ||
3687 | color: rgba(237, 237, 235, 0.1); | ||
3688 | } | ||
3689 | div.CardDialog div.body table.fields tbody td.fieldLock div { | ||
3690 | width: 20px; | ||
3691 | height: 19px; | ||
3692 | cursor: pointer; | ||
3693 | } | ||
3694 | div.CardDialog div.body table.fields tbody tr:hover td.fieldLock div.locked { | ||
3695 | background-image: url(./images/old/cardDialog/lock_closed.png); | ||
3696 | } | ||
3697 | div.CardDialog div.body table.fields tbody tr:hover td.fieldLock div.unlocked { | ||
3698 | background-image: url(./images/old/cardDialog/lock_open.png); | ||
3699 | } | ||
3700 | div.CardDialog div.body table.fields tbody tr td.fieldAddDelete div span a { | ||
3701 | text-decoration: none; | ||
3702 | visibility: hidden; | ||
3703 | font-size: 8pt; | ||
3704 | vertical-align: -13px; | ||
3705 | color: black; | ||
3706 | } | ||
3707 | div.CardDialog div.body table.fields tbody tr.selectedField td.fieldAddDelete div span a { | ||
3708 | visibility: visible; | ||
3709 | } | ||
3710 | div.CardDialog div.body table.fields tbody tr:hover td.fieldAddDelete div span a { | ||
3711 | visibility: visible; | ||
3712 | } | ||
3713 | div.CardDialog div.body table.fields tbody tr:hover td.fieldAddDelete div:hover span a { | ||
3714 | color: white; | ||
3715 | } | ||
3716 | div.CardDialog div.body div.notes { | ||
3717 | background: url(./images/old/cardDialog/dottedLine_background.png) repeat-x 0 0; | ||
3718 | padding-top: 2px; | ||
3719 | } | ||
3720 | div.CardDialog div.body div.notes div { | ||
3721 | padding-left: 20px; | ||
3722 | padding-right: 20px; | ||
3723 | padding-top: 4px; | ||
3724 | padding-bottom: 4px; | ||
3725 | } | ||
3726 | div.CardDialog div.body div.notes div:hover, | ||
3727 | div.CardDialog div.body div.notes.selectedField div { | ||
3728 | background-color: #cccec0; | ||
3729 | } | ||
3730 | div.CardDialog.loading div.body div.notes div textarea { | ||
3731 | display: none; | ||
3732 | } | ||
3733 | div.CardDialog div.body div.notes div textarea { | ||
3734 | border: 0; | ||
3735 | width: 470px; | ||
3736 | /* | ||
3737 | width: 100%; | ||
3738 | height: 100px; | ||
3739 | min-height: 400px; | ||
3740 | overflow: hidden; | ||
3741 | */ | ||
3742 | |||
3743 | color: #787872; | ||
3744 | border: 1px solid #ededeb; | ||
3745 | background-color: #ededeb; | ||
3746 | display: block; | ||
3747 | line-height: 12pt; | ||
3748 | min-height: 50px; | ||
3749 | } | ||
3750 | div.CardDialog div.body div.notes div:hover textarea, | ||
3751 | div.CardDialog div.body div.notes.selectedField div textarea { | ||
3752 | border: 1px solid #515247; | ||
3753 | background-color: #b5b7ab; | ||
3754 | } | ||
3755 | div.CardDialog div.body table.fields tbody tr td.fieldAction { | ||
3756 | /* background-color: red;*/ | ||
3757 | |||
3758 | padding-left: 4px; | ||
3759 | } | ||
3760 | div.CardDialog div.body table.fields tbody tr td.fieldAction a { | ||
3761 | display: inline-block; | ||
3762 | text-decoration: none; | ||
3763 | text-align: center; | ||
3764 | width: 16px; | ||
3765 | height: 16px; | ||
3766 | } | ||
3767 | div.CardDialog div.body table.fields tbody tr td.fieldAction a.email { | ||
3768 | background: url(./images/old/cardDialog/fieldTypes/email.png) no-repeat 0 0; | ||
3769 | } | ||
3770 | div.CardDialog div.body table.fields tbody tr td.fieldAction a.email:hover { | ||
3771 | background: url(./images/old/cardDialog/fieldTypes/email_selected.png) no-repeat 0 0; | ||
3772 | } | ||
3773 | div.CardDialog div.body table.fields tbody tr td.fieldAction a.url { | ||
3774 | background: url(./images/old/cardDialog/fieldTypes/url.png) no-repeat 0 0; | ||
3775 | } | ||
3776 | div.CardDialog div.body table.fields tbody tr td.fieldAction a.url:hover { | ||
3777 | background: url(./images/old/cardDialog/fieldTypes/url_selected.png) no-repeat 0 0; | ||
3778 | } | ||
3779 | div.CardDialog div.body table.fields tbody tr td.fieldAction a.password { | ||
3780 | background: url(./images/old/cardDialog/fieldTypes/password.png) no-repeat 0 0; | ||
3781 | } | ||
3782 | div.CardDialog div.body table.fields tbody tr td.fieldAction a.password:hover { | ||
3783 | background: url(./images/old/cardDialog/fieldTypes/password_selected.png) no-repeat 0 0; | ||
3784 | } | ||
3785 | /* | ||
3786 | / *div.CardDialog div.body table.fields tbody* / tr.new { | ||
3787 | background: yellow; | ||
3788 | } | ||
3789 | |||
3790 | div.CardDialog div.body table.fields tbody tr.new td input { | ||
3791 | border: 1px solid red; | ||
3792 | background-color: green; | ||
3793 | } | ||
3794 | */ | ||
3795 | /* @end */ | ||
3796 | /* @end */ | ||
3797 | div#disabledZone { | ||
3798 | display: block; | ||
3799 | visibility: visible; | ||
3800 | } | ||
3801 | div#messageZone { | ||
3802 | display: block; | ||
3803 | visibility: visible; | ||
3804 | } | ||
3805 | div.CardDialog div.error div.img { | ||
3806 | margin: 10px; | ||
3807 | width: 50px; | ||
3808 | height: 50px; | ||
3809 | float: left; | ||
3810 | background-image: url(./images/old/simpleMessageBox/Alert.png); | ||
3811 | } | ||
3812 | /* @group Ruler */ | ||
3813 | /* | ||
3814 | div.rulerExtraWrapper { | ||
3815 | position: absolute; | ||
3816 | top: 0px; | ||
3817 | left: 0px; | ||
3818 | width: 100%; | ||
3819 | height: 100%; | ||
3820 | overflow: hidden; | ||
3821 | background-color: rgba(255, 0, 0, 0.2); | ||
3822 | z-index: 24999; | ||
3823 | } | ||
3824 | */ | ||
3825 | div.rulerWrapper { | ||
3826 | left: -1000px; | ||
3827 | margin-top: -30px; | ||
3828 | margin-left: 50%; | ||
3829 | z-index: 25000; | ||
3830 | } | ||
3831 | div.rulerWrapper.fixed { | ||
3832 | position: fixed; | ||
3833 | } | ||
3834 | div.rulerWrapper.scrollable { | ||
3835 | position: absolute; | ||
3836 | } | ||
3837 | div.ruler { | ||
3838 | /* position: absolute;*/ | ||
3839 | |||
3840 | width: 541px; | ||
3841 | height: 96px; | ||
3842 | margin-left: -270px; | ||
3843 | background: url(./images/old/ruler/ruler.png) no-repeat; | ||
3844 | } | ||
3845 | div.ruler a { | ||
3846 | position: absolute; | ||
3847 | display: block; | ||
3848 | width: 15px; | ||
3849 | height: 15px; | ||
3850 | top: 3px; | ||
3851 | text-decoration: none; | ||
3852 | } | ||
3853 | div.ruler a.exit { | ||
3854 | margin-left: 2px; | ||
3855 | background: url(./images/old/ruler/exit.png) no-repeat; | ||
3856 | } | ||
3857 | div.ruler a.exit:hover { | ||
3858 | background: url(./images/old/ruler/exit_selected.png) no-repeat; | ||
3859 | } | ||
3860 | div.ruler a.smallButton.previous { | ||
3861 | right: 16px; | ||
3862 | background: url(./images/old/ruler/small_previous.png) no-repeat; | ||
3863 | } | ||
3864 | div.ruler a.smallButton.previous:hover { | ||
3865 | cursor: pointer; | ||
3866 | background: url(./images/old/ruler/small_previous_selected.png) no-repeat; | ||
3867 | } | ||
3868 | div.ruler a.smallButton.previous.disabled, | ||
3869 | div.ruler a.smallButton.previous.disabled:hover { | ||
3870 | cursor: default; | ||
3871 | background: url(./images/old/ruler/small_previous_disabled.png) no-repeat; | ||
3872 | } | ||
3873 | div.ruler a.smallButton.next { | ||
3874 | right: 3px; | ||
3875 | background: url(./images/old/ruler/small_next.png) no-repeat; | ||
3876 | } | ||
3877 | div.ruler a.smallButton.next:hover { | ||
3878 | cursor: pointer; | ||
3879 | background: url(./images/old/ruler/small_next_selected.png) no-repeat; | ||
3880 | } | ||
3881 | div.ruler a.smallButton.next.disabled, | ||
3882 | div.ruler a.smallButton.next.disabled:hover { | ||
3883 | cursor: default; | ||
3884 | background: url(./images/old/ruler/small_next_disabled.png) no-repeat; | ||
3885 | } | ||
3886 | div.ruler div.steps, | ||
3887 | div.ruler div.dots { | ||
3888 | position: absolute; | ||
3889 | background-color: rgba(255, 255, 255, 0); | ||
3890 | margin-left: 30px; | ||
3891 | margin-right: 30px; | ||
3892 | } | ||
3893 | div.ruler div.steps { | ||
3894 | top: 25px; | ||
3895 | height: 30px; | ||
3896 | } | ||
3897 | div.ruler div.dots { | ||
3898 | top: 58px; | ||
3899 | height: 25px; | ||
3900 | } | ||
3901 | div.ruler div ul { | ||
3902 | list-style-type: none; | ||
3903 | margin: 0px; | ||
3904 | padding: 0px; | ||
3905 | } | ||
3906 | div.ruler div ul li { | ||
3907 | display: inline-block; | ||
3908 | vertical-align: top; | ||
3909 | } | ||
3910 | div.ruler > div.steps > ul > li:first-child, | ||
3911 | div.ruler > div.dots > ul > li:first-child { | ||
3912 | margin-left: 0px; | ||
3913 | } | ||
3914 | div.ruler div.steps_3 ul li { | ||
3915 | margin-left: 135px; | ||
3916 | } | ||
3917 | div.ruler div.steps_4 ul li { | ||
3918 | margin-left: 67px; | ||
3919 | } | ||
3920 | div.ruler div.steps_5 ul li { | ||
3921 | margin-left: 32px; | ||
3922 | } | ||
3923 | div.ruler div.steps_6 ul li { | ||
3924 | margin-left: 12px; | ||
3925 | } | ||
3926 | div.ruler div ul li span { | ||
3927 | font-weight: bold; | ||
3928 | text-align: center; | ||
3929 | width: 70px; | ||
3930 | display: block; | ||
3931 | font-size: 8pt; | ||
3932 | overflow: hidden; | ||
3933 | color: rgba(0, 0, 0, 0.3); | ||
3934 | } | ||
3935 | div.ruler div ul li.selected span { | ||
3936 | color: black; | ||
3937 | } | ||
3938 | div.ruler div.dots ul li span { | ||
3939 | /* | ||
3940 | text-align: center; | ||
3941 | width: 26px; | ||
3942 | margin-left: 22px; | ||
3943 | margin-right: 22px; | ||
3944 | height: 25px; | ||
3945 | background-color: #e57218; | ||
3946 | */ | ||
3947 | |||
3948 | font-size: 40pt; | ||
3949 | line-height: 47px; | ||
3950 | } | ||
3951 | div.ruler div.marker { | ||
3952 | position: absolute; | ||
3953 | top: -3px; | ||
3954 | /* left: -246px;*/ | ||
3955 | |||
3956 | } | ||
3957 | div.ruler div.marker div.markerBody { | ||
3958 | width: 77px; | ||
3959 | height: 97px; | ||
3960 | background: url(./images/old/ruler/marker.png) no-repeat; | ||
3961 | } | ||
3962 | div.ruler div.marker div.next { | ||
3963 | position: absolute; | ||
3964 | top: 25px; | ||
3965 | left: 76px; | ||
3966 | width: 27px; | ||
3967 | height: 65px; | ||
3968 | background: url(./images/old/ruler/next.png) no-repeat -13px; | ||
3969 | z-index: 26000; | ||
3970 | } | ||
3971 | div.ruler div.marker div.next:hover { | ||
3972 | cursor: pointer; | ||
3973 | background: url(./images/old/ruler/next.png) no-repeat -2px; | ||
3974 | } | ||
3975 | div.ruler div.marker div.disabled { | ||
3976 | display: none; | ||
3977 | } | ||
3978 | div.ruler div.marker div.previous { | ||
3979 | position: absolute; | ||
3980 | top: 25px; | ||
3981 | left: -24px; | ||
3982 | width: 27px; | ||
3983 | height: 65px; | ||
3984 | /* background: url(./images/old/ruler/previous.png) no-repeat 13px 1px;*/ | ||
3985 | |||
3986 | background: url(./images/old/ruler/previous.png) no-repeat 18px 1px; | ||
3987 | z-index: 26000; | ||
3988 | } | ||
3989 | div.ruler div.marker div.previous:hover { | ||
3990 | cursor: pointer; | ||
3991 | /* background: url(./images/old/ruler/previous.png) no-repeat 2px 1px;*/ | ||
3992 | |||
3993 | background: url(./images/old/ruler/previous.png) no-repeat 7px 1px; | ||
3994 | } | ||
3995 | /* @end */ | ||
3996 | div.createNewCardSplash { | ||
3997 | margin-top: -450px; | ||
3998 | margin-left: 250px; | ||
3999 | width: 354px; | ||
4000 | float: left; | ||
4001 | height: 186px; | ||
4002 | text-align: center; | ||
4003 | background: url(./images/old/main/grid/createNewCardSplash.png) no-repeat; | ||
4004 | } | ||
4005 | div.createNewCardSplash:hover { | ||
4006 | cursor: pointer; | ||
4007 | background: url(./images/old/main/grid/createNewCardSplash_selected.png) no-repeat; | ||
4008 | } | ||
4009 | div.createNewCardSplash span { | ||
4010 | display: block; | ||
4011 | padding-top: 130px; | ||
4012 | font-size: 14pt; | ||
4013 | color: #9a9586; | ||
4014 | } | ||
4015 | div.createNewCardSplash:hover span { | ||
4016 | color: #605c4e; | ||
4017 | } | ||
4018 | /*=============================================*/ | ||
4019 | div.NewUserCreation div.tabContainer { | ||
4020 | min-height: 150px; | ||
4021 | height: 200px; | ||
4022 | } | ||
4023 | div.NewUserCreation div.tabContainer > ul.tabs { | ||
4024 | display: none; | ||
4025 | } | ||
4026 | ul.createUserStates li.creating { | ||
4027 | background: url(./images/old/creatingUser.gif) no-repeat center center; | ||
4028 | } | ||
4029 | ul.createUserStates li { | ||
4030 | height: 100px; | ||
4031 | } | ||
4032 | ul.createUserStates li span { | ||
4033 | display: block; | ||
4034 | width: 100%; | ||
4035 | text-align: center; | ||
4036 | color: #999; | ||
4037 | font-style: italic; | ||
4038 | } | ||
4039 | div.NewUserCreation form.newUserCreationForm ul.tabPanels { | ||
4040 | padding-top: 10px; | ||
4041 | } | ||
4042 | div.NewUserCreation form.newUserCreationForm ul ul { | ||
4043 | margin-left: auto; | ||
4044 | margin-right: auto; | ||
4045 | width: 400px; | ||
4046 | } | ||
4047 | div.NewUserCreation form.newUserCreationForm ul.credentials li { | ||
4048 | height: 45px; | ||
4049 | } | ||
4050 | div.NewUserCreation form.newUserCreationForm ul.credentials span.label { | ||
4051 | text-align: right; | ||
4052 | display: inline-block; | ||
4053 | font-size: 12pt; | ||
4054 | color: #787872; | ||
4055 | width: 110px; | ||
4056 | vertical-align: baseline; | ||
4057 | } | ||
4058 | div.NewUserCreation form.newUserCreationForm ul.credentials input { | ||
4059 | font-size: 13pt; | ||
4060 | color: #787872; | ||
4061 | height: 35px; | ||
4062 | margin-left: 15px; | ||
4063 | padding-left: 5px; | ||
4064 | } | ||
4065 | div.NewUserCreation form.newUserCreationForm ul.termsOfService li { | ||
4066 | padding: 0 0 15 0; | ||
4067 | } | ||
4068 | div.NewUserCreation form.newUserCreationForm ul.termsOfService input { | ||
4069 | display: inline-block; | ||
4070 | } | ||
4071 | div.NewUserCreation form.newUserCreationForm ul.termsOfService .label { | ||
4072 | display: inline-block; | ||
4073 | text-align: left; | ||
4074 | font-size: 12pt; | ||
4075 | color: #787872; | ||
4076 | width: 350px; | ||
4077 | vertical-align: top; | ||
4078 | padding-left: 10px; | ||
4079 | } | ||
4080 | div.NewUserCreation form.newUserCreationForm ul.termsOfService a { | ||
4081 | font-weight: bold; | ||
4082 | color: #787872; | ||
4083 | text-decoration: none; | ||
4084 | } | ||
4085 | div.NewUserCreation form.newUserCreationForm ul.termsOfService a:hover { | ||
4086 | color: #444; | ||
4087 | } | ||
4088 | div.NewUserCreation form.newUserCreationForm ul.createUserStates li.done span { | ||
4089 | font-size: 16pt; | ||
4090 | color: green; | ||
4091 | } | ||
4092 | div.NewUserCreation form.newUserCreationForm ul.createUserStates li.fail span { | ||
4093 | font-size: 16pt; | ||
4094 | color: red; | ||
4095 | } | ||