source: ether_megapoli/trunk/web/resources/css/megapoliApple.css @ 233

Last change on this file since 233 was 233, checked in by vmipsl, 13 years ago

Slides
File size: 27.3 KB
Line 
1/** ***************************************************** **/
2/** ********************** TITLES *********************** **/
3/** ***************************************************** **/
4h0 {
5    font-size: 20px;
6    color: white;
7    font-weight: bold;
8}
9
10h1 {
11    font-size: 18px;
12    color: #04155D;
13    font-weight: bold;
14}
15
16h2 {
17    font-size: 15px;
18    color: #04155D;
19    font-weight: bold;
20}
21
22h3 {
23    font-size: 12px;
24    color: #04155D;
25    font-weight: bold;
26}
27
28h4 {
29    font-size: 10px;
30    color: #04155D;
31}
32
33a:hover h2, a:hover h3, a:hover h4 {
34    text-decoration: none;
35    color: #53658F;
36}
37
38/** ***************************************************** **/
39/** ********************** CONTAINER ******************** **/
40/** ***************************************************** **/
41.containerLinkLogoEther {
42    position: absolute;
43    top: 0;
44    left: 127px;
45    width: 10px;
46    height: 99px;
47    background-image: url("../images/link_logo_Ether.png");
48    background-repeat: repeat-y;
49}
50
51.containerLogoEther {
52    position: absolute;
53    top: 100px;
54    left: 50px;
55    -moz-border-radius: 4px 4px 4px 4px;
56    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
57    -webkit-border-radius: 4px 4px 4px 4px;
58    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
59    width: 80px;
60    height: 80px;
61    padding: 15px;
62}
63
64.containerSmallLogoEther {
65    float: right;
66    margin-right: 15px;
67}
68
69.containerMegapoli {
70    -moz-border-radius: 4px 4px 4px 4px;
71    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
72    -webkit-border-radius: 4px 4px 4px 4px;
73    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
74    width: 980px;
75    float: left;
76    margin-bottom: 10px;
77}
78
79.containerTitle {
80/*background: url("../images/nuage_bleu.png") no-repeat scroll 0 0 transparent;*/
81    font-size: 20px;
82    color: #165076;
83    font-weight: bold;
84    float: left;
85    margin-top: 9px;
86    padding-left: 177px;
87}
88
89.containerLogo {
90    -moz-border-radius: 4px 4px 4px 4px; /*-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);*/
91    -webkit-border-radius: 4px 4px 4px 4px;
92    float: left;
93    margin-bottom: 10px;
94    margin-right: 20px;
95    padding-left: 30px;
96    width: 120px;
97    top: -32px;
98    position: relative;
99}
100
101.containerUserLogout {
102    float: left;
103    margin-right: 5px;
104}
105
106.containerImgLogout {
107    float: right;
108    position: relative;
109    top: 11px;
110}
111
112.containerNav {
113    -moz-border-radius: 4px 4px 4px 4px;
114    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
115    -webkit-border-radius: 4px 4px 4px 4px;
116    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
117    float: left;
118    position: relative;
119    width: 334px;
120    height: 31px;
121    color: #04155D;
122    top: 4px;
123    margin-bottom: 20px; /*margin-right: 15px;*/
124    padding-top: 6px;
125    padding-left: 10px;
126    font-size: 11px;
127}
128
129.containerMenu {
130    float: right;
131}
132
133.containerTitleContentBorder {
134    float: left;
135    position: relative;
136    height: 2px;
137    border-bottom: 10px solid white;
138    z-index: 1;
139    left: -10px;
140    width: 810px;
141}
142
143.containerTitleContent {
144    -moz-border-radius: 4px 4px 0 0;
145    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
146    -webkit-border-radius: 4px 4px 0 0;
147    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
148    background-image: url("../images/fond_bleu2.png");
149    background-repeat: repeat-x;
150    float: left;
151    position: relative;
152    width: 800px;
153    height: 26px;
154    color: #165076;
155    font-weight: bold;
156    padding-left: 10px;
157    padding-top: 4px;
158}
159
160.containerCenter {
161    -moz-border-radius-topright: 0;
162    -webkit-border-radius: 0; /*#E8EFF3*//* #618EAC*/
163    background: -moz-linear-gradient(white, #E8EFF3);
164    min-height: 400px;
165    text-align: justify;
166    position: relative;
167    top: -32px;
168    padding: 10px;
169    width: 960px;
170}
171
172.containerCenterContent {
173    padding: 10px;
174}
175
176.containerBottom {
177/*background-image: url("../images/elements/button_middle.png");*/
178    background-image: url("../images/elements/button_middle_3.png");
179    background-repeat: repeat-x;
180    color: #FFFFFF;
181    height: 26px;
182    padding-right: 10px;
183    position: relative;
184    top: -32px;
185    width: 975px;
186}
187
188/** ***************************************************** **/
189/** ************************ SLIDES ********************** **/
190/** ***************************************************** **/
191.containerSlide {
192    position: absolute;
193    top: 300px;
194}
195
196.containerSlideContent {
197    float: left;
198    min-height: 200px;
199    -moz-border-radius: 4px 4px 0 0;
200    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
201    -webkit-border-radius: 4px 4px 0 0;
202    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
203    padding: 10px;
204    margin-right: 1px;
205    display: none;
206    background-color: white;
207}
208
209.containerSlideButton {
210    float: left;
211    -moz-border-radius: 4px;
212    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
213    -webkit-border-radius: 4px;
214    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
215}
216
217.containerSlideButtonMentions {
218    margin-top: 51px;
219}
220
221.containerSlideButtonInfos {
222    margin-top: 102px;
223}
224
225#creditSlide {
226    z-index: 2;
227}
228
229#mentionSlide {
230    z-index: 1;
231}
232
233#infoSlide {
234    z-index: 0;
235}
236
237/** ***************************************************** **/
238/** ************************ OTHER ********************** **/
239/** ***************************************************** **/
240#tools .complexButton {
241    float: right;
242}
243
244.colborder {
245    border-right: 1px solid #96A1BA;
246    margin-right: 15px;
247    padding-right: 29px;
248}
249
250.mainContent {
251    padding: 15px;
252}
253
254.roundTable {
255    -moz-border-radius: 4px;
256    -webkit-border-radius: 4px;
257}
258
259/** ***************************************************** **/
260/** ************************ PAGES ********************** **/
261/** ***************************************************** **/
262#title_tools, #title_tools .links li a {
263    height: 39px;
264}
265
266#title_tools {
267    font: 12px/18px Trebuchet MS, Arial, san-serif;
268    margin: 18px auto 12px;
269    position: relative;
270}
271
272#title_tools .links {
273    margin: 0;
274    padding: 0;
275    position: relative;
276    z-index: 3;
277}
278
279#title_tools .links:after {
280    clear: both;
281    content: ".";
282    display: block;
283    height: 0;
284    visibility: hidden;
285}
286
287#title_tools .links li {
288    display: inline;
289}
290
291#title_tools .links li a {
292    background: url("../images/navButtonTest.png") no-repeat scroll 0 0 transparent;
293    cursor: pointer;
294    float: left;
295    overflow: hidden; /*text-indent: -9999px;*/
296    width: 102px;
297}
298
299#title_tools .links li a span {
300    background-position: 50% 0;
301    background-repeat: no-repeat;
302    display: block;
303    height: 30px;
304    margin: 3px auto;
305    width: 100%;
306}
307
308#title_tools .links li a {
309    background-position: 100% 0;
310}
311
312#title_tools .links li a.before {
313    background-position: 100% -36px;
314}
315
316#title_tools li a.apple {
317    background-position: 0 0;
318}
319
320#title_tools li a.apple.before {
321    background-position: 0 -36px;
322}
323
324#title_tools .links li a:hover, #title_tools .links li a:focus {
325    background-position: 100% -72px;
326}
327
328#title_tools li a.apple:hover, #title_tools li a.apple:focus {
329    background-position: 0 -72px;
330}
331
332#title_tools .links li a:active {
333    background-position: 100% -108px;
334}
335
336#title_tools li a.apple:active {
337    background-position: 0 -108px;
338}
339
340#title_tools.store li a.store, #title_tools.mac li a.mac, #title_tools.ipod li a.ipod, #title_tools.iphone li a.iphone, #title_tools.ipad li a.ipad, #title_tools.itunes li a.itunes, #title_tools.support li a.support {
341    background-position: 100% -144px !important;
342}
343
344#title_tools li a.apple span {
345    background-position: 50% 0;
346}
347
348#title_tools li a.store span {
349    background-position: 50% -30px;
350}
351
352#title_tools li a.mac span {
353    background-position: 50% -60px;
354}
355
356#title_tools li a.ipod span {
357    background-position: 50% -90px;
358}
359
360#title_tools li a.iphone span {
361    background-position: 50% -120px;
362}
363
364#title_tools li a.ipad span {
365    background-position: 50% -150px;
366}
367
368#title_tools li a.itunes span {
369    background-position: 50% -180px;
370}
371
372#title_tools li a.support span {
373    background-position: 50% -210px;
374}
375
376#title_tools .search {
377    background: url("source/store/base/nav/globalnav/css/bg/globalsearch_bg.png") no-repeat scroll 0 0 transparent;
378    padding: 8px 12px;
379    position: absolute;
380    right: 0;
381    top: 0;
382    width: 140px;
383    z-index: 99999;
384}
385
386#title_tools #site-search.site-search {
387    padding: 0;
388    position: relative;
389}
390
391#title_tools .search fieldset, #title_tools .search fieldset .wrapper {
392    background: none repeat scroll 0 0 transparent;
393    margin: 0;
394    padding: 0;
395}
396
397#title_tools .site-search fieldset .wrapper input, #title_tools.globalheader-loaded .search fieldset .wrapper {
398    background: url("source/store/base/nav/globalnav/css/bg/globalsearch_field.png") no-repeat scroll 0 0 transparent;
399    height: 20px;
400    margin-right: 0;
401    margin-top: 0;
402    padding: 0 17px 0 23px;
403    width: 100px;
404}
405
406#title_tools.globalheader-loaded .site-search fieldset .wrapper input {
407    background: none repeat scroll 0 0 transparent;
408    padding: 0 17px 0 0;
409}
410
411#title_tools .site-search span.field-with-placeholder {
412}
413
414#title_tools .site-search span.field-with-placeholder label.placeholder span {
415    margin-top: 1px;
416    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
417}
418
419#title_tools .search fieldset .wrapper input {
420    color: #FFFFFF;
421    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
422}
423
424#title_tools #site-search fieldset.focused .wrapper input, #title_tools.searchmode #site-search fieldset .wrapper input {
425    color: #000000;
426}
427
428#title_tools #site-search .focused span.field-with-placeholder label.placeholder span {
429    text-shadow: none;
430}
431
432#title_tools #site-search fieldset.focused .wrapper input, #title_tools .search #site-search .wrapper input:focus, #title_tools.globalheader-loaded.searchmode .search span.field-with-placeholder input, #title_tools.searchmode .search .wrapper, #title_tools.globalheader-loaded.searchmode .site-search .wrapper, #title_tools .search fieldset.focused .wrapper, #title_tools.searchmode #site-search fieldset .wrapper input {
433    background-position: 0 100%;
434    color: #000000;
435    outline: medium none;
436    text-shadow: none;
437}
438
439#title_tools #site-search .search-spinner, #title_tools #site-search .search-reset {
440    background-image: url("source/store/base/nav/globalnav/css/bg/globalsearch_reset.png");
441    right: 5px;
442    top: 5px;
443    z-index: 5;
444}
445
446#title_tools #site-search .search-spinner {
447    background-image: url("source/store/base/nav/globalnav/css/bg/globalsearch_spinner.gif");
448}
449
450#title_tools.searchmode #site-search .search-spinner {
451    display: block;
452}
453
454#title_tools.searchmode #site-search .search-spinner.hide {
455    display: none;
456}
457
458#globalheader-roundrect, #globalheader-fill {
459    display: block;
460    height: 35px;
461    left: 0;
462    position: absolute;
463    top: 0;
464    width: 980px;
465    z-index: 2;
466}
467
468#globalheader-shadow {
469    display: block;
470    height: 35px;
471    left: -2px;
472    position: absolute;
473    top: -1px;
474    width: 980px;
475    z-index: 1;
476}
477
478#title_tools.enhanced, #title_tools.enhanced .links, #title_tools.enhanced .links li, #title_tools.enhanced .links li a {
479    height: 36px;
480}
481
482#title_tools.enhanced {
483    background: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.2) 0pt, transparent 5%, transparent 95%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0 0%, -moz-linear-gradient(left center, rgba(0, 0, 0, 0.2) 0pt, transparent 0.2%, transparent 99.8%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0 0%, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA9QAAAAkCAMAAABfcIIyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHVQTFRFAAAA%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F5YtmQAAAACd0Uk5TAAECAwQFBgcICQoLDA0ODxAREhMUFRYXGBkaGxwdHh8gISIjJCUmZiD6WAAAAdlJREFUeF7t3btuFEEQheFzunotGYkIERA4spn3fyeHiAgEEtsXB82s2eEJavR%2F0Wjyo75XWfHpw4MkSXNqCkA2lr2%2B%2Fvz63n15qpI0x5yTSAM52XaxJLVXf%2FkoaY6xQk2sgXy8Ql2KJf3wS5HG6HMMQg3kZNkuxVGKNLxJo48%2BxhxTpBrIx7JcXEqUKJI3zd77CjWLaiAle4U6Iixv6q33MfocTL%2BBlCy7OEqJqCFvs%2FV2m3%2BTaiAd6zb7rlHtrbc1VA%2Bm30BSa%2B%2B7RNSo4a21thbVTL%2BBnCy7rCV1rdXbtbXW%2B%2Bh%2Ft78BZLM2v6NE1Fov%2FrpC3Zl%2BA2l5H6lrrRe%2FXNu%2BqCbUQE57qGvsoW5t9D4H028gJculOKLUWuvFz%2B16O9NipAZSsm8nWpfq53ZlTQ3k9s%2BamlADZ0CogZMh1MDJEGrgZAg1cDL%2Fh5ojLSC1%2ByMtLp8A2R0un3BNFEjv%2FpooDzqA9O4fdPD0Esju8PSSIglAdsciCZQzArI7lDOat30yCg8CGe2FB1eovZcI7oMSwUBSq0TwWlQHxfyBEzgW86ftDpDase0ODfKA7A4N8mhlC2R318r2px%2BeQqLpPJDae9P5%2FmrVz491%2FWekBlKy7PXVfn9rb9xXsMD2wdOcAAAAAElFTkSuQmCC") no-repeat scroll 50% 50%, -moz-linear-gradient(center bottom, #666666 0pt, #5E5E5E 50%, #707070 51%, #808080 100%) repeat scroll 0 0 transparent;
484}
485
486#title_tools.enhanced .links {
487    display: table;
488    float: left;
489    table-layout: fixed;
490    width: 845px;
491}
492
493#title_tools.enhanced .links li {
494    display: table-cell;
495    overflow: hidden;
496    width: 100%;
497}
498
499#title_tools.enhanced .links li a {
500    -moz-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAQAAABTNcdGAAAAEUlEQVQIHWP4r8bA8F%2BKwQEADZUCf37PGokAAAAASUVORK5CYII%3D") 0 2 0 1;
501    background: none repeat scroll 0 0 transparent;
502    border-width: 0 2px 0 1px;
503    display: block;
504    float: none;
505    text-decoration: none;
506    width: auto;
507}
508
509#title_tools.enhanced .links li a.before {
510    -moz-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAQAAABTNcdGAAAAD0lEQVQIHWP4r8YABP%2BlAAsjAj%2FwRF%2BaAAAAAElFTkSuQmCC") 0 2 0 1;
511}
512
513#title_tools.enhanced .links li:first-child a {
514    -moz-border-radius: 4px 0 0 4px;
515    border-width: 0 2px 0 0;
516}
517
518#title_tools.enhanced .links:last-child li:last-child a {
519    -moz-border-radius: 0 4px 4px 0;
520    border-width: 0 0 0 1px;
521}
522
523#title_tools.enhanced .links li a:hover, #title_tools.enhanced .links li a:focus, #title_tools.enhanced .links li a.apple:hover, #title_tools.enhanced .links li a.apple:focus {
524    -moz-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAQAAABTNcdGAAAAEUlEQVQIHWP4L8TA8F%2FovxAADsEDNFWY%2FFQAAAAASUVORK5CYII%3D") 0 2 0 1;
525    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAQAAADifZiHAAAAJ0lEQVQIW2P4L8zE8JeJ4R8q%2Bo%2BKCIH%2FjEA1TAyMSIgJRkIQM9BYAGa0Dj%2FXpUiAAAAAAElFTkSuQmCC") repeat-x scroll 0 0pt, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAABCAQAAACvIOyMAAAAE0lEQVQIW2P8z8jAwMAIh0wICAAa0gETv9XXOgAAAABJRU5ErkJggg%3D%3D") repeat-y scroll 100% 0pt, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAABCAQAAACvIOyMAAAAEklEQVQIW2P8L8TwDwn%2Bh0MGAKnjDAIoAAlcAAAAAElFTkSuQmCC") repeat-y scroll 0 0pt, none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
526}
527
528#title_tools.enhanced .links li a:active {
529    -moz-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAQAAABTNcdGAAAAEUlEQVQIHWNgWMDAoFDDsAAABv0B3XOLOeEAAAAASUVORK5CYII%3D") 0 2 0 1;
530    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAGCAQAAACoGTy6AAAAF0lEQVQIHWNhOMTCcJ2F4SyYfMTC8BoAKm8FI0rGpqcAAAAASUVORK5CYII%3D") repeat-x scroll 100% 0pt, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAQAAACx6dw%2FAAAAD0lEQVQIHWNgYGTgZlAAAABNAC0BZt40AAAAAElFTkSuQmCC") repeat-y scroll 100% 0pt, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAQAAABTNcdGAAAAEUlEQVQIHWNgcGBQYOBmYAQAAosAbdRXg8oAAAAASUVORK5CYII%3D") repeat-y scroll 0 0pt, none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
531}
532
533#title_tools.enhanced .links li a.apple:active {
534    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAGCAQAAACoGTy6AAAAF0lEQVQIHWNhOMTCcJ2F4SyYfMTC8BoAKm8FI0rGpqcAAAAASUVORK5CYII%3D") repeat-x scroll 100% 0pt, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAQAAACx6dw%2FAAAAD0lEQVQIHWNgYGTgZlAAAABNAC0BZt40AAAAAElFTkSuQmCC") repeat-y scroll 100% 0pt, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAABCAQAAAC896x4AAAAE0lEQVQIHWPQq2FwYFBg4GZgBAAItQEXeDLkwgAAAABJRU5ErkJggg%3D%3D") repeat-y scroll 0 0pt, none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
535}
536
537#title_tools.enhanced.store .links li a.store, #title_tools.enhanced.mac .links li a.mac, #title_tools.enhanced.ipod .links li a.ipod, #title_tools.enhanced.iphone .links li a.iphone, #title_tools.enhanced.ipad .links li a.ipad, #title_tools.enhanced.itunes .links li a.itunes, #title_tools.enhanced.support .links li a.support {
538    -moz-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAQAAABTNcdGAAAADklEQVQIHWNg8GUAAV8AAnEAm4WyilcAAAAASUVORK5CYII%3D") 0 2 0 1;
539    background: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.8) 0pt, transparent 10%, transparent 100%) repeat scroll 0 0%, -moz-linear-gradient(center top, rgba(0, 0, 0, 0.2) 0pt, transparent 30%, transparent 70%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0 0%, -moz-linear-gradient(left center, rgba(0, 0, 0, 0.2) 0pt, transparent 20%, transparent 80%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0 0%, -moz-linear-gradient(center top, #1E1E1E 0pt, #4B4B4B 97%, transparent 97%, rgba(0, 0, 0, 0.45) 100%) repeat scroll 0 0 transparent;
540}
541
542#title_tools.enhanced.store .links li a.store:focus, #title_tools.enhanced.mac .links li a.mac:focus, #title_tools.enhanced.ipod .links li a.ipod:focus, #title_tools.enhanced.iphone .links li a.iphone:focus, #title_tools.enhanced.ipad .links li a.ipad:focus, #title_tools.enhanced.itunes .links li a.itunes:focus, #title_tools.enhanced.support .links li a.support:focus {
543    background: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.8) 0pt, transparent 10%, transparent 100%) repeat scroll 0 0%, -moz-linear-gradient(center top, rgba(0, 0, 0, 0.2) 0pt, transparent 30%, transparent 70%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0 0%, -moz-linear-gradient(left center, rgba(0, 0, 0, 0.2) 0pt, transparent 20%, transparent 80%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0 0%, -moz-linear-gradient(center top, #000000 0pt, #262626 100%) repeat scroll 0 0 transparent;
544}
545
546#title_tools.enhanced .search {
547    -moz-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAQAAABTNcdGAAAADUlEQVQIHWP4r8YABgAJCwEmqyi5lgAAAABJRU5ErkJggg%3D%3D") 0 2 0 1;
548    background: none repeat scroll 0 0 transparent;
549    border-width: 0 2px 0 1px;
550    padding: 8px 13px;
551    position: absolute;
552    right: 0;
553    top: 0;
554    width: 106px;
555}
556
557#title_tools.enhanced #site-search fieldset .wrapper {
558    background: none repeat scroll 0 0 transparent;
559    height: 19px;
560    margin: 0;
561    padding: 0 0 0 20px;
562    width: auto;
563}
564
565#title_tools.enhanced .site-search span.field-with-placeholder {
566    margin-top: 0;
567}
568
569#title_tools.enhanced .site-search span.field-with-placeholder label span {
570    margin-top: -1px;
571    padding: 2px 0 0 1px;
572    width: 114%;
573}
574
575#title_tools.enhanced .search fieldset {
576    -moz-border-radius: 12px 12px 12px 12px;
577    -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.6) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
578    background-color: rgba(255, 255, 255, 0.1);
579    background-image: none;
580    padding: 0;
581    position: relative;
582}
583
584#title_tools.enhanced .site-search fieldset .wrapper input {
585    -moz-border-radius: 12px 12px 12px 12px;
586    -moz-box-sizing: border-box;
587    background-image: none;
588    height: 19px;
589    margin: 0;
590    width: 100%;
591}
592
593#title_tools.enhanced .search fieldset .wrapper > input {
594    padding: 0 17px 0 0;
595    position: relative;
596    top: 0;
597    width: 100%;
598}
599
600#title_tools.enhanced .search span.field-with-placeholder input:focus {
601    outline: medium none;
602}
603
604#title_tools.enhanced.noinset .search fieldset {
605    margin-top: 1px;
606}
607
608#title_tools.enhanced.noinset .search span.field-with-placeholder input {
609    margin-bottom: -1px;
610}
611
612#title_tools.enhanced .search .search-spinner, #title_tools.enhanced .search .search-reset {
613    right: 5px;
614    top: 5px;
615}
616
617#title_tools.enhanced.noinset .search .search-spinner, #title_tools.enhanced.noinset .search .search-reset {
618    top: 4px;
619}
620
621#title_tools.enhanced .search .search-reset {
622    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAlUlEQVR42o2RSQrDMAxFc5KCD5MTBgw5ioejeFMoybYhyaLdqPpFKp9AaAwPeXgSQu5E5EvO%2BaZE5a6IxRH37rjYKyukI6WUDe%2FwvOKTBSalhIQFHuTBH7Baa9gj4siJA%2BSHwgJHbmeC%2FKLso8i8%2F1ZGz1w5Xuw5Qg42Hjmj1rrD%2B835LEHvd58z%2F2CwH5tNnO0c3PkAGud706ytt0YAAAAASUVORK5CYII%3D") repeat scroll 0 0 transparent;
623}
624
625#title_tools.enhanced .search .reset, #title_tools.enhanced.searchmode .search .search-reset, #title_tools.enhanced.searchmode .search .empty .search-reset {
626    display: block;
627    opacity: 0;
628}
629
630#title_tools.enhanced.searchmode .search .search-reset {
631    opacity: 1;
632}
633
634#title_tools.enhanced #sp-magnify, #title_tools.enhanced .sp-magnify {
635    height: 14px;
636    left: 18px;
637    position: absolute;
638    top: 13px;
639    width: 15px;
640}
641
642#title_tools.enhanced #sp-magnify *, #title_tools.enhanced .sp-magnify * {
643    background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGJhc2VQcm9maWxlPSJmdWxsIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpldj0iaHR0cDovL3d3dy53My5vcmcvMjAwMS94bWwtZXZlbnRzIj4KPGcgZmlsbC1vcGFjaXR5PSIuNSI%2BCgk8cG9seWdvbiBwb2ludHM9IjkuMjA3LDcuMTI2IDcuNzkzLDguNTQxIDExLjc5MywxMi41NDEgMTMuMjA3LDExLjEyNiIgLz4KCTxwYXRoIGQ9Ik01LjkxNywzYzEuNjA4LDAsMi45MTcsMS4zMDgsMi45MTcsMi45MTdTNy41MjUsOC44MzMsNS45MTcsOC44MzNTMyw3LjUyNSwzLDUuOTE3UzQuMzA4LDMsNS45MTcsMyBNNS45MTcsMQoJCUMzLjIwMSwxLDEsMy4yMDEsMSw1LjkxN3MyLjIwMSw0LjkxNyw0LjkxNyw0LjkxN3M0LjkxNy0yLjIwMSw0LjkxNy00LjkxN0MxMC44MzMsMy4yMDEsOC42MzIsMSw1LjkxNywxTDUuOTE3LDF6IiAvPgo8L2c%2BCjxnPgoJPHBvbHlnb24gZmlsbD0iI2ZmZiIgcG9pbnRzPSI5LjIwNyw2LjEyNiA3Ljc5Myw3LjU0MSAxMS43OTMsMTEuNTQxIDEzLjIwNywxMC4xMjYiIC8%2BCgk8cGF0aCBmaWxsPSIjZmZmIiBkPSJNNS45MTcsMmMxLjYwOCwwLDIuOTE3LDEuMzA4LDIuOTE3LDIuOTE3UzcuNTI1LDcuODMzLDUuOTE3LDcuODMzUzMsNi41MjUsMyw0LjkxN1M0LjMwOCwyLDUuOTE3LDIKCQkgTTUuOTE3LDBDMy4yMDEsMCwxLDIuMjAxLDEsNC45MTdzMi4yMDEsNC45MTcsNC45MTcsNC45MTdzNC45MTctMi4yMDEsNC45MTctNC45MTdDMTAuODMzLDIuMjAxLDguNjMyLDAsNS45MTcsMEw1LjkxNywweiIgLz4KPC9nPgo8L3N2Zz4K") no-repeat scroll 0 0 transparent;
644    height: 14px;
645    opacity: 1;
646    position: absolute;
647    width: 15px;
648}
649
650#title_tools.decelerate.enhanced #sp-magnify *, #title_tools.decelerate.enhanced .sp-magnify * {
651    background-image: url("source/store/base/nav/globalnav/css/bg/globalsearch_icon.gif");
652}
653
654#title_tools.enhanced #sp-magnify .magnify, #title_tools.enhanced .sp-magnify .magnify {
655    background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGJhc2VQcm9maWxlPSJmdWxsIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpldj0iaHR0cDovL3d3dy53My5vcmcvMjAwMS94bWwtZXZlbnRzIj4KPGc%2BCgk8cG9seWdvbiBmaWxsPSIjNjY2IiBwb2ludHM9IjkuMjA3LDYuMTI2IDcuNzkzLDcuNTQxIDExLjc5MywxMS41NDEgMTMuMjA3LDEwLjEyNiIgLz4KCTxwYXRoIGZpbGw9IiM2NjYiIGQ9Ik01LjkxNywyYzEuNjA4LDAsMi45MTcsMS4zMDgsMi45MTcsMi45MTdTNy41MjUsNy44MzMsNS45MTcsNy44MzNTMyw2LjUyNSwzLDQuOTE3UzQuMzA4LDIsNS45MTcsMgoJCSBNNS45MTcsMEMzLjIwMSwwLDEsMi4yMDEsMSw0LjkxN3MyLjIwMSw0LjkxNyw0LjkxNyw0LjkxN3M0LjkxNy0yLjIwMSw0LjkxNy00LjkxN0MxMC44MzMsMi4yMDEsOC42MzIsMCw1LjkxNywwTDUuOTE3LDB6IiAvPgo8L2c%2BCjwvc3ZnPgo%3D") no-repeat scroll 0 0 transparent;
656    opacity: 0;
657}
658
659#title_tools.enhanced.globalheader-loaded .links, #title_tools.enhanced.globalheader-loaded .search, #title_tools.enhanced.globalheader-loaded .search .search-reset, #title_tools.enhanced.globalheader-loaded #sp-magnify *, #title_tools.enhanced.globalheader-loaded .sp-magnify * {
660}
661
662#title_tools.enhanced.globalheader-loaded .search .search-reset, #title_tools.enhanced.globalheader-loaded #sp-magnify *, #title_tools.enhanced.globalheader-loaded .sp-magnify * {
663}
664
665#title_tools.enhanced.globalheader-loaded .search fieldset {
666}
667
668#title_tools.enhanced.globalheader-loaded .search span.field-with-placeholder input {
669}
670
671#title_tools.enhanced.searchmode .links {
672    width: 781px;
673}
674
675#title_tools.enhanced.searchmode .search {
676    width: 170px;
677}
678
679#title_tools.enhanced.searchmode #sp-magnify *, #title_tools.enhanced.searchmode .sp-magnify * {
680    opacity: 0;
681}
682
683#title_tools.enhanced.searchmode #sp-magnify .magnify, #title_tools.enhanced.searchmode .sp-magnify .magnify {
684    opacity: 1;
685}
686
687#title_tools.enhanced.searchmode .search fieldset {
688    background-color: #FFFFFF;
689}
690
691#title_tools.enhanced.searchmode .search span.field-with-placeholder input {
692    color: #000000;
693    text-shadow: 0 1px 1px transparent;
694}
695
696#title_tools.enhanced.searchmode #site-search .search-auto-complete {
697    margin-left: -57px;
698}
699
700#title_tools.outside {
701    visibility: visible;
702}
703
704#title_tools.outside.ios {
705}
706
707#title_tools.outside.decelerate {
708}
709
710#title_tools.enhanced .links, #title_tools.enhanced .search, #title_tools.enhanced .search fieldset, #title_tools.enhanced .search span.field-with-placeholder input, #title_tools.enhanced .search #sp-magnify, #title_tools.enhanced .search #sp-magnify *, #title_tools.enhanced .search .sp-magnify, #title_tools.enhanced .search .sp-magnify *, #title_tools.enhanced .search .search-reset {
711    z-index: 0;
712}
713
714#title_tools.ios .links {
715}
716
717/*#menu {*/
718/*-moz-border-radius: 4px 4px 4px 4px;*/
719/*-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);*/
720/*float: left;*/
721/*margin: 0;*/
722/*position: relative;*/
723/*width: 830px;*/
724/*}*/
725
726/*#menu.collapsed {*/
727/*background-image: url("source/store/base/nav/header/css/bg/old/menu-collapsed.png");*/
728/*}*/
729
730/*#menu_content a, #menu_content span {*/
731/*color: #666666;*/
732/*}*/
733
734/*#menu_content a:hover {*/
735/*color: #0085CF;*/
736/*text-decoration: none;*/
737/*}*/
738
739/*#nav {*/
740/*color: #666666;*/
741/*float: left;*/
742/*line-height: 30px;*/
743/*list-style: none outside none;*/
744/*}*/
745
746/*#menu.collapsed #nav {*/
747/*line-height: 49px;*/
748/*}*/
749
750/*#nav li {*/
751/*float: left;*/
752/*}*/
753
754/*#nav #bc-home a {*/
755/*display: block; *//*text-indent: -9999px;*/
756/*width: 52px;*/
757/*}*/
758
759/*#menu.collapsed .contact-us {*/
760/*color: #333333;*/
761/*font-size: 11px;*/
762/*padding-left: 19px;*/
763/*}*/
764
765/*#menu_content {*/
766/*float: right;*/
767/*line-height: 30px;*/
768/*z-index: 9050;*/
769/*}*/
770
771/*#menu.collapsed #menu_content {*/
772/*margin: 10px 13px 0 0;*/
773/*}*/
774
775/*#menu_content > li {*/
776/*float: left;*/
777/*}*/
778
779/*#menu.collapsed #menu_content > li:first-child a {*/
780/*border-left: 0 none;*/
781/*}*/
782
783/*#menu_content #u_cart {*/
784/*padding-right: 7px;*/
785/*}*/
786
787/*#menu_content a {*/
788/*border-left: 1px solid #CCCCCC;*/
789/*display: block;*/
790/*padding: 0 10px;*/
791/*z-index: 9050;*/
792/*}*/
793
794/*#menu_content #u_cart a {*/
795/*background: url("source/store/base/nav/header/css/bg/store-header-footer-sprite.png") no-repeat scroll 100% -144px transparent;*/
796/*padding-right: 26px;*/
797/*}*/
798
799/*#menu_content .open {*/
800/*background: url("source/store/base/nav/header/css/bg/old/usernav-open.png") repeat-x scroll 0 0 transparent;*/
801/*margin-bottom: -1px;*/
802/*position: relative;*/
803/*z-index: 9999;*/
804/*}*/
805
806/*#menu_content .open a {*/
807/*color: #0085CF;*/
808/*}*/
809
810/*#menu_content .open:first-child a {*/
811/*border-left: 0 none;*/
812/*}*/
813
814/*#menu_content #u_cart.open {*/
815/*background-position: 100% 0;*/
816/*}*/
817
818/*#aos_header #menu a:hover span {*/
819/*color: #0085CF;*/
820/*text-decoration: none;*/
821/*}*/
822
823/*#aos_header #menu {*/
824/*background-image: url("source/store/base/nav/header/css/bg/old/menu-collapsed.png");*/
825/*}*/
826
827/*#aos_header #menu #contact-us {*/
828/*line-height: 49px;*/
829/*}*/
830
831/*#aos_header #menu #contact-us li {*/
832/*color: #333333;*/
833/*font-size: 11px;*/
834/*padding-left: 19px;*/
835/*}*/
836
837/*#aos_header #menu #contact-us li span {*/
838/*color: #333333;*/
839/*}*/
840
841/*#aos_header #menu #contact-us li strong {*/
842/*font-weight: normal;*/
843/*}*/
844
845/*#aos_header #menu #menu_content {*/
846/*margin: 10px 13px 0 0;*/
847/*}*/
848
849/*#aos_header #menu ul > li {*/
850/*float: left;*/
851/*}*/
852
853/*#aos_header #menu #menu_content ul > li:first-child a {*/
854/*border-left: 0 none;*/
855/*}*/
Note: See TracBrowser for help on using the repository browser.