/*********************************************************************************** CSS RESET ************************************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; margin: 0; padding: 0; overflow-x: hidden; background-color:#000; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a:active, a:visited { border: none; outline: none; } *,*:hover,*:focus,*:active { outline: 0px none; } .clearfix:after { clear: both; content:"."; display: block; height: 0; visibility: hidden } .clearfix { min-width: 0; } /***************************************** GHOSTS FONTS *****************************************/ @font-face { font-family: 'HelveticaNeueLTStd55Roman'; src: url('../../fonts/helveticaneueltstd-roman-webfont.eot'); src: url('../../fonts/helveticaneueltstd-roman-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/helveticaneueltstd-roman-webfont.woff') format('woff'), url('../../fonts/helveticaneueltstd-roman-webfont.ttf') format('truetype'), url('../../fonts/helveticaneueltstd-roman-webfont.svg#HelveticaNeueLTStd55Roman') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueLTStd65Medium'; src: url('../../fonts/helveticaneueltstd-md-webfont.eot'); src: url('../../fonts/helveticaneueltstd-md-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/helveticaneueltstd-md-webfont.woff') format('woff'), url('../../fonts/helveticaneueltstd-md-webfont.ttf') format('truetype'), url('../../fonts/helveticaneueltstd-md-webfont.svg#HelveticaNeueLTStd65Medium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueLTStd67MdCn'; src: url('../../fonts/helveticaneueltstd-mdcn-webfont.eot'); src: url('../../fonts/helveticaneueltstd-mdcn-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/helveticaneueltstd-mdcn-webfont.woff') format('woff'), url('../../fonts/helveticaneueltstd-mdcn-webfont.ttf') format('truetype'), url('../../fonts/helveticaneueltstd-mdcn-webfont.svg#HelveticaNeueLTStd67MdCn') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueLTStd77BdCnOb'; src: url('../../fonts/helveticaneueltstd-bdcno-webfont.eot'); src: url('../../fonts/helveticaneueltstd-bdcno-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/helveticaneueltstd-bdcno-webfont.woff') format('woff'), url('../../fonts/helveticaneueltstd-bdcno-webfont.ttf') format('truetype'), url('../../fonts/helveticaneueltstd-bdcno-webfont.svg#HelveticaNeueLTStd77BdCnOb') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueLTStd77BdCn'; src: url('../../fonts/helveticaneueltstd-bdcn-webfont.eot'); src: url('../../fonts/helveticaneueltstd-bdcn-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/helveticaneueltstd-bdcn-webfont.woff') format('woff'), url('../../fonts/helveticaneueltstd-bdcn-webfont.ttf') format('truetype'), url('../../fonts/helveticaneueltstd-bdcn-webfont.svg#HelveticaNeueLTStd77BdCn') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueLTStd-BdIt'; src: url('../../../../../../content/dam/atvi/callofduty/blackops2/cod-bo2/fonts/helveticaneueltstdbdit.eot'); src: url('../../../../../../content/dam/atvi/callofduty/blackops2/cod-bo2/fonts/helveticaneueltstdbdit.eot?#iefix') format('embedded-opentype'), url('../../../../../../content/dam/atvi/callofduty/blackops2/cod-bo2/fonts/helveticaneueltstdbdit.woff') format('woff'), url('../../../../../../content/dam/atvi/callofduty/blackops2/cod-bo2/fonts/helveticaneueltstdbdit.ttf') format('truetype'), url('../../../../../../content/dam/atvi/callofduty/blackops2/cod-bo2/fonts/helveticaneueltstdbdit.svg#helveticaneueltstdbdit') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueLTCom-BdCnO'; src: url('../../fonts/helveticaneueltstd-bdcno-webfont.eot'); src: url('../../fonts/helveticaneueltstd-bdcno-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/helveticaneueltstd-bdcno-webfont.woff') format('woff'), url('../../fonts/helveticaneueltstd-bdcno-webfont.ttf') format('truetype'), url('../../fonts/helveticaneueltstd-bdcno-webfont.svg#helveticaneueltstd-bdcno-webfont') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueLTStd-Cn'; src: url('../../fonts/helveticaneueltstd-cn.eot'); src: url('../../fonts/helveticaneueltstd-cn.eot?#iefix') format('embedded-opentype'), url('../../fonts/helveticaneueltstd-cn.woff') format('woff'), url('../../fonts/helveticaneueltstd-cn.ttf') format('truetype'), url('../../fonts/helveticaneueltstd-cn.svg#helveticaneueltstd-cn') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueLTStd-CnO'; src: url('../../fonts/helveticaneueltstd-cno.eot'); src: url('../../fonts/helveticaneueltstd-cno.eot?#iefix') format('embedded-opentype'), url('../../fonts/helveticaneueltstd-cno.woff') format('woff'), url('../../fonts/helveticaneueltstd-cno.ttf') format('truetype'), url('../../fonts/helveticaneueltstd-cno.svg#helveticaneueltstd-cno') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueLTStd-MdCnO'; src: url('../../fonts/helveticaneueltstd-mdcno.eot'); src: url('../../fonts/helveticaneueltstd-mdcno.eot?#iefix') format('embedded-opentype'), url('../../fonts/helveticaneueltstd-mdcnowoff') format('woff'), url('../../fonts/helveticaneueltstd-mdcno.ttf') format('truetype'), url('../../fonts/helveticaneueltstd-mdcno.svg#helveticaneueltstd-mdcno') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueLTStd-MdIt'; src: url('../../fonts/helveticaneueltstd-mdit.eot'); src: url('../../fonts/helveticaneueltstd-mdit.eot?#iefix') format('embedded-opentype'), url('../../fonts/helveticaneueltstd-mdit.woff') format('woff'), url('../../fonts/helveticaneueltstd-mdit.ttf') format('truetype'), url('../../fonts/helveticaneueltstd-mdit.svg#helveticaneueltstd-mdcno') format('svg'); font-weight: normal; font-style: normal; } /******* Replacer 2.0 fonts ***********/ @font-face { font-family: 'HelveticaNeueLTStd75Bold'; src: url('../../../../../../content/dam/atvi/callofduty/blackops2/cod-bo2/fonts/helveticaneueltstd-bd.eot'); src: url('../../../../../../content/dam/atvi/callofduty/blackops2/cod-bo2/fonts/helveticaneueltstd-bd.eot?#iefix') format('embedded-opentype'), url('../../../../../../content/dam/atvi/callofduty/blackops2/cod-bo2/fonts/helveticaneueltstd-bd.woff') format('woff'), url('../../../../../../content/dam/atvi/callofduty/blackops2/cod-bo2/fonts/helveticaneueltstd-bd.ttf') format('truetype'), url('../../../../../../content/dam/atvi/callofduty/blackops2/cod-bo2/fonts/helveticaneueltstd-bd.svg#HelveticaNeueLTStd75Bold') format('svg'); } @font-face { font-family: 'bankgothicbold'; src: url('../../../../../../content/dam/atvi/callofduty/blackops2/cod-bo2/fonts/bankgothic_bold-webfont.eot'); src: url('../../../../../../content/dam/atvi/callofduty/blackops2/cod-bo2/fonts/bankgothic_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../../../../../content/dam/atvi/callofduty/blackops2/cod-bo2/fonts/bankgothic_bold-webfont.woff') format('woff'), url('../../../../../../content/dam/atvi/callofduty/blackops2/cod-bo2/fonts/bankgothic_bold-webfont.ttf') format('truetype'), url('../../../../../../content/dam/atvi/callofduty/blackops2/cod-bo2/fonts/bankgothic_bold-webfont.svg#bankgothicbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bankgothicm'; src: url('../../fonts/bnkgothm-webfont.eot'); src: url('../../fonts/bnkgothm-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/bnkgothm-webfont.woff') format('woff'), url('../../fonts/bnkgothm-webfont.ttf') format('truetype'), url('../../fonts/bnkgothm-webfont.svg#bankgothicm') format('svg'); font-weight: normal; font-style: normal; } /***************************************** GHOSTS HEADER *****************************************/ .header-container { width: 248px; height: 100%; position: fixed; left: 0; top: 0; padding-top: 40px; /*overflow: hidden;*/ /* min-height: 500px; reason for this? */ z-index: 50; /*background: rgba(255,255,255,.2);*//*COMMENTED BY SL*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .header, .header .refHeader, .header .refHeaderContent, .header .column-control, #header-menu { height: 100%; } .desktop-mark-up.cq-wcm-edit .header-container { position: relative; width: 100%; } .header-container div.image { margin: 0; padding: 0; } #header-menu-c1 { display: block; } #header-menu-c0{ background: #000; } #cod-ghosts-logo { width: 246px; margin: 0px auto; position: relative; z-index: 5; /*padding: 0px;*/ padding: 20px 0; text-align: center; } #header-menu-c1 .mobile-only.nav-preorder { display: none; /* hide the top pre-order button */ } #media-menu { display: none; } .main-menu li { height: 56px; line-height: 56px; } .main-menu li.phone-sso { display: none; background-color: #c96; } .main-menu li.phone-sso a { color: #fff; } .header-container a, .main-menu a { color: #ccc; text-decoration: none; display: block; text-align: center; text-transform: uppercase; letter-spacing: 3px; } .header-container a.active, .main-menu a:active { color: #fff; text-decoration: underline; } .header-container a:hover, .header-container a:active, .main-menu a:hover, .main-menu a:active { color: #5e82a3; } .nav-share-sub { position: absolute; left: 0; /*bottom: 112px;*/ bottom: -138px; width: 100%; text-align: center; display: none; padding: 6px 0 15px 0; background: rgba(17,17,17, 0.75); /* background: url(corelibs/images/header/connect-bg.png) top left repeat; */ } .nav-share-sub #share-social-links { padding-top: 8px; padding-bottom: 7px; background: url(corelibs/images/header/dividing_line.png) no-repeat bottom center; } .nav-share-sub #share-social-links li { display: inline-block; *display: inline; zoom: 1; position: relative; left: -8px; } .nav-share-sub #share-social-links li a { display: block; /*width: 35px;*/ width: 25px; height: 35px; text-indent: -9999px; background: url(corelibs/images/footer/footer-sprite.png) 0 0 no-repeat; } /*.nav-share-sub #share-social-links li.text-list-0, .nav-share-sub #share-social-links li.text-list-1 { left: -8px; } .nav-share-sub #share-social-links li.text-list-2 { left: -5px; } .nav-share-sub #share-social-links li.text-list-3 { left: -3px; }*/ .nav-share-sub #share-social-links li .fb-link a { background-position: -29px -56px; } .nav-share-sub #share-social-links li .twitter-link a { /*background-position: -128px -56px;*/ background-position: -135px -56px; } .nav-share-sub #share-social-links li .youtube-link a { /*background-position: -228px -56px;*/ background-position: -232px -56px; } .nav-share-sub #share-social-links li .instagram-link a { /*background-position: -333px -56px;*/ background-position: -337px -56px; } .nav-share-sub #share-social-links li .gplus-link a { /*background-position: -431px -56px;*/ background-position: -439px -56px; } .nav-share-sub #share-social-links li .tumblr-link a { background: #444 url(../../../../../../content/dam/atvi/callofduty/hub/follow_button_sprite.png) 0 0 no-repeat; background-position: -18px -18px; height: 24px; width: 26px; top: -9px; position: relative; } /*.nav-share-sub #share-social-links li .fb-link a:hover { background-position: -29px -191px; } .nav-share-sub #share-social-links li .twitter-link a:hover { background-position: -128px -191px; } .nav-share-sub #share-social-links li .youtube-link a:hover { background-position: -228px -191px; } .nav-share-sub #share-social-links li .instagram-link a:hover { background-position: -333px -191px; } .nav-share-sub #share-social-links li .gplus-link a:hover { background-position: -431px -191px; }*/ .nav-share-sub #share-addthis { margin: 0 auto; /*width: 270px;*/ padding: 20px 0 15px 0; display: inline-block; } .nav-share-sub #share-addthis-facebook-like { width: 60px; /*margin-left: 19px;*/ } .nav-share-sub #share-addthis-tweet { width: 77px; } .nav-share-sub .pluginCountButton, .nav-share-sub .hcount .count-o { display: none; } .nav-share-sub .addthis_button_facebook_like { overflow: hidden; width: 45px !important; margin-right: 5px; } .nav-share-sub .addthis_button_tweet { overflow: hidden; width: 55px !important; margin-right: 4px; } .nav-share-sub .addthis_pill_style { overflow: hidden; width: 50px !important; } .nav-share { position: absolute; left: 0; /*bottom: 56px;*/ bottom: 0px; width: 100%; height: 56px; line-height: 56px; background: rgba(17,17,17,.75); background: url(../../../../../../content/dam/atvi/callofduty/ghosts/header/connect-bg.jpg) top left repeat; } /* nav-share.active, */ .nav-share:hover { background: url(corelibs/images/header/nav_button_default_bg.png) no-repeat bottom left; } .nav-share.active a { background: url(corelibs/images/header/dividing_line.png) no-repeat bottom center; } .nav-preorder { position: relative; left: 0; /*bottom: 0;*/ width: 100%; background: transparent url(../../../../../../content/dam/atvi/callofduty/ghosts/header/lockup-bg.jpg) 100% 0% no-repeat; height: 92px; /*line-height: 56px;*/ margin-top: -1px; z-index: 0; border-bottom: 1px solid #282b2e; } .nav-share a, .nav-preorder a { color: #838383; font-family: "HelveticaNeueLTStd65Medium", Helvetica,Arial,sans-serif; font-size: 11px; letter-spacing: 2px; font-weight: normal; } .nav-preorder .preorder-link a{ color: #fff; } .nav-preorder .preorder-link a:hover{ color: #5e82a3; } .desktop-mark-up.cq-wcm-edit .header-container .nav-share, .desktop-mark-up.cq-wcm-edit .header-container .nav-preorder { position: relative; bottom: 0; } .nav-preorder > .atvi-instrument-text-image { position: absolute; z-index: 5; top: -5px; } .nav-preorder .ti-image{ position: relative; left: -3px; top: -7px; float: left; } .nav-preorder .ti-text { width: auto; position: relative; top: 3px; right: 42px; text-align: left; float: right; } #header-menu .nav-preorder.fr .ti-text{ right: 18px; position: absolute; width: 120px; } #header-menu .nav-preorder.de .ti-text{ right: 8px; position: absolute; } #header-menu .nav-preorder.es .ti-text, #header-menu .nav-preorder.it .ti-text{ right: 13px; position: absolute; width: 120px; } .nav-preorder .ti-text .preorder-link { background: url(../../../../../../content/dam/atvi/callofduty/ghosts/header/link-triangle.png) 100% 46% no-repeat; padding: 27px 13px; } .nav-preorder .ti-text .divider { background: url(../../../../../../content/dam/atvi/callofduty/ghosts/header/divider-short.png) 100% 0% no-repeat; height: 10px; } .nav-indicator { display: none; /* block */ position: absolute; top: 0; left: 0; margin: 27px 27px 0; text-align: center; } .nav-indicator.active { background-color: #999; } .nav-indicator p { line-height: 6px; color: #000; font-weight: bold; /* margin: 8px 0 0; */ } .nav-indicator a { color: #fff; letter-spacing: -1px; } .share-indicator { display: none; /* block */ position: absolute; top: 0; right: 0; margin: 27px 27px 0; text-align: center; } .share-indicator.active { background-color: #999; } .share-indicator a, .nav-indicator a { height:42px; width: 55px; background:url(corelibs/images/header/mobile-header-indicators.png) 100% no-repeat; text-indent:-9999px; background-size: cover; } .share-indicator a { background-position: left top; } .nav-indicator a { background-position: left bottom; } /***************************************** GHOSTS BASE *****************************************/ html { width: 100%; height: 100%; } body { width: 100%; height: 100%; /*background: #000 url(corelibs/images/core/bg_body.jpg) center center no-repeat fixed;*/ background: #000 url(../../../../../../content/dam/atvi/callofduty/ghosts/images/Phantom_BG_Body_1920x1200.jpg) center center no-repeat fixed; font-family: Arial, sans-serif; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.noscroll { /*overflow: hidden !important;*/ } body > .container { width: 100%; /* height: 90%; top and bottom space of 40px */ top: 40px; bottom: 40px; /*min-height: 500px;*/ overflow: hidden; position: absolute; z-index: 2; } body.desktop-mark-up.cq-wcm-edit > .container { position: relative; margin-left: 0; } /* SSO-BAR overwrite */ body .SSO-BAR { position: fixed !important; background-color: #000 !important; border-bottom: 1px solid #2b2b2b; } .SSO-BAR #sso-bar-wrapper { width: 97% !important; } .SSO-BAR #sso-bar-menu > li > a { color: #707070; /*font-family: 'HelveticaNeueLTComBdCnO',Helvetica,Arial,sans-serif; font-size: 14px; text-decoration: none;*/ } .SSO-BAR #menu-explore { background-position: 67px 3px; } .SSO-BAR menu#sso-bar-menu li#menu-store { border-right: 2px solid rgb(28, 28, 28); } #sso-store-menu-label:before { content: ""; } #sso-store-menu-label.locale-en:before { content: "Store"; } #sso-store-menu-label.locale-fr:before { content: "Boutique"; } #sso-store-menu-label.locale-it:before { content: "Negozio"; } #sso-store-menu-label.locale-de:before { content: "Laden"; } #sso-store-menu-label.locale-es:before { content: "Tienda"; } .SSO-BAR #menu-explore, .SSO-BAR #sso-explore-menu-label { width: 102px; } .SSO-BAR #or { background-color: transparent; color: #707070; font-size: 12px; margin: 0; /*font-weight: normal; text-transform: uppercase;*/ } .SSO-BAR #sso-bar-menu > #menu-login-register > a { background-color: transparent; } #initial-splash { display: none; } #initial-splash.active { position: fixed; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: #000; z-index: 10500; } #initial-splash.active .logo { position: fixed; left: 50%; bottom: 50%; margin-left: -93px; width: 186px; height: 50px; display: none; } #initial-splash.active .spinner, body > .main-spinner { position: fixed; left: 50%; top: 50%; display: none; width: 180px; height: 100px; } #initial-splash.active .spinner { margin-top: 50px; margin-left: -90px; background: url("corelibs/images/core/spinner-transparent.gif") no-repeat; } body > .main-spinner { z-index: 10500; margin-top: -50px; margin-left: -90px; background: url("corelibs/images/core/spinner-transparent.gif") no-repeat; } The quick brown fox jumps over the lazy dog. 0123456789 The quick brown fox jumps over the lazy dog. 0123456789 The quick brown fox jumps over the lazy dog. 0123456789 The quick brown fox jumps over the lazy dog. 0123456789 The quick brown fox jumps over the lazy dog. 0123456789 .x-viewport, .x-viewport body { border: 0 none; height: 100%; margin: 0; overflow: hidden; padding: 0; } .x-border-layout-ct { background-color: #DBEBFA; } .x-border-layout-ct { background-color: #DFE8F6; } .x-border-layout-ct { position: relative; } img, body, html { border: 0 none; } html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; } body { font: 12px tahoma,arial,sans-serif; margin: 0; } body .SSO-BAR #sso-bar-menu > #menu-login-register > a { background-color: #000000 !important; color: #666666; font-family: "HelveticaNeueLTStd67MdCn",Helvetica,Arial,sans-serif; font-style: italic; font-weight: bold; } .SSO-BAR span#or { background-color: #000000; color: #666666; font-family: "HelveticaNeueLTStd67MdCn",Helvetica,Arial,sans-serif !important; font-style: italic; font-weight: bold; text-transform: uppercase; font-size:11px; } .SSO-BAR #sso-bar-menu > li > a { display: block; font-family: "HelveticaNeueLTStd67MdCn",Helvetica,Arial,sans-serif !important; font-style: italic; line-height: 40px; padding-left: 9px; padding-right: 9px; } .SSO-BAR menu#sso-bar-menu li#menu-explore { border-left:none !important; border-right: 2px solid #1C1C1C; } .SSO-BAR #menu-explore, .SSO-BAR #sso-explore-menu-label { text-align: left; width: 92px !important; } .SSO-BAR #menu-explore { background-image: url("corelibs/css/images/dark-down-arrow.png"); background-position: 45px 3px !important; background-repeat: no-repeat; } sup { vertical-align: super; font-size: smaller; } /***************************************** GHOSTS BASE CQ EDIT *****************************************/ .cq-wcm-edit .container, .cq-wcm-edit .footer-container { position: relative; top: 0; margin-top: 0; bottom: auto; overflow: visible; } /***************************************** GHOSTS NAVIGATION *****************************************/ .white-gradient-border-line{ background: -moz-linear-gradient(left, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.6) 20%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.6) 80%, rgba(255,255,255,0.15) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.15)), color-stop(20%,rgba(255,255,255,0.6)), color-stop(50%,rgba(255,255,255,0.6)), color-stop(80%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,0.15))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.6) 20%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0.6) 80%,rgba(255,255,255,0.15) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.6) 20%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0.6) 80%,rgba(255,255,255,0.15) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.6) 20%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0.6) 80%,rgba(255,255,255,0.15) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.6) 20%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0.6) 80%,rgba(255,255,255,0.15) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26ffffff', endColorstr='#26ffffff',GradientType=1 ); /* IE6-9 */ width:100%; height:1px; opacity: .5; } .black-gradient-border-line{ background: -moz-linear-gradient(left, rgba(255,255,255,0.15) 0%, rgba(153,153,153,0.6) 20%, rgba(51,51,51,0.6) 40%, rgba(0,0,0,0.6) 50%, rgba(46,46,46,0.6) 59%, rgba(153,153,153,0.6) 80%, rgba(255,255,255,0.15) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.15)), color-stop(20%,rgba(153,153,153,0.6)), color-stop(40%,rgba(51,51,51,0.6)), color-stop(50%,rgba(0,0,0,0.6)), color-stop(59%,rgba(46,46,46,0.6)), color-stop(80%,rgba(153,153,153,0.6)), color-stop(100%,rgba(255,255,255,0.15))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255,255,255,0.15) 0%,rgba(153,153,153,0.6) 20%,rgba(51,51,51,0.6) 40%,rgba(0,0,0,0.6) 50%,rgba(46,46,46,0.6) 59%,rgba(153,153,153,0.6) 80%,rgba(255,255,255,0.15) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255,255,255,0.15) 0%,rgba(153,153,153,0.6) 20%,rgba(51,51,51,0.6) 40%,rgba(0,0,0,0.6) 50%,rgba(46,46,46,0.6) 59%,rgba(153,153,153,0.6) 80%,rgba(255,255,255,0.15) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255,255,255,0.15) 0%,rgba(153,153,153,0.6) 20%,rgba(51,51,51,0.6) 40%,rgba(0,0,0,0.6) 50%,rgba(46,46,46,0.6) 59%,rgba(153,153,153,0.6) 80%,rgba(255,255,255,0.15) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255,255,255,0.15) 0%,rgba(153,153,153,0.6) 20%,rgba(51,51,51,0.6) 40%,rgba(0,0,0,0.6) 50%,rgba(46,46,46,0.6) 59%,rgba(153,153,153,0.6) 80%,rgba(255,255,255,0.15) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26ffffff', endColorstr='#26ffffff',GradientType=1 ); /* IE6-9 */ width:100%; height:1px; } #header-menu { background: url(corelibs/images/header/nav-bg.png) center left repeat; } #header-menu .menu-link, #header-menu .menu-link p, #header-menu .menu-link a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #header-menu .menu-link { list-style: none; margin: 0 0 0px 0; padding:0; } #header-menu .menu-link a { color: #666666; font-family: "HelveticaNeueLTStd65Medium", Helvetica, Arial, sans-serif; font-size: 11px; text-transform: uppercase; text-align: left; padding: 10px 0; padding-left: 45px; width: 100%; display: inline-block; text-decoration: none; background-color: transparent; background: url(corelibs/images/header/dividing_line.png) no-repeat bottom center; -moz-transition: color .35s ease-in; -webkit-transition: color .35s ease-in; -o-transition: color .35s ease-in; transition: color .35s ease-in; letter-spacing: 2px; } #header-menu #menu-link-02.menu-link a { font-family: "HelveticaNeueLTStd-MdIt", Helvetica, Arial, sans-serif; } #header-menu .menu-link.child a,#header-menu .menu-link.parent a { font-size: 11px; color:#666666; padding: 10px 0; padding-left: 45px; /*background: transparent;*/ } #header-menu .menu-link.child-last a { font-size: 11px; padding: 10px 0; padding-left: 45px; color:#666; background: url(corelibs/images/header/dividing_line.png) no-repeat bottom center; } #header-menu .menu-link.child-last a:hover { background: url("../../../../../../content/dam/atvi/callofduty/ghosts/nav/nav_button_default_bg.png") no-repeat bottom left; } #header-menu .menu-link.child a:hover, #header-menu .menu-link.parent a:hover { color:#cccccc; background: url("../../../../../../content/dam/atvi/callofduty/ghosts/nav/nav_child_button_default_bg.png") no-repeat bottom left; } #header-menu .menu-link a:hover, #header-menu .menu-link.selected a { color:#cccccc; background: url(corelibs/images/header/nav_button_default_bg.png) no-repeat bottom left; } #header-menu .menu-link.parent a { font-size: 11px; /*color:#cccccc;*/ padding: 10px 0; padding-left: 45px; /*background: transparent;*/ } #header-menu .menu-link.child.selected a, #header-menu .menu-link.parent.selected a { color:#cccccc; /*background: url(../../../../../../content/dam/atvi/callofduty/ghosts/nav/nav_child_button_default_bg.png) no-repeat bottom left;*/ } #header-menu .menu-link.open > a { background: url(corelibs/images/header/nav_button_default_bg.png) no-repeat bottom left; } #header-menu .menu-link.selected > a { -moz-transition: all .35s ease-in; -webkit-transition: all .35s ease-in; -o-transition: all .35s ease-in; transition: all .35s ease-in; color:#cccccc; background: url(corelibs/images/header/nav_button_hilite_bg.png) no-repeat bottom left; } #header-menu .menu-link.selected { } #header-menu .login-link, #header-menu .register-link, #header-menu .profile-link, #header-menu .logout-link, #header-menu .support-link { display: none; } /***************************************** GHOSTS FOOTER *****************************************/ .footer-container { position: absolute; margin-left: 248px; /* top: 95%; */ top: 100%; margin-top: -40px; float: right; overflow: hidden; } #footer { background-color: #000; } #footer #footer-c0, #footer #footer-c2 { min-width: 265px; float: left; clear: left; } #footer #footer-c1, #footer #footer-c3 { width: 100%; margin-left: 265px; /*background: transparent url(corelibs/images/footer/footer-line.gif) 0 0 repeat-y;*/ } #footer #footer-c0, #footer #footer-c1 { height: 135px; /* border-bottom: 1px solid #1b1b1b; */ } #footer #footer-c0, #footer #footer-c3 { background-color: #111111; } #footer #footer-c2, #footer #footer-c3 { padding-bottom: 20px; border-top: 1px solid #1b1b1b; } #footer #activision-logo, #footer #developers-links { width: 265px; float: right; } #footer #activision-logo-image-link { display: block; margin: 42px auto 0; width: 165px; } #footer #social-links { margin: 0; } #footer #social-links li { /* float: left; */ display: inline-block; } #footer #social-links li:first-child { margin-left: 42px; } #footer #social-links li a { display: block; height: 26px; overflow: hidden; background: transparent url(corelibs/images/footer/footer-sprite.png) 0 0 no-repeat; text-indent: -9999px; } /* social links */ #footer #social-links li { margin-top: 54px; margin-left: 63px; } #footer #social-links li #social-links-fb a { background-position: -29px -56px; width:24px; } #footer #social-links li #social-links-tw a { background-position: -134px -56px; width:32px; } #footer #social-links li #social-links-yt a { background-position: -231px -56px; width:26px; } #footer #social-links li #social-links-ig a { background-position: -336px -56px; width:30px; } #footer #social-links li #social-links-gplus a { background-position: -436px -56px; width:32px; } #footer #social-links li #social-links-fb a:hover { background-position: -29px -191px; } #footer #social-links li #social-links-tw a:hover { background-position: -134px -191px; } #footer #social-links li #social-links-yt a:hover { background-position: -231px -191px; } #footer #social-links li #social-links-ig a:hover { background-position: -336px -191px; } #footer #social-links li #social-links-gplus a:hover { background-position: -436px -191px; } #footer #social-links li #social-links-tumblr a, #footer #social-links li #social-links-tumblr a:hover { background:#444 url(../../../../../../content/dam/atvi/callofduty/hub/follow_button_sprite.png) 0 0 no-repeat; background-position: -18px -18px; height: 26px; width: 26px; } /* end social links */ #footer #developers-links { padding: 20px 0; } #footer #developers-links li { margin-bottom: 15px; } #footer #developers-links a { display: block; width: 140px; height: 60px; overflow: hidden; background: transparent url(corelibs/images/footer/footer-sprite.png) 0 -280px no-repeat; text-indent: -9999px; margin: 0 auto; } #footer #developers-links #developers-links-ns a { background-position: -59px -383px; } #footer #developers-links #developers-links-iw a { background-position: -59px -301px; } #footer #developers-links #developers-links-raven a { background-position: -59px -466px; } #footer #developers-links #developers-links-ns a:hover { background-position: -324px -383px; } #footer #developers-links #developers-links-iw a:hover { background-position: -324px -301px; } #footer #developers-links #developers-links-raven a:hover { background-position: -324px -466px; } #footer #esrb-logos { padding: 73px 0 20px 40px; height: 75px; } #footer #esrb-logos img { margin: 0; } #footer-c3 { font-family: 'HelveticaNeueLTStd-Cn', Helvetica, Arial, sans-serif; } #footer-c3 #esrb-logos li { display: inline-block; } #footer-c3 #esrb-logos li { margin-right: 28px; } #footer-c3 #esrb-logos li:last-child { margin-right: 0; } #footer-c3 #footer-disclaimer { padding: 25px 0 0 42px; width: 75%; } #footer-c3 #footer-disclaimer p { color: #999999; font-size: 11px; line-height: 1.5; padding-bottom: 10px; letter-spacing: 0px; } #footer-c3 #footer-disclaimer p a { color: #FFF; text-transform: uppercase; text-decoration: none; margin: 0 30px 0 0; white-space: nowrap; letter-spacing: 4px; } #footer-c3 #footer-disclaimer p a:hover, #footer-c3 #footer-disclaimer p:last-child a:hover { color: #6092BC; } #footer-c3 #footer-disclaimer p a:first-child { margin-left: 0; } #footer-c3 #footer-disclaimer p:last-child a { letter-spacing: 0; color: #FFF; text-transform: none; } /****************** Ben trying to get the media page to do better EXPERIMENTAL *******************/ .container { margin-left: 0; } .container > .pre-content { /*width: 248px; height: 100%; float: left;*/ } .container > .content { height: 100%; width: auto; position: relative; margin-left: 248px; overflow: hidden; } .container > .content > .content-par, .container > .content > .content-par > .parContent, .container > .content > .content-par > .parContent > .content-tile { height: 100%; } .container > .content > .content-par { position: relative; left: 0%; } .main-overlay-container { position: fixed; display: none; top: 0px; bottom: 0; z-index: 10300; width: 100%; background-color: rgba(0, 0, 0, .65); } .main-overlay-container .content-tile { position: absolute; display: block; top: 40px; bottom: 40px; left: 40px; right: 40px; } /* everything should be namespaced under .sso-menu-container, so it doesn't interfere with the normal SSO styles */ .sso-menu-container #menu-locale { position: absolute; right: 10px; top: 23px; list-style: none; } .sso-menu-container { display: none; } .sso-menu-container.is-active { display: block; } .sso-menu-container #menu-locale #sso-locale-chooser { display: none; } .sso-menu-container #menu-locale.is-active #sso-locale-chooser { display: block; position: fixed; z-index: 10000; background-color: rgba(30,30,30,.7); width: 100%; height: 100%; top: 0; left: 0; } .sso-menu-container.is-active #sso-locale-chooser { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0,0,0,.8); } #footer #sso-country-menu-label { display: inline-block; text-indent: -9999px; font-size: 0px; position: absolute; top: 43px; right: 10px; margin-left: 20px; border: solid 3px #444; background-color: #222; border-radius: 12px; padding: 10px; float: right; width: 16px !important; background-image: none !important; } #footer #sso-locale-menu-label { float: left; position: relative; width: 16px; height: 11px; margin: 8px 8px 0 0; display: block; padding: 0; text-indent: -9999em; display: block; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999em; background-image: url(corelibs/images/footer/sso-bar-sprite.png); margin-top: 0px; } .sso-menu-container .sso-content-bd { z-index: 10400; width: 80%; display: block; position: absolute; top: 3%; left: 10%; border-bottom-color: #FE670F; background: white; padding: 0; max-height: 90%; overflow: auto; } .sso-menu-container #sso-locale-items { margin: 0px; padding: 16px; list-style-type: none; display: block; } .sso-menu-container #sso-locale-items li { float: left; width: 95%; margin-right: 5%; height: 2.5em; white-space: nowrap; line-height: 2em; display: inline-block; text-overflow: ellipsis; overflow: hidden; font-size: 13.5px; font-weight: normal; color: #A6ACB5; text-align: left; padding-top: .25em; padding-bottom: .25em; } .sso-menu-container #sso-locale-items li a { display: block; height: 100%; text-decoration: none; font-size: 18px; white-space: nowrap; line-height: 2em; text-overflow: ellipsis; overflow: hidden; color: #999; } .sso-menu-container #sso-locale-items li a.flag { display: block; float: left; background-color: transparent; background-position: -99999px -99999px; background-repeat: no-repeat; text-indent: -9999em; background-image: url(corelibs/images/footer/sso-bar-sprite.png); margin-top: 11px; margin-right: 10px; width: 16px; height: 11px; margin: 13px 8px 0 0; padding: 0; } .sso-menu-container #sso-locale-items li a.flag.is-selected { } .sso-menu-container #sso-locale-items li a.sso-locale-text { } .sso-menu-container #sso-locale-items li a.sso-locale-text.is-selected { } .sso-menu-container #sso-locale-items li a.flag.US { background-position: 0 0; } .sso-menu-container #sso-locale-items li a.flag.CA { background-position: 0 -11px; } .sso-menu-container #sso-locale-items li a.flag.CA { background-position: 0 -11px; } .sso-menu-container #sso-locale-items li a.flag.AU { background-position: 0 -22px; } .sso-menu-container #sso-locale-items li a.flag.FR { background-position: 0 -33px; } .sso-menu-container #sso-locale-items li a.flag.IT { background-position: 0 -44px; } .sso-menu-container #sso-locale-items li a.flag.ES { background-position: 0 -55px; } .sso-menu-container #sso-locale-items li a.flag.NO { background-position: 0 -66px; } .sso-menu-container #sso-locale-items li a.flag.SE { background-position: 0 -77px; } .sso-menu-container #sso-locale-items li a.flag.DK { background-position: 0 -88px; } .sso-menu-container #sso-locale-items li a.flag.FI { background-position: 0 -99px; } .sso-menu-container #sso-locale-items li a.flag.NL { background-position: 0 -110px; } .sso-menu-container #sso-locale-items li a.flag.BR { background-position: 0 -121px; } .sso-menu-container #sso-locale-items li a.flag.GB { background-position: 0 -132px; } .sso-menu-container #sso-locale-items li a.flag.DE { background-position: 0 -143px; } .sso-menu-container #sso-locale-items li a.flag.BE { background-position: 0 -154px; } .sso-menu-container #sso-locale-items li a.flag.LU { background-position: 0 -165px; } .sso-menu-container #sso-locale-items li a.flag.RU { background-position: 0 -176px; } .sso-menu-container #sso-locale-items li a.flag.PL { background-position: 0 -187px; } .sso-menu-container #sso-locale-items li a.flag.NZ { background-position: 0 -198px; background-color: #fff;} .sso-menu-container #sso-locale-items li a.flag.MX { background-position: 0 -209px; } .sso-menu-container #sso-locale-items li hr { color: rgb(173, 173, 173); height: 2px; background-color: rgb(173, 173, 173); border: none; width: 145px; float: left; } .sso-menu-container #sso-locale-chooser .menu-close-button { position: absolute; top: 3%; right: 10%; z-index: 10500; background: url(corelibs/images/overlays/close-btn.png) top left no-repeat; width: 34px; height:34px; display: block; text-indent: -9999px; cursor: pointer; } /******************************************** HOMEPAGE ********************************************/ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url("http://themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 800; src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"), url("http://themes.googleusercontent.com/static/fonts/opensans/v8/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff") format("woff"); } #home-index { position: relative; height: 100%; overflow: visible; color: #fff; } #home-index .atvi-panel-tile .tile-background { position: absolute; display: block; top: 0; left: 0; margin: 0; padding: 0; height: 100%; width: 100%; text-decoration: none; color: #fff; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #home-index .tile-background .background-image { display: none; } #home-index .atvi-panel-tile .tile-foreground { position: absolute; width: 100%; height: 100%; left: 0; background: url(corelibs/images/core/tile-text-shadow.png) center center no-repeat; } #home-index .atvi-panel-tile .tile-link { position: absolute; width: 100%; height: 100%; left: 0; text-decoration: none; display: table; } /*#home-index .atvi-panel-tile .tile-foreground .padder { height: 100%; width: 0px; display: inline-block; vertical-align: middle; display: none; }*/ #home-index .atvi-panel-tile .tile-foreground .foreground-parsys { /*display: inline-block;*/ display: table-cell; vertical-align: middle; } #home-index .atvi-panel-tile .atvi-text .tile-header, #home-index .atvi-panel-tile .atvi-text .tile-header a { font-family: "HelveticaNeueLTStd65Medium", Helvetica, Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; color: #FFF; margin-bottom: 10px; text-transform: uppercase; text-decoration: none; } #home-index .atvi-panel-tile .atvi-text .tile-title, #home-index .atvi-panel-tile .atvi-text .tile-title a { font-family: 'HelveticaNeueLTStd75Bold', arial, sans-serif; color: #FFF; font-size: 14px; text-transform: uppercase; letter-spacing: 3px; text-decoration: none; line-height: 17px; } #home-index .atvi-panel-tile .tile-link:hover .tile-header, .touch-enabled #home-index .atvi-panel-tile .tile-link .tile-header { color: #FFF; } #home-index .atvi-panel-tile .tile-link:hover .tile-title, .touch-enabled #home-index .atvi-panel-tile .tile-link .tile-title { color: #FFF; } #seamless_upgrade .atvi-image { width: 100%; height: auto; margin: 0px auto; top: 0px; position: relative; } #seamless_upgrade .atvi-image img { height: auto; max-width: 100%; max-height: auto; max-width: auto; margin: 0px auto; top: 0px; position: relative; } .home-promo-image img { width: 70%; } #home-onslaught-trial img { width: 80%; } #main-promo.home-promo-image { position: absolute; width: 100%; height: 100%; } #main-promo.home-promo-image img { width: auto; } #main-promo.home-promo-image #hero-logo img { width: 30%; margin: 10px auto 0; } /*#main-promo.home-promo-image #hero-hdr-alternate { margin-top: 70px; }*/ #main-promo.home-promo-image #hero-hdr-alternate p { color: rgb(255, 255, 255); font-size: 16px; font-weight: 100; letter-spacing: 0.04em; padding-bottom: 3px; padding-top: 3px; position: relative; text-align: center; text-transform: uppercase; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3); } #main-promo.home-promo-image .ghosts-border { border-bottom: 5px solid rgb(94, 128, 162); border-top: 5px solid rgb(94, 128, 162); width: 80%; margin: 110px auto 0; } .fr #main-promo.home-promo-image .ghosts-border{ width:90%; } #main-promo.home-promo-image #hero-hdr-subcontent p { color: rgb(255, 255, 255); letter-spacing: 0.03em; font-size: 14px; padding-bottom: 3px; padding-top: 3px; text-align: center; text-transform: uppercase; } #main-promo.home-promo-image .promo-alternate { margin: 2% auto; max-width: 1010px; } #main-promo.home-promo-image #hero-hdr-image { display: inline-block; height: auto !important; margin: 0 auto; padding-bottom: 15px; width: 20%; } #main-promo.home-promo-image .tile.promo-alternate div.image { display: inline; margin: 0 auto; } #main-promo.home-promo-image .tile.promo-alternate img { width: 100% !important; height: auto !important; } /******************************************** HOME DLC 2 Tile *********************************************/ #home-index #dlc-2-hero-text .tile-title{ font-size: 40px; line-height: 1.1; } #home-index #dlc-2-hero-text .tile-title { font-size: 40px; line-height: 1.1; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3); font-family: "Open Sans",Arial,sans-serif; font-weight: bold; font-size: 50px; font-weight: 800; letter-spacing: 0.03em; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3); } /******************************************** HOME COUNTDOWN *********************************************/ .countdown-tile #countdown { position: relative; bottom: auto; } .countdown-tile .atvi-countdown-clock { width: 70%; padding: 10px 3%; margin: 25px auto 0 auto; } .countdown-tile:not(.quad) .atvi-countdown-clock { width: 90%; } .countdown-tile .countdown-clock { padding: 10px 0 5px 0; background: url(../../../../../../content/dam/atvi/callofduty/hub/redesign/opacity-bg.png) transparent; } .countdown-tile .countdown-clock span { color: #fff; font-family: 'bankgothicm', Arial, sans-serif; } .countdown-tile .countdown-clock .countdown-day, .countdown-tile .countdown-clock .countdown-hour, .countdown-tile .countdown-clock .countdown-minute, .countdown-tile .countdown-clock .countdown-second { font-size: 60px; } .countdown-tile .countdown-clock .countdown-day-label, .countdown-tile .countdown-clock .countdown-hour-label, .countdown-tile .countdown-clock .countdown-minute-label, .countdown-tile .countdown-clock .countdown-second-label { text-transform: uppercase; margin-bottom: 5px; font-size: 15px; } .countdown-tile:not(.quad) .countdown-clock .countdown-day, .countdown-tile:not(.quad) .countdown-clock .countdown-hour, .countdown-tile:not(.quad) .countdown-clock .countdown-minute, .countdown-tile:not(.quad) .countdown-clock .countdown-second { font-size: 50px; } .countdown-tile:not(.quad) .countdown-clock .countdown-day-label, .countdown-tile:not(.quad) .countdown-clock .countdown-hour-label, .countdown-tile:not(.quad) .countdown-clock .countdown-minute-label, .countdown-tile:not(.quad) .countdown-clock .countdown-second-label { font-size: 13px; } .countdown-tile .countdown-clock span { display: inline-block; } .countdown-tile .countdown-clock > span { width: 24%; } .countdown-tile .countdown-clock > span span { width: 100%; text-align: center; } .countdown-tile .atvi-countdown-clock .time-reached-message a { display: inline-block; padding: 10px 25px; font-size: 12px; letter-spacing: 2px; line-height: 16px; color: #000; font-family: 'HelveticaNeueLTStd75Bold', arial, sans-serif; text-align: center; text-decoration: none; margin: 0 auto; text-transform: uppercase; font-weight: bold; background: url("../../../../../../content/dam/atvi/callofduty/ghosts/images/pre-order-button-sprite.png") no-repeat left top; background-size: 100% 80px; } /******************************************** HOME ONSLAUGHT NOW AVAILABLE TILE ********************************************/ #onslaught-now-available-tile img { margin: 0 auto; max-width: 100%; width: auto; height: auto; max-height: 600px; } /******************************************** HOME VIDEO TILES ********************************************/ #home-index .atvi-video-tile .atvi-text { padding-bottom: 40px; } #home-index .atvi-video-tile:hover .atvi-text { background: url(corelibs/images/core/play-icon.png) bottom center no-repeat; } /******************************************** HOME IMAGE TILES ********************************************/ #home-index .atvi-image-tile .atvi-text { padding-bottom: 40px; margin:10px; } #home-index .atvi-image-tile:hover .atvi-text { background: url(corelibs/images/core/mag-icon.png) bottom center no-repeat; } /******************************************** HOME ALL ACCESS (sm) TILE ********************************************/ #home-allaccess-sm-tile { font-family: 'HelveticaNeueLTStd65Medium', Helvetica, Arial, sans-serif; color: #cccccc; text-transform: uppercase; } #home-allaccess-sm-tile a{ color: #cccccc; } #allaccess-logo-img img{ width: 270px; margin: 0 auto; } #home-allaccess-sm-tile h2 { font-family: 'HelveticaNeueLTStd65Medium', arial, sans-serif; font-size: 13px; letter-spacing: 0px; font-style: italic; } /*body.webkit #home-allaccess-sm-tile h2{ font-weight: bolder; background: #ffffff url('../../../../../../content/dam/atvi/callofduty/ghosts/home/ghosts_allaccess_text_mask.jpg'); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; -moz-background-clip: text; }*/ .lg-play-btn{ width:60px; height:60px; overflow:hidden; margin: 24px auto 18px auto; } .lg-play-btn img{ width: 60px; } #home-allaccess-sm-tile a h3 { font-family: 'HelveticaNeueLTStd75Bold', arial, sans-serif; letter-spacing: 4px; line-height: 28px; font-size: 16px; } #home-allaccess-sm-tile a h3.blue { color: #6092BC; } @media screen and (max-width: 1050px) and (max-height: 800px) and (orientation: landscape) { #allaccess-logo-img img{ width: 190px; } .lg-play-btn{ margin: 4px auto 0 auto; width:50px; height:50px; } .lg-play-btn img{ width: 50px; } #home-allaccess-sm-tile h2{ font-size: 14px; } #home-allaccess-sm-tile a h3 { font-size: 15px; } } /******************************************** HOME WHERE TO BUY TILE ********************************************/ #home-index #home-preorder-tile { text-align: center; text-transform: uppercase; font-family: 'HelveticaNeueLTStd67MdCn', Helvetica, Arial, sans-serif; } #home-index #home-preorder-tile h2 { color: #FFF; font-size: 24px; display: block; width: 185px; height: 31px; background: url(corelibs/images/core/ghosts-wheretobuy-date.png) top left no-repeat; margin: 0 auto 5px auto; text-indent: -9999px; } #feed-tile-column-container #home-preorder-tile h3 { color: #6092BC; font-size: 32px; margin-bottom: 5px; } #feed-tile-column-container #home-preorder-tile div.image { margin: 0; } #home-index #home-preorder-tile #where-to-buy-box-art-img img{ max-width: 100%; width: 40%; margin: 0 auto; } /******************************************** HOME CTA TILES ********************************************/ #home-index .atvi-cta-tile .atvi-text { padding-bottom: 40px; } #home-index .atvi-cta-tile:hover .atvi-text { background: url(corelibs/images/core/mask-icon.png) bottom center no-repeat; } #home-index .atvi-cta-tile.facebook:hover .atvi-text { background: url(corelibs/images/core/facebook-icon.png) bottom center no-repeat; } #home-index .atvi-cta-tile.twitter:hover .atvi-text { background: url(corelibs/images/core/twitter-icon.png) bottom center no-repeat; } #home-index .atvi-cta-tile.forum:hover .atvi-text { background: url(corelibs/images/core/forum-icon.png) bottom center no-repeat; } #home-index .atvi-cta-tile.instagram:hover .atvi-text { background: url(corelibs/images/core/instagram-icon.png) bottom center no-repeat; } /******************************************** HOME TWITTER TILE FEED ********************************************/ #home-index .atvi-twitter-tile.atvi-panel-tile .tile-foreground .foreground-parsys { position: absolute; left: 0; width: 100%; height: 100%; overflow: hidden; } #home-index .atvi-twitter-tile.atvi-panel-tile .tile-foreground .social-feed { padding: 0 25px; } #home-index .atvi-twitter-tile.atvi-panel-tile .tile-foreground .social-feed, #home-index .atvi-twitter-tile.atvi-panel-tile .tile-foreground .atvi-social-feed, #home-index .atvi-twitter-tile.atvi-panel-tile .tile-foreground .twitter-feed, #home-index .atvi-twitter-tile.atvi-panel-tile .tile-foreground .twitter-feed .feed-column, #home-index .atvi-twitter-tile.atvi-panel-tile .tile-foreground .twitter-feed .feed-column .tweet { position:relative; height: 100%; } #home-index .atvi-twitter-tile.atvi-panel-tile .tile-foreground .twitter-feed .tweet { display: table; line-height: 1.3; font-family: "HelveticaNeueLTStd-Cn", Arial, Helvetica, sans-serif; width: 100%; font-size: 12px; } #home-index .atvi-twitter-tile.atvi-panel-tile .tile-foreground .twitter-feed .tweet-body { display: table-cell; vertical-align: middle; background: url(corelibs/images/core/twitter-icon.png) no-repeat; position: relative; display: table-cell; vertical-align: middle; background-position: center 20%; text-align: center; } #home-index .atvi-twitter-tile.atvi-panel-tile .tile-foreground .tile-link .tweet-body .tweet-text{ color: #CCC; text-decoration: none; letter-spacing: 2px; } #home-index .atvi-twitter-tile.atvi-panel-tile .tile-foreground .tile-link:hover .tweet-body .tweet-text, .touch-enabled #home-index .atvi-twitter-tile.atvi-panel-tile .tile-foreground .tile-link:hover .tweet-body .tweet-text{ color: #999; } #home-index .atvi-twitter-tile.atvi-panel-tile .tile-foreground .tweet-avatar, #home-index .atvi-twitter-tile.atvi-panel-tile .tile-foreground .tweet-name, #home-index .atvi-twitter-tile.atvi-panel-tile .tile-foreground .tweet-time { display: none; } /* .swipeable-tiles .swipe-box .atvi-instagram-tile .tile-shade { display: none; } .swipeable-tiles .swipe-box:hover .atvi-instagram-tile .tile-shade { z-index: 8; display: block; } .swipeable-tiles .swipe-box:hover .atvi-instagram-tile .tile-shade:hover { z-index: 3; display: none; } .swipeable-tiles #home-instagram-tile.atvi-panel-tile .hover-frame { z-index: 4; display: none; } */ /******************************************** HOME NEXT GEN TILE ********************************************/ #home-index #home_double_xp.atvi-panel-tile .tile-foreground { background-image: none; } /******************************************** HOME FORUM TILE FEED ********************************************/ #home-index .atvi-forum-tile.atvi-panel-tile .tile-foreground .foreground-parsys { position: absolute; left: 0; width: 100%; height: 100%; overflow: hidden; } #home-index .atvi-forum-tile.atvi-panel-tile .tile-foreground .social-feed { padding: 0 25px; } #home-index .atvi-forum-tile.atvi-panel-tile .tile-foreground .social-feed, #home-index .atvi-forum-tile.atvi-panel-tile .tile-foreground .atvi-social-feed, #home-index .atvi-forum-tile.atvi-panel-tile .tile-foreground .atvi-jive-feed, #home-index .atvi-forum-tile.atvi-panel-tile .tile-foreground .jive-rss-feed, #home-index .atvi-forum-tile.atvi-panel-tile .tile-foreground .jive-rss-feed .jive-rss-post { position:relative; height: 100%; } #home-index .atvi-forum-tile.atvi-panel-tile .tile-foreground .jive-rss-feed .jive-rss-post { display: table; line-height: 1.3; width: 100%; font-size: 12px; } #home-index .atvi-forum-tile.atvi-panel-tile .tile-foreground .jive-rss-feed .jive-rss-post-body { display: table-cell; vertical-align: middle; background: url(corelibs/images/core/forum-icon.png) no-repeat; position: relative; display: table-cell; vertical-align: middle; background-position: center 20%; text-align: center; } #home-index .atvi-forum-tile.atvi-panel-tile .tile-foreground .jive-rss-feed .jive-rss-post-body .jive-rss-text { display: none; } #home-index .atvi-forum-tile.atvi-panel-tile .tile-foreground .tile-link .jive-rss-post .jive-rss-time { color: #FFF; font-family: HelveticaNeueLTStd67MdCn, Helvetica, Arial, Helvetica, sans-serif; } #home-index .atvi-forum-tile.atvi-panel-tile .tile-foreground .tile-link .jive-rss-post .jive-rss-title a { color: #6092BC; letter-spacing: 2px; text-decoration: none; font-family: HelveticaNeueLTStd-Cn, Helvetica, Arial, Helvetica, sans-serif; } /******************************************** HOME INSTAGRAM TILE FEED ********************************************/ #home-index .atvi-instagram-tile.atvi-panel-tile .tile-foreground .foreground-parsys { position: absolute; left: 0; width: 100%; height: 100%; overflow: hidden; } #home-index .atvi-instagram-tile.atvi-panel-tile .tile-foreground .social-feed, #home-index .atvi-instagram-tile.atvi-panel-tile .tile-foreground .atvi-social-feed, #home-index .atvi-instagram-tile.atvi-panel-tile .tile-foreground .instagram-feed, #home-index .atvi-instagram-tile.atvi-panel-tile .tile-foreground .instagram-feed .instagram-post { position:relative; height: 100%; } #home-index .atvi-instagram-tile.atvi-panel-tile .tile-foreground .instagram-feed .instagram-post { width: 100%; } #home-index .atvi-instagram-tile.atvi-panel-tile .tile-foreground .instagram-feed .instagram-post .instagram-preview { position: absolute; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; display: block; width: 32px; height: 32px; background: url(corelibs/images/core/instagram-icon.png) top left no-repeat; } #home-index .atvi-instagram-tile.atvi-panel-tile .tile-foreground .instagram-feed img { width: 100%; height: auto; } #home-index .atvi-instagram-tile.atvi-panel-tile .tile-foreground .instagram-feed .instagram-likes, #home-index .atvi-instagram-tile.atvi-panel-tile .tile-foreground .instagram-feed .instagram-caption, #home-index .atvi-instagram-tile.atvi-panel-tile .tile-foreground .instagram-feed .instagram-createdTime { display: none; } #home-launch-countdown #launch-message img { max-width: 100%; margin: 0px auto; display: table-cell; } #home-launch-countdown a{ z-index: 100000000; } #home-launch-countdown #launch-message .ti-text div a.submit { display: block; margin: 0px auto; } #home-launch-countdown #launch-message img { max-width: 50%; margin: 0px auto; } #home-launch-countdown #launch-message .ti-text { margin-top: -140px; } #home-launch-countdown a.submit { width: 196px; height: 35px; display: inline-block; color: #000; position: relative; top: 50px; text-align: center; text-decoration: none; background: url("../../../../../../content/dam/atvi/callofduty/ghosts/images/pre-order-button-sprite.png") no-repeat left top; opacity: 0.8; z-index: 100000; } #home-launch-countdown .countdown-logo { width: 100%; display: block; position: absolute; margin-top: 8%; } #home-launch-countdown .countdown-logo p { font-family: bankgothicbold, arial, sans-serif; font-size: 38px; font-weight: bold; text-transform: uppercase; color: #ffffff; bottom: 80px; position: relative; } .webkit #home-launch-countdown .countdown-logo p { background: #ffffff url('../../../../../../content/dam/atvi/callofduty/ghosts/countdown/feed-grunge.jpg') 0px 63px; background-clip: text; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; } #home-launch-countdown .countdown-logo .ti-image img{ top: -30px; position: relative; } #home-launch-countdown #launch-message .ti-text{ top: 170px; position: relative; color: #000; } #home-launch-countdown a.submit:hover { opacity: 1; } #home-launch-countdown a.watch-now { margin-left: 15px; border : 2px solid #ccc; background: url("../../../../../../content/dam/atvi/callofduty/ghosts/home/watch-now-box.png") no-repeat left top; } #home-launch-countdown a.submit span.button-text { display: block; position: relative; padding-top: 11px; font-size: 12px; letter-spacing: 2px; line-height: 16px; color: #000; font-family: 'HelveticaNeueLTStd75Bold', arial, sans-serif; text-transform: uppercase; } #home-launch-countdown #launch-message .ti-text div a{ margin-top: 0px; position: relative; } #home-launch-countdown a.watch-now span.button-text { display: block; position: relative; padding-top: 11px; font-size: 12px; letter-spacing: 2px; line-height: 16px; color: #fff; font-family: 'HelveticaNeueLTStd75Bold', arial, sans-serif; text-transform: uppercase; } #home-launch-countdown .countdown-cta { width: 100%; position: absolute; bottom: 25%; } #home-launch-countdown .countdown-title { font-family: bankgothicbold, arial, sans-serif; font-size: 30px; text-transform: uppercase; color: #ffffff; top: 20px; position: relative; } .webkit #home-launch-countdown .countdown-title { background: #ffffff url('../../../../../../content/dam/atvi/callofduty/ghosts/countdown/feed-grunge.jpg') 0px 63px; background-clip: text; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; } .single .tile-foreground .countdown-logo .ti-image { top: 50px; position: relative; } .single .tile-foreground .countdown-logo p{ font-size: 18px !important; line-height: 20px; top: -20px; } .single .tile-foreground .countdown-title { font-size: 15px !important; } .single .tile-foreground .countdown-cta { bottom: 5% !important; } #home-launch-countdown.single .tile-foreground .countdown-cta { bottom: 15% !important; } #home-launch-countdown.single a.submit { width: 140px; height: 25px; top: 20px; } #home-launch-countdown.single a.submit span.button-text { padding-top: 6px; } .fr #home-launch-countdown a.submit span.button-text { font-size: 10px; padding-top: 5px; } .fr #home-launch-countdown a.watch-now span.button-text { font-size: 10px; padding-top: 11px; } .fr #home-launch-countdown a.submit { top: 59px; } .fr #home-launch-countdown a.watch-now { top: 50px; } .fr #home-launch-countdown a.watch-now span.button-text { font-size: 10px; padding-top: 11px; } .fr #home-launch-countdown a.submit span.button-text { font-size: 10px; padding-top: 5px; } .fr #home-launch-countdown.single a.submit span.button-text { font-size: 9px; line-height: 12px; padding-top: 3px; } .fr #home-launch-countdown.single .countdown-cta a.submit { top: 25px; } .fr #home-launch-countdown.single a span.button-text { font-size: 9px; line-height: 12px; padding-top: 3px; } .fr #home-launch-countdown.single a.submit { top: 25px; } .de #home-launch-countdown.single a span.button-text { font-size: 9px; line-height: 12px; padding-top: 9px; } .de #home-launch-countdown.single a.submit { top: 25px; } .es #home-launch-countdown.single a span.button-text { font-size: 9px; line-height: 12px; padding-top: 3px; } .es #home-launch-countdown.single a.submit.watch-now { top: 9px; } .es #home-launch-countdown .countdown-logo { width: 100%; display: block; position: absolute; margin-top: -3%; } /**** graying-out effect ****/ /* #home-index .swipe-box .tile-shade { position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); -moz-transition: background-color .2s ease-in; -webkit-transition: background-color .2s ease-in; -o-transition: background-color .2s ease-in; transition: background-color .2s ease-in; } #home-index .swipe-box:hover .tile-shade { display: block; background-color: rgba(0, 0, 0, .5); } #home-index .swipe-box:hover .tile-shade:hover { background-color: rgba(0, 0, 0, 0); } */ /******************************************** TOUCH ENABLE STYLES ********************************************/ .touch-enabled #home-index .atvi-video-tile .atvi-text { background: url(corelibs/images/core/play-icon.png) bottom center no-repeat; } .touch-enabled #home-index .atvi-image-tile .atvi-text { background: url(corelibs/images/core/mag-icon.png) bottom center no-repeat; } .touch-enabled #home-index .atvi-cta-tile .atvi-text { background: url(corelibs/images/core/mask-icon.png) bottom center no-repeat; } .touch-enabled #home-index .atvi-cta-tile.facebook .atvi-text { background: url(corelibs/images/core/facebook-icon.png) bottom center no-repeat; } .touch-enabled #home-index .atvi-cta-tile.twitter .atvi-text { background: url(corelibs/images/core/twitter-icon.png) bottom center no-repeat; } .touch-enabled #home-index .atvi-cta-tile.instagram .atvi-text { background: url(corelibs/images/core/instagram-icon.png) bottom center no-repeat; } .touch-enabled #home-index .atvi-cta-tile.forum .atvi-text { background: url(corelibs/images/core/forum-icon.png) bottom center no-repeat; } .touch-enabled #home-index .atvi-image-tile .atvi-text p { font-size: 30px; font-weight: 800; letter-spacing: 0.03em; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3); font-family: "Open Sans",Arial,sans-serif; color:#fff; text-transform: uppercase; } #home-index #dlc-2-hero-text h1{ font-size: 40px; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3); font-family: "Open Sans",Arial,sans-serif; font-weight: bold; font-size: 50px; font-weight: 800; letter-spacing: 0.03em; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3); } #home-index #dlc-2-hero-text h2{ font-size: 30px; font-weight: 800; letter-spacing: 0.03em; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3); font-family: "Open Sans",Arial,sans-serif; color:#fff; text-transform: uppercase; } #home-index #dlc-2-hero-text h3{ font-size: 20px; font-weight: 800; letter-spacing: 0.03em; padding-bottom: 22px; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3); font-family: "Open Sans",Arial,sans-serif; color:#fff; text-transform: uppercase; } #home-index .atvi-panel-tile .tile-foreground .foreground-parsys img { text-align:center; margin:auto; } /******************************************** MEDIA QUERIES ********************************************/ @media screen and (max-width: 801px) { #home-index .atvi-instagram-tile.atvi-panel-tile .tile-foreground .instagram-feed img { width: auto; height: 100%; } #seamless_upgrade .atvi-image { width: 100%; height: 400px; margin: 0px auto; top: 0px; position: relative; } #seamless_upgrade .atvi-image img { height: auto; max-width: 100%; max-height: auto; max-width: auto; margin: 0px auto; top: 100px; position: relative; } } @media screen and (max-device-width: 730px), screen and (max-width: 480px) { #home-index .atvi-twitter-tile.atvi-panel-tile .tile-foreground .twitter-feed .tweet-body, #home-index .atvi-forum-tile.atvi-panel-tile .tile-foreground .jive-rss-feed .jive-rss-post-body { /*font-size: 15px;*/ } #home-index .atvi-panel-tile .video.mobile.link-with-rel-href { display: block; width: 100%; position: absolute; left: 0; top: 0; z-index: 1; } #home-index #home-preorder-tile #where-to-buy-box-art-img img { width: 60%; } #home_mp_event div.image:first-child img { width: 90%; } #seamless_upgrade .tile-background { background-size : auto 80% !important; } #home-index #seamless_upgrade.atvi-panel-tile .tile-background { background-position: top center; } } @media only screen and (max-width: 480px) { #home-index #dlc-2-hero-text h1{ font-size: 25px; } #home-index #dlc-2-hero-text h2{ font-size: 15px; } #home-index #dlc-2-hero-text h3{ font-size: 12px; } } /******************************************** HOME EDIT MODE ********************************************/ #homepage.cq-wcm-edit .container { overflow: visible; position: relative; } #homepage.cq-wcm-edit .footer-container { display: none; } .cq-wcm-edit #home-index .atvi-panel-tile { position: relative; display: block; min-height: 320px; width: 600px; } .cq-wcm-edit #home-index .tile-background .background-image { display: block; left: 20%; width: 100%; } .cq-wcm-edit #home-index .tile-background .background-image img { width: 100%; } .cq-wcm-edit #home-index .atvi-panel-tile .tile-link { position: relative; } .cq-wcm-edit #home-index .atvi-panel-tile .tile-foreground { top: 10%; } .cq-wcm-edit #home-index .atvi-panel-tile .tile-background, .cq-wcm-edit #home-index .atvi-panel-tile .tile-foreground { position: relative; } .cq-wcm-edit #home-index .atvi-panel-tile .tile-foreground { top: 0; } .cq-wcm-edit #home-index .atvi-panel-tile .tile-foreground .foreground-parsys { display:block; } .cq-wcm-edit #home-index .atvi-panel-tile .tile-foreground .padder { height: auto; width: auto; } .cq-wcm-edit #home-index .atvi-twitter-tile.atvi-panel-tile .tile-foreground .foreground-parsys, .cq-wcm-edit #home-index .atvi-forum-tile.atvi-panel-tile .tile-foreground .foreground-parsys, .cq-wcm-edit #home-index .atvi-instagram-tile.atvi-panel-tile .tile-foreground .foreground-parsys { position: relative; } .cq-wcm-edit #home-index .atvi-panel-tile .tile-foreground .tile-shade, .cq-wcm-edit #home-index .atvi-panel-tile .tile-foreground .hover-frame { display: none; } /******************************************** HOME XBOX AND PS4 COMING SOON TILE ********************************************/ #home-index #home-comingsoon-tile { text-align: center; text-transform: uppercase; } #home-index #home-comingsoon-tile h2 { color: #cccccc; font-size: 13px; margin: 0 auto; font-family: 'HelveticaNeueLTStd65Medium', Arial, Helvetica, sans-serif; font-style: italic; } #home-index #home-comingsoon-tile h3 { color: #ffffff; font-size: 16px; line-height: 18px; margin-bottom: 5px; font-family: 'HelveticaNeueLTStd77BdCn', Helvetica, Arial, sans-serif; letter-spacing: 3px; } #home-index #home-comingsoon-tile p { font-family: 'HelveticaNeueLTStd75Bold', Helvetica, Arial, sans-serif; font-size: 21px; line-height: 21px; color: #6092BC; letter-spacing: 1px; text-transform: uppercase; padding-top: 10px; } #home-index #home-comingsoon-tile div.image { margin-bottom: 0; } #home-index #home-comingsoon-tile #xboxone-icon img { max-width: 100%; width: 90%; margin: 0 auto; } /******************************************** HOME NEWS TILE ********************************************/ #home-news-feed .jive-post { width: 100%; color: #FFF; font-family: HelveticaNeueLTStd67MdCn, Arial, Helvetica, sans-serif; line-height: 1.3; position: relative; height: 50%; display: table; } #home-news-feed .jive-post.entry-type-0 { } #home-news-feed .jive-post.entry-type-1 { display: none; } #home-news-feed .jive-post .jive-post-body { background: url(../../../../../../content/dam/atvi/callofduty/ghosts/images/news-icon.png) top center no-repeat; display: block; position: relative; display: table-cell; vertical-align: middle; padding: 40px 25px 0; } #home-news-feed .jive-post a { color: #6092bc; text-decoration: none; } #home-news-feed .jive-post .jive-time { color: #FFF; font-family: HelveticaNeueLTStd65Medium, Helvetica, Arial, Helvetica, sans-serif; text-transform: uppercase; padding-bottom: 10px; font-size: 13px; font-style: italic; } #home-news-feed .jive-post .jive-title a{ color: #ffffff; letter-spacing: 3px; text-decoration: none; font-family: 'HelveticaNeueLTStd75Bold', arial, sans-serif; position: relative; z-index: 20000; font-size: 14px; text-transform: uppercase; line-height: 17px; } #home-news-feed .jive-post .jive-text { display: none; } /******************************************** HOME FREE FALL TILE ********************************************/ #home-index #freefall-home-tile div.image { margin-bottom: 5px; } #home-index #freefall-home-tile #freefall-img img { max-width: 100%; width: 35%; margin: 0 auto; } #home-index #freefall-home-tile.atvi-panel-tile .atvi-text .tile-header { font-size: 13px; } #home-index #freefall-home-tile.atvi-panel-tile .atvi-text .tile-title { font-size: 21px; line-height: 20px; } /******************************************** HOME MP EVENT TILE ********************************************/ #home_mp_event div.image img { margin: 0 auto; } #home_mp_event div.image:first-child img { width: 50%; } #home_mp_event h2 { color: #cccccc; font-family: 'HelveticaNeueLTStd-BdIt', Helvetica, Arial, sans-serif; font-size: 14px; text-transform: uppercase; } #home_mp_event h3 { color: #fafafa; font-family: 'HelveticaNeueLTStd75Bold', Helvetica, Arial, sans-serif; font-size: 28px; letter-spacing: 2px; text-transform: uppercase; } #home-index #home_mp_event.atvi-cta-tile .atvi-text { padding-bottom: 5px; } #home-index #home_mp_event.atvi-cta-tile:hover .atvi-text { background-image: none; } /******************************************** HOME PRESTIGE EDITION TILE ********************************************/ #home-index #home_prestige_edition.atvi-cta-tile:hover .atvi-text, #home-index #home_hardened_edition.atvi-cta-tile:hover .atvi-text { background-image: none; } #home-index #home_prestige_edition.atvi-panel-tile .tile-foreground .foreground-parsys, #home-index #home_hardened_edition.atvi-panel-tile .tile-foreground .foreground-parsys { vertical-align: bottom; } #home-index #home_prestige_edition.atvi-cta-tile .atvi-text, #home-index #home_hardened_edition.atvi-cta-tile .atvi-text { padding-bottom: 20px; } #home-index .community-discussion { display: none; } #home_mp_reveal_replay div.image:first-child { margin-bottom: 0; } #home_mp_reveal_replay div.image:first-child img, #home_gamescom div.image:first-child img { width: 50%; margin: 10px auto 0; } #home_gamescom div.image { margin-bottom: 0; } /******************************************** HOME CODTIME TILE ********************************************/ #home-index #home-codtime-tile.atvi-panel-tile .tile-background { background-position: top center; } /******************************************** HOME ONSLAUGHT TILE ********************************************/ #home-onslaught-tile .segment-content { display: none; } .cq-wcm-edit #home-onslaught-tile .segment-content { display: block; } #home-onslaught-tile .segment-content.default { display: block; } /******************************************** Layout ********************************************/ /****************Layout Long*************/ body.layout-long > .container { position: relative; bottom: auto; top: 0; overflow: visible; height: auto; } body.layout-long .container > .content { overflow: hidden; } #home-index #seamless_upgrade.atvi-panel-tile .tile-link, #home-index #seamless_upgrade.atvi-panel-tile .tile-foreground .foreground-parsys { display: block; } @media screen and (max-width: 1440px) , screen and (max-height: 900px) { #home-launch-countdown .countdown-logo { top: -20px; } #home-launch-countdown .countdown-cta { width: 100%; position: absolute; bottom: 20%; } #home-launch-countdown #launch-message .ti-text div a{ margin-top: -50px; top: 0px; } #home-launch-countdown #launch-message img { max-width: 50%; margin: 0px auto; } #home-launch-countdown #launch-message .ti-text { margin-top: -140px; } .countdown-tile:not(.quad) .countdown-clock .countdown-day-label, .countdown-tile:not(.quad) .countdown-clock .countdown-hour-label, .countdown-tile:not(.quad) .countdown-clock .countdown-minute-label, .countdown-tile:not(.quad) .countdown-clock .countdown-second-label { font-size: 9px; } .countdown-tile:not(.quad) .countdown-clock .countdown-day, .countdown-tile:not(.quad) .countdown-clock .countdown-hour, .countdown-tile:not(.quad) .countdown-clock .countdown-minute, .countdown-tile:not(.quad) .countdown-clock .countdown-second { font-size: 33px; } .countdown-tile:not(.quad) .countdown-clock > span { width: 22%; } } @media screen and (max-width: 1024px) { .countdown-tile .countdown-clock .countdown-day, .countdown-tile .countdown-clock .countdown-hour, .countdown-tile .countdown-clock .countdown-minute, .countdown-tile .countdown-clock .countdown-second { font-size: 36px; } .countdown-tile .countdown-clock .countdown-day-label, .countdown-tile .countdown-clock .countdown-hour-label, .countdown-tile .countdown-clock .countdown-minute-label, .countdown-tile .countdown-clock .countdown-second-label { font-size: 10px; } #home-index .atvi-panel-tile.countdown-tile:not(.quad) .atvi-text .tile-header { margin-bottom: 0; } #home-index .atvi-panel-tile.countdown-tile:not(.quad) .atvi-text .tile-title { padding-bottom: 5px; } .countdown-tile:not(.quad) .countdown-clock .countdown-day-label, .countdown-tile:not(.quad) .countdown-clock .countdown-hour-label, .countdown-tile:not(.quad) .countdown-clock .countdown-minute-label, .countdown-tile:not(.quad) .countdown-clock .countdown-second-label { font-size: 7px; } .countdown-tile:not(.quad) .countdown-clock .countdown-day, .countdown-tile:not(.quad) .countdown-clock .countdown-hour, .countdown-tile:not(.quad) .countdown-clock .countdown-minute, .countdown-tile:not(.quad) .countdown-clock .countdown-second { font-size: 25px; } .countdown-tile:not(.quad) .countdown-clock > span { width: 22%; } .countdown-tile:not(.quad) .atvi-countdown-clock { width: 100%; margin: 0; padding: 0; } } @media screen and (max-width: 1024px), screen and (max-height:768px) { #home-launch-countdown .countdown-title { top: 20px; position: relative; } #home-launch-countdown .countdown-cta { width: 100%; position: absolute; bottom: 20%; } #home-launch-countdown #launch-message { top: 20%; } } @media screen and (max-height: 750px) { #onslaught-now-available-tile img { /*position: absolute;*/ top: 1%; /*left: 13%;*/ right:0; /*height: 100%;*/ /*width: 100%;*/ max-height: 350px; } } @media screen and (min-width: 1024px) { #onslaught-now-available-tile img { left: 3%; } } @media screen and (max-width: 700px) { .countdown-tile .atvi-countdown-clock { width: 80%; } } @media screen and (max-height: 768px) { #home-launch-countdown .countdown-title { top: 20px; position: relative; } #home-launch-countdown .countdown-cta { width: 100%; position: absolute; bottom: 20%; } #home-launch-countdown .countdown-logo { width: 100%; display: block; position: absolute; margin-top: 2%; } } @media screen and (max-width: 768px), screen and (max-height: 700px) { #home-launch-countdown .countdown-cta { width: 100%; position: absolute; bottom: 30%; display: none; } #home-launch-countdown .countdown-logo { width: 100%; display: block; position: absolute; margin-top: 5%; } #home-launch-countdown a.submit { display: none; } #home-launch-countdown #launch-message img { max-width: 60%; margin: 0px auto; } #home-launch-countdown #launch-message .ti-text { margin-top: -50px; } #home-launch-countdown #launch-message .ti-text div a{ margin-top: -50px; top: 0px; } #home-launch-countdown #launch-message img { max-width: 50%; margin: 0px auto; } #home-launch-countdown #launch-message .ti-text { margin-top: -140px; } } @media screen and (max-height: 600px) { #home-launch-countdown .countdown-title { top: 20px; position: relative; } #home-launch-countdown .countdown-cta { width: 100%; position: absolute; bottom: 20%; } #home-launch-countdown .countdown-logo { width: 100%; display: block; position: absolute; margin-top: 2%; } #home-launch-countdown #launch-message { top: 0%; } #home-launch-countdown #launch-message .ti-text div a{ margin-top: -50px; top: 0px; } #home-launch-countdown #launch-message img { max-width: 50%; margin: 0px auto; } #home-launch-countdown #launch-message .ti-text { margin-top: -140px; } } @media screen and (max-height: 700px), screen and (max-width: 768px) { #home-launch-countdown .countdown-title { top: 20px; position: relative; } #home-launch-countdown .countdown-cta { width: 100%; position: absolute; bottom: 20%; } #home-launch-countdown .countdown-logo { width: 100%; display: block; position: absolute; margin-top: 2%; } #home-launch-countdown #launch-message { top: 3%; } #home-launch-countdown #launch-message .ti-text div a{ margin-top: -10px; position: relative; } } @media screen and (max-width: 480px) { #home-launch-countdown .countdown-title { top: 20px; position: relative; } #home-launch-countdown .countdown-cta { width: 100%; position: absolute; top: 50%; } #home-launch-countdown .countdown-logo { width: 100%; display: block; position: absolute; margin-top: 70px; } #home-launch-countdown #launch-message { top: 3%; } #home-launch-countdown #launch-message .ti-text div a{ margin-top: -10px; position: relative; } #home-launch-countdown a.watch-now { margin-top: 10px; margin-left: 0px; } #home-launch-countdown #launch-message .ti-image img{ max-width: 100%; margin: 0px auto; } .countdown-tile .atvi-countdown-clock, .countdown-tile:not(.quad) .atvi-countdown-clock { width: 80%; margin: auto; } .countdown-tile .countdown-clock .countdown-day-label, .countdown-tile .countdown-clock .countdown-hour-label, .countdown-tile .countdown-clock .countdown-minute-label, .countdown-tile .countdown-clock .countdown-second-label, .countdown-tile:not(.quad) .countdown-clock .countdown-day-label, .countdown-tile:not(.quad) .countdown-clock .countdown-hour-label, .countdown-tile:not(.quad) .countdown-clock .countdown-minute-label, .countdown-tile:not(.quad) .countdown-clock .countdown-second-label{ font-size: 11px; } .countdown-tile .countdown-clock .countdown-day, .countdown-tile .countdown-clock .countdown-hour, .countdown-tile .countdown-clock .countdown-minute, .countdown-tile .countdown-clock .countdown-second, .countdown-tile:not(.quad) .countdown-clock .countdown-day, .countdown-tile:not(.quad) .countdown-clock .countdown-hour, .countdown-tile:not(.quad) .countdown-clock .countdown-minute, .countdown-tile:not(.quad) .countdown-clock .countdown-second { font-size: 36px; } #home-index .atvi-panel-tile.countdown-tile:not(.quad) .atvi-text .tile-header { margin-bottom: 10px; } #onslaught-now-available-tile img { width: 100%; } #home-index #dlc-2-hero-text .tile-title{ font-size: 14px; } } @media screen and (max-width: 350px), screen and (max-height: 480px) { #home-launch-countdown .countdown-title { top: 20px; position: relative; } #home-launch-countdown .countdown-cta { width: 100%; position: absolute; top: 47%; } #home-launch-countdown .countdown-logo { width: 100%; display: block; position: absolute; margin-top: 0px; } #home-launch-countdown #launch-message { top: 3%; } #home-launch-countdown #launch-message .ti-text div a{ margin-top: -10px; position: relative; } #home-launch-countdown a.watch-now { margin-top: 10px; margin-left: 0px; } #home-launch-countdown .countdown-logo p { font-size: 44px; } #home-launch-countdown a.watch-now { margin-top: 10px; margin-left: 0px; } #home-launch-countdown .countdown-logo p { font-size: 33px; } #home-launch-countdown .countdown-title { font-size: 25px; top: 20px; } #home-launch-countdown .countdown-cta p { margin-top: -5px; } } @media screen and (max-width: 360px) and (min-height: 640px) { #main-promo.home-promo-image #hero-hdr-image { width: 40%; } #main-promo.home-promo-image #hero-hdr-alternate { margin-top: 80px; } } @media screen and (max-width: 480px) and (min-height: 640px) { #main-promo.home-promo-image #hero-logo img { width: 35%; } #main-promo.home-promo-image #hero-hdr-alternate { margin-top: 90px; } #main-promo.home-promo-image #hero-hdr-image { width: 35%; } } @media screen and (max-width: 799px) and (min-height: 850px) { #main-promo.home-promo-image #hero-hdr-alternate p { font-size: 20px; } #main-promo.home-promo-image #hero-hdr-alternate { margin-top: 100px; } #main-promo.home-promo-image #hero-hdr-image { width: 24%; } } @media screen and (min-height: 800px) { #main-promo.home-promo-image #hero-logo img { width: 30%; } } @media screen and (min-width: 800px) and (min-height: 1000px) { #main-promo.home-promo-image #hero-hdr-alternate { margin-top: 110px; } #main-promo.home-promo-image #hero-hdr-subcontent p { font-size: 20px; } #main-promo.home-promo-image #hero-hdr-alternate p { font-size: 26px; } #main-promo.home-promo-image #hero-hdr-image { width: 24%; } } @media screen and (min-width: 800px) and (max-height: 999px) { #main-promo.home-promo-image #hero-logo img { width: 25%; } #main-promo.home-promo-image #hero-hdr-alternate { margin-top: 100px; } #main-promo.home-promo-image #hero-hdr-subcontent p { font-size: 14px; } #main-promo.home-promo-image #hero-hdr-alternate p { font-size: 20px; } #main-promo.home-promo-image #hero-hdr-image { width: 23%; } } @media screen and (min-width: 1400px) and (max-height: 999px) { #main-promo.home-promo-image #hero-hdr-alternate { margin-top: 110px; } } @media screen and (min-width: 1500px) and (max-height: 999px) { #main-promo.home-promo-image #hero-hdr-alternate { margin-top: 120px; } } @media screen and (min-width: 1800px) and (max-height: 999px) { #main-promo.home-promo-image #hero-hdr-alternate { margin-top: 140px; } } @media screen and (min-width: 1800px) and (max-height: 999px) { #main-promo.home-promo-image #hero-hdr-alternate { margin-top: 150px; } } @media screen and (min-width: 1280px) and (min-height: 1000px){ #main-promo.home-promo-image #hero-hdr-alternate { margin-top: 130px; } } @media screen and (min-width: 1500px) and (min-height: 1000px) { #main-promo.home-promo-image #hero-hdr-alternate { margin-top: 160px; } } @media screen and (min-width: 1800px) and (min-height: 1000px) { #main-promo.home-promo-image #hero-logo img { width: 30%; } #main-promo.home-promo-image #hero-hdr-alternate { margin-top: 200px; } #main-promo.home-promo-image #hero-hdr-alternate p { font-size: 30px; } } @media screen and (min-width: 2200px) and (min-height: 1000px) { #main-promo.home-promo-image #hero-logo img { width: 30%; } #main-promo.home-promo-image #hero-hdr-alternate { margin-top: 220px; } #main-promo.home-promo-image #hero-hdr-alternate p { font-size: 30px; } } #freefall-index { background: #000 url(../../../../../../content/dam/atvi/callofduty/ghosts/preorder/freefall/bg_freefall_07-03.jpg) top center no-repeat fixed; } #freefall-index { height: 100%; width: 100%; } #freefall-index .contentTile { max-width: 1024px; margin: 0 auto; } #freefall-content { padding: 60px 0; } #freefall-index #freefall-content-c0, #freefall-index #freefall-content-c1 { float: left; } #freefall-index #freefall-content-c0 { width: 42%; padding: 0 4%; } #freefall-index #freefall-content-c1 { width: 46%; padding: 0 0 0 3%; } #freefall-index #freefall-video-header { max-width: 514px; margin: 0 auto; } #freefall-index #freefall-badge { text-align: center; } #freefall-index .video-background { overflow: hidden; max-width: 514px; max-height: 290px !important; margin: 0 auto; } #freefall-index .video-background video { min-height: 290px; min-width: 514px; } #freefall-index .video-background img { width: 45%; } body.freefall #freefall-badge { text-align: center; } #freefall-index #freefall-badge .title { font-family: "HelveticaNeueLTStd-MdIt", Helvetica, Arial, sans-serif; color: #fff; font-size: 13px; letter-spacing: 4px; text-transform: uppercase; padding-bottom: 5px; } #freefall-index #freefall-badge .sub-title { font-family: "HelveticaNeueLTStd75Bold", Helvetica, Arial, sans-serif; color: #ffffff; font-size: 40px; text-transform: uppercase; letter-spacing: 12px; line-height: 40px; } .webkit #freefall-index #freefall-badge .sub-title { background: #ffffff url('../../../../../../content/dam/atvi/callofduty/hub/a8hyn31/grunge-image.png'); background-clip: text; -webkit-background-clip: text; -moz-text-fill-color: transparent; -moz-background-clip: text; -webkit-text-fill-color: transparent; } #freefall-index #freefall-badge .sub-title span { color: #6092bc; } .webkit #freefall-index #freefall-badge .sub-title span { background: #6092bc url('../../../../../../content/dam/atvi/callofduty/hub/a8hyn31/grunge-image.png'); background-clip: text; -webkit-background-clip: text; -moz-text-fill-color: transparent; -moz-background-clip: text; -webkit-text-fill-color: transparent; } #freefall-index .freefall-content-copy, #freefall-index .doublexp-content { color : #fff; font-family : "HelveticaNeueLTStd55Roman", Helvetica, Arial, sans-serif; font-size : 13px; line-height: 22px; max-width: 370px; text-align: justify; } #freefall-index .freefall-content-copy a, #freefall-index .doublexp-content a { text-decoration: none; } #freefall-index .freefall-content-copy span.hilite, #freefall-index .doublexp-content span.hilite { color : #6092bc; } #freefall-index #lightbox-freefall-2 { margin-top: 15px; } #freefall-index .freefall-content-copy p { padding-bottom: 40px; } #freefall-index #addthis-icons { padding-top: 40px; } #freefall-index .right-copy { padding-top: 50px; } #freefall-index a.submit:hover { background: url("../../../../../../content/dam/atvi/callofduty/ghosts/images/pre-order-button-sprite.png") no-repeat left bottom; } #freefall-index a.submit { width: 189px; height: 35px; display: block; color: #000; margin: 0 auto; text-align: center; text-decoration: none; text-transform: uppercase; background: url("../../../../../../content/dam/atvi/callofduty/ghosts/images/pre-order-button-sprite.png") no-repeat left top; } #freefall-index a.submit span.button-text { display: block; position: relative; padding-top: 13px; font-size: 13px; letter-spacing: 2px; line-height: 13px; color: #000; font-family: 'HelveticaNeueLTStd-Cn', arial, sans-serif; } #freefall-index .lightbox { width: 100%; max-width: 368px; } #freefall-index .lightbox img { width: 100%; height: auto; } #freefall-index .atvi-fancybox a { position: relative; display: block; text-decoration: none; } #freefall-index .atvi-fancybox a .preview-icon { display: block; width: 100%; height: 100%; position: absolute; top: 0; } #freefall-index .atvi-fancybox a:hover .preview-icon { background: transparent url(../../../../../../content/dam/atvi/callofduty/ghosts/preorder/freefall/lightbox_hover.png) center center no-repeat; } #freefall-index .freefall-bts-preview a:hover .preview-icon { background: transparent url(../../../../../../content/dam/atvi/callofduty/ghosts/preorder/freefall/lightbox-play-hover.png) center center no-repeat; } #freefall-index .atvi-fancybox a .caption { color: #ffffff; font-family: "HelveticaNeueLTStd75Bold", Helvetica, Arial, sans-serif; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; position: absolute; width: 100%; text-align: center; top: 30%; display: block; } #freefall-index .atvi-age-gate-light-container { background: url(corelibs/images/core/ghosts-forums-tile-texture-1.jpg) top left no-repeat; background-size: cover; top: 100px; left: 0; position: fixed; width: 50%; height: 50%; } #freefall-index .atvi-age-gate-light-container .dob-prompt { width: 50%; margin: 10% auto; } #freefall-index .atvi-age-gate-light-container h2 { color: #FFF; font-size: 30px; margin-bottom: 5px; text-transform: uppercase; font-family: 'HelveticaNeueLTStd67MdCn', Helvetica, Arial, sans-serif; } #freefall-index .atvi-age-gate-light-container #dob-fields { margin-top: 15px; } #freefall-index .atvi-age-gate-light-container #dob-fields input[type=text] { padding: 7px; font-size: 20px; } #freefall-index .atvi-age-gate-light-container .dob-prompt input[type=submit] { font-size: 13px; padding: 15px 35px; background-color: rgba(0,0,0,.1); text-transform: uppercase; border: 1px solid #FFF; color: #CCC; font-family: 'HelveticaNeueLTStd-Cn', arial, sans-serif; display: inline-block; margin-top: 20px; } .fancybox-close { background: transparent url(../../../../../../content/dam/atvi/callofduty/ghosts/images/icons-sprite.png) 1px -31px no-repeat; top: 15px; right: 0; width: 34px; height: 34px; } .fancybox-close:hover { background-position: -32px -31px; } #freefall-index .error-message { color: #fff } #freefall-index a.view-faq { color: #FFF; padding: 7px 0; border: 1px solid #616161; text-decoration: none; font-size: 13px; display: inline-block; width: 120px; margin: 0 0 0 80px; text-align: center; letter-spacing: 2px; text-transform: uppercase; } #freefall-index a.view-faq:hover { color: #6092bc; background-color: rgba(96,146,188,.1); border: 1px solid #131d26; } #freefall-index .faq-title { font-family: "HelveticaNeueLTStd75Bold"; font-size: 24px; text-align: center; color: #fff; text-transform: uppercase; letter-spacing: 5px; } #freefall-index .separator{ margin-top: 30px; background: transparent url("../../../../../../content/dam/atvi/callofduty/ghosts/preorder/freefall/horizontal-line-faq.png") bottom center no-repeat; } #freefall-index .faq-question { font-family: "HelveticaNeueLTStd65Medium"; font-size: 14px; color: #6092bc; font-weight: bold; margin: 40px 0px 10px 60px; display: block; } #freefall-index .faq-question span{ font-family: "HelveticaNeueLTStd65Medium"; font-size: 14px; color: #fff; margin-left: 45px; margin-top: -16px; font-weight: normal; display: block; } #freefall-index .faq-answer { font-family: "HelveticaNeueLTStd55Roman"; font-size: 14px; color: #6092bc; font-weight: bold; margin: 10px 0px 0px 60px; display: block; } #freefall-index .faq-answer span{ font-family: "HelveticaNeueLTStd55Roman"; font-size: 14px; color: #ccc; font-weight: normal; margin-left: 45px; margin-top: -16px; display: block; } #freefall-index .table-row { display: table-cell; color: #fff; border-right-style: solid ; border-right-width: 1px; border-right-color: #1a1a1a; border-bottom-style: solid ; border-bottom-width: 1px; border-bottom-color: #1a1a1a; padding: 10px 0px 10px 0px; width: 139px; } #freefall-index .table { margin-top: 40px; text-align: center; width: 280px; position: relative; left: 50%; margin-left: -140px; border-top-style: solid ; border-top-width: 1px; border-top-color: #1a1a1a; border-left-style: solid ; border-left-width: 1px; border-left-color: #1a1a1a; } #freefall-index .faq-separator { border-top-style: solid ; border-top-width: 2px; border-top-color: #333333; padding-top: 70px; width: 1920px; left: 50%; margin-left: -960px; position: relative; } /****** Data Renderer Styles for Freefall*******/ #freefall-index { background: #000 url(../../../../content/dam/atvi/callofduty/ghosts/preorder/freefall/bg_freefall_07-03.jpg) top center no-repeat fixed; } #freefall-index .atvi-data-renderer { height: 390px; } #freefall-index .atvi-data-renderer .atvi-panel-tile { height: 100%; } #freefall-index .atvi-data-renderer { max-height: 186px; width: 368px; height: 100%; position:relative; } #freefall-index .atvi-media-gallery-item-link { display: block; top: 14%; /* left: 0; */ margin: 0; padding: 0; height: 187px; width: 368px; text-decoration: none; color: #fff; background-position: left center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: 1; } #freefall-index .atvi-panel-tile .info { position: absolute; width: 100%; top: 45%; margin: 0 auto; text-align:center; } #freefall-index .atvi-panel-tile .info .details .tile-type { font-family: "HelveticaNeueLTStd-MdCnO", Helvetica, Arial, sans-serif; font-size: 13px; color: #FFF; margin-bottom: 10px; font-weight: bold; text-transform: uppercase; text-decoration: none; } #freefall-index .atvi-panel-tile .atvi-media-gallery-item-link:hover .info .details .tile-type, .touch-enabled #freefall-index .atvi-panel-tile .info .details .tile-type { color: #FFF; } #freefall-index .atvi-panel-tile .info .details .tile-title { font-family: "HelveticaNeueLTStd-Cn", Helvetica, Arial, sans-serif; color: #FFF; font-size: 16px; text-transform: uppercase; letter-spacing: 4px; text-decoration: none; } #freefall-index .atvi-panel-tile .atvi-media-gallery-item-link:hover .info .details .tile-title, .touch-enabled #freefall-index .atvi-panel-tile .info .details .tile-title { color: #FFF; } #freefall-index .atvi-panel-tile .mobile.link-with-rel-href { display: none; } #freefall-index .atvi-panel-tile.video:hover .preview-icon { width: 28px; height: 28px; display: block; background: url(corelibs/css/corelibs/images/core/play-icon.png) top left no-repeat; margin: 7px auto 0 auto; } #freefall-index .atvi-panel-tile.image:hover .preview-icon { width: 28px; height: 28px; display: block; background: url(corelibs/css/corelibs/images/core/mag-icon.png) top left no-repeat; margin: 7px auto 0 auto; } #freefall-index .doublexp-title { font-family: 'HelveticaNeueLTStd75Bold', arial, sans-serif; font-size: 18px; letter-spacing: 5px; text-transform: uppercase; color: #5e82a3; text-align: center; padding-bottom: 15px; } #freefall-index .doublexp-text-image { margin: 0px auto; } #freefall-index .doublexp-text-image .ti-text{ width: 50%; text-decoration: none; text-align:right; } #freefall-index .doublexp-text-image .ti-text .doublexp-content{ left: 35px; position: relative; } #freefall-index .doublexp-text-image .ti-image{ width: 50%; float:right; right: 0px; text-align: center; padding: 10px; padding-top: 6px; } #freefall-index #double-xp-c0 { padding-bottom: 80px; padding-top: 20px; } @media screen and (max-width: 1024px) { #freefall-index .doublexp-text-image .ti-text .doublexp-content{ max-width: 300px; } } @media screen and (max-width: 801px) { body.freefall.layout-long > .container { top: 156px; } } @media screen and (max-device-width: 730px), screen and (max-width: 480px) { body.freefall.layout-long > .container { top: auto; bottom: auto; margin-top: 116px; } #freefall-index #freefall-content-c0, #freefall-index #freefall-content-c1 { width: 90%; } #freefall-index a.submit { margin-left: 50px; } #freefall-index a.view-faq { color: #FFF; padding: 7px 0; border: 1px solid #616161; text-decoration: none; font-size: 13px; width: 120px; margin: 10px 80px; text-align: center; letter-spacing: 2px; text-transform: uppercase; } #freefall-index a.view-faq:hover { color: #6092bc; background-color: rgba(96,146,188,.1); border: 1px solid #131d26; } body.mobile-device #freefall-index #mobile-image { position: relative; left: 50%; margin-left: -100px; width: 200px; } #freefall-index .doublexp-text-image .ti-text{ width: 100%; text-decoration: none; padding: 20px; } #freefall-index .doublexp-text-image .ti-text .doublexp-content{ margin: 0px auto; left: 0; position: relative; } #freefall-index .doublexp-text-image .ti-image{ width: 100%; margin: 0px auto; text-align:center; float: none; margin-top: 6px; } #freefall-index .doublexp-text-image .ti-image img{ margin: 0px auto; } } /****** Data Renderer Styles for Freefall end*******/ /* -- [ WHERETOBUY G L O B A L S ] -- */ #wheretobuy-tile { color: #fff; background: rgba(0, 0, 0, 0.95); } #wheretobuy-tile div { position: relative; } #wheretobuy-tile a { text-decoration: none; } #wheretobuy-tile p { font-size: 9pt; } #wheretobuy-tile label, #wheretobuy-tile p, #wheretobuy-tile a, #wheretobuy-tile select, #wheretobuy-tile option { text-align: center; line-height: 24px; } #wheretobuy-tile p.subtext { text-align: left; margin-top: 30px; } #wheretobuy-tile p.subtext a { color: #7e7e7e; } #wheretobuy-tile .blue { color: #5e82a3; } #wheretobuy-tile #ghosts-wheretobuy { max-width: 980px; width: 100%; margin: 0px auto; } #wheretobuy-tile .platform { position: absolute; top: -95px; margin-left: 21px !important; width: 100%; height: 25px; } #wheretobuy-tile .platform-select-label, #wheretobuy-tile .select-product { font-family: 'HelveticaNeueLTStd-MdIt', Helvetica, Arial, sans-serif; font-size: 14px; color: #fff; letter-spacing: 2px; text-align: left; margin-left: 21px; text-transform: uppercase; } #wheretobuy-tile .platform-select-label { margin-left: 0; } #wheretobuy-tile .select-product span { margin-left: 56px; } #wheretobuy-tile .select-product { padding-top: 20px; } #availability-error-message { font-family: 'HelveticaNeueLTStd-MdIt'; font-size: 14px; color: #B3433F; letter-spacing: 2px; text-align: left; display: none; width: 230px; left: 235px; top: -100px; } #availability-error-message p{ letter-spacing: 1px; text-align: left; margin-left: 25px; line-height: 15px; } #wheretobuy-tile .platform-select-label:before { font-family: 'HelveticaNeueLTStd-MdIt'; font-size: 14px; color: #fff; content:"1. "; } #wheretobuy-tile .platform ul { max-width: 100%; margin: 27px 0 0; /* background: white; */ } #wheretobuy-tile .platform ul li { float: left; width: 135px; border: 1px solid #616161; margin: 10px 5px 0px 0; padding: 0px; height: 40px; text-align: center; } #wheretobuy-tile .platform ul li.selected-platform{ border: 1px solid #3E5D79; background-color: #181A21; } #wheretobuy-tile .platform ul li a { color: #878787; font-family: "HelveticaNeueLTStd75Bold"; text-decoration: none; font-size: 11px; display: inline-block; width: 100%; text-align: center; vertical-align: middle; letter-spacing: 1.5px; line-height: 37px; text-transform: uppercase; } #wheretobuy-tile .platform ul li a:hover { color: #ffffff; } #wheretobuy-tile #bundle-list-hidden { display: none; } #wheretobuy-tile .atvi-wheretobuy-bundle { } #wheretobuy-tile #bundle-selector .bundle-item { } #wheretobuy-tile #bundle-selector ul { /* height: 215px;*/ height:auto; } #wheretobuy-tile .digital-deluxe-edition-details-c0 { max-width: 960px; margin: 0px auto; } #wheretobuy-tile #bundle-selector .bundle-item label { padding: 10px; } #wheretobuy-tile #bundle-selector .bundle-item input[type=radio] { display:none; } #wheretobuy-tile #bundle-selector ul { margin: 23px 0 0 22px; } #wheretobuy-tile #bundle-selector ul li { text-align: left; padding-left: 47px; font-family: 'HelveticaNeueLTStd75Bold', arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 21px; color: #878787; vertical-align: middle; margin: 0 0 15px; cursor: pointer; background: transparent url('../../../../../../content/dam/atvi/callofduty/ghosts/preorder/radio-sprite.png') 0px -25px no-repeat; width: 168px; height: 25px; } #wheretobuy-tile #bundle-selector ul li.checked { background: transparent url('../../../../../../content/dam/atvi/callofduty/ghosts/preorder/radio-sprite.png') 0px 0px no-repeat; } /* -- [ select boxes and labels ] -- */ #wheretobuy-tile label { display: block; padding-bottom: 0; text-transform: uppercase; font-size: 11px; letter-spacing: 2px; line-height: 16px; color: #919191; font-family: 'HelveticaNeueLTStd-MdIt', arial, sans-serif; } #wheretobuy-tile label.retailer-select-label { position: absolute; top: 45px; } /*#wheretobuy-tile label:after { content: ":"; }*/ #wheretobuy-tile .sbHolder:hover .sbSelector { color: #6092BC; } #wheretobuy-tile select, #wheretobuy-tile .sbHolder { max-width: 192px; height: 33px; position: relative; text-align: center; background: rgba(0, 0, 0, 0.3); border: 1px solid #717171; display: block; margin-top: 5px; top: 65px; } #wheretobuy-tile .region .sbHolder { top: 0; } #wheretobuy-tile .sbToggle, #wheretobuy-tile .sbSelector, #wheretobuy-tile .sbOptions a { color: #FFF; text-transform: uppercase; display: block; width: 100%; height: 100%; letter-spacing: 4px; font-size: 11px; line-height: 14px; } #wheretobuy-tile .sbToggle { /* select box toggler */ position: absolute; left: 0; top: 0; background: transparent url("../../../../../../content/dam/atvi/callofduty/ghosts/images/select-triangle.png") no-repeat 95% 52%; } #wheretobuy-tile .sbSelector { /* 'select box' content */ margin: 10px 10px 0 0; font-size: 11px; letter-spacing: 2px; line-height: 16px; color: #527996; font-family: 'HelveticaNeueLTStd75Bold', arial, sans-serif; font-size: 12px; letter-spacing: 2px; } #wheretobuy-tile .sbOptions { /* select box