Created
January 12, 2016 01:39
-
-
Save anonymous/700cee288226c96a8530 to your computer and use it in GitHub Desktop.
JS Bin // source http://jsbin.com/juxefe
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src="http://fb.me/react-with-addons-0.13.3.js"></script> | |
| <script src="https://code.jquery.com/jquery-2.1.4.js"></script> | |
| <meta charset="utf-8"> | |
| <title>Apple site nav menu</title> | |
| <style id="jsbin-css"> | |
| html { | |
| width: 100%; | |
| height: 100% | |
| } | |
| @media only screen and (max-width: 735px) { | |
| html { | |
| min-width:375px | |
| } | |
| html #ac-globalnav { | |
| min-width: 375px | |
| } | |
| } | |
| @media only screen and (max-width: 735px) and (orientation: landscape) { | |
| html { | |
| min-width:460px | |
| } | |
| html #ac-globalnav { | |
| min-width: 460px | |
| } | |
| } | |
| @media only screen and (max-width: 735px) { | |
| html.touch { | |
| min-width:320px | |
| } | |
| html.touch #ac-globalnav { | |
| min-width: 320px | |
| } | |
| } | |
| body { | |
| width: 100%; | |
| height: 100%; | |
| background-color: #fff | |
| } | |
| html.oldie body { | |
| min-width: 1024px | |
| } | |
| @media only screen and (max-width: 1068px), only screen and (max-height: 890px) { | |
| body { | |
| min-width:85% | |
| } | |
| } | |
| html,body { | |
| margin: 0; | |
| padding: 0 | |
| } | |
| #ac-globalnav,#ac-gn-segmentbar { | |
| font-weight: normal; | |
| text-align: left; | |
| -webkit-text-size-adjust: 100%; | |
| -ms-text-size-adjust: 100%; | |
| text-size-adjust: 100% | |
| } | |
| #ac-globalnav,#ac-globalnav:before,#ac-globalnav:after,#ac-globalnav *,#ac-globalnav *:before,#ac-globalnav *:after,#ac-gn-segmentbar,#ac-gn-segmentbar:before,#ac-gn-segmentbar:after,#ac-gn-segmentbar *,#ac-gn-segmentbar *:before,#ac-gn-segmentbar *:after { | |
| box-sizing: content-box; | |
| margin: 0; | |
| padding: 0; | |
| letter-spacing: normal | |
| } | |
| #ac-globalnav *,#ac-globalnav *:before,#ac-globalnav *:after,#ac-gn-segmentbar *,#ac-gn-segmentbar *:before,#ac-gn-segmentbar *:after { | |
| font-size: 1em; | |
| font-family: inherit; | |
| *font-family: expression(this.parentNode.currentStyle['font-family']); | |
| font-weight: inherit; | |
| *font-weight: expression(this.parentNode.currentStyle['font-weight']); | |
| line-height: inherit; | |
| *line-height: expression(this.parentNode.currentStyle['line-height']); | |
| text-align: inherit; | |
| *text-align: expression(this.parentNode.currentStyle['text-align']) | |
| } | |
| #ac-globalnav article,#ac-globalnav aside,#ac-globalnav details,#ac-globalnav figcaption,#ac-globalnav figure,#ac-globalnav footer,#ac-globalnav header,#ac-globalnav nav,#ac-globalnav section,#ac-gn-segmentbar article,#ac-gn-segmentbar aside,#ac-gn-segmentbar details,#ac-gn-segmentbar figcaption,#ac-gn-segmentbar figure,#ac-gn-segmentbar footer,#ac-gn-segmentbar header,#ac-gn-segmentbar nav,#ac-gn-segmentbar section { | |
| display: block | |
| } | |
| #ac-globalnav img,#ac-gn-segmentbar img { | |
| border: 0; | |
| vertical-align: middle | |
| } | |
| #ac-globalnav ul,#ac-gn-segmentbar ul { | |
| list-style: none | |
| } | |
| #ac-globalnav,#ac-globalnav select,#ac-globalnav button,#ac-gn-segmentbar,#ac-gn-segmentbar select,#ac-gn-segmentbar button { | |
| font-family: "Myriad Set Pro","Helvetica Neue","Helvetica","Arial",sans-serif; | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| -moz-font-feature-settings: 'liga', 'kern' | |
| } | |
| #ac-globalnav input,#ac-globalnav textarea,#ac-gn-segmentbar input,#ac-gn-segmentbar textarea { | |
| font-family: "Myriad Set Pro","Helvetica Neue","Helvetica","Arial",sans-serif; | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| -moz-font-feature-settings: 'liga', 'kern' | |
| } | |
| #ac-globalnav { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| left: 0; | |
| z-index: 9999; | |
| display: block; | |
| margin: 0; | |
| width: 100%; | |
| min-width: 1024px; | |
| height: 48px; | |
| max-height: 44px; | |
| background: #333; | |
| background: rgba(0,0,0,0.8); | |
| font-size: 18px; | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none | |
| } | |
| .ac-theme-dark #ac-globalnav { | |
| background: #2b2b2b; | |
| background: rgba(85,85,85,0.5) | |
| } | |
| .blocktransitions#ac-globalnav,.blocktransitions#ac-globalnav:before,.blocktransitions#ac-globalnav:after,.blocktransitions#ac-globalnav *,.blocktransitions#ac-globalnav *:before,.blocktransitions#ac-globalnav *:after { | |
| -webkit-animation: none !important; | |
| animation: none !important; | |
| -webkit-transition: none !important; | |
| transition: none !important | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| #ac-globalnav { | |
| min-width:320px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav { | |
| max-height:none; | |
| -webkit-transition: background 0.35s linear,height 0.35s ease-in; | |
| transition: background 0.35s linear,height 0.35s ease-in | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav,#ac-gn-menustate:target ~ #ac-globalnav { | |
| height: 100%; | |
| background: #000; | |
| -webkit-transition: background 0.35s linear,height 0.35s ease-in 200ms; | |
| transition: background 0.35s linear,height 0.35s ease-in 200ms | |
| } | |
| .searchshow#ac-globalnav,.searchopen#ac-globalnav,.searchhide#ac-globalnav { | |
| position: fixed | |
| } | |
| } | |
| #ac-gn-menustate { | |
| display: none | |
| } | |
| #ac-gn-placeholder { | |
| height: 44px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-gn-placeholder { | |
| height:48px | |
| } | |
| } | |
| .ac-nav-overlap #ac-gn-placeholder { | |
| display: none | |
| } | |
| @-webkit-keyframes ac-gn-curtain-show { | |
| 0% { | |
| opacity: 0; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1 | |
| } | |
| } | |
| @keyframes ac-gn-curtain-show { | |
| 0% { | |
| opacity: 0; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1 | |
| } | |
| } | |
| #ac-gn-curtain { | |
| background: rgba(0,0,0,0.2); | |
| display: none; | |
| position: fixed; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| z-index: 9998 | |
| } | |
| @media only screen and (max-width: 419px) { | |
| #ac-globalnav.with-bagview ~ #ac-gn-curtain { | |
| display:block; | |
| -webkit-animation: ac-gn-curtain-show 200ms both; | |
| animation: ac-gn-curtain-show 200ms both | |
| } | |
| } | |
| #ac-globalnav.searchshow ~ #ac-gn-curtain,#ac-globalnav.searchopen ~ #ac-gn-curtain,#ac-globalnav.searchhide ~ #ac-gn-curtain { | |
| display: block | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav.searchshow ~ #ac-gn-curtain,#ac-globalnav.searchopen ~ #ac-gn-curtain,#ac-globalnav.searchhide ~ #ac-gn-curtain { | |
| display:none | |
| } | |
| } | |
| #ac-globalnav.searchshow ~ #ac-gn-curtain { | |
| -webkit-animation: ac-gn-curtain-show 200ms both; | |
| animation: ac-gn-curtain-show 200ms both | |
| } | |
| #ac-globalnav.searchhide ~ #ac-gn-curtain { | |
| -webkit-animation: ac-gn-curtain-show 200ms reverse both; | |
| animation: ac-gn-curtain-show 200ms reverse both | |
| } | |
| #ac-globalnav .ac-gn-content { | |
| margin: 0 auto; | |
| max-width: 980px; | |
| padding: 0 22px; | |
| position: relative; | |
| z-index: 2 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-content { | |
| padding:0; | |
| position: absolute; | |
| top: 0; | |
| width: 100%; | |
| height: 100% | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-apple-searchshow { | |
| 0% { | |
| -webkit-transform: none; | |
| transform: none; | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translate3d(0, -100%, 0); | |
| transform: translate3d(0, -100%, 0) | |
| } | |
| } | |
| @keyframes ac-gn-apple-searchshow { | |
| 0% { | |
| -webkit-transform: none; | |
| transform: none; | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translate3d(0, -100%, 0); | |
| transform: translate3d(0, -100%, 0) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-apple-searchhide { | |
| 0% { | |
| -webkit-transform: translate3d(0, -100%, 0); | |
| transform: translate3d(0, -100%, 0); | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: none; | |
| transform: none | |
| } | |
| } | |
| @keyframes ac-gn-apple-searchhide { | |
| 0% { | |
| -webkit-transform: translate3d(0, -100%, 0); | |
| transform: translate3d(0, -100%, 0); | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: none; | |
| transform: none | |
| } | |
| } | |
| #ac-globalnav .ac-gn-header { | |
| display: none; | |
| position: absolute; | |
| z-index: 3; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 48px; | |
| overflow: hidden | |
| } | |
| #ac-globalnav .ac-gn-header .ac-gn-apple { | |
| position: absolute; | |
| width: 48px; | |
| top: 0; | |
| left: 50%; | |
| margin-left: -24px; | |
| text-align: center; | |
| z-index: 1 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-header { | |
| display:block | |
| } | |
| .searchshow#ac-globalnav .ac-gn-header,.searchopen#ac-globalnav .ac-gn-header,.searchhide#ac-globalnav .ac-gn-header { | |
| background: #000; | |
| -webkit-transform: translateZ(0); | |
| transform: translateZ(0) | |
| } | |
| #ac-globalnav .ac-gn-header .ac-gn-apple { | |
| display: block | |
| } | |
| .searchshow#ac-globalnav .ac-gn-header .ac-gn-apple { | |
| -webkit-animation: ac-gn-apple-searchshow 600ms 200ms both; | |
| animation: ac-gn-apple-searchshow 600ms 200ms both | |
| } | |
| .searchopen#ac-globalnav .ac-gn-header .ac-gn-apple { | |
| display: none | |
| } | |
| .searchhide#ac-globalnav .ac-gn-header .ac-gn-apple { | |
| -webkit-animation: ac-gn-apple-searchhide 600ms 200ms both; | |
| animation: ac-gn-apple-searchhide 600ms 200ms both | |
| } | |
| #ac-globalnav .ac-gn-header .ac-gn-bag-small { | |
| display: block | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-list-searchshow { | |
| 0% { | |
| -webkit-transform: translateY(0); | |
| transform: translateY(0); | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translateY(-100%) translateY(106px); | |
| transform: translateY(-100%) translateY(106px) | |
| } | |
| } | |
| @keyframes ac-gn-list-searchshow { | |
| 0% { | |
| -webkit-transform: translateY(0); | |
| transform: translateY(0); | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translateY(-100%) translateY(106px); | |
| transform: translateY(-100%) translateY(106px) | |
| } | |
| } | |
| #ac-globalnav .ac-gn-list { | |
| cursor: default; | |
| margin: 0 -10px; | |
| text-align: justify; | |
| width: auto; | |
| height: 44px; | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| text-align: justify; | |
| -ms-text-justify: distribute-all-lines; | |
| text-justify: distribute-all-lines | |
| } | |
| #ac-globalnav .ac-gn-list:after { | |
| content: ''; | |
| width: 100%; | |
| display: inline-block; | |
| font-size: 0; | |
| line-height: 0 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-list { | |
| position:absolute; | |
| z-index: 2; | |
| top: 48px; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| margin: 0; | |
| padding: 0 48px; | |
| height: auto; | |
| box-sizing: border-box; | |
| overflow: hidden; | |
| overflow-y: auto; | |
| -webkit-overflow-scrolling: touch; | |
| visibility: hidden; | |
| -webkit-transition: visibility 0s linear 1s; | |
| transition: visibility 0s linear 1s | |
| } | |
| #ac-globalnav .ac-gn-list :nth-child(2) { | |
| margin-top: 12px | |
| } | |
| #ac-globalnav .ac-gn-list :nth-child(9) { | |
| margin-bottom: 48px | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-list,#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-list { | |
| visibility: visible; | |
| -webkit-transition-delay: 0s; | |
| transition-delay: 0s | |
| } | |
| .searchshow#ac-globalnav .ac-gn-list { | |
| bottom: auto; | |
| -webkit-animation: ac-gn-list-searchshow 800ms both; | |
| animation: ac-gn-list-searchshow 800ms both | |
| } | |
| .searchopen#ac-globalnav .ac-gn-list { | |
| display: none | |
| } | |
| .searchhide#ac-globalnav .ac-gn-list { | |
| bottom: auto; | |
| -webkit-animation: ac-gn-list-searchshow 800ms reverse both; | |
| animation: ac-gn-list-searchshow 800ms reverse both | |
| } | |
| #ac-globalnav .ac-gn-list:after { | |
| display: none | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-item-searchshow { | |
| 0% { | |
| opacity: 1; | |
| -webkit-transform: scale(1); | |
| transform: scale(1); | |
| -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); | |
| animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1) | |
| } | |
| 40% { | |
| opacity: 1 | |
| } | |
| 100% { | |
| opacity: 0; | |
| -webkit-transform: scale(0.7); | |
| transform: scale(0.7) | |
| } | |
| } | |
| @keyframes ac-gn-item-searchshow { | |
| 0% { | |
| opacity: 1; | |
| -webkit-transform: scale(1); | |
| transform: scale(1); | |
| -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); | |
| animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1) | |
| } | |
| 40% { | |
| opacity: 1 | |
| } | |
| 100% { | |
| opacity: 0; | |
| -webkit-transform: scale(0.7); | |
| transform: scale(0.7) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-item-searchhide { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: scale(0.7); | |
| transform: scale(0.7) | |
| } | |
| 60% { | |
| opacity: 1 | |
| } | |
| 100% { | |
| opacity: 1; | |
| -webkit-transform: scale(1); | |
| transform: scale(1); | |
| -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); | |
| animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1) | |
| } | |
| } | |
| @keyframes ac-gn-item-searchhide { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: scale(0.7); | |
| transform: scale(0.7) | |
| } | |
| 60% { | |
| opacity: 1 | |
| } | |
| 100% { | |
| opacity: 1; | |
| -webkit-transform: scale(1); | |
| transform: scale(1); | |
| -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); | |
| animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-item-searchshow-small { | |
| 0% { | |
| -webkit-transform: none; | |
| transform: none; | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translateY(-50px); | |
| transform: translateY(-50px) | |
| } | |
| } | |
| @keyframes ac-gn-item-searchshow-small { | |
| 0% { | |
| -webkit-transform: none; | |
| transform: none; | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translateY(-50px); | |
| transform: translateY(-50px) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-search-placeholder-searchshow { | |
| 0% { | |
| opacity: 1; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 0.4 | |
| } | |
| } | |
| @keyframes ac-gn-search-placeholder-searchshow { | |
| 0% { | |
| opacity: 1; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 0.4 | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-bag-searchshow { | |
| 0% { | |
| opacity: 1; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 0 | |
| } | |
| } | |
| @keyframes ac-gn-bag-searchshow { | |
| 0% { | |
| opacity: 1; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 0 | |
| } | |
| } | |
| #ac-globalnav .ac-gn-item { | |
| display: inline-block; | |
| position: relative; | |
| height: 44px; | |
| z-index: 1; | |
| vertical-align: top | |
| } | |
| .ie7#ac-globalnav .ac-gn-item { | |
| display: inline; | |
| zoom:1} | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-item { | |
| width:100%; | |
| height: 48px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-apple { | |
| display:none | |
| } | |
| } | |
| .searchshow#ac-globalnav .ac-gn-bag { | |
| -webkit-animation: ac-gn-bag-searchshow 300ms both; | |
| animation: ac-gn-bag-searchshow 300ms both; | |
| -webkit-transform: translateZ(0); | |
| transform: translateZ(0) | |
| } | |
| .searchopen#ac-globalnav .ac-gn-bag { | |
| visibility: hidden | |
| } | |
| .searchhide#ac-globalnav .ac-gn-bag { | |
| -webkit-animation: ac-gn-bag-searchshow 300ms reverse both; | |
| animation: ac-gn-bag-searchshow 300ms reverse both; | |
| -webkit-transform: translateZ(0); | |
| transform: translateZ(0) | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-bag { | |
| display:none; | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| width: auto; | |
| z-index: 1 | |
| } | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu,.searchopen#ac-globalnav .ac-gn-item-menu,.searchhide#ac-globalnav .ac-gn-item-menu { | |
| pointer-events: none | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu { | |
| -webkit-animation: ac-gn-item-searchshow 400ms both; | |
| animation: ac-gn-item-searchshow 400ms both; | |
| pointer-events: none | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu:nth-child(2) { | |
| -webkit-animation-delay: 280ms; | |
| animation-delay: 280ms | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu:nth-child(3) { | |
| -webkit-animation-delay: 245ms; | |
| animation-delay: 245ms | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu:nth-child(4) { | |
| -webkit-animation-delay: 210ms; | |
| animation-delay: 210ms | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu:nth-child(5) { | |
| -webkit-animation-delay: 175ms; | |
| animation-delay: 175ms | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu:nth-child(6) { | |
| -webkit-animation-delay: 140ms; | |
| animation-delay: 140ms | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu:nth-child(7) { | |
| -webkit-animation-delay: 105ms; | |
| animation-delay: 105ms | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu:nth-child(8) { | |
| -webkit-animation-delay: 70ms; | |
| animation-delay: 70ms | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu:nth-child(9) { | |
| -webkit-animation-delay: 35ms; | |
| animation-delay: 35ms | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .searchshow#ac-globalnav .ac-gn-item-menu { | |
| -webkit-animation:ac-gn-item-searchshow-small 800ms both; | |
| animation: ac-gn-item-searchshow-small 800ms both | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu:nth-child(n) { | |
| -webkit-animation-delay: 0s; | |
| animation-delay: 0s | |
| } | |
| } | |
| .searchopen#ac-globalnav .ac-gn-item-menu { | |
| visibility: hidden | |
| } | |
| .searchhide#ac-globalnav .ac-gn-item-menu { | |
| -webkit-animation: ac-gn-item-searchhide 400ms both; | |
| animation: ac-gn-item-searchhide 400ms both | |
| } | |
| .searchhide#ac-globalnav .ac-gn-item-menu:nth-child(2) { | |
| -webkit-animation-delay: 0ms; | |
| animation-delay: 0ms | |
| } | |
| .searchhide#ac-globalnav .ac-gn-item-menu:nth-child(3) { | |
| -webkit-animation-delay: 35ms; | |
| animation-delay: 35ms | |
| } | |
| .searchhide#ac-globalnav .ac-gn-item-menu:nth-child(4) { | |
| -webkit-animation-delay: 70ms; | |
| animation-delay: 70ms | |
| } | |
| .searchhide#ac-globalnav .ac-gn-item-menu:nth-child(5) { | |
| -webkit-animation-delay: 105ms; | |
| animation-delay: 105ms | |
| } | |
| .searchhide#ac-globalnav .ac-gn-item-menu:nth-child(6) { | |
| -webkit-animation-delay: 140ms; | |
| animation-delay: 140ms | |
| } | |
| .searchhide#ac-globalnav .ac-gn-item-menu:nth-child(7) { | |
| -webkit-animation-delay: 175ms; | |
| animation-delay: 175ms | |
| } | |
| .searchhide#ac-globalnav .ac-gn-item-menu:nth-child(8) { | |
| -webkit-animation-delay: 210ms; | |
| animation-delay: 210ms | |
| } | |
| .searchhide#ac-globalnav .ac-gn-item-menu:nth-child(9) { | |
| -webkit-animation-delay: 245ms; | |
| animation-delay: 245ms | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .searchhide#ac-globalnav .ac-gn-item-menu { | |
| -webkit-animation:ac-gn-item-searchshow-small 800ms reverse both; | |
| animation: ac-gn-item-searchshow-small 800ms reverse both | |
| } | |
| .searchhide#ac-globalnav .ac-gn-item-menu:nth-child(n) { | |
| -webkit-animation-delay: 0s; | |
| animation-delay: 0s | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-item-menu { | |
| height:47px; | |
| border-bottom: 1px solid #333; | |
| opacity: 0; | |
| pointer-events: none; | |
| -webkit-transform: scale(1.1) translateY(-24px); | |
| -ms-transform: scale(1.1) translateY(-24px); | |
| transform: scale(1.1) translateY(-24px); | |
| -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out; | |
| transition: opacity 0.35s ease-out, transform 0.35s ease-out | |
| } | |
| #ac-globalnav .ac-gn-item-menu:nth-child(2) { | |
| -webkit-transition-delay: 400ms,400ms; | |
| transition-delay: 400ms,400ms | |
| } | |
| #ac-globalnav .ac-gn-item-menu:nth-child(3) { | |
| -webkit-transition-delay: 350ms,350ms; | |
| transition-delay: 350ms,350ms | |
| } | |
| #ac-globalnav .ac-gn-item-menu:nth-child(4) { | |
| -webkit-transition-delay: 300ms,300ms; | |
| transition-delay: 300ms,300ms | |
| } | |
| #ac-globalnav .ac-gn-item-menu:nth-child(5) { | |
| -webkit-transition-delay: 250ms,250ms; | |
| transition-delay: 250ms,250ms | |
| } | |
| #ac-globalnav .ac-gn-item-menu:nth-child(6) { | |
| -webkit-transition-delay: 200ms,200ms; | |
| transition-delay: 200ms,200ms | |
| } | |
| #ac-globalnav .ac-gn-item-menu:nth-child(7) { | |
| -webkit-transition-delay: 150ms,150ms; | |
| transition-delay: 150ms,150ms | |
| } | |
| #ac-globalnav .ac-gn-item-menu:nth-child(8) { | |
| -webkit-transition-delay: 100ms,100ms; | |
| transition-delay: 100ms,100ms | |
| } | |
| #ac-globalnav .ac-gn-item-menu:nth-child(9) { | |
| -webkit-transition-delay: 50ms,50ms; | |
| transition-delay: 50ms,50ms | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu,#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu { | |
| opacity: 1; | |
| pointer-events: auto; | |
| -webkit-transform: none; | |
| -ms-transform: none; | |
| transform: none | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(2),#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(2) { | |
| -webkit-transition-delay: 300ms,300ms; | |
| transition-delay: 300ms,300ms | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(3),#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(3) { | |
| -webkit-transition-delay: 350ms,350ms; | |
| transition-delay: 350ms,350ms | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(4),#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(4) { | |
| -webkit-transition-delay: 400ms,400ms; | |
| transition-delay: 400ms,400ms | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(5),#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(5) { | |
| -webkit-transition-delay: 450ms,450ms; | |
| transition-delay: 450ms,450ms | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(6),#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(6) { | |
| -webkit-transition-delay: 500ms,500ms; | |
| transition-delay: 500ms,500ms | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(7),#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(7) { | |
| -webkit-transition-delay: 550ms,550ms; | |
| transition-delay: 550ms,550ms | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(8),#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(8) { | |
| -webkit-transition-delay: 600ms,600ms; | |
| transition-delay: 600ms,600ms | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(9),#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(9) { | |
| -webkit-transition-delay: 650ms,650ms; | |
| transition-delay: 650ms,650ms | |
| } | |
| } | |
| #ac-globalnav .ac-gn-search-placeholder { | |
| display: none | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-search { | |
| border-bottom-color:silver | |
| } | |
| .searchshow#ac-globalnav .ac-gn-search,.searchopen#ac-globalnav .ac-gn-search,.searchhide#ac-globalnav .ac-gn-search { | |
| -webkit-animation: none; | |
| animation: none | |
| } | |
| #ac-globalnav .ac-gn-search-placeholder { | |
| cursor: text; | |
| display: block; | |
| margin-left: 28px | |
| } | |
| .searchshow#ac-globalnav .ac-gn-search-placeholder { | |
| -webkit-animation: ac-gn-search-placeholder-searchshow 800ms both; | |
| animation: ac-gn-search-placeholder-searchshow 800ms both | |
| } | |
| .searchhide#ac-globalnav .ac-gn-search-placeholder { | |
| -webkit-animation: ac-gn-search-placeholder-searchshow 800ms reverse both; | |
| animation: ac-gn-search-placeholder-searchshow 800ms reverse both | |
| } | |
| } | |
| #ac-globalnav .ac-gn-link { | |
| font-size: 16px; | |
| line-height: 2.75; | |
| font-weight: 400; | |
| letter-spacing: normal; | |
| opacity: 1; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=100); | |
| color: #fff; | |
| position: relative; | |
| z-index: 1; | |
| display: inline-block; | |
| padding: 0 10px; | |
| height: 44px; | |
| background: no-repeat; | |
| text-decoration: none; | |
| white-space: nowrap; | |
| -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); | |
| transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); | |
| -webkit-tap-highlight-color: transparent; | |
| outline-offset: -7px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link { | |
| font-size:20px; | |
| line-height: 2.35; | |
| font-weight: 200; | |
| letter-spacing: normal | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link { | |
| height:48px | |
| } | |
| } | |
| .no-js#ac-globalnav .ac-gn-link:hover { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| .no-touch#ac-globalnav .ac-gn-link:hover { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-search { | |
| cursor:default | |
| } | |
| .no-js#ac-globalnav .ac-gn-link-search:hover { | |
| opacity: 1; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=100) | |
| } | |
| .no-touch#ac-globalnav .ac-gn-link-search:hover { | |
| opacity: 1; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=100) | |
| } | |
| } | |
| #ac-globalnav .ac-gn-link-text { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| clip: rect(1px 1px 1px 1px); | |
| clip: rect(1px, 1px, 1px, 1px); | |
| -webkit-clip-path: inset(0px 0px 99.9% 99.9%); | |
| clip-path: inset(0px 0px 99.9% 99.9%); | |
| overflow: hidden; | |
| height: 1px; | |
| width: 1px; | |
| padding: 0; | |
| border: 0 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-bag { | |
| padding:0 16px; | |
| -webkit-transition: -webkit-transform 0.25s 0.55s ease-out; | |
| transition: transform 0.25s 0.55s ease-out | |
| } | |
| #ac-gn-menustate:checked ~ .js#ac-globalnav .ac-gn-link-bag,#ac-gn-menustate:target ~ .js#ac-globalnav .ac-gn-link-bag { | |
| -webkit-transform: translateX(200%); | |
| -ms-transform: translateX(200%); | |
| transform: translateX(200%); | |
| -webkit-transition: -webkit-transform 0.55s 0.25s ease-out; | |
| transition: transform 0.55s 0.25s ease-out | |
| } | |
| } | |
| #ac-globalnav .ac-gn-link-bag:focus:active { | |
| outline: none | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-item-menu .ac-gn-link { | |
| background-position:left center; | |
| display: block; | |
| outline-offset: 0; | |
| padding: 0; | |
| width: auto; | |
| max-width: none | |
| } | |
| } | |
| #ac-globalnav .ac-gn-link-apple { | |
| background-repeat: no-repeat; | |
| background-size: 20px 44px; | |
| background-image: url("http://www.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/apple/image_large.svg"); | |
| background-position: center center; | |
| width: 20px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-apple { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/apple/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-apple { | |
| background-size:21px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/apple/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-apple { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/apple/image_small.png") | |
| } | |
| } | |
| .ac-gn-current-apple #ac-globalnav .ac-gn-link-apple { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-link-mac { | |
| background-repeat: no-repeat; | |
| background-size: 31px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/mac/image_large.svg"); | |
| background-position: center center; | |
| background-origin: content-box; | |
| background-size: cover; | |
| width: 1.72222em; | |
| max-width: 52.7px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-mac { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/mac/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-mac { | |
| background-size:37px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/mac/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-mac { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/mac/image_small.png") | |
| } | |
| } | |
| .ac-gn-current-mac #ac-globalnav .ac-gn-link-mac { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-link-ipad { | |
| background-repeat: no-repeat; | |
| background-size: 30px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/ipad/image_large.svg"); | |
| background-position: center center; | |
| background-origin: content-box; | |
| background-size: cover; | |
| width: 1.66667em; | |
| max-width: 51px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-ipad { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/ipad/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-ipad { | |
| background-size:35px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/ipad/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-ipad { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/ipad/image_small.png") | |
| } | |
| } | |
| .ac-gn-current-ipad #ac-globalnav .ac-gn-link-ipad { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-link-iphone { | |
| background-repeat: no-repeat; | |
| background-size: 48px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/iphone/image_large.svg"); | |
| background-position: center center; | |
| background-origin: content-box; | |
| background-size: cover; | |
| width: 2.66667em; | |
| max-width: 81.6px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-iphone { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/iphone/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-iphone { | |
| background-size:59px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/iphone/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-iphone { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/iphone/image_small.png") | |
| } | |
| } | |
| .ac-gn-current-iphone #ac-globalnav .ac-gn-link-iphone { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-link-watch { | |
| background-repeat: no-repeat; | |
| background-size: 44px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/watch/image_large.svg"); | |
| background-position: center center; | |
| background-origin: content-box; | |
| background-size: cover; | |
| width: 2.44444em; | |
| max-width: 74.8px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-watch { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/watch/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-watch { | |
| background-size:52px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/watch/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-watch { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/watch/image_small.png") | |
| } | |
| } | |
| .ac-gn-current-watch #ac-globalnav .ac-gn-link-watch { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-link-tv { | |
| background-repeat: no-repeat; | |
| background-size: 20px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/tv/image_large.svg"); | |
| background-position: center center; | |
| background-origin: content-box; | |
| background-size: cover; | |
| width: 1.11111em; | |
| max-width: 34px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-tv { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/tv/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-tv { | |
| background-size:23px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/tv/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-tv { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/tv/image_small.png") | |
| } | |
| } | |
| .ac-gn-current-tv #ac-globalnav .ac-gn-link-tv { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-link-music { | |
| background-repeat: no-repeat; | |
| background-size: 40px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/music/image_large.svg"); | |
| background-position: center center; | |
| background-origin: content-box; | |
| background-size: cover; | |
| width: 2.22222em; | |
| max-width: 68px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-music { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/music/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-music { | |
| background-size:48px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/music/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-music { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/music/image_small.png") | |
| } | |
| } | |
| .ac-gn-current-music #ac-globalnav .ac-gn-link-music { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-link-support { | |
| background-repeat: no-repeat; | |
| background-size: 57px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/support/image_large.svg"); | |
| background-position: center center; | |
| background-origin: content-box; | |
| background-size: cover; | |
| width: 3.16667em; | |
| max-width: 96.9px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-support { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/support/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-support { | |
| background-size:69px 49px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/support/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-support { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/support/image_small.png") | |
| } | |
| } | |
| .ac-gn-current-support #ac-globalnav .ac-gn-link-support { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-link-search { | |
| background-repeat: no-repeat; | |
| background-size: 20px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/image_large.svg"); | |
| background-position: center center; | |
| width: 20px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-search { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-search { | |
| background-size:22px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-search { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/image_small.png") | |
| } | |
| } | |
| .ac-gn-current-search #ac-globalnav .ac-gn-link-search { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-link-bag { | |
| background-repeat: no-repeat; | |
| background-size: 18px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/bag/image_large.svg"); | |
| background-position: center center; | |
| width: 18px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-bag { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/bag/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-bag { | |
| background-size:19px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/bag/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-bag { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/bag/image_small.png") | |
| } | |
| } | |
| .ac-gn-current-bag #ac-globalnav .ac-gn-link-bag { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-link.current { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-menuicon { | |
| display: none; | |
| position: absolute; | |
| z-index: 2; | |
| top: 0; | |
| left: 0; | |
| width: 48px; | |
| border-bottom: none | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-menuicon { | |
| display:block | |
| } | |
| } | |
| #ac-globalnav .ac-gn-menuicon-label { | |
| display: block; | |
| position: absolute; | |
| z-index: 3; | |
| top: 0; | |
| width: 48px; | |
| height: 48px; | |
| cursor: pointer; | |
| -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| -webkit-tap-highlight-color: transparent | |
| } | |
| #ac-globalnav .ac-gn-menuicon-label:hover,#ac-globalnav .ac-gn-menuicon-label:focus,#ac-globalnav .ac-gn-menuicon-label:active { | |
| opacity: .65 | |
| } | |
| .touch#ac-globalnav .ac-gn-menuicon-label { | |
| opacity: 1; | |
| -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99) | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuicon-label,#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuicon-label { | |
| -webkit-transform: rotate(90deg); | |
| -ms-transform: rotate(90deg); | |
| transform: rotate(90deg) | |
| } | |
| #ac-globalnav .ac-gn-menuicon-bread { | |
| position: absolute; | |
| z-index: 3; | |
| top: 0; | |
| left: 0; | |
| width: 48px; | |
| height: 48px; | |
| -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); | |
| transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) | |
| } | |
| #ac-globalnav .ac-gn-menuicon-bread-top { | |
| -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| -webkit-transform: rotate(0); | |
| -ms-transform: rotate(0); | |
| transform: rotate(0); | |
| z-index: 4 | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuicon-bread-top,#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuicon-bread-top { | |
| -webkit-transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg) | |
| } | |
| #ac-globalnav .ac-gn-menuicon-bread-bottom { | |
| -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| -webkit-transform: rotate(0); | |
| -ms-transform: rotate(0); | |
| transform: rotate(0) | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuicon-bread-bottom,#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuicon-bread-bottom { | |
| -webkit-transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| -webkit-transform: rotate(-45deg); | |
| -ms-transform: rotate(-45deg); | |
| transform: rotate(-45deg) | |
| } | |
| #ac-globalnav .ac-gn-menuicon-bread-crust { | |
| display: block; | |
| width: 17px; | |
| height: 1px; | |
| background: #fff; | |
| position: absolute; | |
| left: 16px; | |
| z-index: 1; | |
| -webkit-transition: -webkit-transform 0.2s; | |
| transition: transform 0.2s | |
| } | |
| #ac-globalnav .ac-gn-menuicon-bread-crust-top { | |
| top: 23px; | |
| -webkit-transition: -webkit-transform 0.2s 0.2s; | |
| transition: transform 0.2s 0.2s; | |
| -webkit-transform: translateY(-3px); | |
| -ms-transform: translateY(-3px); | |
| transform: translateY(-3px) | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuicon-bread-crust-top,#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuicon-bread-crust-top { | |
| -webkit-transform: translateY(0); | |
| -ms-transform: translateY(0); | |
| transform: translateY(0); | |
| -webkit-transition-delay: 0; | |
| transition-delay: 0 | |
| } | |
| #ac-globalnav .ac-gn-menuicon-bread-crust-bottom { | |
| bottom: 23px; | |
| -webkit-transform: translateY(3px); | |
| -ms-transform: translateY(3px); | |
| transform: translateY(3px) | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuicon-bread-crust-bottom,#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuicon-bread-crust-bottom { | |
| -webkit-transition: -webkit-transform 0.2s; | |
| transition: transform 0.2s; | |
| -webkit-transform: translateY(0); | |
| -ms-transform: translateY(0); | |
| transform: translateY(0) | |
| } | |
| #ac-globalnav .ac-gn-menuanchor { | |
| color: #fff; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 1px; | |
| height: 1px; | |
| z-index: 10 | |
| } | |
| #ac-globalnav .ac-gn-menuanchor:focus { | |
| outline-offset: -8px; | |
| width: 48px; | |
| height: 48px | |
| } | |
| #ac-globalnav .ac-gn-menuanchor-close { | |
| display: none | |
| } | |
| #ac-globalnav .ac-gn-menuanchor-label { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| clip: rect(1px 1px 1px 1px); | |
| clip: rect(1px, 1px, 1px, 1px); | |
| -webkit-clip-path: inset(0px 0px 99.9% 99.9%); | |
| clip-path: inset(0px 0px 99.9% 99.9%); | |
| overflow: hidden; | |
| height: 1px; | |
| width: 1px; | |
| padding: 0; | |
| border: 0 | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuanchor-open,#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuanchor-open { | |
| display: none | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuanchor-close,#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuanchor-close { | |
| display: block | |
| } | |
| #ac-globalnav .ac-gn-bag-badge { | |
| border-radius: 6px; | |
| margin-top: -3px; | |
| margin-left: -3px; | |
| width: 6px; | |
| height: 6px; | |
| background: #5cc3f6; | |
| display: none; | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| z-index: 1 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-bag-badge { | |
| border-radius:9px; | |
| margin-top: -4px; | |
| margin-left: -4.5px; | |
| width: 9px; | |
| height: 9px | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bag.with-badge .ac-gn-bag-badge { | |
| display: block | |
| } | |
| #ac-globalnav .ac-gn-bagview,#ac-globalnav .ac-gn-notification { | |
| margin-right: -114px; | |
| position: absolute; | |
| top: 48px; | |
| right: 0; | |
| z-index: 1 | |
| } | |
| @media only screen and (max-width: 1266px) { | |
| #ac-globalnav .ac-gn-bagview,#ac-globalnav .ac-gn-notification { | |
| right:5px; | |
| margin-right: calc(512px - 50vw) | |
| } | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| #ac-globalnav .ac-gn-bagview,#ac-globalnav .ac-gn-notification { | |
| margin-right:0 | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-bagview,#ac-globalnav .ac-gn-notification { | |
| margin-right:0; | |
| top: 52px | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-caret,#ac-globalnav .ac-gn-notification-caret { | |
| overflow: hidden; | |
| position: absolute; | |
| bottom: -5px; | |
| left: 0; | |
| width: 100%; | |
| height: 10px; | |
| z-index: 1 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-bagview-caret,#ac-globalnav .ac-gn-notification-caret { | |
| bottom:100% | |
| } | |
| } | |
| @media only screen and (max-width: 419px) { | |
| #ac-globalnav .ac-gn-bagview-caret,#ac-globalnav .ac-gn-notification-caret { | |
| height:9px; | |
| margin-bottom: 0 | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-caret:after,#ac-globalnav .ac-gn-notification-caret:after { | |
| border: 1px solid; | |
| content: ""; | |
| display: block; | |
| position: absolute; | |
| top: 0; | |
| left: 50%; | |
| width: 12px; | |
| height: 12px; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| -webkit-transform-origin: 0 0; | |
| -ms-transform-origin: 0 0; | |
| transform-origin: 0 0; | |
| z-index: 1 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-bagview-caret:after,#ac-globalnav .ac-gn-notification-caret:after { | |
| left:auto; | |
| right: 4px | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview { | |
| font-size: 15px; | |
| line-height: 1.73333; | |
| font-weight: 400; | |
| letter-spacing: normal; | |
| background: #fff; | |
| border: 1px solid #d6d6d6; | |
| border-radius: 2px; | |
| display: none; | |
| width: 288px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-bagview { | |
| font-size:16px; | |
| line-height: 1.625; | |
| font-weight: 400; | |
| letter-spacing: normal | |
| } | |
| } | |
| .with-bagview#ac-globalnav .ac-gn-bagview { | |
| display: block | |
| } | |
| @media only screen and (max-width: 419px) { | |
| #ac-globalnav .ac-gn-bagview { | |
| border-radius:0; | |
| border-width: 0 0 1px 0; | |
| top: 48px; | |
| left: 0; | |
| right: 0; | |
| width: 100% | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-content { | |
| margin: 0 auto; | |
| min-height: 90px; | |
| padding: 0 20px; | |
| position: relative; | |
| z-index: 2 | |
| } | |
| @media only screen and (max-width: 419px) { | |
| #ac-globalnav .ac-gn-bagview-content { | |
| padding:0 48px | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-caret { | |
| display: none | |
| } | |
| .with-bagview#ac-globalnav .ac-gn-bagview-caret { | |
| display: block | |
| } | |
| .with-bagview.ie7#ac-globalnav .ac-gn-bagview-caret,.with-bagview.ie8#ac-globalnav .ac-gn-bagview-caret { | |
| display: none | |
| } | |
| .with-bagview#ac-globalnav .ac-gn-bagview-caret-small { | |
| display: none | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .with-bagview#ac-globalnav .ac-gn-bagview-caret-small { | |
| display:block | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .with-bagview#ac-globalnav .ac-gn-bagview-caret-large { | |
| display:none | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-caret:after { | |
| background: #fff; | |
| border-color: #d6d6d6 | |
| } | |
| @media only screen and (max-width: 419px) { | |
| #ac-globalnav .ac-gn-bagview-caret:after { | |
| border-color:#fff; | |
| right: 10px | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bag { | |
| z-index: 2 | |
| } | |
| #ac-globalnav .ac-gn-bagview { | |
| font-size: 15px; | |
| line-height: 1.23333; | |
| font-weight: 400; | |
| letter-spacing: normal; | |
| background: #fff | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-bagview { | |
| font-size:16px; | |
| line-height: 1.15625; | |
| font-weight: 400; | |
| letter-spacing: normal | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-message { | |
| color: #999; | |
| line-height: 90px; | |
| margin: 0; | |
| text-align: center | |
| } | |
| #ac-globalnav .ac-gn-bagview-linemessage { | |
| margin: 0; | |
| color: #999; | |
| font-size: 12px; | |
| line-height: 1.33333; | |
| font-weight: 400; | |
| letter-spacing: normal; | |
| text-align: center | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-bagview-linemessage { | |
| font-size:12px; | |
| line-height: 1.33333; | |
| font-weight: 400; | |
| letter-spacing: normal | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-linemessage-text { | |
| padding: 0 8px 0 8px; | |
| background: #fff | |
| } | |
| #ac-globalnav .ac-gn-bagview-linemessage:before { | |
| display: block; | |
| position: relative; | |
| top: 9px; | |
| margin-top: -1px; | |
| z-index: -10; | |
| border-bottom: 1px solid #e3e3e3; | |
| content: "" | |
| } | |
| @-webkit-keyframes loader { | |
| from { | |
| -webkit-transform: rotate(0deg) translateZ(0); | |
| transform: rotate(0deg) translateZ(0) | |
| } | |
| to { | |
| -webkit-transform: rotate(360deg) translateZ(0); | |
| transform: rotate(360deg) translateZ(0) | |
| } | |
| } | |
| @keyframes loader { | |
| from { | |
| -webkit-transform: rotate(0deg) translateZ(0); | |
| transform: rotate(0deg) translateZ(0) | |
| } | |
| to { | |
| -webkit-transform: rotate(360deg) translateZ(0); | |
| transform: rotate(360deg) translateZ(0) | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-loader { | |
| background: no-repeat center/40px url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/spinner.svg"); | |
| margin-top: -20px; | |
| margin-left: -20px; | |
| width: 40px; | |
| height: 40px; | |
| background: url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/spinner.gif") no-repeat\0; | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| z-index: 1; | |
| -webkit-animation: loader 1s linear infinite; | |
| animation: loader 1s linear infinite | |
| } | |
| #ac-globalnav .ac-gn-bagview _:-ms-input-placeholder,:root #ac-globalnav .ac-gn-bagview-loader { | |
| background: none,no-repeat center/40px url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/spinner.svg") | |
| } | |
| #ac-globalnav .ac-gn-bagview-bag { | |
| list-style: none | |
| } | |
| #ac-globalnav .ac-gn-bagview-bagitem { | |
| border-bottom: 1px solid #e3e3e3 | |
| } | |
| #ac-globalnav .ac-gn-bagview-bagitem-first { | |
| padding-top: 8px | |
| } | |
| #ac-globalnav .ac-gn-bagview-bagitem-last { | |
| border-bottom-style: none | |
| } | |
| #ac-globalnav .ac-gn-bagview-bagitem-link { | |
| margin: 0; | |
| padding: 0; | |
| display: table; | |
| width: 100%; | |
| color: #333; | |
| text-decoration: none | |
| } | |
| #ac-globalnav .ac-gn-bagview-bagitem-column1,#ac-globalnav .ac-gn-bagview-bagitem-column2 { | |
| display: table-cell; | |
| vertical-align: middle; | |
| min-height: 56px | |
| } | |
| #ac-globalnav .ac-gn-bagview-bagitem-column1 { | |
| padding: 15px 14px 15px 4px; | |
| width: 25% | |
| } | |
| #ac-globalnav .ac-gn-bagview-bagitem-column2 { | |
| padding: 15px 0; | |
| width: 75% | |
| } | |
| #ac-globalnav .ac-gn-bagview-bagitem-picture { | |
| max-width: 56px; | |
| height: auto | |
| } | |
| #ac-globalnav .ac-gn-bagview-bagitem-qty { | |
| font-size: 12px; | |
| line-height: 1.33333; | |
| font-weight: 400; | |
| letter-spacing: normal; | |
| color: #999 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-bagview-bagitem-qty { | |
| font-size:12px; | |
| line-height: 1.33333; | |
| font-weight: 400; | |
| letter-spacing: normal | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-bagitem-qty:before { | |
| content: "\2715"; | |
| font-size: 0.75em | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav { | |
| margin-bottom: 7px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-bagview-nav { | |
| margin-bottom:8px | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-list { | |
| margin: 0; | |
| padding: 0; | |
| list-style: none | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-item { | |
| margin: 0; | |
| padding: 0; | |
| border-top: 1px solid #e3e3e3 | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-item:first-child { | |
| border-top-style: none | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-nobtn { | |
| border-top: 1px solid #e3e3e3 | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link { | |
| color: #08c; | |
| display: block; | |
| line-height: 44px; | |
| padding: 0 30px; | |
| text-decoration: none; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| text-overflow: ellipsis | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link:hover { | |
| text-decoration: underline | |
| } | |
| .touch#ac-globalnav .ac-gn-bagview-nav-link:hover { | |
| text-decoration: none | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link-bag { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/bag.png"); | |
| background-image: none,url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/bag.svg"); | |
| background-position: left center; | |
| background-repeat: no-repeat | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link-view { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/view.png"); | |
| background-image: none,url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/view.svg"); | |
| background-position: left center; | |
| background-repeat: no-repeat | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link-favorites { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/favorites.png"); | |
| background-image: none,url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/favorites.svg"); | |
| background-position: left center; | |
| background-repeat: no-repeat | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link-orders { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/orders.png"); | |
| background-image: none,url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/orders.svg"); | |
| background-position: left center; | |
| background-repeat: no-repeat | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link-account { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/account.png"); | |
| background-image: none,url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/account.svg"); | |
| background-position: left center; | |
| background-repeat: no-repeat | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link-signIn { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/signIn.png"); | |
| background-image: none,url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/signIn.svg"); | |
| background-position: left center; | |
| background-repeat: no-repeat | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link-signOut { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/signIn.png"); | |
| background-image: none,url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/signIn.svg"); | |
| background-position: left center; | |
| background-repeat: no-repeat | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link-bag { | |
| background-position: left 45% | |
| } | |
| #ac-globalnav .ac-gn-bagview-button { | |
| background-color: #1e9bda; | |
| background: -webkit-linear-gradient(#3caee7, #08c); | |
| background: linear-gradient(#3caee7, #08c); | |
| border-radius: 4px; | |
| color: #fff; | |
| cursor: pointer; | |
| font-size: 15px; | |
| font-weight: 500; | |
| line-height: 32px; | |
| text-align: center; | |
| white-space: nowrap; | |
| padding: 0 16px; | |
| display: inline-block; | |
| font-family: "Myriad Set Pro","Helvetica Neue","Helvetica","Arial",sans-serif | |
| } | |
| .ie7#ac-globalnav .ac-gn-bagview-button { | |
| display: inline; | |
| zoom:1} | |
| .ie7#ac-globalnav .ac-gn-bagview-button { | |
| vertical-align: middle | |
| } | |
| .no-js#ac-globalnav .ac-gn-bagview-button:hover { | |
| background-color: #30a3dd; | |
| background: -webkit-linear-gradient(#4cb4e9, #1492d0); | |
| background: linear-gradient(#4cb4e9, #1492d0); | |
| text-decoration: none | |
| } | |
| .no-touch#ac-globalnav .ac-gn-bagview-button:hover { | |
| background-color: #30a3dd; | |
| background: -webkit-linear-gradient(#4cb4e9, #1492d0); | |
| background: linear-gradient(#4cb4e9, #1492d0); | |
| text-decoration: none | |
| } | |
| #ac-globalnav .ac-gn-bagview-button:active { | |
| background-color: #0e86c1; | |
| background: -webkit-linear-gradient(#1b9edf, #006da3); | |
| background: linear-gradient(#1b9edf, #006da3); | |
| outline: none | |
| } | |
| @-moz-document url-prefix() { | |
| #ac-globalnav .ac-gn-bagview-button { | |
| line-height: 31px; | |
| padding-top: 1px | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-button-buynow,#ac-globalnav .ac-gn-bagview-button-compact { | |
| background-color: #1e9bda; | |
| background: -webkit-linear-gradient(#3caee7, #08c); | |
| background: linear-gradient(#3caee7, #08c); | |
| border-color: #137ec6; | |
| border-top-color: #1992da; | |
| border-bottom-color: #0d6ab2; | |
| color: #fff; | |
| color: #fff; | |
| font-size: 13px; | |
| padding: 0 11px; | |
| line-height: 22px | |
| } | |
| .no-js#ac-globalnav .ac-gn-bagview-button-buynow:hover,.no-js#ac-globalnav .ac-gn-bagview-button-compact:hover { | |
| background: #30a3dd; | |
| background: -webkit-linear-gradient(#4cb4e9, #1492d0); | |
| background: linear-gradient(#4cb4e9, #1492d0) | |
| } | |
| .no-touch#ac-globalnav .ac-gn-bagview-button-buynow:hover,.no-touch#ac-globalnav .ac-gn-bagview-button-compact:hover { | |
| background: #30a3dd; | |
| background: -webkit-linear-gradient(#4cb4e9, #1492d0); | |
| background: linear-gradient(#4cb4e9, #1492d0) | |
| } | |
| #ac-globalnav .ac-gn-bagview-button-buynow:active,#ac-globalnav .ac-gn-bagview-button-compact:active { | |
| background: #0e86c1; | |
| background: -webkit-linear-gradient(#1b9edf, #006da3); | |
| background: linear-gradient(#1b9edf, #006da3) | |
| } | |
| @-moz-document url-prefix() { | |
| #ac-globalnav .ac-gn-bagview-button-buynow,#ac-globalnav .ac-gn-bagview-button-compact { | |
| line-height: 21px; | |
| padding-top: 1px | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-button { | |
| display: block; | |
| margin: 18px 0; | |
| text-decoration: none | |
| } | |
| #ac-globalnav #ac-gn-bagview-content .ac-gn-bagview-button.ac-gn-bagview-button-checkout { | |
| display: block | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-item-preregistration { | |
| padding: 10px 0px !important; | |
| border-bottom: 1px solid #e3e3e3 !important; | |
| text-align: center !important | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link-preregistration { | |
| padding: 0px 12px !important | |
| } | |
| #ac-globalnav li.prereg-promo-links-list { | |
| display: inline-block | |
| } | |
| @-webkit-keyframes ac-gn-searchview-searchhide { | |
| 0% { | |
| opacity: 1; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 0 | |
| } | |
| } | |
| @keyframes ac-gn-searchview-searchhide { | |
| 0% { | |
| opacity: 1; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 0 | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-searchshow-small { | |
| 0% { | |
| opacity: 0; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1 | |
| } | |
| } | |
| @keyframes ac-gn-searchview-searchshow-small { | |
| 0% { | |
| opacity: 0; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1 | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-close-left-searchshow { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: scale3d(1, 0.65, 1); | |
| transform: scale3d(1, 0.65, 1); | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1; | |
| -webkit-transform: rotate(-45deg); | |
| transform: rotate(-45deg) | |
| } | |
| } | |
| @keyframes ac-gn-searchview-close-left-searchshow { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: scale3d(1, 0.65, 1); | |
| transform: scale3d(1, 0.65, 1); | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1; | |
| -webkit-transform: rotate(-45deg); | |
| transform: rotate(-45deg) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-close-left-searchhide { | |
| 0% { | |
| opacity: 1; | |
| -webkit-transform: rotate(-45deg); | |
| transform: rotate(-45deg); | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 0; | |
| -webkit-transform: scale3d(1, 0.65, 1); | |
| transform: scale3d(1, 0.65, 1) | |
| } | |
| } | |
| @keyframes ac-gn-searchview-close-left-searchhide { | |
| 0% { | |
| opacity: 1; | |
| -webkit-transform: rotate(-45deg); | |
| transform: rotate(-45deg); | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 0; | |
| -webkit-transform: scale3d(1, 0.65, 1); | |
| transform: scale3d(1, 0.65, 1) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-close-right-searchshow { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: scale3d(1, 0.65, 1); | |
| transform: scale3d(1, 0.65, 1); | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1; | |
| -webkit-transform: rotate(45deg); | |
| transform: rotate(45deg) | |
| } | |
| } | |
| @keyframes ac-gn-searchview-close-right-searchshow { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: scale3d(1, 0.65, 1); | |
| transform: scale3d(1, 0.65, 1); | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1; | |
| -webkit-transform: rotate(45deg); | |
| transform: rotate(45deg) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-close-right-searchhide { | |
| 0% { | |
| opacity: 1; | |
| -webkit-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 0; | |
| -webkit-transform: scale3d(1, 0.65, 1); | |
| transform: scale3d(1, 0.65, 1) | |
| } | |
| } | |
| @keyframes ac-gn-searchview-close-right-searchhide { | |
| 0% { | |
| opacity: 1; | |
| -webkit-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 0; | |
| -webkit-transform: scale3d(1, 0.65, 1); | |
| transform: scale3d(1, 0.65, 1) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-close-searchshow-small { | |
| 0% { | |
| -webkit-transform: translateY(100%); | |
| transform: translateY(100%); | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translateY(0); | |
| transform: translateY(0) | |
| } | |
| } | |
| @keyframes ac-gn-searchview-close-searchshow-small { | |
| 0% { | |
| -webkit-transform: translateY(100%); | |
| transform: translateY(100%); | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translateY(0); | |
| transform: translateY(0) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-close-searchhide-small { | |
| 0% { | |
| -webkit-transform: translateY(0); | |
| transform: translateY(0); | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translateY(100%); | |
| transform: translateY(100%) | |
| } | |
| } | |
| @keyframes ac-gn-searchview-close-searchhide-small { | |
| 0% { | |
| -webkit-transform: translateY(0); | |
| transform: translateY(0); | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translateY(100%); | |
| transform: translateY(100%) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-close-left-searchshow-small { | |
| 0% { | |
| -webkit-transform: rotate(40deg); | |
| transform: rotate(40deg); | |
| -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); | |
| animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) | |
| } | |
| 100% { | |
| -webkit-transform: rotate(-40deg); | |
| transform: rotate(-40deg) | |
| } | |
| } | |
| @keyframes ac-gn-searchview-close-left-searchshow-small { | |
| 0% { | |
| -webkit-transform: rotate(40deg); | |
| transform: rotate(40deg); | |
| -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); | |
| animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) | |
| } | |
| 100% { | |
| -webkit-transform: rotate(-40deg); | |
| transform: rotate(-40deg) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-close-left-searchhide-small { | |
| 0% { | |
| -webkit-transform: rotate(-40deg); | |
| transform: rotate(-40deg); | |
| -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); | |
| animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) | |
| } | |
| 100% { | |
| -webkit-transform: rotate(40deg); | |
| transform: rotate(40deg) | |
| } | |
| } | |
| @keyframes ac-gn-searchview-close-left-searchhide-small { | |
| 0% { | |
| -webkit-transform: rotate(-40deg); | |
| transform: rotate(-40deg); | |
| -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); | |
| animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) | |
| } | |
| 100% { | |
| -webkit-transform: rotate(40deg); | |
| transform: rotate(40deg) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-close-right-searchshow-small { | |
| 0% { | |
| -webkit-transform: rotate(-40deg); | |
| transform: rotate(-40deg); | |
| -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); | |
| animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) | |
| } | |
| 100% { | |
| -webkit-transform: rotate(40deg); | |
| transform: rotate(40deg) | |
| } | |
| } | |
| @keyframes ac-gn-searchview-close-right-searchshow-small { | |
| 0% { | |
| -webkit-transform: rotate(-40deg); | |
| transform: rotate(-40deg); | |
| -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); | |
| animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) | |
| } | |
| 100% { | |
| -webkit-transform: rotate(40deg); | |
| transform: rotate(40deg) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-close-right-searchhide-small { | |
| 0% { | |
| -webkit-transform: rotate(40deg); | |
| transform: rotate(40deg); | |
| -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); | |
| animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) | |
| } | |
| 100% { | |
| -webkit-transform: rotate(-40deg); | |
| transform: rotate(-40deg) | |
| } | |
| } | |
| @keyframes ac-gn-searchview-close-right-searchhide-small { | |
| 0% { | |
| -webkit-transform: rotate(40deg); | |
| transform: rotate(40deg); | |
| -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); | |
| animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) | |
| } | |
| 100% { | |
| -webkit-transform: rotate(-40deg); | |
| transform: rotate(-40deg) | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchview { | |
| display: none | |
| } | |
| .searchshow#ac-globalnav .ac-gn-searchview,.searchopen#ac-globalnav .ac-gn-searchview,.searchhide#ac-globalnav .ac-gn-searchview { | |
| display: block | |
| } | |
| #ac-globalnav .ac-gn-searchview-content { | |
| position: absolute; | |
| top: 0; | |
| left: 16.66667%; | |
| width: 66.66667%; | |
| z-index: 3 | |
| } | |
| .searchhide#ac-globalnav .ac-gn-searchview-content { | |
| -webkit-animation: ac-gn-searchview-searchhide 200ms both; | |
| animation: ac-gn-searchview-searchhide 200ms both | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchview-content { | |
| top:58px; | |
| left: 0; | |
| bottom: 0; | |
| right: 0; | |
| width: 100%; | |
| height: auto | |
| } | |
| } | |
| @media only screen and (max-width: 767px) and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchview-content { | |
| opacity:0 | |
| } | |
| .searchshow#ac-globalnav .ac-gn-searchview-content,.searchopen#ac-globalnav .ac-gn-searchview-content,.searchhide#ac-globalnav .ac-gn-searchview-content { | |
| -webkit-animation: none; | |
| animation: none | |
| } | |
| .searchopen#ac-globalnav .ac-gn-searchview-content { | |
| opacity: 1 | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchview-close { | |
| opacity: 1; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=100); | |
| position: absolute; | |
| z-index: 3; | |
| width: 38px; | |
| height: 44px; | |
| right: 12px; | |
| top: 0; | |
| color: #fff; | |
| cursor: pointer; | |
| -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); | |
| transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); | |
| -webkit-tap-highlight-color: transparent | |
| } | |
| #ac-globalnav .ac-gn-searchview-close:-moz-focusring { | |
| outline: 1px dotted #fff | |
| } | |
| #ac-globalnav .ac-gn-searchview-close::-moz-focus-inner { | |
| border: 0 | |
| } | |
| #ac-globalnav .ac-gn-searchview-close:hover,#ac-globalnav .ac-gn-searchview-close:active { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| .touch#ac-globalnav .ac-gn-searchview-close:hover,.touch#ac-globalnav .ac-gn-searchview-close:active { | |
| opacity: 1 | |
| } | |
| #ac-globalnav .ac-gn-searchview-close:focus { | |
| outline-offset: -7px | |
| } | |
| #ac-globalnav .ac-gn-searchview-close:focus:active { | |
| outline: none | |
| } | |
| .searchshow#ac-globalnav .ac-gn-searchview-close { | |
| -webkit-transform: translateZ(0); | |
| transform: translateZ(0) | |
| } | |
| .searchhide#ac-globalnav .ac-gn-searchview-close { | |
| -webkit-transform: translateZ(0); | |
| transform: translateZ(0) | |
| } | |
| .ie7#ac-globalnav .ac-gn-searchview-close,.ie8#ac-globalnav .ac-gn-searchview-close { | |
| background-repeat: no-repeat; | |
| background-size: 16px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/close_large.svg"); | |
| background-position: center center | |
| } | |
| .ie7.no-svg#ac-globalnav .ac-gn-searchview-close,.ie8.no-svg#ac-globalnav .ac-gn-searchview-close { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/close_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .ie7#ac-globalnav .ac-gn-searchview-close,.ie8#ac-globalnav .ac-gn-searchview-close { | |
| background-size:18px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/close_small.svg") | |
| } | |
| .ie7.no-svg#ac-globalnav .ac-gn-searchview-close,.ie8.no-svg#ac-globalnav .ac-gn-searchview-close { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/close_small.png") | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchview-close { | |
| left:50%; | |
| margin-left: -24px; | |
| width: 48px; | |
| height: 48px; | |
| z-index: 3; | |
| overflow: hidden | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchview-close-wrapper { | |
| display: block; | |
| width: 100%; | |
| height: 100% | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .searchshow#ac-globalnav .ac-gn-searchview-close-wrapper { | |
| -webkit-animation:ac-gn-searchview-close-searchshow-small 600ms 150ms both; | |
| animation: ac-gn-searchview-close-searchshow-small 600ms 150ms both | |
| } | |
| .searchopen#ac-globalnav .ac-gn-searchview-close-wrapper { | |
| -webkit-transform: none; | |
| -ms-transform: none; | |
| transform: none | |
| } | |
| .searchhide#ac-globalnav .ac-gn-searchview-close-wrapper { | |
| -webkit-animation: ac-gn-searchview-close-searchhide-small 600ms 200ms both; | |
| animation: ac-gn-searchview-close-searchhide-small 600ms 200ms both | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchview-close-left,#ac-globalnav .ac-gn-searchview-close-right { | |
| height: 18px; | |
| width: 1px; | |
| background: #fff; | |
| position: absolute; | |
| display: block; | |
| top: 11px; | |
| z-index: 1 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchview-close-left,#ac-globalnav .ac-gn-searchview-close-right { | |
| top:20px; | |
| height: 1px; | |
| width: 12px | |
| } | |
| } | |
| .ie7#ac-globalnav .ac-gn-searchview-close-left,.ie8#ac-globalnav .ac-gn-searchview-close-left,.ie7#ac-globalnav .ac-gn-searchview-close-right,.ie8#ac-globalnav .ac-gn-searchview-close-right { | |
| display: none | |
| } | |
| #ac-globalnav .ac-gn-searchview-close-left { | |
| right: 12px; | |
| -webkit-transform: scale3d(1, 0.65, 1); | |
| transform: scale3d(1, 0.65, 1); | |
| -webkit-transform-origin: 0 100%; | |
| -ms-transform-origin: 0 100%; | |
| transform-origin: 0 100% | |
| } | |
| .searchshow#ac-globalnav .ac-gn-searchview-close-left { | |
| -webkit-animation: ac-gn-searchview-close-left-searchshow 300ms both; | |
| animation: ac-gn-searchview-close-left-searchshow 300ms both | |
| } | |
| .searchopen#ac-globalnav .ac-gn-searchview-close-left { | |
| -webkit-transform: rotate(-45deg); | |
| -ms-transform: rotate(-45deg); | |
| transform: rotate(-45deg) | |
| } | |
| .searchhide#ac-globalnav .ac-gn-searchview-close-left { | |
| -webkit-animation: ac-gn-searchview-close-left-searchhide 300ms both; | |
| animation: ac-gn-searchview-close-left-searchhide 300ms both | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchview-close-left { | |
| left:auto; | |
| right: 50%; | |
| -webkit-transform: rotate(40deg); | |
| -ms-transform: rotate(40deg); | |
| transform: rotate(40deg); | |
| -webkit-transform-origin: 100% 100%; | |
| -ms-transform-origin: 100% 100%; | |
| transform-origin: 100% 100% | |
| } | |
| .searchshow#ac-globalnav .ac-gn-searchview-close-left { | |
| -webkit-animation: ac-gn-searchview-close-left-searchshow-small 600ms 225ms both; | |
| animation: ac-gn-searchview-close-left-searchshow-small 600ms 225ms both | |
| } | |
| .searchopen#ac-globalnav .ac-gn-searchview-close-left { | |
| -webkit-transform: rotate(-40deg); | |
| -ms-transform: rotate(-40deg); | |
| transform: rotate(-40deg) | |
| } | |
| .searchhide#ac-globalnav .ac-gn-searchview-close-left { | |
| -webkit-animation: ac-gn-searchview-close-left-searchhide-small 600ms 150ms both; | |
| animation: ac-gn-searchview-close-left-searchhide-small 600ms 150ms both | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchview-close-right { | |
| left: 12px; | |
| -webkit-transform: scale3d(1, 0.65, 1); | |
| transform: scale3d(1, 0.65, 1); | |
| -webkit-transform-origin: 100% 100%; | |
| -ms-transform-origin: 100% 100%; | |
| transform-origin: 100% 100% | |
| } | |
| .searchshow#ac-globalnav .ac-gn-searchview-close-right { | |
| -webkit-animation: ac-gn-searchview-close-right-searchshow 300ms both; | |
| animation: ac-gn-searchview-close-right-searchshow 300ms both | |
| } | |
| .searchopen#ac-globalnav .ac-gn-searchview-close-right { | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg) | |
| } | |
| .searchhide#ac-globalnav .ac-gn-searchview-close-right { | |
| -webkit-animation: ac-gn-searchview-close-right-searchhide 300ms both; | |
| animation: ac-gn-searchview-close-right-searchhide 300ms both | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchview-close-right { | |
| left:50%; | |
| -webkit-transform: rotate(-40deg); | |
| -ms-transform: rotate(-40deg); | |
| transform: rotate(-40deg); | |
| -webkit-transform-origin: 0 0; | |
| -ms-transform-origin: 0 0; | |
| transform-origin: 0 0 | |
| } | |
| .searchshow#ac-globalnav .ac-gn-searchview-close-right { | |
| -webkit-animation: ac-gn-searchview-close-right-searchshow-small 600ms 225ms both; | |
| animation: ac-gn-searchview-close-right-searchshow-small 600ms 225ms both | |
| } | |
| .searchopen#ac-globalnav .ac-gn-searchview-close-right { | |
| -webkit-transform: rotate(40deg); | |
| -ms-transform: rotate(40deg); | |
| transform: rotate(40deg) | |
| } | |
| .searchhide#ac-globalnav .ac-gn-searchview-close-right { | |
| -webkit-animation: ac-gn-searchview-close-right-searchhide-small 600ms 150ms both; | |
| animation: ac-gn-searchview-close-right-searchhide-small 600ms 150ms both | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchform-slide { | |
| 0% { | |
| -webkit-transform: translate3d(100px, 0, 0); | |
| transform: translate3d(100px, 0, 0); | |
| -webkit-animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1); | |
| animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translateZ(0); | |
| transform: translateZ(0) | |
| } | |
| } | |
| @keyframes ac-gn-searchform-slide { | |
| 0% { | |
| -webkit-transform: translate3d(100px, 0, 0); | |
| transform: translate3d(100px, 0, 0); | |
| -webkit-animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1); | |
| animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translateZ(0); | |
| transform: translateZ(0) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchform-fade { | |
| 0% { | |
| opacity: 0; | |
| -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1); | |
| animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1) | |
| } | |
| 100% { | |
| opacity: 1 | |
| } | |
| } | |
| @keyframes ac-gn-searchform-fade { | |
| 0% { | |
| opacity: 0; | |
| -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1); | |
| animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1) | |
| } | |
| 100% { | |
| opacity: 1 | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchinput-fade { | |
| 0% { | |
| opacity: 0 | |
| } | |
| 100% { | |
| opacity: 1 | |
| } | |
| } | |
| @keyframes ac-gn-searchinput-fade { | |
| 0% { | |
| opacity: 0 | |
| } | |
| 100% { | |
| opacity: 1 | |
| } | |
| } | |
| #ac-globalnav input,#ac-globalnav button { | |
| border: none; | |
| background-color: transparent | |
| } | |
| #ac-globalnav .ac-gn-searchform { | |
| height: 44px; | |
| line-height: 44px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform { | |
| height:48px; | |
| line-height: 48px; | |
| padding: 0 48px | |
| } | |
| } | |
| .searchshow#ac-globalnav .ac-gn-searchform { | |
| -webkit-animation: ac-gn-searchform-slide 1s 400ms both, ac-gn-searchform-fade 400ms 400ms both; | |
| animation: ac-gn-searchform-slide 1s 400ms both, ac-gn-searchform-fade 400ms 400ms both | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .searchshow#ac-globalnav .ac-gn-searchform { | |
| -webkit-animation:none; | |
| animation: none | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchform-wrapper { | |
| padding-left: 40px; | |
| position: relative; | |
| z-index: 2 | |
| } | |
| .ie7#ac-globalnav .ac-gn-searchform-wrapper,.ie8#ac-globalnav .ac-gn-searchform-wrapper { | |
| height: 44px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform-wrapper { | |
| background:#000; | |
| border-bottom: 1px solid #ccc; | |
| right: 200%; | |
| padding: 0 28px; | |
| height: 47px | |
| } | |
| .searchopen#ac-globalnav .ac-gn-searchform-wrapper { | |
| right: auto | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchform-input { | |
| font-size: 16px; | |
| line-height: 1.375; | |
| font-weight: 400; | |
| letter-spacing: normal; | |
| color: #fff; | |
| outline: none; | |
| width: 100%; | |
| height: 1.375em | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform-input { | |
| font-size:20px; | |
| line-height: 1.2; | |
| font-weight: 200; | |
| letter-spacing: normal | |
| } | |
| } | |
| .touch.searchshow#ac-globalnav .ac-gn-searchform-input { | |
| -webkit-transform: translateY(-200px); | |
| -ms-transform: translateY(-200px); | |
| transform: translateY(-200px) | |
| } | |
| .touch.searchopen#ac-globalnav .ac-gn-searchform-input { | |
| -webkit-animation: ac-gn-searchinput-fade 200ms both; | |
| animation: ac-gn-searchinput-fade 200ms both | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform-input { | |
| height:1.2em | |
| } | |
| .touch.searchshow#ac-globalnav .ac-gn-searchform-input { | |
| -webkit-transform: none; | |
| -ms-transform: none; | |
| transform: none | |
| } | |
| .touch.searchopen#ac-globalnav .ac-gn-searchform-input { | |
| -webkit-animation: none; | |
| animation: none | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchform-input::-webkit-input-placeholder { | |
| color: #999; | |
| opacity: 1 | |
| } | |
| #ac-globalnav .ac-gn-searchform-input::-moz-placeholder { | |
| color: #999; | |
| opacity: 1 | |
| } | |
| #ac-globalnav .ac-gn-searchform-input:-ms-input-placeholder { | |
| color: #999; | |
| opacity: 1 | |
| } | |
| #ac-globalnav .ac-gn-searchform-input::placeholder { | |
| color: #999; | |
| opacity: 1 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform-input::-webkit-input-placeholder { | |
| color:#666 | |
| } | |
| #ac-globalnav .ac-gn-searchform-input::-moz-placeholder { | |
| color: #666 | |
| } | |
| #ac-globalnav .ac-gn-searchform-input:-ms-input-placeholder { | |
| color: #666 | |
| } | |
| #ac-globalnav .ac-gn-searchform-input::placeholder { | |
| color: #666 | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchform-input::-ms-clear { | |
| display: none; | |
| width: 0; | |
| height: 0 | |
| } | |
| #ac-globalnav .ac-gn-searchform-submit { | |
| position: absolute; | |
| z-index: 1; | |
| top: 0; | |
| left: 0; | |
| width: 40px; | |
| height: 44px; | |
| cursor: pointer; | |
| background-repeat: no-repeat; | |
| background-size: 20px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/image_large.svg"); | |
| background-position: 10px 50%; | |
| background-repeat: no-repeat; | |
| -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); | |
| transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) | |
| } | |
| #ac-globalnav .ac-gn-searchform-submit:-moz-focusring { | |
| outline: 1px dotted #fff | |
| } | |
| #ac-globalnav .ac-gn-searchform-submit::-moz-focus-inner { | |
| border: 0 | |
| } | |
| .no-svg#ac-globalnav .ac-gn-searchform-submit { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform-submit { | |
| background-size:22px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-searchform-submit { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/image_small.png") | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchform-submit:hover,#ac-globalnav .ac-gn-searchform-submit:active { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| .touch#ac-globalnav .ac-gn-searchform-submit:hover,.touch#ac-globalnav .ac-gn-searchform-submit:active { | |
| opacity: 1 | |
| } | |
| #ac-globalnav .ac-gn-searchform-submit:focus { | |
| outline-offset: -7px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform-submit:focus { | |
| outline-offset:0 | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchform-submit[disabled] { | |
| opacity: 1; | |
| cursor: default | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform-submit { | |
| width:20px; | |
| height: 48px; | |
| background-position: 0 50% | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchform-reset { | |
| background-repeat: no-repeat; | |
| display: none; | |
| position: absolute; | |
| z-index: 1; | |
| top: 0; | |
| right: 0; | |
| cursor: pointer | |
| } | |
| #ac-globalnav .ac-gn-searchform-reset:-moz-focusring { | |
| outline: 1px dotted #fff | |
| } | |
| #ac-globalnav .ac-gn-searchform-reset::-moz-focus-inner { | |
| border: 0 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform-reset { | |
| background-size:24px 48px; | |
| height: 48px; | |
| width: 24px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/icon_reset_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-searchform-reset { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/icon_reset_small.png") | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform-reset { | |
| cursor:default; | |
| display: block; | |
| opacity: 0; | |
| pointer-events: none; | |
| -webkit-transition: opacity 300ms ease; | |
| transition: opacity 300ms ease | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform.with-reset .ac-gn-searchform-reset { | |
| cursor:pointer; | |
| opacity: 1; | |
| pointer-events: auto | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchresults-show { | |
| 0% { | |
| opacity: 0; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1 | |
| } | |
| } | |
| @keyframes ac-gn-searchresults-show { | |
| 0% { | |
| opacity: 0; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1 | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchresults-items-show { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: translateX(100px); | |
| transform: translateX(100px); | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1; | |
| -webkit-transform: none; | |
| transform: none | |
| } | |
| } | |
| @keyframes ac-gn-searchresults-items-show { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: translateX(100px); | |
| transform: translateX(100px); | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1; | |
| -webkit-transform: none; | |
| transform: none | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchresults { | |
| font-size: 15px; | |
| line-height: 2; | |
| font-weight: 400; | |
| letter-spacing: normal; | |
| display: none; | |
| background: #fff; | |
| border: 1px solid #d6d6d6; | |
| border-top: none; | |
| color: #999; | |
| max-height: calc(100vh - 44px); | |
| overflow-x: hidden; | |
| overflow-y: auto; | |
| -webkit-overflow-scrolling: touch; | |
| white-space: nowrap | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchresults { | |
| font-size:16px; | |
| line-height: 2.8125; | |
| font-weight: 400; | |
| letter-spacing: normal | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchresults { | |
| background:transparent; | |
| border: none; | |
| color: #999; | |
| max-height: none; | |
| padding: 48px; | |
| padding-bottom: 0; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| bottom: 0; | |
| right: 0; | |
| z-index: 1 | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchresults.with-content { | |
| display: block | |
| } | |
| #ac-globalnav .ac-gn-searchresults.with-content-initial { | |
| -webkit-animation: ac-gn-searchresults-show 200ms both; | |
| animation: ac-gn-searchresults-show 200ms both | |
| } | |
| #ac-globalnav .ac-gn-searchresults-section { | |
| border-top: 1px solid #d6d6d6; | |
| margin: 0 40px; | |
| padding: 24px 0 15px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchresults-section { | |
| border-color:#ccc; | |
| margin: 0; | |
| padding: 24px 0 | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchresults-section:first-child { | |
| border-top: none | |
| } | |
| #ac-globalnav .ac-gn-searchresults-header { | |
| font-size: 12px; | |
| line-height: 1; | |
| font-weight: 400; | |
| letter-spacing: normal; | |
| color: #999 | |
| } | |
| #ac-globalnav .ac-gn-searchresults-list { | |
| list-style: none; | |
| padding-top: 5px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchresults-list { | |
| padding:0 30px | |
| } | |
| } | |
| @media only screen and (max-width: 419px) { | |
| #ac-globalnav .ac-gn-searchresults-list { | |
| padding:0 | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchresults-item { | |
| margin: 4px -32px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchresults-item { | |
| margin:0; | |
| border-top: 1px solid #333 | |
| } | |
| #ac-globalnav .ac-gn-searchresults-item:first-child { | |
| border-top: none | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchresults-link { | |
| color: #999; | |
| display: block; | |
| padding: 0 48px; | |
| text-decoration: none | |
| } | |
| #ac-globalnav .ac-gn-searchresults-link b { | |
| color: #333; | |
| font-weight: 400 | |
| } | |
| #ac-globalnav .ac-gn-searchresults-link.current { | |
| background-color: #f2f2f2 | |
| } | |
| #ac-globalnav .ac-gn-searchresults-link.current,#ac-globalnav .ac-gn-searchresults-link.current b { | |
| color: #08c | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchresults-link { | |
| color:#ccc; | |
| padding: 0 | |
| } | |
| #ac-globalnav .ac-gn-searchresults-link b { | |
| color: #fff | |
| } | |
| #ac-globalnav .ac-gn-searchresults-link.current { | |
| background-color: transparent | |
| } | |
| #ac-globalnav .ac-gn-searchresults-link.current,#ac-globalnav .ac-gn-searchresults-link.current b { | |
| color: #5cc3f6 | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchresults-link-suggestions { | |
| background-repeat: no-repeat; | |
| background-size: 21px 60px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/icon_suggested_large.svg"); | |
| background-position: 48px 0; | |
| padding-left: 72px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-searchresults-link-suggestions { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/icon_suggested_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchresults-link-suggestions { | |
| background-size:18px 90px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/icon_suggested_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-searchresults-link-suggestions { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/icon_suggested_small.png") | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchresults-link-suggestions.current { | |
| background-position: 48px 100% | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchresults-link-suggestions { | |
| background-position:0 0; | |
| padding-left: 26px | |
| } | |
| #ac-globalnav .ac-gn-searchresults-link-suggestions.current { | |
| background-position: 0 100% | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated { | |
| -webkit-animation: ac-gn-searchresults-items-show 400ms both; | |
| animation: ac-gn-searchresults-items-show 400ms both | |
| } | |
| .searchhide#ac-globalnav .ac-gn-searchresults-animated { | |
| -webkit-animation: none; | |
| animation: none | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchresults-animated { | |
| -webkit-animation:none; | |
| animation: none | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated:nth-child(1) { | |
| -webkit-animation-delay: 20ms; | |
| animation-delay: 20ms | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated:nth-child(2) { | |
| -webkit-animation-delay: 40ms; | |
| animation-delay: 40ms | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated:nth-child(3) { | |
| -webkit-animation-delay: 60ms; | |
| animation-delay: 60ms | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated:nth-child(4) { | |
| -webkit-animation-delay: 80ms; | |
| animation-delay: 80ms | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated:nth-child(5) { | |
| -webkit-animation-delay: 100ms; | |
| animation-delay: 100ms | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated:nth-child(6) { | |
| -webkit-animation-delay: 120ms; | |
| animation-delay: 120ms | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated:nth-child(7) { | |
| -webkit-animation-delay: 140ms; | |
| animation-delay: 140ms | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated:nth-child(8) { | |
| -webkit-animation-delay: 160ms; | |
| animation-delay: 160ms | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated:nth-child(9) { | |
| -webkit-animation-delay: 180ms; | |
| animation-delay: 180ms | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated:nth-child(10) { | |
| -webkit-animation-delay: 200ms; | |
| animation-delay: 200ms | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated.ac-gn-searchresults-header { | |
| -webkit-animation-delay: 0s; | |
| animation-delay: 0s | |
| } | |
| #ac-globalnav .ac-gn-searchresults-noresults { | |
| display: block; | |
| padding: 0 32px; | |
| color: #999; | |
| line-height: 1.25; | |
| white-space: normal | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchresults-noresults { | |
| color:#ccc; | |
| padding: 0 | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <input type="checkbox" id="ac-gn-menustate" class="ac-gn-menustate"> | |
| <nav id="ac-globalnav" class="js no-touch svg no-ie7 no-ie8" role="navigation" aria-label="Global Navigation" data-hires="false" data-analytics-region="global nav" lang="en-US" data-store-key="SFX9YPYY9PPXCU9KH" data-store-locale="us" data-store-api="/[storefront]/shop/bag/status" data-search-locale="en_US" data-search-api="/search-services/suggestions/"> | |
| <div class="ac-gn-content"> | |
| <ul class="ac-gn-header"> | |
| <li class="ac-gn-item ac-gn-menuicon"> | |
| <label class="ac-gn-menuicon-label" for="ac-gn-menustate" aria-hidden="true"> <span class="ac-gn-menuicon-bread ac-gn-menuicon-bread-top"> | |
| <span class="ac-gn-menuicon-bread-crust ac-gn-menuicon-bread-crust-top"></span> </span> <span class="ac-gn-menuicon-bread ac-gn-menuicon-bread-bottom"> | |
| <span class="ac-gn-menuicon-bread-crust ac-gn-menuicon-bread-crust-bottom"></span> </span> | |
| </label> | |
| <a href="#ac-gn-menustate" class="ac-gn-menuanchor ac-gn-menuanchor-open" id="ac-gn-menuanchor-open" data-analytics-click="prefix:t,prop3:Open Menu" onclick="s_objectID="http://www.apple.com/#ac-gn-menustate_1";return this.s_oc?this.s_oc(e):true"> <span class="ac-gn-menuanchor-label">Open Menu</span> </a> | |
| <a href="#" class="ac-gn-menuanchor ac-gn-menuanchor-close" id="ac-gn-menuanchor-close" data-analytics-click="prefix:t,prop3:Close Menu" onclick="s_objectID="http://www.apple.com/#_1";return this.s_oc?this.s_oc(e):true"> <span class="ac-gn-menuanchor-label">Close Menu</span> </a> | |
| </li> | |
| <li class="ac-gn-item ac-gn-apple"> | |
| <a class="ac-gn-link ac-gn-link-apple" href="/" data-analytics-title="apple home" id="ac-gn-firstfocus-small" onclick="s_objectID="http://www.apple.com/_1";return this.s_oc?this.s_oc(e):true"> <span class="ac-gn-link-text">Apple</span> </a> | |
| </li> | |
| <li class="ac-gn-item ac-gn-bag ac-gn-bag-small" id="ac-gn-bag-small"> | |
| <a class="ac-gn-link ac-gn-link-bag" href="/us/shop/goto/bag" data-analytics-title="bag" data-analytics-click="prefix:t,prop3:Shopping Bag" aria-label="Shopping Bag" data-string-badge="Shopping Bag with Items" role="button" aria-haspopup="true" aria-expanded="false" aria-controls="ac-gn-bagview-content" onclick="s_objectID="http://www.apple.com/us/shop/goto/bag_1";return this.s_oc?this.s_oc(e):true" tabindex="0"> <span class="ac-gn-link-text">Shopping Bag</span> <span class="ac-gn-bag-badge"></span> </a> <span class="ac-gn-bagview-caret ac-gn-bagview-caret-large"></span> </li> | |
| </ul> | |
| <ul class="ac-gn-list"> | |
| <li class="ac-gn-item ac-gn-apple"> | |
| <a class="ac-gn-link ac-gn-link-apple" href="/" data-analytics-title="apple home" id="ac-gn-firstfocus" onclick="s_objectID="http://www.apple.com/_2";return this.s_oc?this.s_oc(e):true"> <span class="ac-gn-link-text">Apple</span> </a> | |
| </li> | |
| <li class="ac-gn-item ac-gn-item-menu ac-gn-mac"> | |
| <a class="ac-gn-link ac-gn-link-mac" href="/mac/" data-analytics-title="mac" data-analytics-click="prefix:t,prop3:Mac" onclick="s_objectID="http://www.apple.com/mac/_1";return this.s_oc?this.s_oc(e):true"> <span class="ac-gn-link-text">Mac</span> </a> | |
| </li> | |
| <li class="ac-gn-item ac-gn-item-menu ac-gn-ipad"> | |
| <a class="ac-gn-link ac-gn-link-ipad" href="/ipad/" data-analytics-title="ipad" data-analytics-click="prefix:t,prop3:iPad" onclick="s_objectID="http://www.apple.com/ipad/_1";return this.s_oc?this.s_oc(e):true"> <span class="ac-gn-link-text">iPad</span> </a> | |
| </li> | |
| <li class="ac-gn-item ac-gn-item-menu ac-gn-iphone"> | |
| <a class="ac-gn-link ac-gn-link-iphone" href="/iphone/" data-analytics-title="iphone" data-analytics-click="prefix:t,prop3:iPhone" onclick="s_objectID="http://www.apple.com/iphone/_1";return this.s_oc?this.s_oc(e):true"> <span class="ac-gn-link-text">iPhone</span> </a> | |
| </li> | |
| <li class="ac-gn-item ac-gn-item-menu ac-gn-watch"> | |
| <a class="ac-gn-link ac-gn-link-watch" href="/watch/" data-analytics-title="watch" data-analytics-click="prefix:t,prop3:Watch" onclick="s_objectID="http://www.apple.com/watch/_1";return this.s_oc?this.s_oc(e):true"> <span class="ac-gn-link-text">Watch</span> </a> | |
| </li> | |
| <li class="ac-gn-item ac-gn-item-menu ac-gn-tv"> | |
| <a class="ac-gn-link ac-gn-link-tv" href="/tv/" data-analytics-title="tv" data-analytics-click="prefix:t,prop3:TV" onclick="s_objectID="http://www.apple.com/tv/_1";return this.s_oc?this.s_oc(e):true"> <span class="ac-gn-link-text">TV</span> </a> | |
| </li> | |
| <li class="ac-gn-item ac-gn-item-menu ac-gn-music"> | |
| <a class="ac-gn-link ac-gn-link-music" href="/music/" data-analytics-title="music" data-analytics-click="prefix:t,prop3:Music" onclick="s_objectID="http://www.apple.com/music/_1";return this.s_oc?this.s_oc(e):true"> <span class="ac-gn-link-text">Music</span> </a> | |
| </li> | |
| <li class="ac-gn-item ac-gn-item-menu ac-gn-support"> | |
| <a class="ac-gn-link ac-gn-link-support" href="/support/" data-analytics-title="support" data-analytics-click="prefix:t,prop3:Support" onclick="s_objectID="http://www.apple.com/support/_1";return this.s_oc?this.s_oc(e):true"> <span class="ac-gn-link-text">Support</span> </a> | |
| </li> | |
| <li class="ac-gn-item ac-gn-item-menu ac-gn-search" role="search"> | |
| <a class="ac-gn-link ac-gn-link-search" href="/us/search" data-analytics-title="search" data-analytics-click="prefix:t,prop3:Search apple.com" aria-label="Search apple.com" role="button" aria-haspopup="true" onclick="s_objectID="http://www.apple.com/us/search_1";return this.s_oc?this.s_oc(e):true"> <span class="ac-gn-search-placeholder" aria-hidden="true">Search apple.com</span> </a> | |
| </li> | |
| <li class="ac-gn-item ac-gn-bag" id="ac-gn-bag"> | |
| <a class="ac-gn-link ac-gn-link-bag" href="/us/shop/goto/bag" data-analytics-title="bag" data-analytics-click="prefix:t,prop3:Shopping Bag" aria-label="Shopping Bag" data-string-badge="Shopping Bag with Items" role="button" aria-haspopup="true" aria-expanded="false" aria-controls="ac-gn-bagview-content" onclick="s_objectID="http://www.apple.com/us/shop/goto/bag_2";return this.s_oc?this.s_oc(e):true"> <span class="ac-gn-link-text">Shopping Bag</span> <span class="ac-gn-bag-badge" aria-hidden="true"></span> </a> <span class="ac-gn-bagview-caret ac-gn-bagview-caret-large"></span> </li> | |
| </ul> | |
| <aside id="ac-gn-searchview" class="ac-gn-searchview" role="search" data-analytics-region="search"> | |
| <div class="ac-gn-searchview-content"> | |
| <form id="ac-gn-searchform" class="ac-gn-searchform" action="/us/search" method="get"> | |
| <div class="ac-gn-searchform-wrapper"> | |
| <input id="ac-gn-searchform-input" class="ac-gn-searchform-input" type="text" name="" placeholder="Search apple.com" data-placeholder-long="Search for Products, Stores, and Help" autocorrect="off" autocapitalize="off" autocomplete="off" spellcheck="false"> | |
| <input id="ac-gn-searchform-src" type="hidden" name="src" value="globalnav"> | |
| <button id="ac-gn-searchform-submit" class="ac-gn-searchform-submit" type="submit" disabled="" aria-label="Submit"></button> | |
| <button id="ac-gn-searchform-reset" class="ac-gn-searchform-reset" type="reset" disabled="" aria-label="Clear Search"></button> | |
| </div> | |
| </form> | |
| <aside id="ac-gn-searchresults" class="ac-gn-searchresults" data-string-quicklinks="Quick Links" data-string-suggestions="Suggested Searches" data-string-noresults="Hit enter to search."></aside> | |
| </div> | |
| <button id="ac-gn-searchview-close" class="ac-gn-searchview-close" aria-label="Close Search"> <span class="ac-gn-searchview-close-wrapper"> | |
| <span class="ac-gn-searchview-close-left"></span> <span class="ac-gn-searchview-close-right"></span> </span> | |
| </button> | |
| </aside> | |
| <aside class="ac-gn-bagview" data-analytics-region="bag"> | |
| <div class="ac-gn-bagview-scrim"> <span class="ac-gn-bagview-caret ac-gn-bagview-caret-small"></span> </div> | |
| <div class="ac-gn-bagview-content" id="ac-gn-bagview-content"> </div> | |
| </aside> | |
| </div> | |
| </nav> | |
| <div id="ac-gn-curtain" class="ac-gn-curtain"></div> | |
| <div id="ac-gn-placeholder" class="ac-nav-placeholder"></div> | |
| <script id="jsbin-javascript"> | |
| $(function(){ | |
| var searchReveal = $('nav#ac-globalnav'); | |
| var showSearch = function() { | |
| searchReveal.removeClass('searchclose').addClass('searchopen'); | |
| // searchController.focusInput() | |
| window.scrollTo(0, 0); | |
| return false; | |
| }; | |
| $('.ac-gn-link-search').on('click', showSearch); | |
| $('#ac-gn-searchview-close').on('click', function(){ | |
| searchReveal.removeClass('searchopen').addClass('searchclose'); | |
| }); | |
| }); | |
| </script> | |
| <script id="jsbin-source-html" type="text/html"><!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src="//fb.me/react-with-addons-0.13.3.js"><\/script> | |
| <script src="https://code.jquery.com/jquery-2.1.4.js"><\/script> | |
| <meta charset="utf-8"> | |
| <title>Apple site nav menu</title> | |
| </head> | |
| <body> | |
| <input type="checkbox" id="ac-gn-menustate" class="ac-gn-menustate"> | |
| <nav id="ac-globalnav" class="js no-touch svg no-ie7 no-ie8" role="navigation" aria-label="Global Navigation" data-hires="false" data-analytics-region="global nav" lang="en-US" data-store-key="SFX9YPYY9PPXCU9KH" data-store-locale="us" data-store-api="/[storefront]/shop/bag/status" data-search-locale="en_US" data-search-api="/search-services/suggestions/"> | |
| <div class="ac-gn-content"> | |
| <ul class="ac-gn-header"> | |
| <li class="ac-gn-item ac-gn-menuicon"> | |
| <label class="ac-gn-menuicon-label" for="ac-gn-menustate" aria-hidden="true"> <span class="ac-gn-menuicon-bread ac-gn-menuicon-bread-top"> | |
| <span class="ac-gn-menuicon-bread-crust ac-gn-menuicon-bread-crust-top"></span> </span> <span class="ac-gn-menuicon-bread ac-gn-menuicon-bread-bottom"> | |
| <span class="ac-gn-menuicon-bread-crust ac-gn-menuicon-bread-crust-bottom"></span> </span> | |
| </label> | |
| <a href="#ac-gn-menustate" class="ac-gn-menuanchor ac-gn-menuanchor-open" id="ac-gn-menuanchor-open" data-analytics-click="prefix:t,prop3:Open Menu" onclick="s_objectID="http://www.apple.com/#ac-gn-menustate_1";return this.s_oc?this.s_oc(e):true"> <span class="ac-gn-menuanchor-label">Open Menu</span> </a> | |
| <a href="#" class="ac-gn-menuanchor ac-gn-menuanchor-close" id="ac-gn-menuanchor-close" data-analytics-click="prefix:t,prop3:Close Menu" onclick="s_objectID="http://www.apple.com/#_1";return this.s_oc?this.s_oc(e):true"> <span class="ac-gn-menuanchor-label">Close Menu</span> </a> | |
| </li> | |
| <li class="ac-gn-item ac-gn-apple"> | |
| <a class="ac-gn-link ac-gn-link-apple" href="/" data-analytics-title="apple home" id="ac-gn-firstfocus-small" onclick="s_objectID="http://www.apple.com/_1";return this.s_oc?this.s_oc(e):true"> <span class="ac-gn-link-text">Apple</span> </a> | |
| </li> | |
| <li class="ac-gn-item ac-gn-bag ac-gn-bag-small" id="ac-gn-bag-small"> | |
| <a class="ac-gn-link ac-gn-link-bag" href="/us/shop/goto/bag" data-analytics-title="bag" data-analytics-click="prefix:t,prop3:Shopping Bag" aria-label="Shopping Bag" data-string-badge="Shopping Bag with Items" role="button" aria-haspopup="true" aria-expanded="false" aria-controls="ac-gn-bagview-content" onclick="s_objectID="http://www.apple.com/us/shop/goto/bag_1";return this.s_oc?this.s_oc(e):true" tabindex="0"> <span class="ac-gn-link-text">Shopping Bag</span> <span class="ac-gn-bag-badge"></span> </a> <span class="ac-gn-bagview-caret ac-gn-bagview-caret-large"></span> </li> | |
| </ul> | |
| <ul class="ac-gn-list"> | |
| <li class="ac-gn-item ac-gn-apple"> | |
| <a class="ac-gn-link ac-gn-link-apple" href="/" data-analytics-title="apple home" id="ac-gn-firstfocus" onclick="s_objectID="http://www.apple.com/_2";return this.s_oc?this.s_oc(e):true"> <span class="ac-gn-link-text">Apple</span> </a> | |
| </li> | |
| <li class="ac-gn-item ac-gn-item-menu ac-gn-mac"> | |
| <a class="ac-gn-link ac-gn-link-mac" href="/mac/" data-analytics-title="mac" data-analytics-click="prefix:t,prop3:Mac" onclick="s_objectID="http://www.apple.com/mac/_1";return this.s_oc?this.s_oc(e):true"> <span class="ac-gn-link-text">Mac</span> </a> | |
| </li> | |
| <li class="ac-gn-item ac-gn-item-menu ac-gn-ipad"> | |
| <a class="ac-gn-link ac-gn-link-ipad" href="/ipad/" data-analytics-title="ipad" data-analytics-click="prefix:t,prop3:iPad" onclick="s_objectID="http://www.apple.com/ipad/_1";return this.s_oc?this.s_oc(e):true"> <span class="ac-gn-link-text">iPad</span> </a> | |
| </li> | |
| <li class="ac-gn-item ac-gn-item-menu ac-gn-iphone"> | |
| <a class="ac-gn-link ac-gn-link-iphone" href="/iphone/" data-analytics-title="iphone" data-analytics-click="prefix:t,prop3:iPhone" onclick="s_objectID="http://www.apple.com/iphone/_1";return this.s_oc?this.s_oc(e):true"> <span class="ac-gn-link-text">iPhone</span> </a> | |
| </li> | |
| <li class="ac-gn-item ac-gn-item-menu ac-gn-watch"> | |
| <a class="ac-gn-link ac-gn-link-watch" href="/watch/" data-analytics-title="watch" data-analytics-click="prefix:t,prop3:Watch" onclick="s_objectID="http://www.apple.com/watch/_1";return this.s_oc?this.s_oc(e):true"> <span class="ac-gn-link-text">Watch</span> </a> | |
| </li> | |
| <li class="ac-gn-item ac-gn-item-menu ac-gn-tv"> | |
| <a class="ac-gn-link ac-gn-link-tv" href="/tv/" data-analytics-title="tv" data-analytics-click="prefix:t,prop3:TV" onclick="s_objectID="http://www.apple.com/tv/_1";return this.s_oc?this.s_oc(e):true"> <span class="ac-gn-link-text">TV</span> </a> | |
| </li> | |
| <li class="ac-gn-item ac-gn-item-menu ac-gn-music"> | |
| <a class="ac-gn-link ac-gn-link-music" href="/music/" data-analytics-title="music" data-analytics-click="prefix:t,prop3:Music" onclick="s_objectID="http://www.apple.com/music/_1";return this.s_oc?this.s_oc(e):true"> <span class="ac-gn-link-text">Music</span> </a> | |
| </li> | |
| <li class="ac-gn-item ac-gn-item-menu ac-gn-support"> | |
| <a class="ac-gn-link ac-gn-link-support" href="/support/" data-analytics-title="support" data-analytics-click="prefix:t,prop3:Support" onclick="s_objectID="http://www.apple.com/support/_1";return this.s_oc?this.s_oc(e):true"> <span class="ac-gn-link-text">Support</span> </a> | |
| </li> | |
| <li class="ac-gn-item ac-gn-item-menu ac-gn-search" role="search"> | |
| <a class="ac-gn-link ac-gn-link-search" href="/us/search" data-analytics-title="search" data-analytics-click="prefix:t,prop3:Search apple.com" aria-label="Search apple.com" role="button" aria-haspopup="true" onclick="s_objectID="http://www.apple.com/us/search_1";return this.s_oc?this.s_oc(e):true"> <span class="ac-gn-search-placeholder" aria-hidden="true">Search apple.com</span> </a> | |
| </li> | |
| <li class="ac-gn-item ac-gn-bag" id="ac-gn-bag"> | |
| <a class="ac-gn-link ac-gn-link-bag" href="/us/shop/goto/bag" data-analytics-title="bag" data-analytics-click="prefix:t,prop3:Shopping Bag" aria-label="Shopping Bag" data-string-badge="Shopping Bag with Items" role="button" aria-haspopup="true" aria-expanded="false" aria-controls="ac-gn-bagview-content" onclick="s_objectID="http://www.apple.com/us/shop/goto/bag_2";return this.s_oc?this.s_oc(e):true"> <span class="ac-gn-link-text">Shopping Bag</span> <span class="ac-gn-bag-badge" aria-hidden="true"></span> </a> <span class="ac-gn-bagview-caret ac-gn-bagview-caret-large"></span> </li> | |
| </ul> | |
| <aside id="ac-gn-searchview" class="ac-gn-searchview" role="search" data-analytics-region="search"> | |
| <div class="ac-gn-searchview-content"> | |
| <form id="ac-gn-searchform" class="ac-gn-searchform" action="/us/search" method="get"> | |
| <div class="ac-gn-searchform-wrapper"> | |
| <input id="ac-gn-searchform-input" class="ac-gn-searchform-input" type="text" name="" placeholder="Search apple.com" data-placeholder-long="Search for Products, Stores, and Help" autocorrect="off" autocapitalize="off" autocomplete="off" spellcheck="false"> | |
| <input id="ac-gn-searchform-src" type="hidden" name="src" value="globalnav"> | |
| <button id="ac-gn-searchform-submit" class="ac-gn-searchform-submit" type="submit" disabled="" aria-label="Submit"></button> | |
| <button id="ac-gn-searchform-reset" class="ac-gn-searchform-reset" type="reset" disabled="" aria-label="Clear Search"></button> | |
| </div> | |
| </form> | |
| <aside id="ac-gn-searchresults" class="ac-gn-searchresults" data-string-quicklinks="Quick Links" data-string-suggestions="Suggested Searches" data-string-noresults="Hit enter to search."></aside> | |
| </div> | |
| <button id="ac-gn-searchview-close" class="ac-gn-searchview-close" aria-label="Close Search"> <span class="ac-gn-searchview-close-wrapper"> | |
| <span class="ac-gn-searchview-close-left"></span> <span class="ac-gn-searchview-close-right"></span> </span> | |
| </button> | |
| </aside> | |
| <aside class="ac-gn-bagview" data-analytics-region="bag"> | |
| <div class="ac-gn-bagview-scrim"> <span class="ac-gn-bagview-caret ac-gn-bagview-caret-small"></span> </div> | |
| <div class="ac-gn-bagview-content" id="ac-gn-bagview-content"> </div> | |
| </aside> | |
| </div> | |
| </nav> | |
| <div id="ac-gn-curtain" class="ac-gn-curtain"></div> | |
| <div id="ac-gn-placeholder" class="ac-nav-placeholder"></div> | |
| </body> | |
| </html></script> | |
| <script id="jsbin-source-css" type="text/css"> | |
| html { | |
| width: 100%; | |
| height: 100% | |
| } | |
| @media only screen and (max-width: 735px) { | |
| html { | |
| min-width:375px | |
| } | |
| html #ac-globalnav { | |
| min-width: 375px | |
| } | |
| } | |
| @media only screen and (max-width: 735px) and (orientation: landscape) { | |
| html { | |
| min-width:460px | |
| } | |
| html #ac-globalnav { | |
| min-width: 460px | |
| } | |
| } | |
| @media only screen and (max-width: 735px) { | |
| html.touch { | |
| min-width:320px | |
| } | |
| html.touch #ac-globalnav { | |
| min-width: 320px | |
| } | |
| } | |
| body { | |
| width: 100%; | |
| height: 100%; | |
| background-color: #fff | |
| } | |
| html.oldie body { | |
| min-width: 1024px | |
| } | |
| @media only screen and (max-width: 1068px), only screen and (max-height: 890px) { | |
| body { | |
| min-width:85% | |
| } | |
| } | |
| html,body { | |
| margin: 0; | |
| padding: 0 | |
| } | |
| #ac-globalnav,#ac-gn-segmentbar { | |
| font-weight: normal; | |
| text-align: left; | |
| -webkit-text-size-adjust: 100%; | |
| -ms-text-size-adjust: 100%; | |
| text-size-adjust: 100% | |
| } | |
| #ac-globalnav,#ac-globalnav:before,#ac-globalnav:after,#ac-globalnav *,#ac-globalnav *:before,#ac-globalnav *:after,#ac-gn-segmentbar,#ac-gn-segmentbar:before,#ac-gn-segmentbar:after,#ac-gn-segmentbar *,#ac-gn-segmentbar *:before,#ac-gn-segmentbar *:after { | |
| box-sizing: content-box; | |
| margin: 0; | |
| padding: 0; | |
| letter-spacing: normal | |
| } | |
| #ac-globalnav *,#ac-globalnav *:before,#ac-globalnav *:after,#ac-gn-segmentbar *,#ac-gn-segmentbar *:before,#ac-gn-segmentbar *:after { | |
| font-size: 1em; | |
| font-family: inherit; | |
| *font-family: expression(this.parentNode.currentStyle['font-family']); | |
| font-weight: inherit; | |
| *font-weight: expression(this.parentNode.currentStyle['font-weight']); | |
| line-height: inherit; | |
| *line-height: expression(this.parentNode.currentStyle['line-height']); | |
| text-align: inherit; | |
| *text-align: expression(this.parentNode.currentStyle['text-align']) | |
| } | |
| #ac-globalnav article,#ac-globalnav aside,#ac-globalnav details,#ac-globalnav figcaption,#ac-globalnav figure,#ac-globalnav footer,#ac-globalnav header,#ac-globalnav nav,#ac-globalnav section,#ac-gn-segmentbar article,#ac-gn-segmentbar aside,#ac-gn-segmentbar details,#ac-gn-segmentbar figcaption,#ac-gn-segmentbar figure,#ac-gn-segmentbar footer,#ac-gn-segmentbar header,#ac-gn-segmentbar nav,#ac-gn-segmentbar section { | |
| display: block | |
| } | |
| #ac-globalnav img,#ac-gn-segmentbar img { | |
| border: 0; | |
| vertical-align: middle | |
| } | |
| #ac-globalnav ul,#ac-gn-segmentbar ul { | |
| list-style: none | |
| } | |
| #ac-globalnav,#ac-globalnav select,#ac-globalnav button,#ac-gn-segmentbar,#ac-gn-segmentbar select,#ac-gn-segmentbar button { | |
| font-family: "Myriad Set Pro","Helvetica Neue","Helvetica","Arial",sans-serif; | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| -moz-font-feature-settings: 'liga', 'kern' | |
| } | |
| #ac-globalnav input,#ac-globalnav textarea,#ac-gn-segmentbar input,#ac-gn-segmentbar textarea { | |
| font-family: "Myriad Set Pro","Helvetica Neue","Helvetica","Arial",sans-serif; | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| -moz-font-feature-settings: 'liga', 'kern' | |
| } | |
| #ac-globalnav { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| left: 0; | |
| z-index: 9999; | |
| display: block; | |
| margin: 0; | |
| width: 100%; | |
| min-width: 1024px; | |
| height: 48px; | |
| max-height: 44px; | |
| background: #333; | |
| background: rgba(0,0,0,0.8); | |
| font-size: 18px; | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none | |
| } | |
| .ac-theme-dark #ac-globalnav { | |
| background: #2b2b2b; | |
| background: rgba(85,85,85,0.5) | |
| } | |
| .blocktransitions#ac-globalnav,.blocktransitions#ac-globalnav:before,.blocktransitions#ac-globalnav:after,.blocktransitions#ac-globalnav *,.blocktransitions#ac-globalnav *:before,.blocktransitions#ac-globalnav *:after { | |
| -webkit-animation: none !important; | |
| animation: none !important; | |
| -webkit-transition: none !important; | |
| transition: none !important | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| #ac-globalnav { | |
| min-width:320px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav { | |
| max-height:none; | |
| -webkit-transition: background 0.35s linear,height 0.35s ease-in; | |
| transition: background 0.35s linear,height 0.35s ease-in | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav,#ac-gn-menustate:target ~ #ac-globalnav { | |
| height: 100%; | |
| background: #000; | |
| -webkit-transition: background 0.35s linear,height 0.35s ease-in 200ms; | |
| transition: background 0.35s linear,height 0.35s ease-in 200ms | |
| } | |
| .searchshow#ac-globalnav,.searchopen#ac-globalnav,.searchhide#ac-globalnav { | |
| position: fixed | |
| } | |
| } | |
| #ac-gn-menustate { | |
| display: none | |
| } | |
| #ac-gn-placeholder { | |
| height: 44px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-gn-placeholder { | |
| height:48px | |
| } | |
| } | |
| .ac-nav-overlap #ac-gn-placeholder { | |
| display: none | |
| } | |
| @-webkit-keyframes ac-gn-curtain-show { | |
| 0% { | |
| opacity: 0; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1 | |
| } | |
| } | |
| @keyframes ac-gn-curtain-show { | |
| 0% { | |
| opacity: 0; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1 | |
| } | |
| } | |
| #ac-gn-curtain { | |
| background: rgba(0,0,0,0.2); | |
| display: none; | |
| position: fixed; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| z-index: 9998 | |
| } | |
| @media only screen and (max-width: 419px) { | |
| #ac-globalnav.with-bagview ~ #ac-gn-curtain { | |
| display:block; | |
| -webkit-animation: ac-gn-curtain-show 200ms both; | |
| animation: ac-gn-curtain-show 200ms both | |
| } | |
| } | |
| #ac-globalnav.searchshow ~ #ac-gn-curtain,#ac-globalnav.searchopen ~ #ac-gn-curtain,#ac-globalnav.searchhide ~ #ac-gn-curtain { | |
| display: block | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav.searchshow ~ #ac-gn-curtain,#ac-globalnav.searchopen ~ #ac-gn-curtain,#ac-globalnav.searchhide ~ #ac-gn-curtain { | |
| display:none | |
| } | |
| } | |
| #ac-globalnav.searchshow ~ #ac-gn-curtain { | |
| -webkit-animation: ac-gn-curtain-show 200ms both; | |
| animation: ac-gn-curtain-show 200ms both | |
| } | |
| #ac-globalnav.searchhide ~ #ac-gn-curtain { | |
| -webkit-animation: ac-gn-curtain-show 200ms reverse both; | |
| animation: ac-gn-curtain-show 200ms reverse both | |
| } | |
| #ac-globalnav .ac-gn-content { | |
| margin: 0 auto; | |
| max-width: 980px; | |
| padding: 0 22px; | |
| position: relative; | |
| z-index: 2 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-content { | |
| padding:0; | |
| position: absolute; | |
| top: 0; | |
| width: 100%; | |
| height: 100% | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-apple-searchshow { | |
| 0% { | |
| -webkit-transform: none; | |
| transform: none; | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translate3d(0, -100%, 0); | |
| transform: translate3d(0, -100%, 0) | |
| } | |
| } | |
| @keyframes ac-gn-apple-searchshow { | |
| 0% { | |
| -webkit-transform: none; | |
| transform: none; | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translate3d(0, -100%, 0); | |
| transform: translate3d(0, -100%, 0) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-apple-searchhide { | |
| 0% { | |
| -webkit-transform: translate3d(0, -100%, 0); | |
| transform: translate3d(0, -100%, 0); | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: none; | |
| transform: none | |
| } | |
| } | |
| @keyframes ac-gn-apple-searchhide { | |
| 0% { | |
| -webkit-transform: translate3d(0, -100%, 0); | |
| transform: translate3d(0, -100%, 0); | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: none; | |
| transform: none | |
| } | |
| } | |
| #ac-globalnav .ac-gn-header { | |
| display: none; | |
| position: absolute; | |
| z-index: 3; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 48px; | |
| overflow: hidden | |
| } | |
| #ac-globalnav .ac-gn-header .ac-gn-apple { | |
| position: absolute; | |
| width: 48px; | |
| top: 0; | |
| left: 50%; | |
| margin-left: -24px; | |
| text-align: center; | |
| z-index: 1 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-header { | |
| display:block | |
| } | |
| .searchshow#ac-globalnav .ac-gn-header,.searchopen#ac-globalnav .ac-gn-header,.searchhide#ac-globalnav .ac-gn-header { | |
| background: #000; | |
| -webkit-transform: translateZ(0); | |
| transform: translateZ(0) | |
| } | |
| #ac-globalnav .ac-gn-header .ac-gn-apple { | |
| display: block | |
| } | |
| .searchshow#ac-globalnav .ac-gn-header .ac-gn-apple { | |
| -webkit-animation: ac-gn-apple-searchshow 600ms 200ms both; | |
| animation: ac-gn-apple-searchshow 600ms 200ms both | |
| } | |
| .searchopen#ac-globalnav .ac-gn-header .ac-gn-apple { | |
| display: none | |
| } | |
| .searchhide#ac-globalnav .ac-gn-header .ac-gn-apple { | |
| -webkit-animation: ac-gn-apple-searchhide 600ms 200ms both; | |
| animation: ac-gn-apple-searchhide 600ms 200ms both | |
| } | |
| #ac-globalnav .ac-gn-header .ac-gn-bag-small { | |
| display: block | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-list-searchshow { | |
| 0% { | |
| -webkit-transform: translateY(0); | |
| transform: translateY(0); | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translateY(-100%) translateY(106px); | |
| transform: translateY(-100%) translateY(106px) | |
| } | |
| } | |
| @keyframes ac-gn-list-searchshow { | |
| 0% { | |
| -webkit-transform: translateY(0); | |
| transform: translateY(0); | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translateY(-100%) translateY(106px); | |
| transform: translateY(-100%) translateY(106px) | |
| } | |
| } | |
| #ac-globalnav .ac-gn-list { | |
| cursor: default; | |
| margin: 0 -10px; | |
| text-align: justify; | |
| width: auto; | |
| height: 44px; | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| text-align: justify; | |
| -ms-text-justify: distribute-all-lines; | |
| text-justify: distribute-all-lines | |
| } | |
| #ac-globalnav .ac-gn-list:after { | |
| content: ''; | |
| width: 100%; | |
| display: inline-block; | |
| font-size: 0; | |
| line-height: 0 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-list { | |
| position:absolute; | |
| z-index: 2; | |
| top: 48px; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| margin: 0; | |
| padding: 0 48px; | |
| height: auto; | |
| box-sizing: border-box; | |
| overflow: hidden; | |
| overflow-y: auto; | |
| -webkit-overflow-scrolling: touch; | |
| visibility: hidden; | |
| -webkit-transition: visibility 0s linear 1s; | |
| transition: visibility 0s linear 1s | |
| } | |
| #ac-globalnav .ac-gn-list :nth-child(2) { | |
| margin-top: 12px | |
| } | |
| #ac-globalnav .ac-gn-list :nth-child(9) { | |
| margin-bottom: 48px | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-list,#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-list { | |
| visibility: visible; | |
| -webkit-transition-delay: 0s; | |
| transition-delay: 0s | |
| } | |
| .searchshow#ac-globalnav .ac-gn-list { | |
| bottom: auto; | |
| -webkit-animation: ac-gn-list-searchshow 800ms both; | |
| animation: ac-gn-list-searchshow 800ms both | |
| } | |
| .searchopen#ac-globalnav .ac-gn-list { | |
| display: none | |
| } | |
| .searchhide#ac-globalnav .ac-gn-list { | |
| bottom: auto; | |
| -webkit-animation: ac-gn-list-searchshow 800ms reverse both; | |
| animation: ac-gn-list-searchshow 800ms reverse both | |
| } | |
| #ac-globalnav .ac-gn-list:after { | |
| display: none | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-item-searchshow { | |
| 0% { | |
| opacity: 1; | |
| -webkit-transform: scale(1); | |
| transform: scale(1); | |
| -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); | |
| animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1) | |
| } | |
| 40% { | |
| opacity: 1 | |
| } | |
| 100% { | |
| opacity: 0; | |
| -webkit-transform: scale(0.7); | |
| transform: scale(0.7) | |
| } | |
| } | |
| @keyframes ac-gn-item-searchshow { | |
| 0% { | |
| opacity: 1; | |
| -webkit-transform: scale(1); | |
| transform: scale(1); | |
| -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); | |
| animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1) | |
| } | |
| 40% { | |
| opacity: 1 | |
| } | |
| 100% { | |
| opacity: 0; | |
| -webkit-transform: scale(0.7); | |
| transform: scale(0.7) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-item-searchhide { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: scale(0.7); | |
| transform: scale(0.7) | |
| } | |
| 60% { | |
| opacity: 1 | |
| } | |
| 100% { | |
| opacity: 1; | |
| -webkit-transform: scale(1); | |
| transform: scale(1); | |
| -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); | |
| animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1) | |
| } | |
| } | |
| @keyframes ac-gn-item-searchhide { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: scale(0.7); | |
| transform: scale(0.7) | |
| } | |
| 60% { | |
| opacity: 1 | |
| } | |
| 100% { | |
| opacity: 1; | |
| -webkit-transform: scale(1); | |
| transform: scale(1); | |
| -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); | |
| animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-item-searchshow-small { | |
| 0% { | |
| -webkit-transform: none; | |
| transform: none; | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translateY(-50px); | |
| transform: translateY(-50px) | |
| } | |
| } | |
| @keyframes ac-gn-item-searchshow-small { | |
| 0% { | |
| -webkit-transform: none; | |
| transform: none; | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translateY(-50px); | |
| transform: translateY(-50px) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-search-placeholder-searchshow { | |
| 0% { | |
| opacity: 1; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 0.4 | |
| } | |
| } | |
| @keyframes ac-gn-search-placeholder-searchshow { | |
| 0% { | |
| opacity: 1; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 0.4 | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-bag-searchshow { | |
| 0% { | |
| opacity: 1; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 0 | |
| } | |
| } | |
| @keyframes ac-gn-bag-searchshow { | |
| 0% { | |
| opacity: 1; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 0 | |
| } | |
| } | |
| #ac-globalnav .ac-gn-item { | |
| display: inline-block; | |
| position: relative; | |
| height: 44px; | |
| z-index: 1; | |
| vertical-align: top | |
| } | |
| .ie7#ac-globalnav .ac-gn-item { | |
| display: inline; | |
| zoom:1} | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-item { | |
| width:100%; | |
| height: 48px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-apple { | |
| display:none | |
| } | |
| } | |
| .searchshow#ac-globalnav .ac-gn-bag { | |
| -webkit-animation: ac-gn-bag-searchshow 300ms both; | |
| animation: ac-gn-bag-searchshow 300ms both; | |
| -webkit-transform: translateZ(0); | |
| transform: translateZ(0) | |
| } | |
| .searchopen#ac-globalnav .ac-gn-bag { | |
| visibility: hidden | |
| } | |
| .searchhide#ac-globalnav .ac-gn-bag { | |
| -webkit-animation: ac-gn-bag-searchshow 300ms reverse both; | |
| animation: ac-gn-bag-searchshow 300ms reverse both; | |
| -webkit-transform: translateZ(0); | |
| transform: translateZ(0) | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-bag { | |
| display:none; | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| width: auto; | |
| z-index: 1 | |
| } | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu,.searchopen#ac-globalnav .ac-gn-item-menu,.searchhide#ac-globalnav .ac-gn-item-menu { | |
| pointer-events: none | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu { | |
| -webkit-animation: ac-gn-item-searchshow 400ms both; | |
| animation: ac-gn-item-searchshow 400ms both; | |
| pointer-events: none | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu:nth-child(2) { | |
| -webkit-animation-delay: 280ms; | |
| animation-delay: 280ms | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu:nth-child(3) { | |
| -webkit-animation-delay: 245ms; | |
| animation-delay: 245ms | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu:nth-child(4) { | |
| -webkit-animation-delay: 210ms; | |
| animation-delay: 210ms | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu:nth-child(5) { | |
| -webkit-animation-delay: 175ms; | |
| animation-delay: 175ms | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu:nth-child(6) { | |
| -webkit-animation-delay: 140ms; | |
| animation-delay: 140ms | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu:nth-child(7) { | |
| -webkit-animation-delay: 105ms; | |
| animation-delay: 105ms | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu:nth-child(8) { | |
| -webkit-animation-delay: 70ms; | |
| animation-delay: 70ms | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu:nth-child(9) { | |
| -webkit-animation-delay: 35ms; | |
| animation-delay: 35ms | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .searchshow#ac-globalnav .ac-gn-item-menu { | |
| -webkit-animation:ac-gn-item-searchshow-small 800ms both; | |
| animation: ac-gn-item-searchshow-small 800ms both | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu:nth-child(n) { | |
| -webkit-animation-delay: 0s; | |
| animation-delay: 0s | |
| } | |
| } | |
| .searchopen#ac-globalnav .ac-gn-item-menu { | |
| visibility: hidden | |
| } | |
| .searchhide#ac-globalnav .ac-gn-item-menu { | |
| -webkit-animation: ac-gn-item-searchhide 400ms both; | |
| animation: ac-gn-item-searchhide 400ms both | |
| } | |
| .searchhide#ac-globalnav .ac-gn-item-menu:nth-child(2) { | |
| -webkit-animation-delay: 0ms; | |
| animation-delay: 0ms | |
| } | |
| .searchhide#ac-globalnav .ac-gn-item-menu:nth-child(3) { | |
| -webkit-animation-delay: 35ms; | |
| animation-delay: 35ms | |
| } | |
| .searchhide#ac-globalnav .ac-gn-item-menu:nth-child(4) { | |
| -webkit-animation-delay: 70ms; | |
| animation-delay: 70ms | |
| } | |
| .searchhide#ac-globalnav .ac-gn-item-menu:nth-child(5) { | |
| -webkit-animation-delay: 105ms; | |
| animation-delay: 105ms | |
| } | |
| .searchhide#ac-globalnav .ac-gn-item-menu:nth-child(6) { | |
| -webkit-animation-delay: 140ms; | |
| animation-delay: 140ms | |
| } | |
| .searchhide#ac-globalnav .ac-gn-item-menu:nth-child(7) { | |
| -webkit-animation-delay: 175ms; | |
| animation-delay: 175ms | |
| } | |
| .searchhide#ac-globalnav .ac-gn-item-menu:nth-child(8) { | |
| -webkit-animation-delay: 210ms; | |
| animation-delay: 210ms | |
| } | |
| .searchhide#ac-globalnav .ac-gn-item-menu:nth-child(9) { | |
| -webkit-animation-delay: 245ms; | |
| animation-delay: 245ms | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .searchhide#ac-globalnav .ac-gn-item-menu { | |
| -webkit-animation:ac-gn-item-searchshow-small 800ms reverse both; | |
| animation: ac-gn-item-searchshow-small 800ms reverse both | |
| } | |
| .searchhide#ac-globalnav .ac-gn-item-menu:nth-child(n) { | |
| -webkit-animation-delay: 0s; | |
| animation-delay: 0s | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-item-menu { | |
| height:47px; | |
| border-bottom: 1px solid #333; | |
| opacity: 0; | |
| pointer-events: none; | |
| -webkit-transform: scale(1.1) translateY(-24px); | |
| -ms-transform: scale(1.1) translateY(-24px); | |
| transform: scale(1.1) translateY(-24px); | |
| -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out; | |
| transition: opacity 0.35s ease-out, transform 0.35s ease-out | |
| } | |
| #ac-globalnav .ac-gn-item-menu:nth-child(2) { | |
| -webkit-transition-delay: 400ms,400ms; | |
| transition-delay: 400ms,400ms | |
| } | |
| #ac-globalnav .ac-gn-item-menu:nth-child(3) { | |
| -webkit-transition-delay: 350ms,350ms; | |
| transition-delay: 350ms,350ms | |
| } | |
| #ac-globalnav .ac-gn-item-menu:nth-child(4) { | |
| -webkit-transition-delay: 300ms,300ms; | |
| transition-delay: 300ms,300ms | |
| } | |
| #ac-globalnav .ac-gn-item-menu:nth-child(5) { | |
| -webkit-transition-delay: 250ms,250ms; | |
| transition-delay: 250ms,250ms | |
| } | |
| #ac-globalnav .ac-gn-item-menu:nth-child(6) { | |
| -webkit-transition-delay: 200ms,200ms; | |
| transition-delay: 200ms,200ms | |
| } | |
| #ac-globalnav .ac-gn-item-menu:nth-child(7) { | |
| -webkit-transition-delay: 150ms,150ms; | |
| transition-delay: 150ms,150ms | |
| } | |
| #ac-globalnav .ac-gn-item-menu:nth-child(8) { | |
| -webkit-transition-delay: 100ms,100ms; | |
| transition-delay: 100ms,100ms | |
| } | |
| #ac-globalnav .ac-gn-item-menu:nth-child(9) { | |
| -webkit-transition-delay: 50ms,50ms; | |
| transition-delay: 50ms,50ms | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu,#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu { | |
| opacity: 1; | |
| pointer-events: auto; | |
| -webkit-transform: none; | |
| -ms-transform: none; | |
| transform: none | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(2),#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(2) { | |
| -webkit-transition-delay: 300ms,300ms; | |
| transition-delay: 300ms,300ms | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(3),#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(3) { | |
| -webkit-transition-delay: 350ms,350ms; | |
| transition-delay: 350ms,350ms | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(4),#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(4) { | |
| -webkit-transition-delay: 400ms,400ms; | |
| transition-delay: 400ms,400ms | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(5),#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(5) { | |
| -webkit-transition-delay: 450ms,450ms; | |
| transition-delay: 450ms,450ms | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(6),#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(6) { | |
| -webkit-transition-delay: 500ms,500ms; | |
| transition-delay: 500ms,500ms | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(7),#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(7) { | |
| -webkit-transition-delay: 550ms,550ms; | |
| transition-delay: 550ms,550ms | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(8),#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(8) { | |
| -webkit-transition-delay: 600ms,600ms; | |
| transition-delay: 600ms,600ms | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(9),#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(9) { | |
| -webkit-transition-delay: 650ms,650ms; | |
| transition-delay: 650ms,650ms | |
| } | |
| } | |
| #ac-globalnav .ac-gn-search-placeholder { | |
| display: none | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-search { | |
| border-bottom-color:silver | |
| } | |
| .searchshow#ac-globalnav .ac-gn-search,.searchopen#ac-globalnav .ac-gn-search,.searchhide#ac-globalnav .ac-gn-search { | |
| -webkit-animation: none; | |
| animation: none | |
| } | |
| #ac-globalnav .ac-gn-search-placeholder { | |
| cursor: text; | |
| display: block; | |
| margin-left: 28px | |
| } | |
| .searchshow#ac-globalnav .ac-gn-search-placeholder { | |
| -webkit-animation: ac-gn-search-placeholder-searchshow 800ms both; | |
| animation: ac-gn-search-placeholder-searchshow 800ms both | |
| } | |
| .searchhide#ac-globalnav .ac-gn-search-placeholder { | |
| -webkit-animation: ac-gn-search-placeholder-searchshow 800ms reverse both; | |
| animation: ac-gn-search-placeholder-searchshow 800ms reverse both | |
| } | |
| } | |
| #ac-globalnav .ac-gn-link { | |
| font-size: 16px; | |
| line-height: 2.75; | |
| font-weight: 400; | |
| letter-spacing: normal; | |
| opacity: 1; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=100); | |
| color: #fff; | |
| position: relative; | |
| z-index: 1; | |
| display: inline-block; | |
| padding: 0 10px; | |
| height: 44px; | |
| background: no-repeat; | |
| text-decoration: none; | |
| white-space: nowrap; | |
| -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); | |
| transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); | |
| -webkit-tap-highlight-color: transparent; | |
| outline-offset: -7px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link { | |
| font-size:20px; | |
| line-height: 2.35; | |
| font-weight: 200; | |
| letter-spacing: normal | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link { | |
| height:48px | |
| } | |
| } | |
| .no-js#ac-globalnav .ac-gn-link:hover { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| .no-touch#ac-globalnav .ac-gn-link:hover { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-search { | |
| cursor:default | |
| } | |
| .no-js#ac-globalnav .ac-gn-link-search:hover { | |
| opacity: 1; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=100) | |
| } | |
| .no-touch#ac-globalnav .ac-gn-link-search:hover { | |
| opacity: 1; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=100) | |
| } | |
| } | |
| #ac-globalnav .ac-gn-link-text { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| clip: rect(1px 1px 1px 1px); | |
| clip: rect(1px, 1px, 1px, 1px); | |
| -webkit-clip-path: inset(0px 0px 99.9% 99.9%); | |
| clip-path: inset(0px 0px 99.9% 99.9%); | |
| overflow: hidden; | |
| height: 1px; | |
| width: 1px; | |
| padding: 0; | |
| border: 0 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-bag { | |
| padding:0 16px; | |
| -webkit-transition: -webkit-transform 0.25s 0.55s ease-out; | |
| transition: transform 0.25s 0.55s ease-out | |
| } | |
| #ac-gn-menustate:checked ~ .js#ac-globalnav .ac-gn-link-bag,#ac-gn-menustate:target ~ .js#ac-globalnav .ac-gn-link-bag { | |
| -webkit-transform: translateX(200%); | |
| -ms-transform: translateX(200%); | |
| transform: translateX(200%); | |
| -webkit-transition: -webkit-transform 0.55s 0.25s ease-out; | |
| transition: transform 0.55s 0.25s ease-out | |
| } | |
| } | |
| #ac-globalnav .ac-gn-link-bag:focus:active { | |
| outline: none | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-item-menu .ac-gn-link { | |
| background-position:left center; | |
| display: block; | |
| outline-offset: 0; | |
| padding: 0; | |
| width: auto; | |
| max-width: none | |
| } | |
| } | |
| #ac-globalnav .ac-gn-link-apple { | |
| background-repeat: no-repeat; | |
| background-size: 20px 44px; | |
| background-image: url("http://www.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/apple/image_large.svg"); | |
| background-position: center center; | |
| width: 20px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-apple { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/apple/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-apple { | |
| background-size:21px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/apple/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-apple { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/apple/image_small.png") | |
| } | |
| } | |
| .ac-gn-current-apple #ac-globalnav .ac-gn-link-apple { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-link-mac { | |
| background-repeat: no-repeat; | |
| background-size: 31px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/mac/image_large.svg"); | |
| background-position: center center; | |
| background-origin: content-box; | |
| background-size: cover; | |
| width: 1.72222em; | |
| max-width: 52.7px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-mac { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/mac/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-mac { | |
| background-size:37px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/mac/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-mac { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/mac/image_small.png") | |
| } | |
| } | |
| .ac-gn-current-mac #ac-globalnav .ac-gn-link-mac { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-link-ipad { | |
| background-repeat: no-repeat; | |
| background-size: 30px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/ipad/image_large.svg"); | |
| background-position: center center; | |
| background-origin: content-box; | |
| background-size: cover; | |
| width: 1.66667em; | |
| max-width: 51px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-ipad { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/ipad/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-ipad { | |
| background-size:35px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/ipad/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-ipad { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/ipad/image_small.png") | |
| } | |
| } | |
| .ac-gn-current-ipad #ac-globalnav .ac-gn-link-ipad { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-link-iphone { | |
| background-repeat: no-repeat; | |
| background-size: 48px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/iphone/image_large.svg"); | |
| background-position: center center; | |
| background-origin: content-box; | |
| background-size: cover; | |
| width: 2.66667em; | |
| max-width: 81.6px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-iphone { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/iphone/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-iphone { | |
| background-size:59px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/iphone/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-iphone { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/iphone/image_small.png") | |
| } | |
| } | |
| .ac-gn-current-iphone #ac-globalnav .ac-gn-link-iphone { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-link-watch { | |
| background-repeat: no-repeat; | |
| background-size: 44px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/watch/image_large.svg"); | |
| background-position: center center; | |
| background-origin: content-box; | |
| background-size: cover; | |
| width: 2.44444em; | |
| max-width: 74.8px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-watch { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/watch/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-watch { | |
| background-size:52px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/watch/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-watch { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/watch/image_small.png") | |
| } | |
| } | |
| .ac-gn-current-watch #ac-globalnav .ac-gn-link-watch { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-link-tv { | |
| background-repeat: no-repeat; | |
| background-size: 20px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/tv/image_large.svg"); | |
| background-position: center center; | |
| background-origin: content-box; | |
| background-size: cover; | |
| width: 1.11111em; | |
| max-width: 34px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-tv { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/tv/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-tv { | |
| background-size:23px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/tv/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-tv { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/tv/image_small.png") | |
| } | |
| } | |
| .ac-gn-current-tv #ac-globalnav .ac-gn-link-tv { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-link-music { | |
| background-repeat: no-repeat; | |
| background-size: 40px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/music/image_large.svg"); | |
| background-position: center center; | |
| background-origin: content-box; | |
| background-size: cover; | |
| width: 2.22222em; | |
| max-width: 68px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-music { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/music/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-music { | |
| background-size:48px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/music/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-music { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/music/image_small.png") | |
| } | |
| } | |
| .ac-gn-current-music #ac-globalnav .ac-gn-link-music { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-link-support { | |
| background-repeat: no-repeat; | |
| background-size: 57px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/support/image_large.svg"); | |
| background-position: center center; | |
| background-origin: content-box; | |
| background-size: cover; | |
| width: 3.16667em; | |
| max-width: 96.9px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-support { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/support/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-support { | |
| background-size:69px 49px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/support/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-support { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/support/image_small.png") | |
| } | |
| } | |
| .ac-gn-current-support #ac-globalnav .ac-gn-link-support { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-link-search { | |
| background-repeat: no-repeat; | |
| background-size: 20px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/image_large.svg"); | |
| background-position: center center; | |
| width: 20px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-search { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-search { | |
| background-size:22px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-search { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/image_small.png") | |
| } | |
| } | |
| .ac-gn-current-search #ac-globalnav .ac-gn-link-search { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-link-bag { | |
| background-repeat: no-repeat; | |
| background-size: 18px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/bag/image_large.svg"); | |
| background-position: center center; | |
| width: 18px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-bag { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/bag/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-bag { | |
| background-size:19px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/bag/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-bag { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/bag/image_small.png") | |
| } | |
| } | |
| .ac-gn-current-bag #ac-globalnav .ac-gn-link-bag { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-link.current { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-menuicon { | |
| display: none; | |
| position: absolute; | |
| z-index: 2; | |
| top: 0; | |
| left: 0; | |
| width: 48px; | |
| border-bottom: none | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-menuicon { | |
| display:block | |
| } | |
| } | |
| #ac-globalnav .ac-gn-menuicon-label { | |
| display: block; | |
| position: absolute; | |
| z-index: 3; | |
| top: 0; | |
| width: 48px; | |
| height: 48px; | |
| cursor: pointer; | |
| -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| -webkit-tap-highlight-color: transparent | |
| } | |
| #ac-globalnav .ac-gn-menuicon-label:hover,#ac-globalnav .ac-gn-menuicon-label:focus,#ac-globalnav .ac-gn-menuicon-label:active { | |
| opacity: .65 | |
| } | |
| .touch#ac-globalnav .ac-gn-menuicon-label { | |
| opacity: 1; | |
| -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99) | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuicon-label,#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuicon-label { | |
| -webkit-transform: rotate(90deg); | |
| -ms-transform: rotate(90deg); | |
| transform: rotate(90deg) | |
| } | |
| #ac-globalnav .ac-gn-menuicon-bread { | |
| position: absolute; | |
| z-index: 3; | |
| top: 0; | |
| left: 0; | |
| width: 48px; | |
| height: 48px; | |
| -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); | |
| transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) | |
| } | |
| #ac-globalnav .ac-gn-menuicon-bread-top { | |
| -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| -webkit-transform: rotate(0); | |
| -ms-transform: rotate(0); | |
| transform: rotate(0); | |
| z-index: 4 | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuicon-bread-top,#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuicon-bread-top { | |
| -webkit-transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg) | |
| } | |
| #ac-globalnav .ac-gn-menuicon-bread-bottom { | |
| -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| -webkit-transform: rotate(0); | |
| -ms-transform: rotate(0); | |
| transform: rotate(0) | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuicon-bread-bottom,#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuicon-bread-bottom { | |
| -webkit-transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| -webkit-transform: rotate(-45deg); | |
| -ms-transform: rotate(-45deg); | |
| transform: rotate(-45deg) | |
| } | |
| #ac-globalnav .ac-gn-menuicon-bread-crust { | |
| display: block; | |
| width: 17px; | |
| height: 1px; | |
| background: #fff; | |
| position: absolute; | |
| left: 16px; | |
| z-index: 1; | |
| -webkit-transition: -webkit-transform 0.2s; | |
| transition: transform 0.2s | |
| } | |
| #ac-globalnav .ac-gn-menuicon-bread-crust-top { | |
| top: 23px; | |
| -webkit-transition: -webkit-transform 0.2s 0.2s; | |
| transition: transform 0.2s 0.2s; | |
| -webkit-transform: translateY(-3px); | |
| -ms-transform: translateY(-3px); | |
| transform: translateY(-3px) | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuicon-bread-crust-top,#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuicon-bread-crust-top { | |
| -webkit-transform: translateY(0); | |
| -ms-transform: translateY(0); | |
| transform: translateY(0); | |
| -webkit-transition-delay: 0; | |
| transition-delay: 0 | |
| } | |
| #ac-globalnav .ac-gn-menuicon-bread-crust-bottom { | |
| bottom: 23px; | |
| -webkit-transform: translateY(3px); | |
| -ms-transform: translateY(3px); | |
| transform: translateY(3px) | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuicon-bread-crust-bottom,#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuicon-bread-crust-bottom { | |
| -webkit-transition: -webkit-transform 0.2s; | |
| transition: transform 0.2s; | |
| -webkit-transform: translateY(0); | |
| -ms-transform: translateY(0); | |
| transform: translateY(0) | |
| } | |
| #ac-globalnav .ac-gn-menuanchor { | |
| color: #fff; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 1px; | |
| height: 1px; | |
| z-index: 10 | |
| } | |
| #ac-globalnav .ac-gn-menuanchor:focus { | |
| outline-offset: -8px; | |
| width: 48px; | |
| height: 48px | |
| } | |
| #ac-globalnav .ac-gn-menuanchor-close { | |
| display: none | |
| } | |
| #ac-globalnav .ac-gn-menuanchor-label { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| clip: rect(1px 1px 1px 1px); | |
| clip: rect(1px, 1px, 1px, 1px); | |
| -webkit-clip-path: inset(0px 0px 99.9% 99.9%); | |
| clip-path: inset(0px 0px 99.9% 99.9%); | |
| overflow: hidden; | |
| height: 1px; | |
| width: 1px; | |
| padding: 0; | |
| border: 0 | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuanchor-open,#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuanchor-open { | |
| display: none | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuanchor-close,#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuanchor-close { | |
| display: block | |
| } | |
| #ac-globalnav .ac-gn-bag-badge { | |
| border-radius: 6px; | |
| margin-top: -3px; | |
| margin-left: -3px; | |
| width: 6px; | |
| height: 6px; | |
| background: #5cc3f6; | |
| display: none; | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| z-index: 1 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-bag-badge { | |
| border-radius:9px; | |
| margin-top: -4px; | |
| margin-left: -4.5px; | |
| width: 9px; | |
| height: 9px | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bag.with-badge .ac-gn-bag-badge { | |
| display: block | |
| } | |
| #ac-globalnav .ac-gn-bagview,#ac-globalnav .ac-gn-notification { | |
| margin-right: -114px; | |
| position: absolute; | |
| top: 48px; | |
| right: 0; | |
| z-index: 1 | |
| } | |
| @media only screen and (max-width: 1266px) { | |
| #ac-globalnav .ac-gn-bagview,#ac-globalnav .ac-gn-notification { | |
| right:5px; | |
| margin-right: calc(512px - 50vw) | |
| } | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| #ac-globalnav .ac-gn-bagview,#ac-globalnav .ac-gn-notification { | |
| margin-right:0 | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-bagview,#ac-globalnav .ac-gn-notification { | |
| margin-right:0; | |
| top: 52px | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-caret,#ac-globalnav .ac-gn-notification-caret { | |
| overflow: hidden; | |
| position: absolute; | |
| bottom: -5px; | |
| left: 0; | |
| width: 100%; | |
| height: 10px; | |
| z-index: 1 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-bagview-caret,#ac-globalnav .ac-gn-notification-caret { | |
| bottom:100% | |
| } | |
| } | |
| @media only screen and (max-width: 419px) { | |
| #ac-globalnav .ac-gn-bagview-caret,#ac-globalnav .ac-gn-notification-caret { | |
| height:9px; | |
| margin-bottom: 0 | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-caret:after,#ac-globalnav .ac-gn-notification-caret:after { | |
| border: 1px solid; | |
| content: ""; | |
| display: block; | |
| position: absolute; | |
| top: 0; | |
| left: 50%; | |
| width: 12px; | |
| height: 12px; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| -webkit-transform-origin: 0 0; | |
| -ms-transform-origin: 0 0; | |
| transform-origin: 0 0; | |
| z-index: 1 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-bagview-caret:after,#ac-globalnav .ac-gn-notification-caret:after { | |
| left:auto; | |
| right: 4px | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview { | |
| font-size: 15px; | |
| line-height: 1.73333; | |
| font-weight: 400; | |
| letter-spacing: normal; | |
| background: #fff; | |
| border: 1px solid #d6d6d6; | |
| border-radius: 2px; | |
| display: none; | |
| width: 288px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-bagview { | |
| font-size:16px; | |
| line-height: 1.625; | |
| font-weight: 400; | |
| letter-spacing: normal | |
| } | |
| } | |
| .with-bagview#ac-globalnav .ac-gn-bagview { | |
| display: block | |
| } | |
| @media only screen and (max-width: 419px) { | |
| #ac-globalnav .ac-gn-bagview { | |
| border-radius:0; | |
| border-width: 0 0 1px 0; | |
| top: 48px; | |
| left: 0; | |
| right: 0; | |
| width: 100% | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-content { | |
| margin: 0 auto; | |
| min-height: 90px; | |
| padding: 0 20px; | |
| position: relative; | |
| z-index: 2 | |
| } | |
| @media only screen and (max-width: 419px) { | |
| #ac-globalnav .ac-gn-bagview-content { | |
| padding:0 48px | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-caret { | |
| display: none | |
| } | |
| .with-bagview#ac-globalnav .ac-gn-bagview-caret { | |
| display: block | |
| } | |
| .with-bagview.ie7#ac-globalnav .ac-gn-bagview-caret,.with-bagview.ie8#ac-globalnav .ac-gn-bagview-caret { | |
| display: none | |
| } | |
| .with-bagview#ac-globalnav .ac-gn-bagview-caret-small { | |
| display: none | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .with-bagview#ac-globalnav .ac-gn-bagview-caret-small { | |
| display:block | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .with-bagview#ac-globalnav .ac-gn-bagview-caret-large { | |
| display:none | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-caret:after { | |
| background: #fff; | |
| border-color: #d6d6d6 | |
| } | |
| @media only screen and (max-width: 419px) { | |
| #ac-globalnav .ac-gn-bagview-caret:after { | |
| border-color:#fff; | |
| right: 10px | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bag { | |
| z-index: 2 | |
| } | |
| #ac-globalnav .ac-gn-bagview { | |
| font-size: 15px; | |
| line-height: 1.23333; | |
| font-weight: 400; | |
| letter-spacing: normal; | |
| background: #fff | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-bagview { | |
| font-size:16px; | |
| line-height: 1.15625; | |
| font-weight: 400; | |
| letter-spacing: normal | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-message { | |
| color: #999; | |
| line-height: 90px; | |
| margin: 0; | |
| text-align: center | |
| } | |
| #ac-globalnav .ac-gn-bagview-linemessage { | |
| margin: 0; | |
| color: #999; | |
| font-size: 12px; | |
| line-height: 1.33333; | |
| font-weight: 400; | |
| letter-spacing: normal; | |
| text-align: center | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-bagview-linemessage { | |
| font-size:12px; | |
| line-height: 1.33333; | |
| font-weight: 400; | |
| letter-spacing: normal | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-linemessage-text { | |
| padding: 0 8px 0 8px; | |
| background: #fff | |
| } | |
| #ac-globalnav .ac-gn-bagview-linemessage:before { | |
| display: block; | |
| position: relative; | |
| top: 9px; | |
| margin-top: -1px; | |
| z-index: -10; | |
| border-bottom: 1px solid #e3e3e3; | |
| content: "" | |
| } | |
| @-webkit-keyframes loader { | |
| from { | |
| -webkit-transform: rotate(0deg) translateZ(0); | |
| transform: rotate(0deg) translateZ(0) | |
| } | |
| to { | |
| -webkit-transform: rotate(360deg) translateZ(0); | |
| transform: rotate(360deg) translateZ(0) | |
| } | |
| } | |
| @keyframes loader { | |
| from { | |
| -webkit-transform: rotate(0deg) translateZ(0); | |
| transform: rotate(0deg) translateZ(0) | |
| } | |
| to { | |
| -webkit-transform: rotate(360deg) translateZ(0); | |
| transform: rotate(360deg) translateZ(0) | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-loader { | |
| background: no-repeat center/40px url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/spinner.svg"); | |
| margin-top: -20px; | |
| margin-left: -20px; | |
| width: 40px; | |
| height: 40px; | |
| background: url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/spinner.gif") no-repeat\0; | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| z-index: 1; | |
| -webkit-animation: loader 1s linear infinite; | |
| animation: loader 1s linear infinite | |
| } | |
| #ac-globalnav .ac-gn-bagview _:-ms-input-placeholder,:root #ac-globalnav .ac-gn-bagview-loader { | |
| background: none,no-repeat center/40px url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/spinner.svg") | |
| } | |
| #ac-globalnav .ac-gn-bagview-bag { | |
| list-style: none | |
| } | |
| #ac-globalnav .ac-gn-bagview-bagitem { | |
| border-bottom: 1px solid #e3e3e3 | |
| } | |
| #ac-globalnav .ac-gn-bagview-bagitem-first { | |
| padding-top: 8px | |
| } | |
| #ac-globalnav .ac-gn-bagview-bagitem-last { | |
| border-bottom-style: none | |
| } | |
| #ac-globalnav .ac-gn-bagview-bagitem-link { | |
| margin: 0; | |
| padding: 0; | |
| display: table; | |
| width: 100%; | |
| color: #333; | |
| text-decoration: none | |
| } | |
| #ac-globalnav .ac-gn-bagview-bagitem-column1,#ac-globalnav .ac-gn-bagview-bagitem-column2 { | |
| display: table-cell; | |
| vertical-align: middle; | |
| min-height: 56px | |
| } | |
| #ac-globalnav .ac-gn-bagview-bagitem-column1 { | |
| padding: 15px 14px 15px 4px; | |
| width: 25% | |
| } | |
| #ac-globalnav .ac-gn-bagview-bagitem-column2 { | |
| padding: 15px 0; | |
| width: 75% | |
| } | |
| #ac-globalnav .ac-gn-bagview-bagitem-picture { | |
| max-width: 56px; | |
| height: auto | |
| } | |
| #ac-globalnav .ac-gn-bagview-bagitem-qty { | |
| font-size: 12px; | |
| line-height: 1.33333; | |
| font-weight: 400; | |
| letter-spacing: normal; | |
| color: #999 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-bagview-bagitem-qty { | |
| font-size:12px; | |
| line-height: 1.33333; | |
| font-weight: 400; | |
| letter-spacing: normal | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-bagitem-qty:before { | |
| content: "\2715"; | |
| font-size: 0.75em | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav { | |
| margin-bottom: 7px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-bagview-nav { | |
| margin-bottom:8px | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-list { | |
| margin: 0; | |
| padding: 0; | |
| list-style: none | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-item { | |
| margin: 0; | |
| padding: 0; | |
| border-top: 1px solid #e3e3e3 | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-item:first-child { | |
| border-top-style: none | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-nobtn { | |
| border-top: 1px solid #e3e3e3 | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link { | |
| color: #08c; | |
| display: block; | |
| line-height: 44px; | |
| padding: 0 30px; | |
| text-decoration: none; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| text-overflow: ellipsis | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link:hover { | |
| text-decoration: underline | |
| } | |
| .touch#ac-globalnav .ac-gn-bagview-nav-link:hover { | |
| text-decoration: none | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link-bag { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/bag.png"); | |
| background-image: none,url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/bag.svg"); | |
| background-position: left center; | |
| background-repeat: no-repeat | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link-view { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/view.png"); | |
| background-image: none,url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/view.svg"); | |
| background-position: left center; | |
| background-repeat: no-repeat | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link-favorites { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/favorites.png"); | |
| background-image: none,url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/favorites.svg"); | |
| background-position: left center; | |
| background-repeat: no-repeat | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link-orders { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/orders.png"); | |
| background-image: none,url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/orders.svg"); | |
| background-position: left center; | |
| background-repeat: no-repeat | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link-account { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/account.png"); | |
| background-image: none,url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/account.svg"); | |
| background-position: left center; | |
| background-repeat: no-repeat | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link-signIn { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/signIn.png"); | |
| background-image: none,url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/signIn.svg"); | |
| background-position: left center; | |
| background-repeat: no-repeat | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link-signOut { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/signIn.png"); | |
| background-image: none,url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/signIn.svg"); | |
| background-position: left center; | |
| background-repeat: no-repeat | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link-bag { | |
| background-position: left 45% | |
| } | |
| #ac-globalnav .ac-gn-bagview-button { | |
| background-color: #1e9bda; | |
| background: -webkit-linear-gradient(#3caee7, #08c); | |
| background: linear-gradient(#3caee7, #08c); | |
| border-radius: 4px; | |
| color: #fff; | |
| cursor: pointer; | |
| font-size: 15px; | |
| font-weight: 500; | |
| line-height: 32px; | |
| text-align: center; | |
| white-space: nowrap; | |
| padding: 0 16px; | |
| display: inline-block; | |
| font-family: "Myriad Set Pro","Helvetica Neue","Helvetica","Arial",sans-serif | |
| } | |
| .ie7#ac-globalnav .ac-gn-bagview-button { | |
| display: inline; | |
| zoom:1} | |
| .ie7#ac-globalnav .ac-gn-bagview-button { | |
| vertical-align: middle | |
| } | |
| .no-js#ac-globalnav .ac-gn-bagview-button:hover { | |
| background-color: #30a3dd; | |
| background: -webkit-linear-gradient(#4cb4e9, #1492d0); | |
| background: linear-gradient(#4cb4e9, #1492d0); | |
| text-decoration: none | |
| } | |
| .no-touch#ac-globalnav .ac-gn-bagview-button:hover { | |
| background-color: #30a3dd; | |
| background: -webkit-linear-gradient(#4cb4e9, #1492d0); | |
| background: linear-gradient(#4cb4e9, #1492d0); | |
| text-decoration: none | |
| } | |
| #ac-globalnav .ac-gn-bagview-button:active { | |
| background-color: #0e86c1; | |
| background: -webkit-linear-gradient(#1b9edf, #006da3); | |
| background: linear-gradient(#1b9edf, #006da3); | |
| outline: none | |
| } | |
| @-moz-document url-prefix() { | |
| #ac-globalnav .ac-gn-bagview-button { | |
| line-height: 31px; | |
| padding-top: 1px | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-button-buynow,#ac-globalnav .ac-gn-bagview-button-compact { | |
| background-color: #1e9bda; | |
| background: -webkit-linear-gradient(#3caee7, #08c); | |
| background: linear-gradient(#3caee7, #08c); | |
| border-color: #137ec6; | |
| border-top-color: #1992da; | |
| border-bottom-color: #0d6ab2; | |
| color: #fff; | |
| color: #fff; | |
| font-size: 13px; | |
| padding: 0 11px; | |
| line-height: 22px | |
| } | |
| .no-js#ac-globalnav .ac-gn-bagview-button-buynow:hover,.no-js#ac-globalnav .ac-gn-bagview-button-compact:hover { | |
| background: #30a3dd; | |
| background: -webkit-linear-gradient(#4cb4e9, #1492d0); | |
| background: linear-gradient(#4cb4e9, #1492d0) | |
| } | |
| .no-touch#ac-globalnav .ac-gn-bagview-button-buynow:hover,.no-touch#ac-globalnav .ac-gn-bagview-button-compact:hover { | |
| background: #30a3dd; | |
| background: -webkit-linear-gradient(#4cb4e9, #1492d0); | |
| background: linear-gradient(#4cb4e9, #1492d0) | |
| } | |
| #ac-globalnav .ac-gn-bagview-button-buynow:active,#ac-globalnav .ac-gn-bagview-button-compact:active { | |
| background: #0e86c1; | |
| background: -webkit-linear-gradient(#1b9edf, #006da3); | |
| background: linear-gradient(#1b9edf, #006da3) | |
| } | |
| @-moz-document url-prefix() { | |
| #ac-globalnav .ac-gn-bagview-button-buynow,#ac-globalnav .ac-gn-bagview-button-compact { | |
| line-height: 21px; | |
| padding-top: 1px | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-button { | |
| display: block; | |
| margin: 18px 0; | |
| text-decoration: none | |
| } | |
| #ac-globalnav #ac-gn-bagview-content .ac-gn-bagview-button.ac-gn-bagview-button-checkout { | |
| display: block | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-item-preregistration { | |
| padding: 10px 0px !important; | |
| border-bottom: 1px solid #e3e3e3 !important; | |
| text-align: center !important | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link-preregistration { | |
| padding: 0px 12px !important | |
| } | |
| #ac-globalnav li.prereg-promo-links-list { | |
| display: inline-block | |
| } | |
| @-webkit-keyframes ac-gn-searchview-searchhide { | |
| 0% { | |
| opacity: 1; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 0 | |
| } | |
| } | |
| @keyframes ac-gn-searchview-searchhide { | |
| 0% { | |
| opacity: 1; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 0 | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-searchshow-small { | |
| 0% { | |
| opacity: 0; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1 | |
| } | |
| } | |
| @keyframes ac-gn-searchview-searchshow-small { | |
| 0% { | |
| opacity: 0; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1 | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-close-left-searchshow { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: scale3d(1, 0.65, 1); | |
| transform: scale3d(1, 0.65, 1); | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1; | |
| -webkit-transform: rotate(-45deg); | |
| transform: rotate(-45deg) | |
| } | |
| } | |
| @keyframes ac-gn-searchview-close-left-searchshow { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: scale3d(1, 0.65, 1); | |
| transform: scale3d(1, 0.65, 1); | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1; | |
| -webkit-transform: rotate(-45deg); | |
| transform: rotate(-45deg) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-close-left-searchhide { | |
| 0% { | |
| opacity: 1; | |
| -webkit-transform: rotate(-45deg); | |
| transform: rotate(-45deg); | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 0; | |
| -webkit-transform: scale3d(1, 0.65, 1); | |
| transform: scale3d(1, 0.65, 1) | |
| } | |
| } | |
| @keyframes ac-gn-searchview-close-left-searchhide { | |
| 0% { | |
| opacity: 1; | |
| -webkit-transform: rotate(-45deg); | |
| transform: rotate(-45deg); | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 0; | |
| -webkit-transform: scale3d(1, 0.65, 1); | |
| transform: scale3d(1, 0.65, 1) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-close-right-searchshow { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: scale3d(1, 0.65, 1); | |
| transform: scale3d(1, 0.65, 1); | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1; | |
| -webkit-transform: rotate(45deg); | |
| transform: rotate(45deg) | |
| } | |
| } | |
| @keyframes ac-gn-searchview-close-right-searchshow { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: scale3d(1, 0.65, 1); | |
| transform: scale3d(1, 0.65, 1); | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1; | |
| -webkit-transform: rotate(45deg); | |
| transform: rotate(45deg) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-close-right-searchhide { | |
| 0% { | |
| opacity: 1; | |
| -webkit-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 0; | |
| -webkit-transform: scale3d(1, 0.65, 1); | |
| transform: scale3d(1, 0.65, 1) | |
| } | |
| } | |
| @keyframes ac-gn-searchview-close-right-searchhide { | |
| 0% { | |
| opacity: 1; | |
| -webkit-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 0; | |
| -webkit-transform: scale3d(1, 0.65, 1); | |
| transform: scale3d(1, 0.65, 1) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-close-searchshow-small { | |
| 0% { | |
| -webkit-transform: translateY(100%); | |
| transform: translateY(100%); | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translateY(0); | |
| transform: translateY(0) | |
| } | |
| } | |
| @keyframes ac-gn-searchview-close-searchshow-small { | |
| 0% { | |
| -webkit-transform: translateY(100%); | |
| transform: translateY(100%); | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translateY(0); | |
| transform: translateY(0) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-close-searchhide-small { | |
| 0% { | |
| -webkit-transform: translateY(0); | |
| transform: translateY(0); | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translateY(100%); | |
| transform: translateY(100%) | |
| } | |
| } | |
| @keyframes ac-gn-searchview-close-searchhide-small { | |
| 0% { | |
| -webkit-transform: translateY(0); | |
| transform: translateY(0); | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translateY(100%); | |
| transform: translateY(100%) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-close-left-searchshow-small { | |
| 0% { | |
| -webkit-transform: rotate(40deg); | |
| transform: rotate(40deg); | |
| -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); | |
| animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) | |
| } | |
| 100% { | |
| -webkit-transform: rotate(-40deg); | |
| transform: rotate(-40deg) | |
| } | |
| } | |
| @keyframes ac-gn-searchview-close-left-searchshow-small { | |
| 0% { | |
| -webkit-transform: rotate(40deg); | |
| transform: rotate(40deg); | |
| -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); | |
| animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) | |
| } | |
| 100% { | |
| -webkit-transform: rotate(-40deg); | |
| transform: rotate(-40deg) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-close-left-searchhide-small { | |
| 0% { | |
| -webkit-transform: rotate(-40deg); | |
| transform: rotate(-40deg); | |
| -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); | |
| animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) | |
| } | |
| 100% { | |
| -webkit-transform: rotate(40deg); | |
| transform: rotate(40deg) | |
| } | |
| } | |
| @keyframes ac-gn-searchview-close-left-searchhide-small { | |
| 0% { | |
| -webkit-transform: rotate(-40deg); | |
| transform: rotate(-40deg); | |
| -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); | |
| animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) | |
| } | |
| 100% { | |
| -webkit-transform: rotate(40deg); | |
| transform: rotate(40deg) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-close-right-searchshow-small { | |
| 0% { | |
| -webkit-transform: rotate(-40deg); | |
| transform: rotate(-40deg); | |
| -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); | |
| animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) | |
| } | |
| 100% { | |
| -webkit-transform: rotate(40deg); | |
| transform: rotate(40deg) | |
| } | |
| } | |
| @keyframes ac-gn-searchview-close-right-searchshow-small { | |
| 0% { | |
| -webkit-transform: rotate(-40deg); | |
| transform: rotate(-40deg); | |
| -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); | |
| animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) | |
| } | |
| 100% { | |
| -webkit-transform: rotate(40deg); | |
| transform: rotate(40deg) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-close-right-searchhide-small { | |
| 0% { | |
| -webkit-transform: rotate(40deg); | |
| transform: rotate(40deg); | |
| -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); | |
| animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) | |
| } | |
| 100% { | |
| -webkit-transform: rotate(-40deg); | |
| transform: rotate(-40deg) | |
| } | |
| } | |
| @keyframes ac-gn-searchview-close-right-searchhide-small { | |
| 0% { | |
| -webkit-transform: rotate(40deg); | |
| transform: rotate(40deg); | |
| -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); | |
| animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) | |
| } | |
| 100% { | |
| -webkit-transform: rotate(-40deg); | |
| transform: rotate(-40deg) | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchview { | |
| display: none | |
| } | |
| .searchshow#ac-globalnav .ac-gn-searchview,.searchopen#ac-globalnav .ac-gn-searchview,.searchhide#ac-globalnav .ac-gn-searchview { | |
| display: block | |
| } | |
| #ac-globalnav .ac-gn-searchview-content { | |
| position: absolute; | |
| top: 0; | |
| left: 16.66667%; | |
| width: 66.66667%; | |
| z-index: 3 | |
| } | |
| .searchhide#ac-globalnav .ac-gn-searchview-content { | |
| -webkit-animation: ac-gn-searchview-searchhide 200ms both; | |
| animation: ac-gn-searchview-searchhide 200ms both | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchview-content { | |
| top:58px; | |
| left: 0; | |
| bottom: 0; | |
| right: 0; | |
| width: 100%; | |
| height: auto | |
| } | |
| } | |
| @media only screen and (max-width: 767px) and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchview-content { | |
| opacity:0 | |
| } | |
| .searchshow#ac-globalnav .ac-gn-searchview-content,.searchopen#ac-globalnav .ac-gn-searchview-content,.searchhide#ac-globalnav .ac-gn-searchview-content { | |
| -webkit-animation: none; | |
| animation: none | |
| } | |
| .searchopen#ac-globalnav .ac-gn-searchview-content { | |
| opacity: 1 | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchview-close { | |
| opacity: 1; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=100); | |
| position: absolute; | |
| z-index: 3; | |
| width: 38px; | |
| height: 44px; | |
| right: 12px; | |
| top: 0; | |
| color: #fff; | |
| cursor: pointer; | |
| -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); | |
| transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); | |
| -webkit-tap-highlight-color: transparent | |
| } | |
| #ac-globalnav .ac-gn-searchview-close:-moz-focusring { | |
| outline: 1px dotted #fff | |
| } | |
| #ac-globalnav .ac-gn-searchview-close::-moz-focus-inner { | |
| border: 0 | |
| } | |
| #ac-globalnav .ac-gn-searchview-close:hover,#ac-globalnav .ac-gn-searchview-close:active { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| .touch#ac-globalnav .ac-gn-searchview-close:hover,.touch#ac-globalnav .ac-gn-searchview-close:active { | |
| opacity: 1 | |
| } | |
| #ac-globalnav .ac-gn-searchview-close:focus { | |
| outline-offset: -7px | |
| } | |
| #ac-globalnav .ac-gn-searchview-close:focus:active { | |
| outline: none | |
| } | |
| .searchshow#ac-globalnav .ac-gn-searchview-close { | |
| -webkit-transform: translateZ(0); | |
| transform: translateZ(0) | |
| } | |
| .searchhide#ac-globalnav .ac-gn-searchview-close { | |
| -webkit-transform: translateZ(0); | |
| transform: translateZ(0) | |
| } | |
| .ie7#ac-globalnav .ac-gn-searchview-close,.ie8#ac-globalnav .ac-gn-searchview-close { | |
| background-repeat: no-repeat; | |
| background-size: 16px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/close_large.svg"); | |
| background-position: center center | |
| } | |
| .ie7.no-svg#ac-globalnav .ac-gn-searchview-close,.ie8.no-svg#ac-globalnav .ac-gn-searchview-close { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/close_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .ie7#ac-globalnav .ac-gn-searchview-close,.ie8#ac-globalnav .ac-gn-searchview-close { | |
| background-size:18px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/close_small.svg") | |
| } | |
| .ie7.no-svg#ac-globalnav .ac-gn-searchview-close,.ie8.no-svg#ac-globalnav .ac-gn-searchview-close { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/close_small.png") | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchview-close { | |
| left:50%; | |
| margin-left: -24px; | |
| width: 48px; | |
| height: 48px; | |
| z-index: 3; | |
| overflow: hidden | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchview-close-wrapper { | |
| display: block; | |
| width: 100%; | |
| height: 100% | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .searchshow#ac-globalnav .ac-gn-searchview-close-wrapper { | |
| -webkit-animation:ac-gn-searchview-close-searchshow-small 600ms 150ms both; | |
| animation: ac-gn-searchview-close-searchshow-small 600ms 150ms both | |
| } | |
| .searchopen#ac-globalnav .ac-gn-searchview-close-wrapper { | |
| -webkit-transform: none; | |
| -ms-transform: none; | |
| transform: none | |
| } | |
| .searchhide#ac-globalnav .ac-gn-searchview-close-wrapper { | |
| -webkit-animation: ac-gn-searchview-close-searchhide-small 600ms 200ms both; | |
| animation: ac-gn-searchview-close-searchhide-small 600ms 200ms both | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchview-close-left,#ac-globalnav .ac-gn-searchview-close-right { | |
| height: 18px; | |
| width: 1px; | |
| background: #fff; | |
| position: absolute; | |
| display: block; | |
| top: 11px; | |
| z-index: 1 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchview-close-left,#ac-globalnav .ac-gn-searchview-close-right { | |
| top:20px; | |
| height: 1px; | |
| width: 12px | |
| } | |
| } | |
| .ie7#ac-globalnav .ac-gn-searchview-close-left,.ie8#ac-globalnav .ac-gn-searchview-close-left,.ie7#ac-globalnav .ac-gn-searchview-close-right,.ie8#ac-globalnav .ac-gn-searchview-close-right { | |
| display: none | |
| } | |
| #ac-globalnav .ac-gn-searchview-close-left { | |
| right: 12px; | |
| -webkit-transform: scale3d(1, 0.65, 1); | |
| transform: scale3d(1, 0.65, 1); | |
| -webkit-transform-origin: 0 100%; | |
| -ms-transform-origin: 0 100%; | |
| transform-origin: 0 100% | |
| } | |
| .searchshow#ac-globalnav .ac-gn-searchview-close-left { | |
| -webkit-animation: ac-gn-searchview-close-left-searchshow 300ms both; | |
| animation: ac-gn-searchview-close-left-searchshow 300ms both | |
| } | |
| .searchopen#ac-globalnav .ac-gn-searchview-close-left { | |
| -webkit-transform: rotate(-45deg); | |
| -ms-transform: rotate(-45deg); | |
| transform: rotate(-45deg) | |
| } | |
| .searchhide#ac-globalnav .ac-gn-searchview-close-left { | |
| -webkit-animation: ac-gn-searchview-close-left-searchhide 300ms both; | |
| animation: ac-gn-searchview-close-left-searchhide 300ms both | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchview-close-left { | |
| left:auto; | |
| right: 50%; | |
| -webkit-transform: rotate(40deg); | |
| -ms-transform: rotate(40deg); | |
| transform: rotate(40deg); | |
| -webkit-transform-origin: 100% 100%; | |
| -ms-transform-origin: 100% 100%; | |
| transform-origin: 100% 100% | |
| } | |
| .searchshow#ac-globalnav .ac-gn-searchview-close-left { | |
| -webkit-animation: ac-gn-searchview-close-left-searchshow-small 600ms 225ms both; | |
| animation: ac-gn-searchview-close-left-searchshow-small 600ms 225ms both | |
| } | |
| .searchopen#ac-globalnav .ac-gn-searchview-close-left { | |
| -webkit-transform: rotate(-40deg); | |
| -ms-transform: rotate(-40deg); | |
| transform: rotate(-40deg) | |
| } | |
| .searchhide#ac-globalnav .ac-gn-searchview-close-left { | |
| -webkit-animation: ac-gn-searchview-close-left-searchhide-small 600ms 150ms both; | |
| animation: ac-gn-searchview-close-left-searchhide-small 600ms 150ms both | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchview-close-right { | |
| left: 12px; | |
| -webkit-transform: scale3d(1, 0.65, 1); | |
| transform: scale3d(1, 0.65, 1); | |
| -webkit-transform-origin: 100% 100%; | |
| -ms-transform-origin: 100% 100%; | |
| transform-origin: 100% 100% | |
| } | |
| .searchshow#ac-globalnav .ac-gn-searchview-close-right { | |
| -webkit-animation: ac-gn-searchview-close-right-searchshow 300ms both; | |
| animation: ac-gn-searchview-close-right-searchshow 300ms both | |
| } | |
| .searchopen#ac-globalnav .ac-gn-searchview-close-right { | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg) | |
| } | |
| .searchhide#ac-globalnav .ac-gn-searchview-close-right { | |
| -webkit-animation: ac-gn-searchview-close-right-searchhide 300ms both; | |
| animation: ac-gn-searchview-close-right-searchhide 300ms both | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchview-close-right { | |
| left:50%; | |
| -webkit-transform: rotate(-40deg); | |
| -ms-transform: rotate(-40deg); | |
| transform: rotate(-40deg); | |
| -webkit-transform-origin: 0 0; | |
| -ms-transform-origin: 0 0; | |
| transform-origin: 0 0 | |
| } | |
| .searchshow#ac-globalnav .ac-gn-searchview-close-right { | |
| -webkit-animation: ac-gn-searchview-close-right-searchshow-small 600ms 225ms both; | |
| animation: ac-gn-searchview-close-right-searchshow-small 600ms 225ms both | |
| } | |
| .searchopen#ac-globalnav .ac-gn-searchview-close-right { | |
| -webkit-transform: rotate(40deg); | |
| -ms-transform: rotate(40deg); | |
| transform: rotate(40deg) | |
| } | |
| .searchhide#ac-globalnav .ac-gn-searchview-close-right { | |
| -webkit-animation: ac-gn-searchview-close-right-searchhide-small 600ms 150ms both; | |
| animation: ac-gn-searchview-close-right-searchhide-small 600ms 150ms both | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchform-slide { | |
| 0% { | |
| -webkit-transform: translate3d(100px, 0, 0); | |
| transform: translate3d(100px, 0, 0); | |
| -webkit-animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1); | |
| animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translateZ(0); | |
| transform: translateZ(0) | |
| } | |
| } | |
| @keyframes ac-gn-searchform-slide { | |
| 0% { | |
| -webkit-transform: translate3d(100px, 0, 0); | |
| transform: translate3d(100px, 0, 0); | |
| -webkit-animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1); | |
| animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translateZ(0); | |
| transform: translateZ(0) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchform-fade { | |
| 0% { | |
| opacity: 0; | |
| -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1); | |
| animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1) | |
| } | |
| 100% { | |
| opacity: 1 | |
| } | |
| } | |
| @keyframes ac-gn-searchform-fade { | |
| 0% { | |
| opacity: 0; | |
| -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1); | |
| animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1) | |
| } | |
| 100% { | |
| opacity: 1 | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchinput-fade { | |
| 0% { | |
| opacity: 0 | |
| } | |
| 100% { | |
| opacity: 1 | |
| } | |
| } | |
| @keyframes ac-gn-searchinput-fade { | |
| 0% { | |
| opacity: 0 | |
| } | |
| 100% { | |
| opacity: 1 | |
| } | |
| } | |
| #ac-globalnav input,#ac-globalnav button { | |
| border: none; | |
| background-color: transparent | |
| } | |
| #ac-globalnav .ac-gn-searchform { | |
| height: 44px; | |
| line-height: 44px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform { | |
| height:48px; | |
| line-height: 48px; | |
| padding: 0 48px | |
| } | |
| } | |
| .searchshow#ac-globalnav .ac-gn-searchform { | |
| -webkit-animation: ac-gn-searchform-slide 1s 400ms both, ac-gn-searchform-fade 400ms 400ms both; | |
| animation: ac-gn-searchform-slide 1s 400ms both, ac-gn-searchform-fade 400ms 400ms both | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .searchshow#ac-globalnav .ac-gn-searchform { | |
| -webkit-animation:none; | |
| animation: none | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchform-wrapper { | |
| padding-left: 40px; | |
| position: relative; | |
| z-index: 2 | |
| } | |
| .ie7#ac-globalnav .ac-gn-searchform-wrapper,.ie8#ac-globalnav .ac-gn-searchform-wrapper { | |
| height: 44px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform-wrapper { | |
| background:#000; | |
| border-bottom: 1px solid #ccc; | |
| right: 200%; | |
| padding: 0 28px; | |
| height: 47px | |
| } | |
| .searchopen#ac-globalnav .ac-gn-searchform-wrapper { | |
| right: auto | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchform-input { | |
| font-size: 16px; | |
| line-height: 1.375; | |
| font-weight: 400; | |
| letter-spacing: normal; | |
| color: #fff; | |
| outline: none; | |
| width: 100%; | |
| height: 1.375em | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform-input { | |
| font-size:20px; | |
| line-height: 1.2; | |
| font-weight: 200; | |
| letter-spacing: normal | |
| } | |
| } | |
| .touch.searchshow#ac-globalnav .ac-gn-searchform-input { | |
| -webkit-transform: translateY(-200px); | |
| -ms-transform: translateY(-200px); | |
| transform: translateY(-200px) | |
| } | |
| .touch.searchopen#ac-globalnav .ac-gn-searchform-input { | |
| -webkit-animation: ac-gn-searchinput-fade 200ms both; | |
| animation: ac-gn-searchinput-fade 200ms both | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform-input { | |
| height:1.2em | |
| } | |
| .touch.searchshow#ac-globalnav .ac-gn-searchform-input { | |
| -webkit-transform: none; | |
| -ms-transform: none; | |
| transform: none | |
| } | |
| .touch.searchopen#ac-globalnav .ac-gn-searchform-input { | |
| -webkit-animation: none; | |
| animation: none | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchform-input::-webkit-input-placeholder { | |
| color: #999; | |
| opacity: 1 | |
| } | |
| #ac-globalnav .ac-gn-searchform-input::-moz-placeholder { | |
| color: #999; | |
| opacity: 1 | |
| } | |
| #ac-globalnav .ac-gn-searchform-input:-ms-input-placeholder { | |
| color: #999; | |
| opacity: 1 | |
| } | |
| #ac-globalnav .ac-gn-searchform-input::placeholder { | |
| color: #999; | |
| opacity: 1 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform-input::-webkit-input-placeholder { | |
| color:#666 | |
| } | |
| #ac-globalnav .ac-gn-searchform-input::-moz-placeholder { | |
| color: #666 | |
| } | |
| #ac-globalnav .ac-gn-searchform-input:-ms-input-placeholder { | |
| color: #666 | |
| } | |
| #ac-globalnav .ac-gn-searchform-input::placeholder { | |
| color: #666 | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchform-input::-ms-clear { | |
| display: none; | |
| width: 0; | |
| height: 0 | |
| } | |
| #ac-globalnav .ac-gn-searchform-submit { | |
| position: absolute; | |
| z-index: 1; | |
| top: 0; | |
| left: 0; | |
| width: 40px; | |
| height: 44px; | |
| cursor: pointer; | |
| background-repeat: no-repeat; | |
| background-size: 20px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/image_large.svg"); | |
| background-position: 10px 50%; | |
| background-repeat: no-repeat; | |
| -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); | |
| transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) | |
| } | |
| #ac-globalnav .ac-gn-searchform-submit:-moz-focusring { | |
| outline: 1px dotted #fff | |
| } | |
| #ac-globalnav .ac-gn-searchform-submit::-moz-focus-inner { | |
| border: 0 | |
| } | |
| .no-svg#ac-globalnav .ac-gn-searchform-submit { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform-submit { | |
| background-size:22px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-searchform-submit { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/image_small.png") | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchform-submit:hover,#ac-globalnav .ac-gn-searchform-submit:active { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| .touch#ac-globalnav .ac-gn-searchform-submit:hover,.touch#ac-globalnav .ac-gn-searchform-submit:active { | |
| opacity: 1 | |
| } | |
| #ac-globalnav .ac-gn-searchform-submit:focus { | |
| outline-offset: -7px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform-submit:focus { | |
| outline-offset:0 | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchform-submit[disabled] { | |
| opacity: 1; | |
| cursor: default | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform-submit { | |
| width:20px; | |
| height: 48px; | |
| background-position: 0 50% | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchform-reset { | |
| background-repeat: no-repeat; | |
| display: none; | |
| position: absolute; | |
| z-index: 1; | |
| top: 0; | |
| right: 0; | |
| cursor: pointer | |
| } | |
| #ac-globalnav .ac-gn-searchform-reset:-moz-focusring { | |
| outline: 1px dotted #fff | |
| } | |
| #ac-globalnav .ac-gn-searchform-reset::-moz-focus-inner { | |
| border: 0 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform-reset { | |
| background-size:24px 48px; | |
| height: 48px; | |
| width: 24px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/icon_reset_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-searchform-reset { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/icon_reset_small.png") | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform-reset { | |
| cursor:default; | |
| display: block; | |
| opacity: 0; | |
| pointer-events: none; | |
| -webkit-transition: opacity 300ms ease; | |
| transition: opacity 300ms ease | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform.with-reset .ac-gn-searchform-reset { | |
| cursor:pointer; | |
| opacity: 1; | |
| pointer-events: auto | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchresults-show { | |
| 0% { | |
| opacity: 0; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1 | |
| } | |
| } | |
| @keyframes ac-gn-searchresults-show { | |
| 0% { | |
| opacity: 0; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1 | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchresults-items-show { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: translateX(100px); | |
| transform: translateX(100px); | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1; | |
| -webkit-transform: none; | |
| transform: none | |
| } | |
| } | |
| @keyframes ac-gn-searchresults-items-show { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: translateX(100px); | |
| transform: translateX(100px); | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1; | |
| -webkit-transform: none; | |
| transform: none | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchresults { | |
| font-size: 15px; | |
| line-height: 2; | |
| font-weight: 400; | |
| letter-spacing: normal; | |
| display: none; | |
| background: #fff; | |
| border: 1px solid #d6d6d6; | |
| border-top: none; | |
| color: #999; | |
| max-height: calc(100vh - 44px); | |
| overflow-x: hidden; | |
| overflow-y: auto; | |
| -webkit-overflow-scrolling: touch; | |
| white-space: nowrap | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchresults { | |
| font-size:16px; | |
| line-height: 2.8125; | |
| font-weight: 400; | |
| letter-spacing: normal | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchresults { | |
| background:transparent; | |
| border: none; | |
| color: #999; | |
| max-height: none; | |
| padding: 48px; | |
| padding-bottom: 0; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| bottom: 0; | |
| right: 0; | |
| z-index: 1 | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchresults.with-content { | |
| display: block | |
| } | |
| #ac-globalnav .ac-gn-searchresults.with-content-initial { | |
| -webkit-animation: ac-gn-searchresults-show 200ms both; | |
| animation: ac-gn-searchresults-show 200ms both | |
| } | |
| #ac-globalnav .ac-gn-searchresults-section { | |
| border-top: 1px solid #d6d6d6; | |
| margin: 0 40px; | |
| padding: 24px 0 15px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchresults-section { | |
| border-color:#ccc; | |
| margin: 0; | |
| padding: 24px 0 | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchresults-section:first-child { | |
| border-top: none | |
| } | |
| #ac-globalnav .ac-gn-searchresults-header { | |
| font-size: 12px; | |
| line-height: 1; | |
| font-weight: 400; | |
| letter-spacing: normal; | |
| color: #999 | |
| } | |
| #ac-globalnav .ac-gn-searchresults-list { | |
| list-style: none; | |
| padding-top: 5px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchresults-list { | |
| padding:0 30px | |
| } | |
| } | |
| @media only screen and (max-width: 419px) { | |
| #ac-globalnav .ac-gn-searchresults-list { | |
| padding:0 | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchresults-item { | |
| margin: 4px -32px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchresults-item { | |
| margin:0; | |
| border-top: 1px solid #333 | |
| } | |
| #ac-globalnav .ac-gn-searchresults-item:first-child { | |
| border-top: none | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchresults-link { | |
| color: #999; | |
| display: block; | |
| padding: 0 48px; | |
| text-decoration: none | |
| } | |
| #ac-globalnav .ac-gn-searchresults-link b { | |
| color: #333; | |
| font-weight: 400 | |
| } | |
| #ac-globalnav .ac-gn-searchresults-link.current { | |
| background-color: #f2f2f2 | |
| } | |
| #ac-globalnav .ac-gn-searchresults-link.current,#ac-globalnav .ac-gn-searchresults-link.current b { | |
| color: #08c | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchresults-link { | |
| color:#ccc; | |
| padding: 0 | |
| } | |
| #ac-globalnav .ac-gn-searchresults-link b { | |
| color: #fff | |
| } | |
| #ac-globalnav .ac-gn-searchresults-link.current { | |
| background-color: transparent | |
| } | |
| #ac-globalnav .ac-gn-searchresults-link.current,#ac-globalnav .ac-gn-searchresults-link.current b { | |
| color: #5cc3f6 | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchresults-link-suggestions { | |
| background-repeat: no-repeat; | |
| background-size: 21px 60px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/icon_suggested_large.svg"); | |
| background-position: 48px 0; | |
| padding-left: 72px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-searchresults-link-suggestions { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/icon_suggested_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchresults-link-suggestions { | |
| background-size:18px 90px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/icon_suggested_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-searchresults-link-suggestions { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/icon_suggested_small.png") | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchresults-link-suggestions.current { | |
| background-position: 48px 100% | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchresults-link-suggestions { | |
| background-position:0 0; | |
| padding-left: 26px | |
| } | |
| #ac-globalnav .ac-gn-searchresults-link-suggestions.current { | |
| background-position: 0 100% | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated { | |
| -webkit-animation: ac-gn-searchresults-items-show 400ms both; | |
| animation: ac-gn-searchresults-items-show 400ms both | |
| } | |
| .searchhide#ac-globalnav .ac-gn-searchresults-animated { | |
| -webkit-animation: none; | |
| animation: none | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchresults-animated { | |
| -webkit-animation:none; | |
| animation: none | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated:nth-child(1) { | |
| -webkit-animation-delay: 20ms; | |
| animation-delay: 20ms | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated:nth-child(2) { | |
| -webkit-animation-delay: 40ms; | |
| animation-delay: 40ms | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated:nth-child(3) { | |
| -webkit-animation-delay: 60ms; | |
| animation-delay: 60ms | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated:nth-child(4) { | |
| -webkit-animation-delay: 80ms; | |
| animation-delay: 80ms | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated:nth-child(5) { | |
| -webkit-animation-delay: 100ms; | |
| animation-delay: 100ms | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated:nth-child(6) { | |
| -webkit-animation-delay: 120ms; | |
| animation-delay: 120ms | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated:nth-child(7) { | |
| -webkit-animation-delay: 140ms; | |
| animation-delay: 140ms | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated:nth-child(8) { | |
| -webkit-animation-delay: 160ms; | |
| animation-delay: 160ms | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated:nth-child(9) { | |
| -webkit-animation-delay: 180ms; | |
| animation-delay: 180ms | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated:nth-child(10) { | |
| -webkit-animation-delay: 200ms; | |
| animation-delay: 200ms | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated.ac-gn-searchresults-header { | |
| -webkit-animation-delay: 0s; | |
| animation-delay: 0s | |
| } | |
| #ac-globalnav .ac-gn-searchresults-noresults { | |
| display: block; | |
| padding: 0 32px; | |
| color: #999; | |
| line-height: 1.25; | |
| white-space: normal | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchresults-noresults { | |
| color:#ccc; | |
| padding: 0 | |
| } | |
| }</script> | |
| <script id="jsbin-source-javascript" type="text/javascript">$(function(){ | |
| var searchReveal = $('nav#ac-globalnav'); | |
| var showSearch = function() { | |
| searchReveal.removeClass('searchclose').addClass('searchopen'); | |
| // searchController.focusInput() | |
| window.scrollTo(0, 0); | |
| return false; | |
| }; | |
| $('.ac-gn-link-search').on('click', showSearch); | |
| $('#ac-gn-searchview-close').on('click', function(){ | |
| searchReveal.removeClass('searchopen').addClass('searchclose'); | |
| }); | |
| });</script></body> | |
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| html { | |
| width: 100%; | |
| height: 100% | |
| } | |
| @media only screen and (max-width: 735px) { | |
| html { | |
| min-width:375px | |
| } | |
| html #ac-globalnav { | |
| min-width: 375px | |
| } | |
| } | |
| @media only screen and (max-width: 735px) and (orientation: landscape) { | |
| html { | |
| min-width:460px | |
| } | |
| html #ac-globalnav { | |
| min-width: 460px | |
| } | |
| } | |
| @media only screen and (max-width: 735px) { | |
| html.touch { | |
| min-width:320px | |
| } | |
| html.touch #ac-globalnav { | |
| min-width: 320px | |
| } | |
| } | |
| body { | |
| width: 100%; | |
| height: 100%; | |
| background-color: #fff | |
| } | |
| html.oldie body { | |
| min-width: 1024px | |
| } | |
| @media only screen and (max-width: 1068px), only screen and (max-height: 890px) { | |
| body { | |
| min-width:85% | |
| } | |
| } | |
| html,body { | |
| margin: 0; | |
| padding: 0 | |
| } | |
| #ac-globalnav,#ac-gn-segmentbar { | |
| font-weight: normal; | |
| text-align: left; | |
| -webkit-text-size-adjust: 100%; | |
| -ms-text-size-adjust: 100%; | |
| text-size-adjust: 100% | |
| } | |
| #ac-globalnav,#ac-globalnav:before,#ac-globalnav:after,#ac-globalnav *,#ac-globalnav *:before,#ac-globalnav *:after,#ac-gn-segmentbar,#ac-gn-segmentbar:before,#ac-gn-segmentbar:after,#ac-gn-segmentbar *,#ac-gn-segmentbar *:before,#ac-gn-segmentbar *:after { | |
| box-sizing: content-box; | |
| margin: 0; | |
| padding: 0; | |
| letter-spacing: normal | |
| } | |
| #ac-globalnav *,#ac-globalnav *:before,#ac-globalnav *:after,#ac-gn-segmentbar *,#ac-gn-segmentbar *:before,#ac-gn-segmentbar *:after { | |
| font-size: 1em; | |
| font-family: inherit; | |
| *font-family: expression(this.parentNode.currentStyle['font-family']); | |
| font-weight: inherit; | |
| *font-weight: expression(this.parentNode.currentStyle['font-weight']); | |
| line-height: inherit; | |
| *line-height: expression(this.parentNode.currentStyle['line-height']); | |
| text-align: inherit; | |
| *text-align: expression(this.parentNode.currentStyle['text-align']) | |
| } | |
| #ac-globalnav article,#ac-globalnav aside,#ac-globalnav details,#ac-globalnav figcaption,#ac-globalnav figure,#ac-globalnav footer,#ac-globalnav header,#ac-globalnav nav,#ac-globalnav section,#ac-gn-segmentbar article,#ac-gn-segmentbar aside,#ac-gn-segmentbar details,#ac-gn-segmentbar figcaption,#ac-gn-segmentbar figure,#ac-gn-segmentbar footer,#ac-gn-segmentbar header,#ac-gn-segmentbar nav,#ac-gn-segmentbar section { | |
| display: block | |
| } | |
| #ac-globalnav img,#ac-gn-segmentbar img { | |
| border: 0; | |
| vertical-align: middle | |
| } | |
| #ac-globalnav ul,#ac-gn-segmentbar ul { | |
| list-style: none | |
| } | |
| #ac-globalnav,#ac-globalnav select,#ac-globalnav button,#ac-gn-segmentbar,#ac-gn-segmentbar select,#ac-gn-segmentbar button { | |
| font-family: "Myriad Set Pro","Helvetica Neue","Helvetica","Arial",sans-serif; | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| -moz-font-feature-settings: 'liga', 'kern' | |
| } | |
| #ac-globalnav input,#ac-globalnav textarea,#ac-gn-segmentbar input,#ac-gn-segmentbar textarea { | |
| font-family: "Myriad Set Pro","Helvetica Neue","Helvetica","Arial",sans-serif; | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| -moz-font-feature-settings: 'liga', 'kern' | |
| } | |
| #ac-globalnav { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| left: 0; | |
| z-index: 9999; | |
| display: block; | |
| margin: 0; | |
| width: 100%; | |
| min-width: 1024px; | |
| height: 48px; | |
| max-height: 44px; | |
| background: #333; | |
| background: rgba(0,0,0,0.8); | |
| font-size: 18px; | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none | |
| } | |
| .ac-theme-dark #ac-globalnav { | |
| background: #2b2b2b; | |
| background: rgba(85,85,85,0.5) | |
| } | |
| .blocktransitions#ac-globalnav,.blocktransitions#ac-globalnav:before,.blocktransitions#ac-globalnav:after,.blocktransitions#ac-globalnav *,.blocktransitions#ac-globalnav *:before,.blocktransitions#ac-globalnav *:after { | |
| -webkit-animation: none !important; | |
| animation: none !important; | |
| -webkit-transition: none !important; | |
| transition: none !important | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| #ac-globalnav { | |
| min-width:320px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav { | |
| max-height:none; | |
| -webkit-transition: background 0.35s linear,height 0.35s ease-in; | |
| transition: background 0.35s linear,height 0.35s ease-in | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav,#ac-gn-menustate:target ~ #ac-globalnav { | |
| height: 100%; | |
| background: #000; | |
| -webkit-transition: background 0.35s linear,height 0.35s ease-in 200ms; | |
| transition: background 0.35s linear,height 0.35s ease-in 200ms | |
| } | |
| .searchshow#ac-globalnav,.searchopen#ac-globalnav,.searchhide#ac-globalnav { | |
| position: fixed | |
| } | |
| } | |
| #ac-gn-menustate { | |
| display: none | |
| } | |
| #ac-gn-placeholder { | |
| height: 44px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-gn-placeholder { | |
| height:48px | |
| } | |
| } | |
| .ac-nav-overlap #ac-gn-placeholder { | |
| display: none | |
| } | |
| @-webkit-keyframes ac-gn-curtain-show { | |
| 0% { | |
| opacity: 0; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1 | |
| } | |
| } | |
| @keyframes ac-gn-curtain-show { | |
| 0% { | |
| opacity: 0; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1 | |
| } | |
| } | |
| #ac-gn-curtain { | |
| background: rgba(0,0,0,0.2); | |
| display: none; | |
| position: fixed; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| z-index: 9998 | |
| } | |
| @media only screen and (max-width: 419px) { | |
| #ac-globalnav.with-bagview ~ #ac-gn-curtain { | |
| display:block; | |
| -webkit-animation: ac-gn-curtain-show 200ms both; | |
| animation: ac-gn-curtain-show 200ms both | |
| } | |
| } | |
| #ac-globalnav.searchshow ~ #ac-gn-curtain,#ac-globalnav.searchopen ~ #ac-gn-curtain,#ac-globalnav.searchhide ~ #ac-gn-curtain { | |
| display: block | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav.searchshow ~ #ac-gn-curtain,#ac-globalnav.searchopen ~ #ac-gn-curtain,#ac-globalnav.searchhide ~ #ac-gn-curtain { | |
| display:none | |
| } | |
| } | |
| #ac-globalnav.searchshow ~ #ac-gn-curtain { | |
| -webkit-animation: ac-gn-curtain-show 200ms both; | |
| animation: ac-gn-curtain-show 200ms both | |
| } | |
| #ac-globalnav.searchhide ~ #ac-gn-curtain { | |
| -webkit-animation: ac-gn-curtain-show 200ms reverse both; | |
| animation: ac-gn-curtain-show 200ms reverse both | |
| } | |
| #ac-globalnav .ac-gn-content { | |
| margin: 0 auto; | |
| max-width: 980px; | |
| padding: 0 22px; | |
| position: relative; | |
| z-index: 2 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-content { | |
| padding:0; | |
| position: absolute; | |
| top: 0; | |
| width: 100%; | |
| height: 100% | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-apple-searchshow { | |
| 0% { | |
| -webkit-transform: none; | |
| transform: none; | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translate3d(0, -100%, 0); | |
| transform: translate3d(0, -100%, 0) | |
| } | |
| } | |
| @keyframes ac-gn-apple-searchshow { | |
| 0% { | |
| -webkit-transform: none; | |
| transform: none; | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translate3d(0, -100%, 0); | |
| transform: translate3d(0, -100%, 0) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-apple-searchhide { | |
| 0% { | |
| -webkit-transform: translate3d(0, -100%, 0); | |
| transform: translate3d(0, -100%, 0); | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: none; | |
| transform: none | |
| } | |
| } | |
| @keyframes ac-gn-apple-searchhide { | |
| 0% { | |
| -webkit-transform: translate3d(0, -100%, 0); | |
| transform: translate3d(0, -100%, 0); | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: none; | |
| transform: none | |
| } | |
| } | |
| #ac-globalnav .ac-gn-header { | |
| display: none; | |
| position: absolute; | |
| z-index: 3; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 48px; | |
| overflow: hidden | |
| } | |
| #ac-globalnav .ac-gn-header .ac-gn-apple { | |
| position: absolute; | |
| width: 48px; | |
| top: 0; | |
| left: 50%; | |
| margin-left: -24px; | |
| text-align: center; | |
| z-index: 1 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-header { | |
| display:block | |
| } | |
| .searchshow#ac-globalnav .ac-gn-header,.searchopen#ac-globalnav .ac-gn-header,.searchhide#ac-globalnav .ac-gn-header { | |
| background: #000; | |
| -webkit-transform: translateZ(0); | |
| transform: translateZ(0) | |
| } | |
| #ac-globalnav .ac-gn-header .ac-gn-apple { | |
| display: block | |
| } | |
| .searchshow#ac-globalnav .ac-gn-header .ac-gn-apple { | |
| -webkit-animation: ac-gn-apple-searchshow 600ms 200ms both; | |
| animation: ac-gn-apple-searchshow 600ms 200ms both | |
| } | |
| .searchopen#ac-globalnav .ac-gn-header .ac-gn-apple { | |
| display: none | |
| } | |
| .searchhide#ac-globalnav .ac-gn-header .ac-gn-apple { | |
| -webkit-animation: ac-gn-apple-searchhide 600ms 200ms both; | |
| animation: ac-gn-apple-searchhide 600ms 200ms both | |
| } | |
| #ac-globalnav .ac-gn-header .ac-gn-bag-small { | |
| display: block | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-list-searchshow { | |
| 0% { | |
| -webkit-transform: translateY(0); | |
| transform: translateY(0); | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translateY(-100%) translateY(106px); | |
| transform: translateY(-100%) translateY(106px) | |
| } | |
| } | |
| @keyframes ac-gn-list-searchshow { | |
| 0% { | |
| -webkit-transform: translateY(0); | |
| transform: translateY(0); | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translateY(-100%) translateY(106px); | |
| transform: translateY(-100%) translateY(106px) | |
| } | |
| } | |
| #ac-globalnav .ac-gn-list { | |
| cursor: default; | |
| margin: 0 -10px; | |
| text-align: justify; | |
| width: auto; | |
| height: 44px; | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| text-align: justify; | |
| -ms-text-justify: distribute-all-lines; | |
| text-justify: distribute-all-lines | |
| } | |
| #ac-globalnav .ac-gn-list:after { | |
| content: ''; | |
| width: 100%; | |
| display: inline-block; | |
| font-size: 0; | |
| line-height: 0 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-list { | |
| position:absolute; | |
| z-index: 2; | |
| top: 48px; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| margin: 0; | |
| padding: 0 48px; | |
| height: auto; | |
| box-sizing: border-box; | |
| overflow: hidden; | |
| overflow-y: auto; | |
| -webkit-overflow-scrolling: touch; | |
| visibility: hidden; | |
| -webkit-transition: visibility 0s linear 1s; | |
| transition: visibility 0s linear 1s | |
| } | |
| #ac-globalnav .ac-gn-list :nth-child(2) { | |
| margin-top: 12px | |
| } | |
| #ac-globalnav .ac-gn-list :nth-child(9) { | |
| margin-bottom: 48px | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-list,#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-list { | |
| visibility: visible; | |
| -webkit-transition-delay: 0s; | |
| transition-delay: 0s | |
| } | |
| .searchshow#ac-globalnav .ac-gn-list { | |
| bottom: auto; | |
| -webkit-animation: ac-gn-list-searchshow 800ms both; | |
| animation: ac-gn-list-searchshow 800ms both | |
| } | |
| .searchopen#ac-globalnav .ac-gn-list { | |
| display: none | |
| } | |
| .searchhide#ac-globalnav .ac-gn-list { | |
| bottom: auto; | |
| -webkit-animation: ac-gn-list-searchshow 800ms reverse both; | |
| animation: ac-gn-list-searchshow 800ms reverse both | |
| } | |
| #ac-globalnav .ac-gn-list:after { | |
| display: none | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-item-searchshow { | |
| 0% { | |
| opacity: 1; | |
| -webkit-transform: scale(1); | |
| transform: scale(1); | |
| -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); | |
| animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1) | |
| } | |
| 40% { | |
| opacity: 1 | |
| } | |
| 100% { | |
| opacity: 0; | |
| -webkit-transform: scale(0.7); | |
| transform: scale(0.7) | |
| } | |
| } | |
| @keyframes ac-gn-item-searchshow { | |
| 0% { | |
| opacity: 1; | |
| -webkit-transform: scale(1); | |
| transform: scale(1); | |
| -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); | |
| animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1) | |
| } | |
| 40% { | |
| opacity: 1 | |
| } | |
| 100% { | |
| opacity: 0; | |
| -webkit-transform: scale(0.7); | |
| transform: scale(0.7) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-item-searchhide { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: scale(0.7); | |
| transform: scale(0.7) | |
| } | |
| 60% { | |
| opacity: 1 | |
| } | |
| 100% { | |
| opacity: 1; | |
| -webkit-transform: scale(1); | |
| transform: scale(1); | |
| -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); | |
| animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1) | |
| } | |
| } | |
| @keyframes ac-gn-item-searchhide { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: scale(0.7); | |
| transform: scale(0.7) | |
| } | |
| 60% { | |
| opacity: 1 | |
| } | |
| 100% { | |
| opacity: 1; | |
| -webkit-transform: scale(1); | |
| transform: scale(1); | |
| -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); | |
| animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-item-searchshow-small { | |
| 0% { | |
| -webkit-transform: none; | |
| transform: none; | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translateY(-50px); | |
| transform: translateY(-50px) | |
| } | |
| } | |
| @keyframes ac-gn-item-searchshow-small { | |
| 0% { | |
| -webkit-transform: none; | |
| transform: none; | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translateY(-50px); | |
| transform: translateY(-50px) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-search-placeholder-searchshow { | |
| 0% { | |
| opacity: 1; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 0.4 | |
| } | |
| } | |
| @keyframes ac-gn-search-placeholder-searchshow { | |
| 0% { | |
| opacity: 1; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 0.4 | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-bag-searchshow { | |
| 0% { | |
| opacity: 1; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 0 | |
| } | |
| } | |
| @keyframes ac-gn-bag-searchshow { | |
| 0% { | |
| opacity: 1; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 0 | |
| } | |
| } | |
| #ac-globalnav .ac-gn-item { | |
| display: inline-block; | |
| position: relative; | |
| height: 44px; | |
| z-index: 1; | |
| vertical-align: top | |
| } | |
| .ie7#ac-globalnav .ac-gn-item { | |
| display: inline; | |
| zoom:1} | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-item { | |
| width:100%; | |
| height: 48px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-apple { | |
| display:none | |
| } | |
| } | |
| .searchshow#ac-globalnav .ac-gn-bag { | |
| -webkit-animation: ac-gn-bag-searchshow 300ms both; | |
| animation: ac-gn-bag-searchshow 300ms both; | |
| -webkit-transform: translateZ(0); | |
| transform: translateZ(0) | |
| } | |
| .searchopen#ac-globalnav .ac-gn-bag { | |
| visibility: hidden | |
| } | |
| .searchhide#ac-globalnav .ac-gn-bag { | |
| -webkit-animation: ac-gn-bag-searchshow 300ms reverse both; | |
| animation: ac-gn-bag-searchshow 300ms reverse both; | |
| -webkit-transform: translateZ(0); | |
| transform: translateZ(0) | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-bag { | |
| display:none; | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| width: auto; | |
| z-index: 1 | |
| } | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu,.searchopen#ac-globalnav .ac-gn-item-menu,.searchhide#ac-globalnav .ac-gn-item-menu { | |
| pointer-events: none | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu { | |
| -webkit-animation: ac-gn-item-searchshow 400ms both; | |
| animation: ac-gn-item-searchshow 400ms both; | |
| pointer-events: none | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu:nth-child(2) { | |
| -webkit-animation-delay: 280ms; | |
| animation-delay: 280ms | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu:nth-child(3) { | |
| -webkit-animation-delay: 245ms; | |
| animation-delay: 245ms | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu:nth-child(4) { | |
| -webkit-animation-delay: 210ms; | |
| animation-delay: 210ms | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu:nth-child(5) { | |
| -webkit-animation-delay: 175ms; | |
| animation-delay: 175ms | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu:nth-child(6) { | |
| -webkit-animation-delay: 140ms; | |
| animation-delay: 140ms | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu:nth-child(7) { | |
| -webkit-animation-delay: 105ms; | |
| animation-delay: 105ms | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu:nth-child(8) { | |
| -webkit-animation-delay: 70ms; | |
| animation-delay: 70ms | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu:nth-child(9) { | |
| -webkit-animation-delay: 35ms; | |
| animation-delay: 35ms | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .searchshow#ac-globalnav .ac-gn-item-menu { | |
| -webkit-animation:ac-gn-item-searchshow-small 800ms both; | |
| animation: ac-gn-item-searchshow-small 800ms both | |
| } | |
| .searchshow#ac-globalnav .ac-gn-item-menu:nth-child(n) { | |
| -webkit-animation-delay: 0s; | |
| animation-delay: 0s | |
| } | |
| } | |
| .searchopen#ac-globalnav .ac-gn-item-menu { | |
| visibility: hidden | |
| } | |
| .searchhide#ac-globalnav .ac-gn-item-menu { | |
| -webkit-animation: ac-gn-item-searchhide 400ms both; | |
| animation: ac-gn-item-searchhide 400ms both | |
| } | |
| .searchhide#ac-globalnav .ac-gn-item-menu:nth-child(2) { | |
| -webkit-animation-delay: 0ms; | |
| animation-delay: 0ms | |
| } | |
| .searchhide#ac-globalnav .ac-gn-item-menu:nth-child(3) { | |
| -webkit-animation-delay: 35ms; | |
| animation-delay: 35ms | |
| } | |
| .searchhide#ac-globalnav .ac-gn-item-menu:nth-child(4) { | |
| -webkit-animation-delay: 70ms; | |
| animation-delay: 70ms | |
| } | |
| .searchhide#ac-globalnav .ac-gn-item-menu:nth-child(5) { | |
| -webkit-animation-delay: 105ms; | |
| animation-delay: 105ms | |
| } | |
| .searchhide#ac-globalnav .ac-gn-item-menu:nth-child(6) { | |
| -webkit-animation-delay: 140ms; | |
| animation-delay: 140ms | |
| } | |
| .searchhide#ac-globalnav .ac-gn-item-menu:nth-child(7) { | |
| -webkit-animation-delay: 175ms; | |
| animation-delay: 175ms | |
| } | |
| .searchhide#ac-globalnav .ac-gn-item-menu:nth-child(8) { | |
| -webkit-animation-delay: 210ms; | |
| animation-delay: 210ms | |
| } | |
| .searchhide#ac-globalnav .ac-gn-item-menu:nth-child(9) { | |
| -webkit-animation-delay: 245ms; | |
| animation-delay: 245ms | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .searchhide#ac-globalnav .ac-gn-item-menu { | |
| -webkit-animation:ac-gn-item-searchshow-small 800ms reverse both; | |
| animation: ac-gn-item-searchshow-small 800ms reverse both | |
| } | |
| .searchhide#ac-globalnav .ac-gn-item-menu:nth-child(n) { | |
| -webkit-animation-delay: 0s; | |
| animation-delay: 0s | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-item-menu { | |
| height:47px; | |
| border-bottom: 1px solid #333; | |
| opacity: 0; | |
| pointer-events: none; | |
| -webkit-transform: scale(1.1) translateY(-24px); | |
| -ms-transform: scale(1.1) translateY(-24px); | |
| transform: scale(1.1) translateY(-24px); | |
| -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out; | |
| transition: opacity 0.35s ease-out, transform 0.35s ease-out | |
| } | |
| #ac-globalnav .ac-gn-item-menu:nth-child(2) { | |
| -webkit-transition-delay: 400ms,400ms; | |
| transition-delay: 400ms,400ms | |
| } | |
| #ac-globalnav .ac-gn-item-menu:nth-child(3) { | |
| -webkit-transition-delay: 350ms,350ms; | |
| transition-delay: 350ms,350ms | |
| } | |
| #ac-globalnav .ac-gn-item-menu:nth-child(4) { | |
| -webkit-transition-delay: 300ms,300ms; | |
| transition-delay: 300ms,300ms | |
| } | |
| #ac-globalnav .ac-gn-item-menu:nth-child(5) { | |
| -webkit-transition-delay: 250ms,250ms; | |
| transition-delay: 250ms,250ms | |
| } | |
| #ac-globalnav .ac-gn-item-menu:nth-child(6) { | |
| -webkit-transition-delay: 200ms,200ms; | |
| transition-delay: 200ms,200ms | |
| } | |
| #ac-globalnav .ac-gn-item-menu:nth-child(7) { | |
| -webkit-transition-delay: 150ms,150ms; | |
| transition-delay: 150ms,150ms | |
| } | |
| #ac-globalnav .ac-gn-item-menu:nth-child(8) { | |
| -webkit-transition-delay: 100ms,100ms; | |
| transition-delay: 100ms,100ms | |
| } | |
| #ac-globalnav .ac-gn-item-menu:nth-child(9) { | |
| -webkit-transition-delay: 50ms,50ms; | |
| transition-delay: 50ms,50ms | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu,#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu { | |
| opacity: 1; | |
| pointer-events: auto; | |
| -webkit-transform: none; | |
| -ms-transform: none; | |
| transform: none | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(2),#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(2) { | |
| -webkit-transition-delay: 300ms,300ms; | |
| transition-delay: 300ms,300ms | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(3),#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(3) { | |
| -webkit-transition-delay: 350ms,350ms; | |
| transition-delay: 350ms,350ms | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(4),#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(4) { | |
| -webkit-transition-delay: 400ms,400ms; | |
| transition-delay: 400ms,400ms | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(5),#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(5) { | |
| -webkit-transition-delay: 450ms,450ms; | |
| transition-delay: 450ms,450ms | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(6),#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(6) { | |
| -webkit-transition-delay: 500ms,500ms; | |
| transition-delay: 500ms,500ms | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(7),#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(7) { | |
| -webkit-transition-delay: 550ms,550ms; | |
| transition-delay: 550ms,550ms | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(8),#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(8) { | |
| -webkit-transition-delay: 600ms,600ms; | |
| transition-delay: 600ms,600ms | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(9),#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(9) { | |
| -webkit-transition-delay: 650ms,650ms; | |
| transition-delay: 650ms,650ms | |
| } | |
| } | |
| #ac-globalnav .ac-gn-search-placeholder { | |
| display: none | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-search { | |
| border-bottom-color:silver | |
| } | |
| .searchshow#ac-globalnav .ac-gn-search,.searchopen#ac-globalnav .ac-gn-search,.searchhide#ac-globalnav .ac-gn-search { | |
| -webkit-animation: none; | |
| animation: none | |
| } | |
| #ac-globalnav .ac-gn-search-placeholder { | |
| cursor: text; | |
| display: block; | |
| margin-left: 28px | |
| } | |
| .searchshow#ac-globalnav .ac-gn-search-placeholder { | |
| -webkit-animation: ac-gn-search-placeholder-searchshow 800ms both; | |
| animation: ac-gn-search-placeholder-searchshow 800ms both | |
| } | |
| .searchhide#ac-globalnav .ac-gn-search-placeholder { | |
| -webkit-animation: ac-gn-search-placeholder-searchshow 800ms reverse both; | |
| animation: ac-gn-search-placeholder-searchshow 800ms reverse both | |
| } | |
| } | |
| #ac-globalnav .ac-gn-link { | |
| font-size: 16px; | |
| line-height: 2.75; | |
| font-weight: 400; | |
| letter-spacing: normal; | |
| opacity: 1; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=100); | |
| color: #fff; | |
| position: relative; | |
| z-index: 1; | |
| display: inline-block; | |
| padding: 0 10px; | |
| height: 44px; | |
| background: no-repeat; | |
| text-decoration: none; | |
| white-space: nowrap; | |
| -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); | |
| transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); | |
| -webkit-tap-highlight-color: transparent; | |
| outline-offset: -7px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link { | |
| font-size:20px; | |
| line-height: 2.35; | |
| font-weight: 200; | |
| letter-spacing: normal | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link { | |
| height:48px | |
| } | |
| } | |
| .no-js#ac-globalnav .ac-gn-link:hover { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| .no-touch#ac-globalnav .ac-gn-link:hover { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-search { | |
| cursor:default | |
| } | |
| .no-js#ac-globalnav .ac-gn-link-search:hover { | |
| opacity: 1; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=100) | |
| } | |
| .no-touch#ac-globalnav .ac-gn-link-search:hover { | |
| opacity: 1; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=100) | |
| } | |
| } | |
| #ac-globalnav .ac-gn-link-text { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| clip: rect(1px 1px 1px 1px); | |
| clip: rect(1px, 1px, 1px, 1px); | |
| -webkit-clip-path: inset(0px 0px 99.9% 99.9%); | |
| clip-path: inset(0px 0px 99.9% 99.9%); | |
| overflow: hidden; | |
| height: 1px; | |
| width: 1px; | |
| padding: 0; | |
| border: 0 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-bag { | |
| padding:0 16px; | |
| -webkit-transition: -webkit-transform 0.25s 0.55s ease-out; | |
| transition: transform 0.25s 0.55s ease-out | |
| } | |
| #ac-gn-menustate:checked ~ .js#ac-globalnav .ac-gn-link-bag,#ac-gn-menustate:target ~ .js#ac-globalnav .ac-gn-link-bag { | |
| -webkit-transform: translateX(200%); | |
| -ms-transform: translateX(200%); | |
| transform: translateX(200%); | |
| -webkit-transition: -webkit-transform 0.55s 0.25s ease-out; | |
| transition: transform 0.55s 0.25s ease-out | |
| } | |
| } | |
| #ac-globalnav .ac-gn-link-bag:focus:active { | |
| outline: none | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-item-menu .ac-gn-link { | |
| background-position:left center; | |
| display: block; | |
| outline-offset: 0; | |
| padding: 0; | |
| width: auto; | |
| max-width: none | |
| } | |
| } | |
| #ac-globalnav .ac-gn-link-apple { | |
| background-repeat: no-repeat; | |
| background-size: 20px 44px; | |
| background-image: url("http://www.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/apple/image_large.svg"); | |
| background-position: center center; | |
| width: 20px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-apple { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/apple/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-apple { | |
| background-size:21px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/apple/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-apple { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/apple/image_small.png") | |
| } | |
| } | |
| .ac-gn-current-apple #ac-globalnav .ac-gn-link-apple { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-link-mac { | |
| background-repeat: no-repeat; | |
| background-size: 31px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/mac/image_large.svg"); | |
| background-position: center center; | |
| background-origin: content-box; | |
| background-size: cover; | |
| width: 1.72222em; | |
| max-width: 52.7px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-mac { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/mac/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-mac { | |
| background-size:37px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/mac/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-mac { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/mac/image_small.png") | |
| } | |
| } | |
| .ac-gn-current-mac #ac-globalnav .ac-gn-link-mac { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-link-ipad { | |
| background-repeat: no-repeat; | |
| background-size: 30px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/ipad/image_large.svg"); | |
| background-position: center center; | |
| background-origin: content-box; | |
| background-size: cover; | |
| width: 1.66667em; | |
| max-width: 51px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-ipad { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/ipad/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-ipad { | |
| background-size:35px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/ipad/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-ipad { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/ipad/image_small.png") | |
| } | |
| } | |
| .ac-gn-current-ipad #ac-globalnav .ac-gn-link-ipad { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-link-iphone { | |
| background-repeat: no-repeat; | |
| background-size: 48px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/iphone/image_large.svg"); | |
| background-position: center center; | |
| background-origin: content-box; | |
| background-size: cover; | |
| width: 2.66667em; | |
| max-width: 81.6px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-iphone { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/iphone/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-iphone { | |
| background-size:59px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/iphone/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-iphone { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/iphone/image_small.png") | |
| } | |
| } | |
| .ac-gn-current-iphone #ac-globalnav .ac-gn-link-iphone { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-link-watch { | |
| background-repeat: no-repeat; | |
| background-size: 44px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/watch/image_large.svg"); | |
| background-position: center center; | |
| background-origin: content-box; | |
| background-size: cover; | |
| width: 2.44444em; | |
| max-width: 74.8px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-watch { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/watch/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-watch { | |
| background-size:52px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/watch/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-watch { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/watch/image_small.png") | |
| } | |
| } | |
| .ac-gn-current-watch #ac-globalnav .ac-gn-link-watch { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-link-tv { | |
| background-repeat: no-repeat; | |
| background-size: 20px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/tv/image_large.svg"); | |
| background-position: center center; | |
| background-origin: content-box; | |
| background-size: cover; | |
| width: 1.11111em; | |
| max-width: 34px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-tv { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/tv/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-tv { | |
| background-size:23px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/tv/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-tv { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/tv/image_small.png") | |
| } | |
| } | |
| .ac-gn-current-tv #ac-globalnav .ac-gn-link-tv { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-link-music { | |
| background-repeat: no-repeat; | |
| background-size: 40px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/music/image_large.svg"); | |
| background-position: center center; | |
| background-origin: content-box; | |
| background-size: cover; | |
| width: 2.22222em; | |
| max-width: 68px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-music { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/music/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-music { | |
| background-size:48px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/music/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-music { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/music/image_small.png") | |
| } | |
| } | |
| .ac-gn-current-music #ac-globalnav .ac-gn-link-music { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-link-support { | |
| background-repeat: no-repeat; | |
| background-size: 57px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/support/image_large.svg"); | |
| background-position: center center; | |
| background-origin: content-box; | |
| background-size: cover; | |
| width: 3.16667em; | |
| max-width: 96.9px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-support { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/support/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-support { | |
| background-size:69px 49px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/support/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-support { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/links/support/image_small.png") | |
| } | |
| } | |
| .ac-gn-current-support #ac-globalnav .ac-gn-link-support { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-link-search { | |
| background-repeat: no-repeat; | |
| background-size: 20px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/image_large.svg"); | |
| background-position: center center; | |
| width: 20px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-search { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-search { | |
| background-size:22px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-search { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/image_small.png") | |
| } | |
| } | |
| .ac-gn-current-search #ac-globalnav .ac-gn-link-search { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-link-bag { | |
| background-repeat: no-repeat; | |
| background-size: 18px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/bag/image_large.svg"); | |
| background-position: center center; | |
| width: 18px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-bag { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/bag/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-link-bag { | |
| background-size:19px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/bag/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-link-bag { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/bag/image_small.png") | |
| } | |
| } | |
| .ac-gn-current-bag #ac-globalnav .ac-gn-link-bag { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-link.current { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| #ac-globalnav .ac-gn-menuicon { | |
| display: none; | |
| position: absolute; | |
| z-index: 2; | |
| top: 0; | |
| left: 0; | |
| width: 48px; | |
| border-bottom: none | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-menuicon { | |
| display:block | |
| } | |
| } | |
| #ac-globalnav .ac-gn-menuicon-label { | |
| display: block; | |
| position: absolute; | |
| z-index: 3; | |
| top: 0; | |
| width: 48px; | |
| height: 48px; | |
| cursor: pointer; | |
| -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| -webkit-tap-highlight-color: transparent | |
| } | |
| #ac-globalnav .ac-gn-menuicon-label:hover,#ac-globalnav .ac-gn-menuicon-label:focus,#ac-globalnav .ac-gn-menuicon-label:active { | |
| opacity: .65 | |
| } | |
| .touch#ac-globalnav .ac-gn-menuicon-label { | |
| opacity: 1; | |
| -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99) | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuicon-label,#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuicon-label { | |
| -webkit-transform: rotate(90deg); | |
| -ms-transform: rotate(90deg); | |
| transform: rotate(90deg) | |
| } | |
| #ac-globalnav .ac-gn-menuicon-bread { | |
| position: absolute; | |
| z-index: 3; | |
| top: 0; | |
| left: 0; | |
| width: 48px; | |
| height: 48px; | |
| -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); | |
| transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) | |
| } | |
| #ac-globalnav .ac-gn-menuicon-bread-top { | |
| -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| -webkit-transform: rotate(0); | |
| -ms-transform: rotate(0); | |
| transform: rotate(0); | |
| z-index: 4 | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuicon-bread-top,#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuicon-bread-top { | |
| -webkit-transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg) | |
| } | |
| #ac-globalnav .ac-gn-menuicon-bread-bottom { | |
| -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| -webkit-transform: rotate(0); | |
| -ms-transform: rotate(0); | |
| transform: rotate(0) | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuicon-bread-bottom,#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuicon-bread-bottom { | |
| -webkit-transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99); | |
| -webkit-transform: rotate(-45deg); | |
| -ms-transform: rotate(-45deg); | |
| transform: rotate(-45deg) | |
| } | |
| #ac-globalnav .ac-gn-menuicon-bread-crust { | |
| display: block; | |
| width: 17px; | |
| height: 1px; | |
| background: #fff; | |
| position: absolute; | |
| left: 16px; | |
| z-index: 1; | |
| -webkit-transition: -webkit-transform 0.2s; | |
| transition: transform 0.2s | |
| } | |
| #ac-globalnav .ac-gn-menuicon-bread-crust-top { | |
| top: 23px; | |
| -webkit-transition: -webkit-transform 0.2s 0.2s; | |
| transition: transform 0.2s 0.2s; | |
| -webkit-transform: translateY(-3px); | |
| -ms-transform: translateY(-3px); | |
| transform: translateY(-3px) | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuicon-bread-crust-top,#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuicon-bread-crust-top { | |
| -webkit-transform: translateY(0); | |
| -ms-transform: translateY(0); | |
| transform: translateY(0); | |
| -webkit-transition-delay: 0; | |
| transition-delay: 0 | |
| } | |
| #ac-globalnav .ac-gn-menuicon-bread-crust-bottom { | |
| bottom: 23px; | |
| -webkit-transform: translateY(3px); | |
| -ms-transform: translateY(3px); | |
| transform: translateY(3px) | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuicon-bread-crust-bottom,#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuicon-bread-crust-bottom { | |
| -webkit-transition: -webkit-transform 0.2s; | |
| transition: transform 0.2s; | |
| -webkit-transform: translateY(0); | |
| -ms-transform: translateY(0); | |
| transform: translateY(0) | |
| } | |
| #ac-globalnav .ac-gn-menuanchor { | |
| color: #fff; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 1px; | |
| height: 1px; | |
| z-index: 10 | |
| } | |
| #ac-globalnav .ac-gn-menuanchor:focus { | |
| outline-offset: -8px; | |
| width: 48px; | |
| height: 48px | |
| } | |
| #ac-globalnav .ac-gn-menuanchor-close { | |
| display: none | |
| } | |
| #ac-globalnav .ac-gn-menuanchor-label { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| clip: rect(1px 1px 1px 1px); | |
| clip: rect(1px, 1px, 1px, 1px); | |
| -webkit-clip-path: inset(0px 0px 99.9% 99.9%); | |
| clip-path: inset(0px 0px 99.9% 99.9%); | |
| overflow: hidden; | |
| height: 1px; | |
| width: 1px; | |
| padding: 0; | |
| border: 0 | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuanchor-open,#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuanchor-open { | |
| display: none | |
| } | |
| #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuanchor-close,#ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuanchor-close { | |
| display: block | |
| } | |
| #ac-globalnav .ac-gn-bag-badge { | |
| border-radius: 6px; | |
| margin-top: -3px; | |
| margin-left: -3px; | |
| width: 6px; | |
| height: 6px; | |
| background: #5cc3f6; | |
| display: none; | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| z-index: 1 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-bag-badge { | |
| border-radius:9px; | |
| margin-top: -4px; | |
| margin-left: -4.5px; | |
| width: 9px; | |
| height: 9px | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bag.with-badge .ac-gn-bag-badge { | |
| display: block | |
| } | |
| #ac-globalnav .ac-gn-bagview,#ac-globalnav .ac-gn-notification { | |
| margin-right: -114px; | |
| position: absolute; | |
| top: 48px; | |
| right: 0; | |
| z-index: 1 | |
| } | |
| @media only screen and (max-width: 1266px) { | |
| #ac-globalnav .ac-gn-bagview,#ac-globalnav .ac-gn-notification { | |
| right:5px; | |
| margin-right: calc(512px - 50vw) | |
| } | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| #ac-globalnav .ac-gn-bagview,#ac-globalnav .ac-gn-notification { | |
| margin-right:0 | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-bagview,#ac-globalnav .ac-gn-notification { | |
| margin-right:0; | |
| top: 52px | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-caret,#ac-globalnav .ac-gn-notification-caret { | |
| overflow: hidden; | |
| position: absolute; | |
| bottom: -5px; | |
| left: 0; | |
| width: 100%; | |
| height: 10px; | |
| z-index: 1 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-bagview-caret,#ac-globalnav .ac-gn-notification-caret { | |
| bottom:100% | |
| } | |
| } | |
| @media only screen and (max-width: 419px) { | |
| #ac-globalnav .ac-gn-bagview-caret,#ac-globalnav .ac-gn-notification-caret { | |
| height:9px; | |
| margin-bottom: 0 | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-caret:after,#ac-globalnav .ac-gn-notification-caret:after { | |
| border: 1px solid; | |
| content: ""; | |
| display: block; | |
| position: absolute; | |
| top: 0; | |
| left: 50%; | |
| width: 12px; | |
| height: 12px; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| -webkit-transform-origin: 0 0; | |
| -ms-transform-origin: 0 0; | |
| transform-origin: 0 0; | |
| z-index: 1 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-bagview-caret:after,#ac-globalnav .ac-gn-notification-caret:after { | |
| left:auto; | |
| right: 4px | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview { | |
| font-size: 15px; | |
| line-height: 1.73333; | |
| font-weight: 400; | |
| letter-spacing: normal; | |
| background: #fff; | |
| border: 1px solid #d6d6d6; | |
| border-radius: 2px; | |
| display: none; | |
| width: 288px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-bagview { | |
| font-size:16px; | |
| line-height: 1.625; | |
| font-weight: 400; | |
| letter-spacing: normal | |
| } | |
| } | |
| .with-bagview#ac-globalnav .ac-gn-bagview { | |
| display: block | |
| } | |
| @media only screen and (max-width: 419px) { | |
| #ac-globalnav .ac-gn-bagview { | |
| border-radius:0; | |
| border-width: 0 0 1px 0; | |
| top: 48px; | |
| left: 0; | |
| right: 0; | |
| width: 100% | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-content { | |
| margin: 0 auto; | |
| min-height: 90px; | |
| padding: 0 20px; | |
| position: relative; | |
| z-index: 2 | |
| } | |
| @media only screen and (max-width: 419px) { | |
| #ac-globalnav .ac-gn-bagview-content { | |
| padding:0 48px | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-caret { | |
| display: none | |
| } | |
| .with-bagview#ac-globalnav .ac-gn-bagview-caret { | |
| display: block | |
| } | |
| .with-bagview.ie7#ac-globalnav .ac-gn-bagview-caret,.with-bagview.ie8#ac-globalnav .ac-gn-bagview-caret { | |
| display: none | |
| } | |
| .with-bagview#ac-globalnav .ac-gn-bagview-caret-small { | |
| display: none | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .with-bagview#ac-globalnav .ac-gn-bagview-caret-small { | |
| display:block | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .with-bagview#ac-globalnav .ac-gn-bagview-caret-large { | |
| display:none | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-caret:after { | |
| background: #fff; | |
| border-color: #d6d6d6 | |
| } | |
| @media only screen and (max-width: 419px) { | |
| #ac-globalnav .ac-gn-bagview-caret:after { | |
| border-color:#fff; | |
| right: 10px | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bag { | |
| z-index: 2 | |
| } | |
| #ac-globalnav .ac-gn-bagview { | |
| font-size: 15px; | |
| line-height: 1.23333; | |
| font-weight: 400; | |
| letter-spacing: normal; | |
| background: #fff | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-bagview { | |
| font-size:16px; | |
| line-height: 1.15625; | |
| font-weight: 400; | |
| letter-spacing: normal | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-message { | |
| color: #999; | |
| line-height: 90px; | |
| margin: 0; | |
| text-align: center | |
| } | |
| #ac-globalnav .ac-gn-bagview-linemessage { | |
| margin: 0; | |
| color: #999; | |
| font-size: 12px; | |
| line-height: 1.33333; | |
| font-weight: 400; | |
| letter-spacing: normal; | |
| text-align: center | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-bagview-linemessage { | |
| font-size:12px; | |
| line-height: 1.33333; | |
| font-weight: 400; | |
| letter-spacing: normal | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-linemessage-text { | |
| padding: 0 8px 0 8px; | |
| background: #fff | |
| } | |
| #ac-globalnav .ac-gn-bagview-linemessage:before { | |
| display: block; | |
| position: relative; | |
| top: 9px; | |
| margin-top: -1px; | |
| z-index: -10; | |
| border-bottom: 1px solid #e3e3e3; | |
| content: "" | |
| } | |
| @-webkit-keyframes loader { | |
| from { | |
| -webkit-transform: rotate(0deg) translateZ(0); | |
| transform: rotate(0deg) translateZ(0) | |
| } | |
| to { | |
| -webkit-transform: rotate(360deg) translateZ(0); | |
| transform: rotate(360deg) translateZ(0) | |
| } | |
| } | |
| @keyframes loader { | |
| from { | |
| -webkit-transform: rotate(0deg) translateZ(0); | |
| transform: rotate(0deg) translateZ(0) | |
| } | |
| to { | |
| -webkit-transform: rotate(360deg) translateZ(0); | |
| transform: rotate(360deg) translateZ(0) | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-loader { | |
| background: no-repeat center/40px url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/spinner.svg"); | |
| margin-top: -20px; | |
| margin-left: -20px; | |
| width: 40px; | |
| height: 40px; | |
| background: url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/spinner.gif") no-repeat\0; | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| z-index: 1; | |
| -webkit-animation: loader 1s linear infinite; | |
| animation: loader 1s linear infinite | |
| } | |
| #ac-globalnav .ac-gn-bagview _:-ms-input-placeholder,:root #ac-globalnav .ac-gn-bagview-loader { | |
| background: none,no-repeat center/40px url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/spinner.svg") | |
| } | |
| #ac-globalnav .ac-gn-bagview-bag { | |
| list-style: none | |
| } | |
| #ac-globalnav .ac-gn-bagview-bagitem { | |
| border-bottom: 1px solid #e3e3e3 | |
| } | |
| #ac-globalnav .ac-gn-bagview-bagitem-first { | |
| padding-top: 8px | |
| } | |
| #ac-globalnav .ac-gn-bagview-bagitem-last { | |
| border-bottom-style: none | |
| } | |
| #ac-globalnav .ac-gn-bagview-bagitem-link { | |
| margin: 0; | |
| padding: 0; | |
| display: table; | |
| width: 100%; | |
| color: #333; | |
| text-decoration: none | |
| } | |
| #ac-globalnav .ac-gn-bagview-bagitem-column1,#ac-globalnav .ac-gn-bagview-bagitem-column2 { | |
| display: table-cell; | |
| vertical-align: middle; | |
| min-height: 56px | |
| } | |
| #ac-globalnav .ac-gn-bagview-bagitem-column1 { | |
| padding: 15px 14px 15px 4px; | |
| width: 25% | |
| } | |
| #ac-globalnav .ac-gn-bagview-bagitem-column2 { | |
| padding: 15px 0; | |
| width: 75% | |
| } | |
| #ac-globalnav .ac-gn-bagview-bagitem-picture { | |
| max-width: 56px; | |
| height: auto | |
| } | |
| #ac-globalnav .ac-gn-bagview-bagitem-qty { | |
| font-size: 12px; | |
| line-height: 1.33333; | |
| font-weight: 400; | |
| letter-spacing: normal; | |
| color: #999 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-bagview-bagitem-qty { | |
| font-size:12px; | |
| line-height: 1.33333; | |
| font-weight: 400; | |
| letter-spacing: normal | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-bagitem-qty:before { | |
| content: "\2715"; | |
| font-size: 0.75em | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav { | |
| margin-bottom: 7px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-bagview-nav { | |
| margin-bottom:8px | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-list { | |
| margin: 0; | |
| padding: 0; | |
| list-style: none | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-item { | |
| margin: 0; | |
| padding: 0; | |
| border-top: 1px solid #e3e3e3 | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-item:first-child { | |
| border-top-style: none | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-nobtn { | |
| border-top: 1px solid #e3e3e3 | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link { | |
| color: #08c; | |
| display: block; | |
| line-height: 44px; | |
| padding: 0 30px; | |
| text-decoration: none; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| text-overflow: ellipsis | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link:hover { | |
| text-decoration: underline | |
| } | |
| .touch#ac-globalnav .ac-gn-bagview-nav-link:hover { | |
| text-decoration: none | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link-bag { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/bag.png"); | |
| background-image: none,url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/bag.svg"); | |
| background-position: left center; | |
| background-repeat: no-repeat | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link-view { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/view.png"); | |
| background-image: none,url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/view.svg"); | |
| background-position: left center; | |
| background-repeat: no-repeat | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link-favorites { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/favorites.png"); | |
| background-image: none,url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/favorites.svg"); | |
| background-position: left center; | |
| background-repeat: no-repeat | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link-orders { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/orders.png"); | |
| background-image: none,url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/orders.svg"); | |
| background-position: left center; | |
| background-repeat: no-repeat | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link-account { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/account.png"); | |
| background-image: none,url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/account.svg"); | |
| background-position: left center; | |
| background-repeat: no-repeat | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link-signIn { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/signIn.png"); | |
| background-image: none,url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/signIn.svg"); | |
| background-position: left center; | |
| background-repeat: no-repeat | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link-signOut { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/signIn.png"); | |
| background-image: none,url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/ac-store/signIn.svg"); | |
| background-position: left center; | |
| background-repeat: no-repeat | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link-bag { | |
| background-position: left 45% | |
| } | |
| #ac-globalnav .ac-gn-bagview-button { | |
| background-color: #1e9bda; | |
| background: -webkit-linear-gradient(#3caee7, #08c); | |
| background: linear-gradient(#3caee7, #08c); | |
| border-radius: 4px; | |
| color: #fff; | |
| cursor: pointer; | |
| font-size: 15px; | |
| font-weight: 500; | |
| line-height: 32px; | |
| text-align: center; | |
| white-space: nowrap; | |
| padding: 0 16px; | |
| display: inline-block; | |
| font-family: "Myriad Set Pro","Helvetica Neue","Helvetica","Arial",sans-serif | |
| } | |
| .ie7#ac-globalnav .ac-gn-bagview-button { | |
| display: inline; | |
| zoom:1} | |
| .ie7#ac-globalnav .ac-gn-bagview-button { | |
| vertical-align: middle | |
| } | |
| .no-js#ac-globalnav .ac-gn-bagview-button:hover { | |
| background-color: #30a3dd; | |
| background: -webkit-linear-gradient(#4cb4e9, #1492d0); | |
| background: linear-gradient(#4cb4e9, #1492d0); | |
| text-decoration: none | |
| } | |
| .no-touch#ac-globalnav .ac-gn-bagview-button:hover { | |
| background-color: #30a3dd; | |
| background: -webkit-linear-gradient(#4cb4e9, #1492d0); | |
| background: linear-gradient(#4cb4e9, #1492d0); | |
| text-decoration: none | |
| } | |
| #ac-globalnav .ac-gn-bagview-button:active { | |
| background-color: #0e86c1; | |
| background: -webkit-linear-gradient(#1b9edf, #006da3); | |
| background: linear-gradient(#1b9edf, #006da3); | |
| outline: none | |
| } | |
| @-moz-document url-prefix() { | |
| #ac-globalnav .ac-gn-bagview-button { | |
| line-height: 31px; | |
| padding-top: 1px | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-button-buynow,#ac-globalnav .ac-gn-bagview-button-compact { | |
| background-color: #1e9bda; | |
| background: -webkit-linear-gradient(#3caee7, #08c); | |
| background: linear-gradient(#3caee7, #08c); | |
| border-color: #137ec6; | |
| border-top-color: #1992da; | |
| border-bottom-color: #0d6ab2; | |
| color: #fff; | |
| color: #fff; | |
| font-size: 13px; | |
| padding: 0 11px; | |
| line-height: 22px | |
| } | |
| .no-js#ac-globalnav .ac-gn-bagview-button-buynow:hover,.no-js#ac-globalnav .ac-gn-bagview-button-compact:hover { | |
| background: #30a3dd; | |
| background: -webkit-linear-gradient(#4cb4e9, #1492d0); | |
| background: linear-gradient(#4cb4e9, #1492d0) | |
| } | |
| .no-touch#ac-globalnav .ac-gn-bagview-button-buynow:hover,.no-touch#ac-globalnav .ac-gn-bagview-button-compact:hover { | |
| background: #30a3dd; | |
| background: -webkit-linear-gradient(#4cb4e9, #1492d0); | |
| background: linear-gradient(#4cb4e9, #1492d0) | |
| } | |
| #ac-globalnav .ac-gn-bagview-button-buynow:active,#ac-globalnav .ac-gn-bagview-button-compact:active { | |
| background: #0e86c1; | |
| background: -webkit-linear-gradient(#1b9edf, #006da3); | |
| background: linear-gradient(#1b9edf, #006da3) | |
| } | |
| @-moz-document url-prefix() { | |
| #ac-globalnav .ac-gn-bagview-button-buynow,#ac-globalnav .ac-gn-bagview-button-compact { | |
| line-height: 21px; | |
| padding-top: 1px | |
| } | |
| } | |
| #ac-globalnav .ac-gn-bagview-button { | |
| display: block; | |
| margin: 18px 0; | |
| text-decoration: none | |
| } | |
| #ac-globalnav #ac-gn-bagview-content .ac-gn-bagview-button.ac-gn-bagview-button-checkout { | |
| display: block | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-item-preregistration { | |
| padding: 10px 0px !important; | |
| border-bottom: 1px solid #e3e3e3 !important; | |
| text-align: center !important | |
| } | |
| #ac-globalnav .ac-gn-bagview-nav-link-preregistration { | |
| padding: 0px 12px !important | |
| } | |
| #ac-globalnav li.prereg-promo-links-list { | |
| display: inline-block | |
| } | |
| @-webkit-keyframes ac-gn-searchview-searchhide { | |
| 0% { | |
| opacity: 1; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 0 | |
| } | |
| } | |
| @keyframes ac-gn-searchview-searchhide { | |
| 0% { | |
| opacity: 1; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 0 | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-searchshow-small { | |
| 0% { | |
| opacity: 0; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1 | |
| } | |
| } | |
| @keyframes ac-gn-searchview-searchshow-small { | |
| 0% { | |
| opacity: 0; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1 | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-close-left-searchshow { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: scale3d(1, 0.65, 1); | |
| transform: scale3d(1, 0.65, 1); | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1; | |
| -webkit-transform: rotate(-45deg); | |
| transform: rotate(-45deg) | |
| } | |
| } | |
| @keyframes ac-gn-searchview-close-left-searchshow { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: scale3d(1, 0.65, 1); | |
| transform: scale3d(1, 0.65, 1); | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1; | |
| -webkit-transform: rotate(-45deg); | |
| transform: rotate(-45deg) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-close-left-searchhide { | |
| 0% { | |
| opacity: 1; | |
| -webkit-transform: rotate(-45deg); | |
| transform: rotate(-45deg); | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 0; | |
| -webkit-transform: scale3d(1, 0.65, 1); | |
| transform: scale3d(1, 0.65, 1) | |
| } | |
| } | |
| @keyframes ac-gn-searchview-close-left-searchhide { | |
| 0% { | |
| opacity: 1; | |
| -webkit-transform: rotate(-45deg); | |
| transform: rotate(-45deg); | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 0; | |
| -webkit-transform: scale3d(1, 0.65, 1); | |
| transform: scale3d(1, 0.65, 1) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-close-right-searchshow { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: scale3d(1, 0.65, 1); | |
| transform: scale3d(1, 0.65, 1); | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1; | |
| -webkit-transform: rotate(45deg); | |
| transform: rotate(45deg) | |
| } | |
| } | |
| @keyframes ac-gn-searchview-close-right-searchshow { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: scale3d(1, 0.65, 1); | |
| transform: scale3d(1, 0.65, 1); | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1; | |
| -webkit-transform: rotate(45deg); | |
| transform: rotate(45deg) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-close-right-searchhide { | |
| 0% { | |
| opacity: 1; | |
| -webkit-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 0; | |
| -webkit-transform: scale3d(1, 0.65, 1); | |
| transform: scale3d(1, 0.65, 1) | |
| } | |
| } | |
| @keyframes ac-gn-searchview-close-right-searchhide { | |
| 0% { | |
| opacity: 1; | |
| -webkit-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 0; | |
| -webkit-transform: scale3d(1, 0.65, 1); | |
| transform: scale3d(1, 0.65, 1) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-close-searchshow-small { | |
| 0% { | |
| -webkit-transform: translateY(100%); | |
| transform: translateY(100%); | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translateY(0); | |
| transform: translateY(0) | |
| } | |
| } | |
| @keyframes ac-gn-searchview-close-searchshow-small { | |
| 0% { | |
| -webkit-transform: translateY(100%); | |
| transform: translateY(100%); | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translateY(0); | |
| transform: translateY(0) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-close-searchhide-small { | |
| 0% { | |
| -webkit-transform: translateY(0); | |
| transform: translateY(0); | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translateY(100%); | |
| transform: translateY(100%) | |
| } | |
| } | |
| @keyframes ac-gn-searchview-close-searchhide-small { | |
| 0% { | |
| -webkit-transform: translateY(0); | |
| transform: translateY(0); | |
| -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); | |
| animation-timing-function: cubic-bezier(1, 0, 0, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translateY(100%); | |
| transform: translateY(100%) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-close-left-searchshow-small { | |
| 0% { | |
| -webkit-transform: rotate(40deg); | |
| transform: rotate(40deg); | |
| -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); | |
| animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) | |
| } | |
| 100% { | |
| -webkit-transform: rotate(-40deg); | |
| transform: rotate(-40deg) | |
| } | |
| } | |
| @keyframes ac-gn-searchview-close-left-searchshow-small { | |
| 0% { | |
| -webkit-transform: rotate(40deg); | |
| transform: rotate(40deg); | |
| -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); | |
| animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) | |
| } | |
| 100% { | |
| -webkit-transform: rotate(-40deg); | |
| transform: rotate(-40deg) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-close-left-searchhide-small { | |
| 0% { | |
| -webkit-transform: rotate(-40deg); | |
| transform: rotate(-40deg); | |
| -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); | |
| animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) | |
| } | |
| 100% { | |
| -webkit-transform: rotate(40deg); | |
| transform: rotate(40deg) | |
| } | |
| } | |
| @keyframes ac-gn-searchview-close-left-searchhide-small { | |
| 0% { | |
| -webkit-transform: rotate(-40deg); | |
| transform: rotate(-40deg); | |
| -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); | |
| animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) | |
| } | |
| 100% { | |
| -webkit-transform: rotate(40deg); | |
| transform: rotate(40deg) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-close-right-searchshow-small { | |
| 0% { | |
| -webkit-transform: rotate(-40deg); | |
| transform: rotate(-40deg); | |
| -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); | |
| animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) | |
| } | |
| 100% { | |
| -webkit-transform: rotate(40deg); | |
| transform: rotate(40deg) | |
| } | |
| } | |
| @keyframes ac-gn-searchview-close-right-searchshow-small { | |
| 0% { | |
| -webkit-transform: rotate(-40deg); | |
| transform: rotate(-40deg); | |
| -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); | |
| animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) | |
| } | |
| 100% { | |
| -webkit-transform: rotate(40deg); | |
| transform: rotate(40deg) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchview-close-right-searchhide-small { | |
| 0% { | |
| -webkit-transform: rotate(40deg); | |
| transform: rotate(40deg); | |
| -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); | |
| animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) | |
| } | |
| 100% { | |
| -webkit-transform: rotate(-40deg); | |
| transform: rotate(-40deg) | |
| } | |
| } | |
| @keyframes ac-gn-searchview-close-right-searchhide-small { | |
| 0% { | |
| -webkit-transform: rotate(40deg); | |
| transform: rotate(40deg); | |
| -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); | |
| animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) | |
| } | |
| 100% { | |
| -webkit-transform: rotate(-40deg); | |
| transform: rotate(-40deg) | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchview { | |
| display: none | |
| } | |
| .searchshow#ac-globalnav .ac-gn-searchview,.searchopen#ac-globalnav .ac-gn-searchview,.searchhide#ac-globalnav .ac-gn-searchview { | |
| display: block | |
| } | |
| #ac-globalnav .ac-gn-searchview-content { | |
| position: absolute; | |
| top: 0; | |
| left: 16.66667%; | |
| width: 66.66667%; | |
| z-index: 3 | |
| } | |
| .searchhide#ac-globalnav .ac-gn-searchview-content { | |
| -webkit-animation: ac-gn-searchview-searchhide 200ms both; | |
| animation: ac-gn-searchview-searchhide 200ms both | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchview-content { | |
| top:58px; | |
| left: 0; | |
| bottom: 0; | |
| right: 0; | |
| width: 100%; | |
| height: auto | |
| } | |
| } | |
| @media only screen and (max-width: 767px) and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchview-content { | |
| opacity:0 | |
| } | |
| .searchshow#ac-globalnav .ac-gn-searchview-content,.searchopen#ac-globalnav .ac-gn-searchview-content,.searchhide#ac-globalnav .ac-gn-searchview-content { | |
| -webkit-animation: none; | |
| animation: none | |
| } | |
| .searchopen#ac-globalnav .ac-gn-searchview-content { | |
| opacity: 1 | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchview-close { | |
| opacity: 1; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=100); | |
| position: absolute; | |
| z-index: 3; | |
| width: 38px; | |
| height: 44px; | |
| right: 12px; | |
| top: 0; | |
| color: #fff; | |
| cursor: pointer; | |
| -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); | |
| transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); | |
| -webkit-tap-highlight-color: transparent | |
| } | |
| #ac-globalnav .ac-gn-searchview-close:-moz-focusring { | |
| outline: 1px dotted #fff | |
| } | |
| #ac-globalnav .ac-gn-searchview-close::-moz-focus-inner { | |
| border: 0 | |
| } | |
| #ac-globalnav .ac-gn-searchview-close:hover,#ac-globalnav .ac-gn-searchview-close:active { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| .touch#ac-globalnav .ac-gn-searchview-close:hover,.touch#ac-globalnav .ac-gn-searchview-close:active { | |
| opacity: 1 | |
| } | |
| #ac-globalnav .ac-gn-searchview-close:focus { | |
| outline-offset: -7px | |
| } | |
| #ac-globalnav .ac-gn-searchview-close:focus:active { | |
| outline: none | |
| } | |
| .searchshow#ac-globalnav .ac-gn-searchview-close { | |
| -webkit-transform: translateZ(0); | |
| transform: translateZ(0) | |
| } | |
| .searchhide#ac-globalnav .ac-gn-searchview-close { | |
| -webkit-transform: translateZ(0); | |
| transform: translateZ(0) | |
| } | |
| .ie7#ac-globalnav .ac-gn-searchview-close,.ie8#ac-globalnav .ac-gn-searchview-close { | |
| background-repeat: no-repeat; | |
| background-size: 16px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/close_large.svg"); | |
| background-position: center center | |
| } | |
| .ie7.no-svg#ac-globalnav .ac-gn-searchview-close,.ie8.no-svg#ac-globalnav .ac-gn-searchview-close { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/close_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .ie7#ac-globalnav .ac-gn-searchview-close,.ie8#ac-globalnav .ac-gn-searchview-close { | |
| background-size:18px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/close_small.svg") | |
| } | |
| .ie7.no-svg#ac-globalnav .ac-gn-searchview-close,.ie8.no-svg#ac-globalnav .ac-gn-searchview-close { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/close_small.png") | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchview-close { | |
| left:50%; | |
| margin-left: -24px; | |
| width: 48px; | |
| height: 48px; | |
| z-index: 3; | |
| overflow: hidden | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchview-close-wrapper { | |
| display: block; | |
| width: 100%; | |
| height: 100% | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .searchshow#ac-globalnav .ac-gn-searchview-close-wrapper { | |
| -webkit-animation:ac-gn-searchview-close-searchshow-small 600ms 150ms both; | |
| animation: ac-gn-searchview-close-searchshow-small 600ms 150ms both | |
| } | |
| .searchopen#ac-globalnav .ac-gn-searchview-close-wrapper { | |
| -webkit-transform: none; | |
| -ms-transform: none; | |
| transform: none | |
| } | |
| .searchhide#ac-globalnav .ac-gn-searchview-close-wrapper { | |
| -webkit-animation: ac-gn-searchview-close-searchhide-small 600ms 200ms both; | |
| animation: ac-gn-searchview-close-searchhide-small 600ms 200ms both | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchview-close-left,#ac-globalnav .ac-gn-searchview-close-right { | |
| height: 18px; | |
| width: 1px; | |
| background: #fff; | |
| position: absolute; | |
| display: block; | |
| top: 11px; | |
| z-index: 1 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchview-close-left,#ac-globalnav .ac-gn-searchview-close-right { | |
| top:20px; | |
| height: 1px; | |
| width: 12px | |
| } | |
| } | |
| .ie7#ac-globalnav .ac-gn-searchview-close-left,.ie8#ac-globalnav .ac-gn-searchview-close-left,.ie7#ac-globalnav .ac-gn-searchview-close-right,.ie8#ac-globalnav .ac-gn-searchview-close-right { | |
| display: none | |
| } | |
| #ac-globalnav .ac-gn-searchview-close-left { | |
| right: 12px; | |
| -webkit-transform: scale3d(1, 0.65, 1); | |
| transform: scale3d(1, 0.65, 1); | |
| -webkit-transform-origin: 0 100%; | |
| -ms-transform-origin: 0 100%; | |
| transform-origin: 0 100% | |
| } | |
| .searchshow#ac-globalnav .ac-gn-searchview-close-left { | |
| -webkit-animation: ac-gn-searchview-close-left-searchshow 300ms both; | |
| animation: ac-gn-searchview-close-left-searchshow 300ms both | |
| } | |
| .searchopen#ac-globalnav .ac-gn-searchview-close-left { | |
| -webkit-transform: rotate(-45deg); | |
| -ms-transform: rotate(-45deg); | |
| transform: rotate(-45deg) | |
| } | |
| .searchhide#ac-globalnav .ac-gn-searchview-close-left { | |
| -webkit-animation: ac-gn-searchview-close-left-searchhide 300ms both; | |
| animation: ac-gn-searchview-close-left-searchhide 300ms both | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchview-close-left { | |
| left:auto; | |
| right: 50%; | |
| -webkit-transform: rotate(40deg); | |
| -ms-transform: rotate(40deg); | |
| transform: rotate(40deg); | |
| -webkit-transform-origin: 100% 100%; | |
| -ms-transform-origin: 100% 100%; | |
| transform-origin: 100% 100% | |
| } | |
| .searchshow#ac-globalnav .ac-gn-searchview-close-left { | |
| -webkit-animation: ac-gn-searchview-close-left-searchshow-small 600ms 225ms both; | |
| animation: ac-gn-searchview-close-left-searchshow-small 600ms 225ms both | |
| } | |
| .searchopen#ac-globalnav .ac-gn-searchview-close-left { | |
| -webkit-transform: rotate(-40deg); | |
| -ms-transform: rotate(-40deg); | |
| transform: rotate(-40deg) | |
| } | |
| .searchhide#ac-globalnav .ac-gn-searchview-close-left { | |
| -webkit-animation: ac-gn-searchview-close-left-searchhide-small 600ms 150ms both; | |
| animation: ac-gn-searchview-close-left-searchhide-small 600ms 150ms both | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchview-close-right { | |
| left: 12px; | |
| -webkit-transform: scale3d(1, 0.65, 1); | |
| transform: scale3d(1, 0.65, 1); | |
| -webkit-transform-origin: 100% 100%; | |
| -ms-transform-origin: 100% 100%; | |
| transform-origin: 100% 100% | |
| } | |
| .searchshow#ac-globalnav .ac-gn-searchview-close-right { | |
| -webkit-animation: ac-gn-searchview-close-right-searchshow 300ms both; | |
| animation: ac-gn-searchview-close-right-searchshow 300ms both | |
| } | |
| .searchopen#ac-globalnav .ac-gn-searchview-close-right { | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg) | |
| } | |
| .searchhide#ac-globalnav .ac-gn-searchview-close-right { | |
| -webkit-animation: ac-gn-searchview-close-right-searchhide 300ms both; | |
| animation: ac-gn-searchview-close-right-searchhide 300ms both | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchview-close-right { | |
| left:50%; | |
| -webkit-transform: rotate(-40deg); | |
| -ms-transform: rotate(-40deg); | |
| transform: rotate(-40deg); | |
| -webkit-transform-origin: 0 0; | |
| -ms-transform-origin: 0 0; | |
| transform-origin: 0 0 | |
| } | |
| .searchshow#ac-globalnav .ac-gn-searchview-close-right { | |
| -webkit-animation: ac-gn-searchview-close-right-searchshow-small 600ms 225ms both; | |
| animation: ac-gn-searchview-close-right-searchshow-small 600ms 225ms both | |
| } | |
| .searchopen#ac-globalnav .ac-gn-searchview-close-right { | |
| -webkit-transform: rotate(40deg); | |
| -ms-transform: rotate(40deg); | |
| transform: rotate(40deg) | |
| } | |
| .searchhide#ac-globalnav .ac-gn-searchview-close-right { | |
| -webkit-animation: ac-gn-searchview-close-right-searchhide-small 600ms 150ms both; | |
| animation: ac-gn-searchview-close-right-searchhide-small 600ms 150ms both | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchform-slide { | |
| 0% { | |
| -webkit-transform: translate3d(100px, 0, 0); | |
| transform: translate3d(100px, 0, 0); | |
| -webkit-animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1); | |
| animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translateZ(0); | |
| transform: translateZ(0) | |
| } | |
| } | |
| @keyframes ac-gn-searchform-slide { | |
| 0% { | |
| -webkit-transform: translate3d(100px, 0, 0); | |
| transform: translate3d(100px, 0, 0); | |
| -webkit-animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1); | |
| animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1) | |
| } | |
| 100% { | |
| -webkit-transform: translateZ(0); | |
| transform: translateZ(0) | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchform-fade { | |
| 0% { | |
| opacity: 0; | |
| -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1); | |
| animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1) | |
| } | |
| 100% { | |
| opacity: 1 | |
| } | |
| } | |
| @keyframes ac-gn-searchform-fade { | |
| 0% { | |
| opacity: 0; | |
| -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1); | |
| animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1) | |
| } | |
| 100% { | |
| opacity: 1 | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchinput-fade { | |
| 0% { | |
| opacity: 0 | |
| } | |
| 100% { | |
| opacity: 1 | |
| } | |
| } | |
| @keyframes ac-gn-searchinput-fade { | |
| 0% { | |
| opacity: 0 | |
| } | |
| 100% { | |
| opacity: 1 | |
| } | |
| } | |
| #ac-globalnav input,#ac-globalnav button { | |
| border: none; | |
| background-color: transparent | |
| } | |
| #ac-globalnav .ac-gn-searchform { | |
| height: 44px; | |
| line-height: 44px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform { | |
| height:48px; | |
| line-height: 48px; | |
| padding: 0 48px | |
| } | |
| } | |
| .searchshow#ac-globalnav .ac-gn-searchform { | |
| -webkit-animation: ac-gn-searchform-slide 1s 400ms both, ac-gn-searchform-fade 400ms 400ms both; | |
| animation: ac-gn-searchform-slide 1s 400ms both, ac-gn-searchform-fade 400ms 400ms both | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .searchshow#ac-globalnav .ac-gn-searchform { | |
| -webkit-animation:none; | |
| animation: none | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchform-wrapper { | |
| padding-left: 40px; | |
| position: relative; | |
| z-index: 2 | |
| } | |
| .ie7#ac-globalnav .ac-gn-searchform-wrapper,.ie8#ac-globalnav .ac-gn-searchform-wrapper { | |
| height: 44px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform-wrapper { | |
| background:#000; | |
| border-bottom: 1px solid #ccc; | |
| right: 200%; | |
| padding: 0 28px; | |
| height: 47px | |
| } | |
| .searchopen#ac-globalnav .ac-gn-searchform-wrapper { | |
| right: auto | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchform-input { | |
| font-size: 16px; | |
| line-height: 1.375; | |
| font-weight: 400; | |
| letter-spacing: normal; | |
| color: #fff; | |
| outline: none; | |
| width: 100%; | |
| height: 1.375em | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform-input { | |
| font-size:20px; | |
| line-height: 1.2; | |
| font-weight: 200; | |
| letter-spacing: normal | |
| } | |
| } | |
| .touch.searchshow#ac-globalnav .ac-gn-searchform-input { | |
| -webkit-transform: translateY(-200px); | |
| -ms-transform: translateY(-200px); | |
| transform: translateY(-200px) | |
| } | |
| .touch.searchopen#ac-globalnav .ac-gn-searchform-input { | |
| -webkit-animation: ac-gn-searchinput-fade 200ms both; | |
| animation: ac-gn-searchinput-fade 200ms both | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform-input { | |
| height:1.2em | |
| } | |
| .touch.searchshow#ac-globalnav .ac-gn-searchform-input { | |
| -webkit-transform: none; | |
| -ms-transform: none; | |
| transform: none | |
| } | |
| .touch.searchopen#ac-globalnav .ac-gn-searchform-input { | |
| -webkit-animation: none; | |
| animation: none | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchform-input::-webkit-input-placeholder { | |
| color: #999; | |
| opacity: 1 | |
| } | |
| #ac-globalnav .ac-gn-searchform-input::-moz-placeholder { | |
| color: #999; | |
| opacity: 1 | |
| } | |
| #ac-globalnav .ac-gn-searchform-input:-ms-input-placeholder { | |
| color: #999; | |
| opacity: 1 | |
| } | |
| #ac-globalnav .ac-gn-searchform-input::placeholder { | |
| color: #999; | |
| opacity: 1 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform-input::-webkit-input-placeholder { | |
| color:#666 | |
| } | |
| #ac-globalnav .ac-gn-searchform-input::-moz-placeholder { | |
| color: #666 | |
| } | |
| #ac-globalnav .ac-gn-searchform-input:-ms-input-placeholder { | |
| color: #666 | |
| } | |
| #ac-globalnav .ac-gn-searchform-input::placeholder { | |
| color: #666 | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchform-input::-ms-clear { | |
| display: none; | |
| width: 0; | |
| height: 0 | |
| } | |
| #ac-globalnav .ac-gn-searchform-submit { | |
| position: absolute; | |
| z-index: 1; | |
| top: 0; | |
| left: 0; | |
| width: 40px; | |
| height: 44px; | |
| cursor: pointer; | |
| background-repeat: no-repeat; | |
| background-size: 20px 44px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/image_large.svg"); | |
| background-position: 10px 50%; | |
| background-repeat: no-repeat; | |
| -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); | |
| transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) | |
| } | |
| #ac-globalnav .ac-gn-searchform-submit:-moz-focusring { | |
| outline: 1px dotted #fff | |
| } | |
| #ac-globalnav .ac-gn-searchform-submit::-moz-focus-inner { | |
| border: 0 | |
| } | |
| .no-svg#ac-globalnav .ac-gn-searchform-submit { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/image_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform-submit { | |
| background-size:22px 48px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/image_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-searchform-submit { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/image_small.png") | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchform-submit:hover,#ac-globalnav .ac-gn-searchform-submit:active { | |
| opacity: 0.65; | |
| -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)'; | |
| filter: alpha(opacity=65) | |
| } | |
| .touch#ac-globalnav .ac-gn-searchform-submit:hover,.touch#ac-globalnav .ac-gn-searchform-submit:active { | |
| opacity: 1 | |
| } | |
| #ac-globalnav .ac-gn-searchform-submit:focus { | |
| outline-offset: -7px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform-submit:focus { | |
| outline-offset:0 | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchform-submit[disabled] { | |
| opacity: 1; | |
| cursor: default | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform-submit { | |
| width:20px; | |
| height: 48px; | |
| background-position: 0 50% | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchform-reset { | |
| background-repeat: no-repeat; | |
| display: none; | |
| position: absolute; | |
| z-index: 1; | |
| top: 0; | |
| right: 0; | |
| cursor: pointer | |
| } | |
| #ac-globalnav .ac-gn-searchform-reset:-moz-focusring { | |
| outline: 1px dotted #fff | |
| } | |
| #ac-globalnav .ac-gn-searchform-reset::-moz-focus-inner { | |
| border: 0 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform-reset { | |
| background-size:24px 48px; | |
| height: 48px; | |
| width: 24px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/icon_reset_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-searchform-reset { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/icon_reset_small.png") | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform-reset { | |
| cursor:default; | |
| display: block; | |
| opacity: 0; | |
| pointer-events: none; | |
| -webkit-transition: opacity 300ms ease; | |
| transition: opacity 300ms ease | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchform.with-reset .ac-gn-searchform-reset { | |
| cursor:pointer; | |
| opacity: 1; | |
| pointer-events: auto | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchresults-show { | |
| 0% { | |
| opacity: 0; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1 | |
| } | |
| } | |
| @keyframes ac-gn-searchresults-show { | |
| 0% { | |
| opacity: 0; | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1 | |
| } | |
| } | |
| @-webkit-keyframes ac-gn-searchresults-items-show { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: translateX(100px); | |
| transform: translateX(100px); | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1; | |
| -webkit-transform: none; | |
| transform: none | |
| } | |
| } | |
| @keyframes ac-gn-searchresults-items-show { | |
| 0% { | |
| opacity: 0; | |
| -webkit-transform: translateX(100px); | |
| transform: translateX(100px); | |
| -webkit-animation-timing-function: ease; | |
| animation-timing-function: ease | |
| } | |
| 100% { | |
| opacity: 1; | |
| -webkit-transform: none; | |
| transform: none | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchresults { | |
| font-size: 15px; | |
| line-height: 2; | |
| font-weight: 400; | |
| letter-spacing: normal; | |
| display: none; | |
| background: #fff; | |
| border: 1px solid #d6d6d6; | |
| border-top: none; | |
| color: #999; | |
| max-height: calc(100vh - 44px); | |
| overflow-x: hidden; | |
| overflow-y: auto; | |
| -webkit-overflow-scrolling: touch; | |
| white-space: nowrap | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchresults { | |
| font-size:16px; | |
| line-height: 2.8125; | |
| font-weight: 400; | |
| letter-spacing: normal | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchresults { | |
| background:transparent; | |
| border: none; | |
| color: #999; | |
| max-height: none; | |
| padding: 48px; | |
| padding-bottom: 0; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| bottom: 0; | |
| right: 0; | |
| z-index: 1 | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchresults.with-content { | |
| display: block | |
| } | |
| #ac-globalnav .ac-gn-searchresults.with-content-initial { | |
| -webkit-animation: ac-gn-searchresults-show 200ms both; | |
| animation: ac-gn-searchresults-show 200ms both | |
| } | |
| #ac-globalnav .ac-gn-searchresults-section { | |
| border-top: 1px solid #d6d6d6; | |
| margin: 0 40px; | |
| padding: 24px 0 15px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchresults-section { | |
| border-color:#ccc; | |
| margin: 0; | |
| padding: 24px 0 | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchresults-section:first-child { | |
| border-top: none | |
| } | |
| #ac-globalnav .ac-gn-searchresults-header { | |
| font-size: 12px; | |
| line-height: 1; | |
| font-weight: 400; | |
| letter-spacing: normal; | |
| color: #999 | |
| } | |
| #ac-globalnav .ac-gn-searchresults-list { | |
| list-style: none; | |
| padding-top: 5px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchresults-list { | |
| padding:0 30px | |
| } | |
| } | |
| @media only screen and (max-width: 419px) { | |
| #ac-globalnav .ac-gn-searchresults-list { | |
| padding:0 | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchresults-item { | |
| margin: 4px -32px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchresults-item { | |
| margin:0; | |
| border-top: 1px solid #333 | |
| } | |
| #ac-globalnav .ac-gn-searchresults-item:first-child { | |
| border-top: none | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchresults-link { | |
| color: #999; | |
| display: block; | |
| padding: 0 48px; | |
| text-decoration: none | |
| } | |
| #ac-globalnav .ac-gn-searchresults-link b { | |
| color: #333; | |
| font-weight: 400 | |
| } | |
| #ac-globalnav .ac-gn-searchresults-link.current { | |
| background-color: #f2f2f2 | |
| } | |
| #ac-globalnav .ac-gn-searchresults-link.current,#ac-globalnav .ac-gn-searchresults-link.current b { | |
| color: #08c | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchresults-link { | |
| color:#ccc; | |
| padding: 0 | |
| } | |
| #ac-globalnav .ac-gn-searchresults-link b { | |
| color: #fff | |
| } | |
| #ac-globalnav .ac-gn-searchresults-link.current { | |
| background-color: transparent | |
| } | |
| #ac-globalnav .ac-gn-searchresults-link.current,#ac-globalnav .ac-gn-searchresults-link.current b { | |
| color: #5cc3f6 | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchresults-link-suggestions { | |
| background-repeat: no-repeat; | |
| background-size: 21px 60px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/icon_suggested_large.svg"); | |
| background-position: 48px 0; | |
| padding-left: 72px | |
| } | |
| .no-svg#ac-globalnav .ac-gn-searchresults-link-suggestions { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/icon_suggested_large.png") | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchresults-link-suggestions { | |
| background-size:18px 90px; | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/icon_suggested_small.svg") | |
| } | |
| .no-svg#ac-globalnav .ac-gn-searchresults-link-suggestions { | |
| background-image: url("http://images.apple.com/ac/globalnav/2.0/en_US/images/ac-globalnav/globalnav/search/icon_suggested_small.png") | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchresults-link-suggestions.current { | |
| background-position: 48px 100% | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchresults-link-suggestions { | |
| background-position:0 0; | |
| padding-left: 26px | |
| } | |
| #ac-globalnav .ac-gn-searchresults-link-suggestions.current { | |
| background-position: 0 100% | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated { | |
| -webkit-animation: ac-gn-searchresults-items-show 400ms both; | |
| animation: ac-gn-searchresults-items-show 400ms both | |
| } | |
| .searchhide#ac-globalnav .ac-gn-searchresults-animated { | |
| -webkit-animation: none; | |
| animation: none | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchresults-animated { | |
| -webkit-animation:none; | |
| animation: none | |
| } | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated:nth-child(1) { | |
| -webkit-animation-delay: 20ms; | |
| animation-delay: 20ms | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated:nth-child(2) { | |
| -webkit-animation-delay: 40ms; | |
| animation-delay: 40ms | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated:nth-child(3) { | |
| -webkit-animation-delay: 60ms; | |
| animation-delay: 60ms | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated:nth-child(4) { | |
| -webkit-animation-delay: 80ms; | |
| animation-delay: 80ms | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated:nth-child(5) { | |
| -webkit-animation-delay: 100ms; | |
| animation-delay: 100ms | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated:nth-child(6) { | |
| -webkit-animation-delay: 120ms; | |
| animation-delay: 120ms | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated:nth-child(7) { | |
| -webkit-animation-delay: 140ms; | |
| animation-delay: 140ms | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated:nth-child(8) { | |
| -webkit-animation-delay: 160ms; | |
| animation-delay: 160ms | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated:nth-child(9) { | |
| -webkit-animation-delay: 180ms; | |
| animation-delay: 180ms | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated:nth-child(10) { | |
| -webkit-animation-delay: 200ms; | |
| animation-delay: 200ms | |
| } | |
| #ac-globalnav .ac-gn-searchresults-animated.ac-gn-searchresults-header { | |
| -webkit-animation-delay: 0s; | |
| animation-delay: 0s | |
| } | |
| #ac-globalnav .ac-gn-searchresults-noresults { | |
| display: block; | |
| padding: 0 32px; | |
| color: #999; | |
| line-height: 1.25; | |
| white-space: normal | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #ac-globalnav .ac-gn-searchresults-noresults { | |
| color:#ccc; | |
| padding: 0 | |
| } | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(function(){ | |
| var searchReveal = $('nav#ac-globalnav'); | |
| var showSearch = function() { | |
| searchReveal.removeClass('searchclose').addClass('searchopen'); | |
| // searchController.focusInput() | |
| window.scrollTo(0, 0); | |
| return false; | |
| }; | |
| $('.ac-gn-link-search').on('click', showSearch); | |
| $('#ac-gn-searchview-close').on('click', function(){ | |
| searchReveal.removeClass('searchopen').addClass('searchclose'); | |
| }); | |
| }); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment