/* Theme Name: Archeage Author: Trion Author URI: http://trionworlds.com/ Description: The Archeage theme for WordPress is a custom theme Version: 1.1 Version 1.1 - Created by Joshua Morris and Jeff Sawyer for the 2013 E3 conference Version 0.1 - Created by Rick Redondo, modified version of existing defiance theme */ /* HTML5 Boilerplate What follows is the result of much research on cross-browser styling. Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team. Detailed information about this CSS: h5bp.com/css = normalize = */ /* = HTML5 display definitions = */ body > font, body > br{display:none !important;} article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block} audio,canvas,video{display:inline-block;display:inline;zoom:1} audio:not([controls]){display:none} [hidden]{display:none} html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} html,button,input,select,textarea{font-family:sans-serif;color:#222} body{margin:0} ::-moz-selection{background:#078786;color:#fff;text-shadow:none} ::selection{background:#078786;color:#fff;text-shadow:none} abbr[title]{border-bottom:1px dotted} b,strong{font-weight:700} blockquote{margin:1em 40px} dfn{font-style:italic} hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0} ins{background:#ff9;color:#000;text-decoration:none} mark{background:#ff0;color:#000;font-style:italic;font-weight:700} pre,code,kbd,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em} pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word} q{quotes:none} q:before,q:after{content:"";content:none} small{font-size:85%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sup{top:-.5em} sub{bottom:-.25em} ul,ol{margin:1em 0;padding:0 0 0 40px} dd{margin:0 0 0 40px} nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0} img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle} svg:not(:root){overflow:hidden} figure{margin:0} table{border-collapse:collapse;border-spacing:0} td{vertical-align:top} .chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0} html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0} article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block} a img{border:0} figure{position:relative} figure img{width:100%} img{height:auto} /* Assistive text */ .screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important} .screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-weight:700;height:auto;line-height:normal;padding:15px 23px 14px;position:absolute;left:5px;top:5px;text-decoration:none;width:auto;z-index:100000/* Above WP toolbar */} /* 2013 Global Nav update: 02/24/2014 */ #gnav-2013{height:42px;width:100%;background:#000 url(//webcdn.triongames.com/common/gnav/corp-nav-bg-line.gif) repeat-x scroll center bottom;display:block;font-family:arial, tahoma, sans-serif;position:relative;z-index:99999;font-size:13px} .home #gnav-2013{position: fixed; top:0;} .elastic{max-width:960px;margin:0 auto;overflow:hidden;height:42px} .sub{display:none;position:absolute;z-index:10000} .target01 span{background:url(//webcdn.triongames.com/common/gnav/sprite.png) right -64px no-repeat;padding-right:15px} #gnav-2013 a{color:#7d7d7d;text-decoration:none;font-size:.9em} #gnav-2013 li{list-style-type:none} #gnav-2013 h6{width:83px;font-size:0} #gnav-2013 .trion-logo{display:block;width:83px;height:32px;background:url(//webcdn.triongames.com/common/gnav/sprite.png) left 7px no-repeat;font-size:0;margin-top:4px;margin-right:15px; margin-left: 4px} #gnav-2013 .nav1 li{display:inline-block;float:left} #gnav-2013 .nav2 li{display:inline-block} /* Targeting mechanism */ #gnav-2013 .target:hover .sub{/* display:block - Removed using a jquery solution instead */} #gnav-2013 .games{height:42px} #gnav-2013 .nav1 li span{padding:10px 20px 10px 0} #gnav-2013 .games a{padding:12px 23px;display:block} #gnav-2013 .games a:hover,#gnav-2013 .nav2 a:hover{color:#FFF;background-color:#1a1a1a} #gnav-2013 ul,#gnav-2013 .games ul,#gnav-2013 .nav2 ul{margin:0;padding:0} #gnav-2013 .games .sub{border-top:1px solid #232323;min-height:160px;background-color:#1a1a1a;width:100%;margin:0 auto;top:42px;left:0;background:#1a1a1a url(//webcdn.triongames.com/common/gnav/games-bg.gif) repeat-x bottom center scroll;overflow:hidden} #gnav-2013 .games .sub ul{max-width:960px;margin:0 auto;min-height: 158px;} #gnav-2013 .games .sub li{width:25%;/* Alter me for the num of games */min-height:158px;display:block;background:transparent url(//webcdn.triongames.com/common/gnav/sprite.png) no-repeat scroll 237px -86px} #gnav-2013 .games .sub li a{display: table-cell;vertical-align:middle;font-size:0;opacity:.6;font-size:0;color:#000;height:118px;width:auto} #gnav-2013 .games .sub li a:hover{opacity:1;background:transparent url(//webcdn.triongames.com/common/gnav/white-blur.png) no-repeat scroll -10px center;background-size:90% 90%} .ie7 #gnav-2013 .games .sub li a,.ie8 #gnav-2013 .games .sub li a{filter:alpha(opacity=60);width:136px;margin-right:2px} .ie7 #gnav-2013 .games .sub li a:hover,.ie8 #gnav-2013 .games .sub li a:hover{filter:alpha(opacity=100);background:transparent url(//webcdn.triongames.com/common/gnav/white-blur-light-v3.jpg) no-repeat scroll 50% 50%} #gnav-2013 .games img{margin: 0 auto;width:65%;display:block;border:none;position:relative} #gnav-2013 .games .sub li a:hover img{width:67%} #gnav-2013 .games .sub .last{background-image:none} #gnav-2013 .games .first{margin-left:0} #gnav-2013 .games .arch img{width:60%} #gnav-2013 .games li a.arch:hover img{width:62%} #gnav-2013 .nav2 .target{background:none} #gnav-2013 .nav2 .sub{top:41px;background-color:#333;min-width:96px;border-top:1px dotted #575757} .ie7 #gnav-2013 .nav2 .sub{width:100px} #gnav-2013 .nav2 a{padding:13px 23px;display:block} #gnav-2013 .nav2 a.language{padding:13px 15px;min-width:66px;text-align:center} #gnav-2013 .nav2 a.language:hover{background-color:#444} #gnav-2013 .nav2 li{height:42px;background:url(//webcdn.triongames.com/common/gnav/sprite.png) no-repeat scroll right -24px;margin:0 0 0 -4px} .ie7 #gnav-2013 .nav2 li{display:inline} #gnav-2013 .nav2 li li{display:block;padding:0;margin:0;border-bottom:1px dotted #575757;height:35px;background-image:none} .ie7 #gnav-2013 .nav2 li li{display:block;margin:0} #gnav-2013 .nav2 li li:last-child{border-bottom:none} #gnav-2013 .nav2 li li a{display:block;padding:10px 14px 10px 21px} #gnav-2013 .nav2 li li a:hover{display:block;background-color:#444} #gnav-2013 .nav2 li li .selected{background:url(//webcdn.triongames.com/common/gnav/sprite.png) no-repeat scroll 227% -202px} #gnav-2013 .nav2 li li a.language:hover{background-color:#444} @media all and (max-width:1024px) {/*#gnav-2013 .target:hover .sub{display:block}*/} @media all and (max-width:650px) { #gnav-2013 .nav2 .lang2,#gnav-2013 .nav2 .support{display:none} #gnav-2013 .games a{padding:12px 11px} #gnav-2013 .games .rift img{width:75%} #gnav-2013 .games .arch img{width:65%} .ie7 #gnav-2013 .games .sub li a,.ie8 #gnav-2013 .games .sub li a{width:60%} .ie7 #gnav-2013 .games .sub li a:hover,.ie8 #gnav-2013 .games .sub li a:hover{background:none} } @media all and (max-width:480px) { #gnav-2013{min-height:42px;min-width:300px} #gnav-2013 h6{width:42px} #gnav-2013 .trion-logo{width:42px;margin:5px 4px 4px 5px;background-position:-71px -98px} #gnav-2013 a{font-size:.8em} #gnav-2013 .games a,#gnav-2013 .nav2 a{padding:13px 12px;white-space:nowrap} #gnav-2013 .nav2{margin:0} #gnav-2013 .nav2 ul{float:right;margin-right:-4px} #gnav-2013 .nav2 li{border-bottom:1px dotted #666;border-right:1px dotted #666;margin:0;float:left} #gnav-2013 .games .sub{background-color:#1a1a1a;background-image:none;min-height:100px;padding:15px 0} #gnav-2013 .games .sub li{width:48%;opacity:1;background-image:none;margin:0;padding:0;min-height:40px} #gnav-2013 .games .sub li a{opacity:1;height:40px;width:100%} .ie8 #gnav-2013 .games .sub li a,.ie7 #gnav-2013 .games .sub li a{width:89%} #gnav-2013 .games .sub li a:hover{background-image:none} #gnav-2013 .games .sub li a img{width:50%} #gnav-2013 .games .sub li a:hover img{width:50%;opacity:1} #gnav-2013 .nav2 .sub{top:42px;min-width:100px} #gnav-2013 .nav2 li li{width:100px;border:none} #gnav-2013 .nav2 .lang2,#gnav-2013 .nav2 .support,.ie7 #gnav-2013 .nav2 .support,.ie7 #gnav-2013 .nav2 .lang2{display:none} } .logo {float:left} .main-mobile-navigation {display:none} .main-navigation {display:block;float:right} .main-navigation .sub-menu{display:none} /* sets the subnav to invisible */ #menu-item-56:hover .sub-menu, #menu-item-82:hover .sub-menu, #menu-item-69:hover .sub-menu{display:block} /* makes the submenu appear */ .main-navigation .sub-menu{width:300px;height:auto;position:absolute;z-index:1;top:58px;padding:30px 0 15px 0;background-color:#FFF;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;-webkit-box-shadow:1px 3px 3px 0px rgba(0, 0, 0, 0.23);-moz-box-shadow:1px 3px 3px 0px rgba(0, 0, 0, 0.23);box-shadow:1px 3px 3px 0px rgba(0, 0, 0, 0.23)} .blog .main-navigation .sub-menu, .page-template-page-founders-packs-php .main-navigation .sub-menu, .page-template-generic-php .main-navigation .sub-menu, .page-beta .main-navigation .sub-menu {top:90px} .main-navigation .sub-menu li{padding-top:10px;text-align:left;float:none} .main-navigation .sub-menu a {font-size:.9em;text-transform:initial;text-align:left;padding:0 20px} .main-navigation .sub-menu a:hover {color:#49853f} .main-navigation .sub-menu a:hover, .current-menu-item .sub-menu a {background-image:none} .main-navigation a {font-family:'libre baskerville', Georgia, Times, serif;font-size:0.9em;color:#5c5463;padding:20px} .main-navigation li {float:left;padding-top:21px;text-transform:uppercase} .nav_button {color:#ffffff;width:176px;height:53px} .main-navigation a:hover, .current-menu-item a {background: url(//webcdn.triongames.com/archeage/website/images/nav_underline.png) no-repeat center 40px} .nav_button a {text-decoration:none;color:#fff;padding-right:10px;min-width: 176px;background: url(//webcdn.triongames.com/archeage/img/main-cta-green-sprite.png) no-repeat;background-size:100% auto; padding: 23px 48px; background-position: top center} .nav_button a:hover {background: url(//webcdn.triongames.com/archeage/img/main-cta-green-sprite.png) no-repeat;background-position: bottom center;} .lang-de .nav_button a {padding: 30px 35px} .lang-fr .nav_button a {padding: 28px 48px} .wrap {margin: 0px !important} body,html {width:100%;height:100%} body {color:#506077;font-size:16px;line-height:20px;font-family:Tahoma, Geneva, sans-serif} p {color:#506077;line-height:26px} a {color:#5a84ad;text-decoration:none} h1,h2,h3,h4,h5,h6 {font-family: 'Libre Baskerville', Georgia, Times, serif; font-weight: bold;color:#506077} h1 {font-size:3.75em;line-height:2.769em} h2 {font-size:2.5em;line-height:1.538em} h3 {font-size:2.25em;line-height:1.385em} h4 {font-size:1.5em;line-height:1.154em} h5 {font-size:1.125em;line-height:.923em} h6 {font-size:1em;line-height:.692em} .cf:after {content: ".";visibility: hidden;display: block;height: 0;clear: both} .browser-ie .cf {zoom: 1} /* For IE */ /* Reusable column setup */ .col {border:none;float:left; /*-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-background-clip:padding-box !important; -webkit-background-clip:padding-box !important;*/ background-clip:padding-box !important} /* 960 and above? It's desktop time! */ .desk {display:block} .mobile {display:none} #bg-player {} #bg-player video {position:fixed;z-index:0;height:100%;min-height:800px;margin:0 auto} .home-section {width:100%;height:100%;display:block;position:relative;padding-top: 1px;background-size:cover} .home-section h1, .home-section p {margin:0 auto} .home-section h1, .news-pg h1 {font-size:2em;line-height:1.3em;color:#5c5461} .news-pg h1 {margin-bottom:15px} .news-pg h2 {font-size:1.5em;line-height:1.25em} .news-pg h2, .news-pg h2 a{color:#ae6c40} .div960{max-width:960px;display:block;margin:0 auto} .div1140{max-width:1140px;display:block;margin:0 auto} .nav-bg {box-sizing:border-box;-moz-box-sizing:border-box;background: url(//webcdn.triongames.com/archeage/img/nav-bg-960.png) no-repeat top center;height:100px;width:100%;z-index:10;text-align:center;background-size:cover;} .home .nav-bg {position:fixed;top:42px} .page-archeage-credit-purchases h1, .page-archeage-credit-purchases h2 {text-align:center;width:100%;color:#745948;line-height:48px;font-weight:700;} .page-archeage-credit-purchases h2 span {font-weight:400;font-size:30px;color:#4c7889;} .page-archeage-credit-purchases .news-pg {height:80%;} /* Home Section */ .home-bg, .game-bg, .pvp-bg, .eco-bg, .naval-bg, #footer, .blog, .single {background-repeat: no-repeat; background-position: center top} .news-features{margin-top:7px} .game-bg h1, .game-bg, .eco-bg h1, .eco-bg p, .pvp-bg h1, .pvp-bg p, .naval-bg h1, .naval-bg p {margin:0;-moz-box-sizing: border-box; box-sizing: border-box} /* Game Section */ .game-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/race-bg-960.jpg);background-position:center top} .game-bg h1, .game-bg p {padding:0 10% 0 5%} .game-bg h1 {margin-top:9%} /* Classes Section */ .classes-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/classes-bg-960.jpg)} /* Economy Section */ .eco-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/eco-bg-960.jpg)} .eco-bg h1, .eco-bg p {padding:0 15% 0 5%;} .eco-bg h1 {margin-top:14%;color:#7f5d42} /* PVP Section */ .pvp-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/pvp-bg-960.jpg)} .pvp-bg h1, .pvp-bg p {padding:0 15% 0 15%;width:100%;text-align:center;} .pvp-bg h1 {margin-top:11%;color:#d3634b} /* Naval Section */ .naval-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/naval-bg-960.jpg)} .naval-bg h1, .naval-bg p {text-align:left;color:#ccdaf7;padding:0 9% 0 50%;margin:0} .naval-bg h1 {margin-top:11%} /* Sign Up and Footer */ #footer{background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/footer-bg-960.jpg)} .signup-footer {text-align:center;margin-top:14%} .signup-footer h1, .signup-footer p, .signup-footer a {font-family:'libre baskerville',Georgia,Times,serif} .signup-footer h1 {font-size:2em;line-height:1.4em;color:#4971a2;width:100%} .signup-footer p {color:#7b8899;font-size:1.2em;margin-bottom:.8%;width:100%} .signup-footer a.bottom-cta {color:#FFF;font-size:1.6em;background:transparent url(//webcdn.triongames.com/archeage/img/big-grn-signup-btn-sprite-v2.png) no-repeat scroll center top;padding: 45px 0px 37px;text-transform:uppercase;margin: 0 auto;width: 298px;display:block} .signup-footer a.bottom-cta:hover {background-position: center -96px} .footer-game,.footer-100per{width:100%;background-color:#FFF; padding: 25px 0} .footer-game p,.footer-100per p{font-size:.84em;line-height:1.5em;color:#959595;text-align:center} .footer-game{position:absolute;bottom:0px} .footer-100per{position:relative;float:left} footer .legal {max-width:1140px;min-width:320px;width:100%;margin:0 auto;text-align:center} /* Classes Section */ #classes {} #classes #classwrap {background: transparent url(//webcdn.triongames.com/archeage/img/mobile/bg/race-paper-bg.png) no-repeat scroll center top;box-sizing:border-box;-moz-box-sizing:border-box;padding-top: 73px;margin-top:-66px;height:677px} #classes h1, #classes h2, #classes p, #classes #skillsets, #classes #supportsk {margin-left:50px;margin-right:50px} #classes h1, #classes h2 {text-transform:uppercase;color:#745948} #classes p{margin-bottom:15px;font-size:.93em;color:#755747} #classes h1 {margin-top:14%} #classes h2 {font-size:1.4em;margin-top:30px;margin-bottom:15px} #classes #skillsets{} #classes #skillsets, #classes #supportsk{opacity:1} #classes #skillsets li, #classes #supportsk li{list-style-type:none;display:inline;float:left;text-align:center;margin-right:2%;font-family: 'Libre Baskerville', Georgia, Times, serif;color:#6f5d45;font-size:.85em;line-height: 2.2em} .lang-fr #classes #skillsets li {margin-right:1%} #classes #supportsk .last {margin-right:0} #classes #skillsets img {padding:4px;border:1px solid #bfbbaf;background-color:#fdf2f6} #classes #skillsets{} #classes #supportsk li{background: transparent url(//webcdn.triongames.com/archeage/img/classes/bg-swap.png) scroll center center no-repeat; width: 169px;padding-left: 18px;text-align:left;margin-right: 3%} #classes #supportsk img{float:left;display:inline-block;margin-right:15px;-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.55);-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.55);box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.55)} #classes #supportsk span{display:block;margin-top:10px} #classes #skillsets .battle{color:#a88656} #classes #skillsets .sorcery{color:#ca8ade} #classes #skillsets .arch{color:#909e51} #classes #skillsets .vital{color:#cbaa1f} #classes #skillsets .occult{color:#9c644d} #classes #skillsets .shadow{color:#769283} /* home pg */ #home-video {width:100%;text-align:center;box-sizing:border-box;-moz-box-sizing: border-box} #home-video a.play-btn {background: url(//webcdn.triongames.com/archeage/img/play-btn-sprite-v23.png) no-repeat center top;width:131px;height:120px;display: block;margin:0 auto} #home-video a.play-btn:hover {background-position: center bottom;} .lang-de #home-video a.signup {font-size: 1.3em;padding-top: 34px;height: 67px} .lang-fr #home-video a.signup {font-size: 1em;padding-top: 26px;height: 67px} /* #home-video a.signup {background: url(//webcdn.triongames.com/archeage/img/big-white-signup-btn-sprite.png) no-repeat 0px -5px scroll;width:330px;height:65px;display:block;margin:0 auto;font-family:'libre baskerville',Georgia,Times,serif;font-size:1.25em;line-height:1.9em;position:relative;color:#5d6c83;text-transform:uppercase;padding-top:30px} */ #home-video a.signup {padding-top:46px} #home-video p.signup a {background: url(//webcdn.triongames.com/archeage/img/founder-btn-sprite.png) no-repeat 0px -5px scroll;width:530px;height:130px;display:block;margin:0 auto;font-family:'libre baskerville',Georgia,Times,serif;font-size:1.6em;line-height:1.3em;position:relative;color:#5d6c83;text-transform:uppercase; padding-top:65px} #home-video p.signup span.signup2 {background:none;width:530px;display:block;margin:0 auto;font-size:0.6em} .lang-de #home-video p.signup a, .lang-fr #home-video p.signup a {font-size: 1.4em} .hold-it {height:auto;position:absolute;width:100%;max-width:100%;bottom:0px} #home-video a.signup:hover {background-position:1px -100px;color:#fff} #home-video a.signup:hover .arrow-img{background: url(//webcdn.triongames.com/archeage/img/big-grn-signup-btn-arrow.png) no-repeat;} .lang-fr #home-video a.signup:hover, .lang-de #home-video a.signup:hover {background-position: 2px -102px} #home-video {/*position:absolute;top:25%;*/display:none} .news-features {/*position:absolute;top:55%;*/display:none;max-width:915px;margin:0 auto} .home-section p.watch {color:#fff;font-family:'libre baskerville',Georgia,Times,serif;text-shadow:2px 1px 0 #666; margin-top: -6px;margin-bottom: -9px} .news article span a img, .news-page img {border: 2px solid #FFF;box-shadow:0 0 1px #666} .news article span a img {width:136px;height:96px;margin:0 1.5em 10px 0} /* News pg */ .blog, .single, .error404 {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/news-bg-960.jpg); background-color: #fbf3ec} .box-content {padding:25px; border-top: 1px solid #dcc6b3} .blog .box-content .readmore {display:block} .news-pg article p {color:#5c5461;font-family: 'Libre Baskerville',Georgia,Times,serif;padding-bottom:1em} time {color:#807587;font-family: 'Libre Baskerville',Georgia,Times,serif} .article-details {margin-bottom:15px} .news-back{border-top:1px solid #dcc6b3; padding: 10px 0 15px 0} .news-thumb{float:left;margin:5px 20px 0 0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding:4px;background-color:#FFF;border:1px solid #c5bbb1} .news-thumb img{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px} .news-cont{width: 75%;float: right} /* .arrow-img {background: transparent url(//webcdn.triongames.com/archeage/img/big-signup-btn-arrow.png) center center no-repeat scroll; width:13px;height:20px;position:absolute;top:39px;right:64px} */ .arrow-img {background: transparent url(//webcdn.triongames.com/archeage/img/big-signup-btn-arrow.png) center center no-repeat scroll; width:13px;height:20px;position:absolute;top:70px;right:91px} .page-section {padding-bottom:2em} /* .lang-fr .arrow-img {right:57px;top:44px} .lang-de .arrow-img {right:46px;top:44px} */ .lang-fr .arrow-img {right:96px} .lang-de .arrow-img {right:104px} .news-header {border: 4px solid #FFF;box-shadow:0 0 1px #666;height:auto;width:100%} .footer {padding:50px 0} .frame {width:100%; height:100%} .span_4 {height:100%} .nav-padding {padding-top:100px} .rating-copyright {height:195px;margin:0;padding:10px 0;background:#fff;bottom:0px;position:absolute;width:100%} .rating-copyright .group-01{max-width:960px;padding:35px 0 20px;margin:0 auto;height:68px} .rating {float:left} .rating {padding:0} .footer-logo {margin-left:2%;display:block;float:left} #scrollsections-navigation {position:fixed;top:50%;right:20px;width:20px;margin-top:-177px;z-index: 100;background:transparent;overflow:hidden;margin-right:5px;} .scrollsections-menuitem {position:relative;display:block;height:40px;width:10px;overflow:hidden;background:#000;text-indent:-9999px;margin:0 0 5px 0;cursor:pointer; } .scrollsections-menuitem {width:20px;height:20px;background: url(//webcdn.triongames.com/archeage/img/side-nav-sprite.png) center -20px} .scrollsections-menuitem.active-scrollsection {cursor: default; background: url(//webcdn.triongames.com/archeage/img/side-nav-sprite.png) center 0px;} .news {float:left;padding:25px;width:575px;/*height:273px;*/background: url(//webcdn.triongames.com/archeage/img/latest-news-bg.png) no-repeat;background-size: 100% 99%;position:relative;-moz-box-sizing: border-box; box-sizing: border-box} .new-welcome{float: right;width:328px;height:323px;padding:0 25px;background: url(//webcdn.triongames.com/archeage/img/feature-nav-bg.png) scroll center top no-repeat; -moz-box-sizing: border-box; box-sizing: border-box} .home-section h1.h1-news {font-size: 1.125em;line-height: 1.3em;font-weight:700;color:#896148;padding-bottom:0.5em} .new-welcome h2 {margin:20px 0 15px 0;font-size: 1.125em;font-weight:700;color:#896148} .new-welcome p {font-size: 0.8em;line-height:20px;color:#755747} .h1-news {float:left;color:#876147;margin-bottom:15px} .news-all {position:absolute;right:23px;top:10px;text-align:right;font-size:.9em} .news article {padding:10px 0 0;border-top: 1px solid #e8e0cb;float:left;width:520px} .news h2,.news h2 a {color:#4c7889;font-size:0.95em;line-height:1.3em} .news h2 {margin-bottom:7px} .news p {color:#876147;font-size: 0.75em;line-height:1.4em;margin-bottom:10px} .news-features a.readmore {color:#a9987a;font-size:0.7em;font-family: 'libre baskerville',Georgia,Times,serif;display:block} .news-pg {height:auto;padding-top:42px;} #menu-home-features,#menu-home-features-fr,#menu-home-features-de {list-style-type: none;margin-left: 20px} .social-game {border:0 solid red;width:135px; height:34px;position:fixed;z-index:10000;bottom:30px;right:40px;background: url(//webcdn.triongames.com/archeage/img/social-top-sprite.png) no-repeat} .social-game a { height:34px; border:0 solid green;display:block;float:left} .social-game a:hover {background:url(//webcdn.triongames.com/archeage/img/social-top-sprite.png) no-repeat;background-position: 0 bottom} a.tw {width:43px;margin-left:15px} a.fb {width:43px} a.top {width:34px} a.top span{color:#FFF;font-size:8px;line-height:13px;text-transform:uppercase;text-align:center;display:none;margin-left:-1%} a.tw:hover {background-position:-49px -34px} a.fb:hover {background-position:-92px -34px} a.top:hover {background-position:0 -34px} .cookie-compliance-container {background:none repeat scroll 0 0 #333;border-bottom:1px solid #FFF;top:0;position:fixed;width:100%} .cookie-compliance-message {margin:0 auto;position:relative;max-width:978px} .cookie-compliance-message p {color:#999;font-size:12px;line-height:1.2em;margin:0;padding:14px 10px 18px;max-width:770px;float:left} .hide-cookie-compliance {padding:6px;position:relative;float:right;margin-top:2%} .eu-cookie .blog, .eu-cookie .single-post, .eu-cookie .page-template-page-founders-packs-php, .eu-cookie .page-template-generic-php, .eu-cookie .page-beta, .eu-cookie .page-template-landing-php {position: absolute;top: 75px;background-position: center 75px} .eu-cookie .page-template-register-php{position:absolute;top:75px} .eu-cookie .blog .cookie-compliance-container, .eu-cookie .single-post .cookie-compliance-container, .eu-cookie .page-template-register-php .cookie-compliance-container, .eu-cookie .page-template-page-founders-packs-php .cookie-compliance-container, .eu-cookie .page-template-generic-php .cookie-compliance-container, .eu-cookie .page-template-landing-php .cookie-compliance-container {position: absolute;top:-75px} .eu-cookie .home #gnav-2013{top:75px} .eu-cookie .home .nav-bg{top:117px;position:fixed} .eu-cookie .home #home{position:relative;margin-top:116px} /* Generic */ .page-template-generic-php {background: url(//webcdn.triongames.com/archeage/img/mobile/bg/news-bg-960.jpg) no-repeat center top #fbf3ec;} /* Races page and slider */ #race-sl{margin-top:5px;height:674px;background: transparent url(//webcdn.triongames.com/archeage/img/mobile/bg/race-paper-bg.png) no-repeat center top scroll;padding-right:25px;padding-left:40px;padding-top:25px;box-sizing:border-box;moz-box-sizing:border-box;position: relative} #race-sl li{list-style-type:none;height:626px;background-color:transparent;background-repeat: no-repeat; background-attachment: scroll; background-position: 106% bottom} #race-sl .main-img {width:420px;height:530px;postion:relative;border:#c4c0ae 1px solid;padding:4px;background-color:#f9f2eb;margin-bottom:14px;margin-top:5px;background-position: 4px 4px;background-repeat:no-repeat;background-attachment:scroll} #race-sl #nuian .main-img {background-image: url(//webcdn.triongames.com/archeage/img/race/nuian-960.jpg)} #race-sl #elf .main-img {background-image: url(//webcdn.triongames.com/archeage/img/race/elf-960.jpg)} #race-sl #firran .main-img {background-image: url(//webcdn.triongames.com/archeage/img/race/firran-960.jpg)} #race-sl #harani .main-img {background-image: url(//webcdn.triongames.com/archeage/img/race/harani-960.jpg)} #race-sl h3, #race-sl h4{text-transform:uppercase} #race-sl h3, #race-sl h4, #race-sl p, #race-sl .left-col{color:#755747} #race-sl h3 {font-size:1.5em;margin-bottom:4px} #race-sl h4 {font-size:.95em;margin-top:25px} #race-sl p {font-size:.95em} #race-sl br {display:none} #race-sl .left-col {font-style:italic;text-align:center;width:432px;margin-right:24px;display:block;float:left} .game-bg #race-sl p{padding:0;line-height:22px} #race-sl .flex-control-paging {width:125px;height:25px;margin:-29px 0 0 0;position:absolute;left:42%} #race-sl .flex-control-paging li {width:25%;height:20px;float:left} #race-sl .flex-control-paging a{height:20px;width:20px;font-size:0px;display:block;margin:0 auto;background: transparent url(//webcdn.triongames.com/archeage/img/side-nav-sprite.png) scroll no-repeat bottom center} #race-sl .flex-control-paging a.flex-active {background-position:top center} #race-sl #nuian {background-image: url(//webcdn.triongames.com/archeage/img/race/nuian-map.png)} #race-sl #elf {background-image: url(//webcdn.triongames.com/archeage/img/race/elf-map.png)} #race-sl #firran {background-image: url(//webcdn.triongames.com/archeage/img/race/firran-map.png)} #race-sl #harani {background-image: url(//webcdn.triongames.com/archeage/img/race/harani-map.png)} /* Founders Package - Oh yeahhhhh */ .page-template-page-founders-packs-php {background:#0a1a24 url(//webcdn.triongames.com/archeage/img/bg/founders-bg-v4.jpg) no-repeat center 57px scroll;background-size:100%} .page-template-page-founders-packs-php .half {width:46%;margin-right:3%;display:inline-block} .page-template-page-founders-packs-php .third {width:30%;display:inline-block} .relative{position:relative} .absolute {position:absolute} .page-template-page-founders-packs-php .last {margin-right:0;border-right:none} #fdp-video {margin-bottom:35px;margin-top:37px} #fdp-video .play-btn {background: url(//webcdn.triongames.com/archeage/img/play-btn-sprite-v23.png) no-repeat center top;width: 131px;height:120px;display:block;position:absolute;top:27%;left:37%} #fdp-video .play-btn:hover {background-position: center bottom} #fdp-video .main-video{position:relative} #fdp-video .half.right {background: url(//webcdn.triongames.com/archeage/img/founders/film-bg.png) no-repeat center top;padding:10px;width:489px; box-sizing:border-box;-moz-box-sizing:border-box} #fdp-video h2{text-transform:uppercase;color:#624634;font-size:2em} #fdp-video p, #fdp-video ul li{color:#876147;font-family: 'Libre Baskerville', Georgia, Times, serif;font-weight: 600} #fdp-video ul li{margin-left:1.5em} .lang-de #fdp-video h2, .lang-fr #fdp-video h2{font-size:1.5em} .lang-de #fdp-video p, .lang-fr #fdp-video p{font-size:.85em;line-height:1.75em} #fdp-video p a {text-decoration: underline} #fdp-packages {min-height: 2528px;width:960px} #fdp-packages .third {background: transparent url(//webcdn.triongames.com/archeage/img/founders/major-column.png) no-repeat scroll left top;vertical-align:top;padding: 54px 2% 35px 2%;box-sizing:border-box;-moz-box-sizing:border-box;width:324px} #fdp-packages .archeum {margin-left: -12px} #fdp-packages .third.last {margin-right: -12px} #fdp-packages h3, #fdp-packages h4 {text-align:center} #fdp-packages h3 {font-size:1.6em;text-transform:uppercase} #fdp-packages h4 {font-size:3em} #fdp-packages h4 span {font-size:.55em;vertical-align:text-top;line-height:1.55em} .archeum h3, .archeum h4 {color:#876147} .gold h3, .gold h4 {color:#506077} .silver h3, .silver h4 {color:#4c7889} #fdp-packages .buy-btn, .redeem input, .beta-pg .buy-btn {background:transparent url(//webcdn.triongames.com/archeage/img/founders/buynow-btn.png) no-repeat center 6px scroll;padding:24px 57px;display:block;margin:12px auto 0;text-align:center;font-size:1.5em;color:#fff;font-family: 'Libre Baskerville', Georgia, Times, serif;text-transform:uppercase} .lang-de #fdp-packages .buy-btn {font-size: 1em;} #fdp-packages .buy-btn:hover, .redeem input:hover, .beta-pg .buy-btn:hover {background-position: center -67px} #fdp-packages .buy-btn:active, .redeem input:active, .beta-pg .buy-btn:active {background-position: center -139px} #fdp-packages ul {list-style-type:none} #fdp-packages ul li {padding:27px 0 27px 71px;position:relative;border-top: 1px solid #FFF;border-bottom:1px solid #bebbb4;font-family: 'Libre Baskerville', Georgia, Times, serif} #fdp-packages ul li>span {font-size:.75em} #fdp-packages .fr-de {display:none;} .lang-de #fdp-packages .fr-de, .lang-fr #fdp-packages .fr-de {display: inline-block;} .lang-de #fdp-packages .en, .lang-fr #fdp-packages .en {display:none} #fdp-packages .archeum .foot {background: transparent url(//webcdn.triongames.com/archeage/img/founders/major-column-foot-01-v2.png) no-repeat scroll left bottom;height: 190px;margin: 30px -15px -139px -12px} #fdp-packages .gold .foot {background: transparent url(//webcdn.triongames.com/archeage/img/founders/major-column-foot-02.png) no-repeat scroll left bottom;height: 197px;margin: -6px -16px -195px -14px;padding-top: 25px;} #fdp-packages .silver .foot {background: transparent url(//webcdn.triongames.com/archeage/img/founders/major-column-foot-03.png) no-repeat scroll left bottom;height: 196px;margin: 38px -15px -151px -14px} .tool-tip{background-color:#5d5441;border:2px solid #392800;position:absolute;width:200px;min-height:50px;padding:20px;z-index:1;color:#FFF;font-size:.9em;display:none; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px} .tool-tip.rt{right:-245px;top:-10px} .tool-tip .ar{position:absolute;height:27px;width:19px;background: url(//webcdn.triongames.com/archeage/img/founders/tool-tip-arrows-v2.png);display:block;z-index:1} .tool-tip.rt .ar {background-position:0px -22px;left:-18px;top:25px} .rglider .tool-tip.rt, .silverarmor .tool-tip.rt, .cloak .tool-tip.rt, .exglider .tool-tip.rt{top:36%} #fdp-packages ul li:hover .tool-tip {display:block} #fdp-footer {padding: 25px 0;} #fdp-footer p {color:#FFF;font-family: 'Libre Baskerville', Georgia, Times, serif;} div.hr {background:transparent url(//webcdn.triongames.com/archeage/img/founders/hr-lg.png) no-repeat scroll center center;height:20px;width:100%;display:block;margin:20px 0} div.hr hr {display:none} /* Comparison items */ .credits, .beta, .alpha, .bullet, .pet-heal, .cloak, .silverarmor, .evenstone, .hereafter, .exglider, .rglider, .crest {background-image: url(//webcdn.triongames.com/archeage/img/founders/founders-sprite-v2.png);background-color:transparent;background-position:left center; background-attachment:scroll;background-repeat:no-repeat} .credits, .alpha, .beta, .bullet, .crest, .evenstone, .hereafter{} .alpha{background-position:left 11px} .beta{background-position:left -92px} .credits{background-position:left -191px} .bullet{background-position:left -274px} .crest{background-position:left -490px} .evenstone{background-position:left -390px} .hereafter{background-position:left -590px} .pet-heal{background-position:left -690px} #fdp-packages ul li.cloak{padding-top:339px;background-position:24px -761px} #fdp-packages ul li.silverarmor{background-position:-55px -1722px;padding-top:407px;padding-left:0;text-align:center} #fdp-packages ul li.exglider{background-position:-7px -1135px;padding-top:181px;padding-left:0;text-align:center} #fdp-packages ul li.rglider{background-position:0 -1431px;padding-top:260px;padding-left:0;text-align:center} #fdp-packages ul li.no-top {border-top:none} #fdp-packages ul li.no-bot {border-bottom:none} /* This Parchment will GROW! .parch-head{display:block;background: transparent url(//webcdn.triongames.com/archeage/img/bg/parch-head.png) no-repeat center top scroll;height:130px} .parch-body{display:block; background: transparent url(//webcdn.triongames.com/archeage/img/bg/parch-body.png) repeat-y center top scroll;padding:0 25px;margin:-80px 0} .parch-foot{display:block; background: transparent url(//webcdn.triongames.com/archeage/img/bg/parch-footer.png) no-repeat center bottom scroll; height:140px}*/ /* Code Redemption */ .page-code-redemption .nav-padding {padding-top:20px;} .page-code-redemption .page-title {display:none;} .page-code-redemption .page-section {min-height:920px;} .page-code-redemption .news-pg {background:url(//webcdn.triongames.com/archeage/img/beta/code-bg.png) no-repeat scroll center top transparent;padding:34px 60px 0;margin-top:2em;} .beta-code h2 {font-size:1.5em;margin-bottom:4px;color:#624634;} .beta-code h3 {font-size:1em;margin:1em 0;color:#876147;} .beta-code a {color:#547a3d;font-weight:bold;} .voucherCode {border:3px solid #7cc74f;color:#7cc74f;background-color:#646854;padding:1.2em;font-family: 'Libre Baskerville',Georgia,Times,serif;text-transform:uppercase;font-size:1.4em;} .beta-code input:invalid {background-color:#646854;} .redeem input {margin-top:10px;padding:17px 52px;border:none;cursor:pointer;} .beta-code ol li {color:#876147;font-family: 'Libre Baskerville',Georgia,Times,serif;padding-bottom:0.5em;margin-left:2em;font-size:0.9em;} .news-pg article .beta-code p {color:#624634;} /* Beta landing page */ .page-beta, .page-code-redemption {background:url(//webcdn.triongames.com/archeage/img/beta/sponsor-bg2.jpg) no-repeat scroll center 40px #fbf3ec;} .page-beta .page-section {padding-bottom:8em;} .page-beta .page-title {display:none;} .beta-title {margin-top:-1em;} .beta-content {background:url(//webcdn.triongames.com/archeage/img/beta/beta-content-bg.png) no-repeat scroll center top transparent;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-height:894px;max-width:1140px;padding:2em 5em;margin:0 auto;} .beta-nav, .beta-nav a {font-family: 'Libre Baskerville',Georgia,Times,serif;color:#624634;} .beta-nav {padding:1em;} .beta-nav a {font-weight: bold;} .beta-nav a:hover {border-bottom:4px solid #feac23;} .beta-updates {margin:2em auto;text-align:center;padding:2.5em 0;width:100%;} .beta-updates .left{float:left;} .beta-updates h2 {text-transform:uppercase;color:#624634;padding:0 70px;font-size:1.8em;} .page-beta .third {width:30%;display:inline-block;text-align:center;float:left;} .beta-pg .buy-btn {padding:20px 0;width:210px;margin: 1em auto;} .beta-news {/*float:left;*/text-align:left;} .beta-news img {border:2px solid #47281c;} .beta-news p, .beta-news h5 {font-family: 'Libre Baskerville',Georgia,Times,serif;width:inherit;color:#876147;} .beta-news h5 {margin:1em 0;line-height:1.4em;font-size:0.95em;} .beta-news p {font-size:0.9em;} .beta-news a {text-decoration:underline;line-height:2em;} .beta-news-1 {margin-right:3%;} .beta-news-2 {margin-right:3%;margin-left:3%;} .sponsor {border-top:2px solid #ebd59b;text-align:center;margin-top:1.5em;vertical-align:baseline;} .sponsor img {padding:0.25em;} .sponsor a{margin:0 5px;} .long-btn {background:transparent url(//webcdn.triongames.com/archeage/img/buttons/long-btn.png) no-repeat center 6px scroll;padding:26px 0 24px;width:332px;display:block;margin:1em auto;text-align:center;font-size:1.4em;color:#fff;font-family: 'Libre Baskerville', Georgia, Times, serif;text-transform:uppercase} .long-btn:hover {background-position: center -67px} .long-btn:active {background-position: center -142px} .lang-fr .long-btn {font-size:1.2em;} .med-btn {background:transparent url(//webcdn.triongames.com/archeage/img/buttons/med-btn.png) no-repeat center 4px scroll;padding:1em 0;width:292px;display:block;margin:0.25em 0 0.25em -0.25em;text-align:center;font-size:1.6em;color:#fff;font-family: 'Libre Baskerville', Georgia, Times, serif;text-transform:uppercase} .med-btn:hover {background-position: center -69px} .med-btn:active {background-position: center -141px} .lang-fr .med-btn {padding:1.4em 0;font-size: 1.2em} @media (max-width: 1300px) { .beta-updates .left{float:none;} } /* All elements 1024 and below */ @media (max-width: 1024px){ #classes #classwrap {background-image:none;padding:0;margin:0;height:auto} #classes #classwrap p {font-size:.9em;line-height: 1.6em;} #classes #classwrap p, #classes h1, #classes h2, #classes #skillsets, #classes #supportsk {padding:0 5%;margin-right:0;margin-left:0} #classes h1, #classes h2, #classes p, #classes, #classes #skillsets .battle, #classes #skillsets .sorcery, #classes #skillsets .arch, #classes #skillsets .vital, #classes #skillsets .occult, #classes #skillsets .shadow, #classes #supportsk li {color:#506077} #classes li {font-size:.75em;} #classes #skillsets li {width:12%;margin-right:4%} #classes #supportsk li {width:22%;background-image:none;margin-right:2%;padding-left:0} #classes #supportsk img {margin-right:10px} /* Beta */ .beta-updates h2 {padding:0 10%} .beta-updates img {width:360px;} .beta-title {margin-top:100px;} } /* All elements 959 and below */ @media (-webkit-min-device-pixel-ratio: 2), (max-width: 959px){ .main-mobile-navigation{display:none} .desk{display:none} .mobile{display:block} .main-mobile-navigation ul#menu-mobile-nav, .main-mobile-navigation ul#menu-mobile-nav-fr, .main-mobile-navigation ul#menu-mobile-nav-de{position:absolute;top:0;width:96%;padding:82px 2% 2%;background:#446e35 url('//webcdn.triongames.com/archeage/img/mobile/nav-bg-960.png') no-repeat center -20px;opacity:0.9;z-index:-1;-webkit-box-shadow:0 4px 12px 0 rgba(0,0,0,.9);box-shadow:0 4px 12px 0 rgba(0,0,0,.9)} .main-mobile-navigation ul#menu-mobile-nav li:first-child,.main-mobile-navigation ul#menu-mobile-nav-de li:first-child, .main-mobile-navigation ul#menu-mobile-nav-fr li:first-child{-webkit-box-shadow:0 0 0 0 #638656;box-shadow:0 0 0 0 #638656} .main-mobile-navigation ul#menu-mobile-nav li, .main-mobile-navigation ul#menu-mobile-nav-de li, .main-mobile-navigation ul#menu-mobile-nav-fr li, .main-mobile-navigation ul#menu-mobile-nav ul.sub-menu li:first-child, .main-mobile-navigation ul#menu-mobile-nav-de ul.sub-menu li:first-child, .main-mobile-navigation ul#menu-mobile-nav-fr ul.sub-menu li:first-child{text-align:left;-webkit-box-shadow:0 -2px 0 0 #638656;box-shadow:0 -2px 0 0 #638656} .main-mobile-navigation ul#menu-mobile-nav ul.sub-menu, .main-mobile-navigation ul#menu-mobile-nav-de ul.sub-menu, .main-mobile-navigation ul#menu-mobile-nav-fr ul.sub-menu{list-style-type:none} .main-mobile-navigation ul#menu-mobile-nav ul.sub-menu li:before, .main-mobile-navigation ul#menu-mobile-nav-fr ul.sub-menu li:before, .main-mobile-navigation ul#menu-mobile-nav-de ul.sub-menu li:before, .main-mobile-navigation ul#menu-mobile-nav ul.sub-menu li:before, .main-mobile-navigation ul#menu-mobile-nav-de ul.sub-menu li:before, .main-mobile-navigation ul#menu-mobile-nav-fr ul.sub-menu li:before {content:"> ";color:#FFF;margin-left:10px} .main-mobile-navigation ul#menu-mobile-nav li a, .main-mobile-navigation ul#menu-mobile-nav-de li a, .main-mobile-navigation ul#menu-mobile-nav-fr li a{color:#FFF;font-size:1.125em;line-height:3em} .main-navigation{display:none} .logo{margin:14px auto;width:60%;float:left;padding-left:12%} h1.h1-news{margin:0 0 20px} .news-features{position:relative} .home-section p{margin:0 3%} .home-section .news {background:#fff;opacity:0.8;padding:10px;margin:0 3%;width:94%} .home-section .news article{border-top:2px solid #e4e0dd;padding-top:15px} .home-section .news h2{font-size:.875em;line-height:1.125em;font-weight:700;margin:0 0 10px;text-shadow:none;text-align:left;margin-left:0} .home-section .news h2 a{text-decoration:none;color:#4c7889;margin-bottom:5px} .home-section .news p{font-size:.75em;color:#633f33;line-height:1.6em;margin-bottom:10px;margin-left:0;margin-right:0} .new-welcome{display:none} #race-sl, #race-sl li{height:auto} #race-sl h3, #race-sl h4, #race-sl p {color:#4a535c} #race-sl, #race-sl #firran, #race-sl #nuian, #race-sl #harani, #race-sl #elf {background-image:none} #race-sl .left-col {width:50%} #race-sl .main-img {width:100%;background-size: 98%;background-position:center center;height:initial;padding-bottom:128%} #race-sl .flex-control-paging {margin:15px auto 0;position:relative;left:initial} .page-template-page-founders-packs-php {background-size:initial} #fdp-packages {width:100%;min-height:initial} #fdp-packages .archeum, #fdp-packages .third {margin-left:8%} .page-template-page-founders-packs-php .half {width:47%;margin-right:2%} #fdp-video .half.right{margin-right:0%;width:47%;background-size:100%} #fdp-video {margin-bottom:35px;margin-top:89px;padding: 0 12px;box-sizing:border-box;-moz-box-sizing:border-box} #fdp-packages .foot{display:none} .tool-tip.rt {right:-47px;top:67px} .tool-tip .ar {height:19px;width:29px} .tool-tip.rt .ar {background-position:49px -1px;left:58px;top:-19px} footer .legal img {max-width:80%} /* Height for all page elements */ .home-bg, .game-bg, .classes-bg, .pvp-bg, .eco-bg, .naval-bg, .footer{min-height:1040px;padding-top: 1px; background-position: top center; background-repeat: no-repeat} .game-bg h1, .eco-bg h1, .pvp-bg h1, .eco-bg h1, .naval-bg h1, .home-section h1, .signup-footer h1 {font-size:1.7em;font-weight:bold;color:#4a535c;line-height:1.3em} .home-section p {margin: 0 !important} /* Content specific */ .game-bg h1 {margin-top: 45px;margin-bottom:20px} .eco-bg h1 {color:#7d5e3f;margin-bottom:10px;margin-top:75px} .game-bg p, .eco-bg p, .pvp-bg p, .eco-bg p, .naval-bg p {font-size:1em;line-height:1.7em;color:#4a535c} .pvp-bg {text-align:center} .pvp-bg h1, .pvp-bg p {padding:0 5% 0 5%;width:100%;text-align:center;margin:0} .pvp-bg h1 {margin-top:70px;line-height:1.25em;color:#d3634c;margin-bottom:10px} .pvp-bg p {color:#4a535c} /* Naval Section */ .naval-bg {padding-right:0%;padding-left:0%;-moz-box-sizing:border-box;box-sizing:border-box} .naval-bg h1 {margin-top:90px;color:#ccdaf9;margin-bottom:10px} .naval-bg p {color:#fff} /* Sign up Section */ .signup-footer{text-align:center} .signup-footer h1,.signup-footer p,.signup-footer a{font-family:'libre baskerville',Georgia,Times,serif} .signup-footer h1{margin-top:25%;font-size:2em;line-height:1.4em;color:#4971a2;margin-left:0;margin-right:0;width:100%} .signup-footer p{color:#7b8899;font-size:1.2em;margin-bottom:10%;margin-right:0;margin-left:0} .footer a.bottom-cta{color:#FFF;font-size:1.6em;background:transparent url(//webcdn.triongames.com/archeage/img/mobile/big-grn-signup-btn.png) no-repeat scroll center center;padding:26px 93px;text-transform:uppercase} .rating-copyright{height:195px;margin:0;padding:10px 0;background:#fff;bottom:0;position:absolute} .rating img,.xl-logo img,.trion-logo img{width:100%} .xl-logo{width:30%} .rating{width:20%} .lang-de .rating{width:10%} /*usk rating*/ .lang-fr .rating{width:9%} /*usk rating*/ .trion-logo{width:20%;margin-top:-9%; max-width: 190px;} .rating-copyright p{font-size:.75em;line-height:1.5em;margin:0;clear:both;padding:0 3%} .footer{padding:1px 0 0} .signup-btn{color:#fff;font-size:.8em;font-weight:700;text-decoration:none;background:url('//webcdn.triongames.com/archeage/img/mobile/sub-btn.png') no-repeat center top;background-size:158px auto;width:20%;height:38px;padding:20px 0 0;float:right; font-family: 'libre baskerville',Georgia,Times,serif} .nav-bg{background:url(//webcdn.triongames.com/archeage/img/mobile/nav-bg-960.png) no-repeat center bottom;height:98px;width:100%;position:fixed;z-index:10;text-align:center} .nav-btn{float:left;background:url(//webcdn.triongames.com/archeage/img/nav-btn.png) no-repeat;background-size:64px auto;width:8%;height:40px;margin-top:11px;font-family:'libre baskerville',Georgia,Times,serif} .col{margin-left:.5%;padding:0 1%} .row .col:first-child{margin-left:0} /*.span_1,.span_2,.span_3,.span_4{width:none}*/ .h1-news{float:left;font-size:1.125em;line-height:1.375em;color:#876147;font-weight:700;margin:0 0 15px} .news-all{float:right;font-size:.6875em;margin-top:5px;color:#4d788b!important;text-decoration:none;font-family:'libre baskerville',Georgia,Times,serif} .news article,.news p{width:100%} .home-bg{background-repeat:no-repeat;background-position:top center/*background-size: 100% auto;*/} #home-video{height:none} /* BG images */ .nav-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/nav-bg-960.png);height:80px} .home-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/home-bg-960.jpg)} .game-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/race-bg-960-v2.jpg)} .classes-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/classes-bg-960.jpg)} .pvp-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/pvp-bg-960.jpg)} .eco-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/eco-bg-960.jpg)} .naval-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/naval-bg-960.jpg)} .footer {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/footer-bg-960.jpg)} .news-cont {float:left;width:100%} .box-content {padding-left:3%;padding-right:3%} .news-thumb {margin:5px auto 20px} .news-pg h1 {margin-left:2%} } .fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{border:0;outline:none;vertical-align:top;margin:0;padding:0} .fancybox-wrap{position:absolute;top:0;left:0;z-index:8020} .fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px} .fancybox-opened{z-index:8030} .fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)} .fancybox-outer,.fancybox-inner{position:relative} .fancybox-inner{overflow:hidden} /*.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;}*/ .fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;white-space:nowrap;margin:0;padding:15px} .fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%} .fancybox-image{max-width:100%;max-height:100%} #fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{} #fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060} #fancybox-loading div{width:44px;height:44px;background:url(fancybox_loading.gif) center center no-repeat} .fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040;background-position: -15px -15px;background-repeat:no-repeat;background-image:url('//webcdn.triongames.com/archeage/img/fancy-sprite-v2.png')} .fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(blank.gif);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040} .fancybox-prev{left:0} .fancybox-next{right:0} .fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden} .fancybox-prev span{left:10px;background-position:0 -36px} .fancybox-next span{right:10px;background-position:0 -72px} .fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important} .fancybox-lock{overflow:hidden!important;width:auto} .fancybox-lock body{overflow:hidden!important} .fancybox-lock-test{overflow-y:hidden!important} .fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(fancybox_overlay.png)} .fancybox-overlay-fixed{position:fixed;bottom:0;right:0;background-color:#000;opacity:.75;} .fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll} .fancybox-title{visibility:hidden;font:normal 13px/20px Arial,sans-serif;position:relative;text-shadow:none;z-index:8050} .fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center} .fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px} .fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff} .fancybox-title-inside-wrap{padding-top:10px} .fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px} .fancybox-nav:hover span,.fancybox-opened .fancybox-title{visibility:visible} /* Register Page */ body.page-template-register-php{background:#fff url(//webcdn.triongames.com/archeage/img/register/aa-register-bg-960-v2.jpg) no-repeat scroll center 48px;height: auto} .page-template-register-php .nav-bg{background: url(//webcdn.triongames.com/archeage/img/nav-bg-960.png) no-repeat top center; height:100px; padding: 7px 0px 7px 7px;position:relative;} .page-template-homepage-php .wrap {max-width:100%;margin:0 auto;clear:both} .page-template-register-php .wrap, .blog .wrap {max-width:960px;margin:0 auto !important;clear:both} .page-template-register-php .full {width:100%;position:relative} .page-template-register-php .half {width:46%;position:relative;margin-left:3%} img, object, embed {max-width:100%} .page-template-register-php .first {margin-left:0} .page-template-register-php .reg-form.right {-webkit-box-shadow:0px 1px 3px 3px rgba(0, 0, 0, .2);box-shadow:0px 1px 3px 3px rgba(0, 0, 0, .2);margin-right:3%; padding: 5px 5% 0 5%;-moz-box-sizing: border-box; box-sizing: border-box} .page-template-register-php .content {height:1040px} .reg-form {width:340px;background-color:#F2EDD8;margin-top:26px; border: 2px solid #776749} .reg-form .fields {color:#876147;-webkit-appearance:none;position:relative} .reg-form .fields .reg-header {position:relative;text-align:center; padding: 5px 0 10px} .reg-form .fields .reg-header h1 {line-height:1em;margin:0 auto} .reg-form .fields .reg-header h2, .typography .reg-form .fields .reg-header h2 {background:transparent url(//webcdn.triongames.com/archeage/img/register/header-bg.png) no-repeat center 18px;text-shadow:none;margin:0 auto;font-family:'Libre Baskerville',serif;font-weight:normal;font-size:1.2em;color:#657387;-webkit-font-smoothing:antialiased; text-transform: none} .lang-de .reg-form .fields .reg-header h2, .lang-fr .reg-form .fields .reg-header h2 {background:none} .reg-form .fields .reg-header h2.thank-you {padding:20px 0 0;background:transparent url(//webcdn.triongames.com/archeage/img/thank-you-bg.png) no-repeat center bottom} .reg-form .fields .reg-header h2 span {display:block;font-size:1.3em;font-weight:normal;line-height:1.3em} .reg-form .fields .thank-you p {text-align:center;color:#876147;padding:10px 0 30px 0} .reg-form .fields .thank-you p.name {font-size:1.6em;padding-bottom:10px} .reg-form .fields .thank-you p a {color:#6E7B8C} .updateform p {text-align:center;color:#876147} .updateform p.name {padding:5px 0 15px 0;font-size:1.3em} .updateform {margin-bottom:10px} .reg-form .fields .error {float:right;color:#fff;background-color:#a00;padding:0 5px;display:none} .reg-form .fields .tos .error{margin:5px 0;float:left;display:none} .reg-form .fields #validatorator {position:absolute;background-color:#876147;padding: 14px 14px 14px 28px;left:-380px;top:466px;width:300px;-webkit-box-shadow:5px 5px 12px 5px rgba(0, 0, 0, .2);box-shadow:5px 5px 12px 5px rgba(0, 0, 0, .2);display:block;border: 2px solid #776749;background-color:#F2EDD8} .reg-form .fields #validatorator span {margin-left:-16px} .reg-form .fields label {float:left;color:#876147;font-size:.8em} /*.reg-form .fields select {padding:1% 0;width:100%;}*/ .reg-form .fields select {height:auto;padding:7px 0;width:100%} .reg-form .fields input {padding:1% 4%;width:92%;height:26px} .reg-form .fields input,.reg-form .fields select {display:block;clear:both;color:#2a4777;/*border:1px #0f2c47 solid;*/-webkit-box-shadow: inset 1px 1px 0px 0px #657387,inset -1px -1px 0px 0px #657387;box-shadow: inset 1px 1px 0px 0px #657387,inset -1px -1px 0px 0px #657387; border: none} .reg-form .fields .button input {display:inline} .reg-form .fields ul {list-style:none;font-size:12px;line-height:1.4em;color:#876147} .reg-form .fields .checkbox {vertical-align:top;padding-top:5px;color:#876147;font-size:12px;line-height:1.4em} .reg-form .fields p.already-registered {padding:5px 0 15px 0;color:#876147;text-align:center;font-size:.8em} .reg-form .fields p.already-registered a {color:#6E7B8C;text-decoration:none} .reg-form .fields p.already-registered a:hover {color:#FFF;text-decoration:underline} .reg-form .fields .checkbox a {color:#6e7b8c;text-decoration:none} .reg-form .fields .checkbox a:hover {color:#FFF;text-decoration:underline} .reg-form .fields .checkbox span {margin-left:29px;text-align:left;display:block;margin-top:-18px;clear:both} .reg-form .fields .checkbox input {vertical-align:top;width:auto;padding:0;margin-top:2px;height:12px} .reg-form .fields .dob {display: block;height:20px} .reg-form .fields .dob .month,.fields .dob .day,.fields .dob .year {float:left;width:30%;margin-right:5%} .reg-form .fields .dob .year {float:right;margin-right:0} .reg-form .fields .dob input {width:100%;padding:6%} .reg-form .fields p {padding-bottom:5px} .reg-form .fields p.clear {padding-top:5px} .reg-form .fields .button {text-align:center;background-size:300px 8px;padding:12px 0} .reg-form .fields .button input:disabled {cursor: not-allowed;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none; background-position: bottom center} .reg-form .fields .button input {font-size: 1em; font-family: 'Libre Baskerville',serif;width:178px;height:69px;color:#fff;padding:0;text-decoration:none;text-transform:uppercase;cursor:pointer;background:transparent url('//webcdn.triongames.com/archeage/img/register/main-cta-green-sprite.png') no-repeat scroll top center; box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;border: none;} .lang-de .reg-form .fields .button input {font-size: .9em} .reg-form .fields .button input:hover{background-position: bottom center} .reg-form .news {background-image: none; padding: 0; width: 90%; float: none; height: 40px} input:invalid, textarea:invalid {background-color:#FFF} .social {width:340px;height:55px;margin-top:8px} .social.right {margin-right:3%} .social ul {text-align:center;position:relative;height:55px} .social li {display:inline;list-style:none;padding:0 6px;margin:0;top:5px;position:relative} .footer a {padding:0 8px} .reg-video {position:relative;width:420px;height:261px;background:transparent url('//webcdn.triongames.com/archeage/img/register/video-bg-v3.png') center center no-repeat scroll;margin: 226px 0 0 138px; padding-top: 1px} .reg-form .reg-video {width:100%;position:relative;background:none;margin:0 auto;height:185px} #video-thumb-left{} .reg-video img,.reg-video #video-thumb-left {margin-top: 25px; margin-left: 21px} .reg-form .reg-video img {margin-top: 6px; margin: 6px auto 25px; max-height: 180px; border: 1px solid #FFF;display: block;} .reg-video .play-btn {position:absolute;background: transparent url('//webcdn.triongames.com/archeage/img/register/play-btn-sprite.png') no-repeat top center scroll; width: 83px; height:83px;z-index:20;top:30%;left:40%} .reg-video .play-btn:hover {background-position: bottom center} .reg-video .video-txt {color:#FFF;font-size:1.2em;text-align:center;position:absolute;z-index:20;bottom:28%;left:0%; font-family:'Libre Baskerville',serif;width:100%} .lang-fr .reg-video .video-txt {font-size:.9em} .reg-form .reg-video .play-btn {top:31%;left:38%} .reg-awards {position:relative; width: 205px; height: 130px; margin: 370px 0 0 270px} .reg-awards h4 {font-size: 13px; font-family:'Libre Baskerville',serif;color:#657387;text-align: center; text-transform: uppercase; background: url(//webcdn.triongames.com/archeage/img/register/awards-bg.png) no-repeat scroll center center transparent; text-shadow: none} .lang-de .reg-awards h4, .lang-fr .reg-awards h4 {background-image: none} .page-template-register-php footer.wrap {} .page-template-register-php .footer, .blog .footer {padding: 0;} .page-template-register-php .rating-copyright, .blog .rating-copyright {position: relative;} .page-template-register-php .footer .copyright, .blog .footer .copyright {padding:24px 16%;font:10px 'Arial','sans-serif' normal;width:68%} .content-wrap a:hover {color:#078786} .page-template-register-php .half.left {display:block;margin-left: 0} .left {float:left} .right {float:right} .center {text-align:center;margin:0 auto;} .clear {clear:both} #regForm {height: 876px; margin-right: 3%; padding: 5px 5% 0 5%; box-sizing: border-box; box-shadow: 0px 1px 3px 3px rgba(0,0,0 .2);} .typography .reg-form .fields #registerForm label {color:#876147;font-size:0.8em;line-height:20px;font-family:Tahoma, Geneva, sans-serif} .typography .fields #registerform fieldset p {font-size:16px; line-height: 26px; margin: 0px;} .typography .page-template-register-php .reg-form .fields #registerform fieldset .checkbox span {color: #876147; font-size: 12px; line-height: 1.4em} div.g-recaptcha{height: 77px;} /*Retina graphics!*/ /* http://css-tricks.com/snippets/css/retina-display-media-query/ */ /*@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){*/ @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dppx) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('//webcdn.triongames.com/archeage/img/fancy-sprite-v2.png'); /*background-size: 44px 152px;*/ /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('fancybox_loading@2x.gif'); /*background-size: 24px 24px;*/ /*The size of the normal image, half the size of the hi-res image*/ } } @media (max-width: 768px){ #home-video a.signup {/* line-height:1.5em;font-size:1.25em */} #fdp-packages .archeum, #fdp-packages .third {margin-left: 3%} .page-template-page-founders-packs-php .half {width:100%;margin-right:3%;display:block;float: none;} #fdp-video .half.right {float:none;display:block;margin: 24px auto;width:489px;height:285px} /* Beta */ .beta-title {margin-top:6em;} .beta-content {padding:1em 2em;} .beta-updates {float:left;padding:1em 0;} .beta-updates img {width:260px;} .beta-updates h2 {padding:0 5%;} .page-beta .third {width:100%;} .beta-news p, .beta-news h5 {width:96%} .beta-news img {float:left;max-width:33%;margin-right:2em;} .beta-news-1, .beta-news-2 {margin:0;} .page-beta .page-section {padding-bottom:0;} } /* 760 and below */ @media (max-width: 760px) { .logo {padding:0;width:139px;margin:14px 0 0 27%} .logo img {width:139px} .signup-btn {width:23%} .naval-bg {} #home-video {/* height:566px */margin-top:40%} #home-video a.play-btn {} .home-bg, .game-bg, .pvp-bg, .eco-bg, .naval-bg, .footer{min-height: 1016px} .nav-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/nav-bg-768.png); height: 80px;} .home-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/home-bg-768.jpg)} .game-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/race-bg-768-v2.jpg)} .classes-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/classes-bg-768.jpg)} .pvp-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/pvp-bg-768.jpg)} .eco-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/eco-bg-768.jpg)} .social-game {right: 3%} .news-features{margin-top:0;} #classes h2 {font-size: 1.1em;margin-top:15px;margin-bottom:3px} #classes #skillsets {margin:0} #classes #skillsets li {width:30%;margin-right:2%;margin-bottom:10px} #classes #supportsk {padding-right:0; padding-left: 8%} #classes #supportsk li {padding-right:0;width:30%;margin-bottom:10px} #classes .darker {color:#3D3D3D} /* Naval Section*/ .naval-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/naval-bg-768.jpg)} .naval-bg h1,.naval-bg p {padding: 0 0 0 3%;width:40%} .nav-btn {width:15%} .footer {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/footer-bg-768.jpg)} .news-cont {float:left;width:100%} } /* 600 and below */ @media (max-width: 600px) { .logo {margin: 14px 0 0 24%} .signup-btn {background-size:100%; width:26%;padding: 16px 0 0;height: 32px;} .home-section, .footer {max-height:900px} #home-video {margin-top:42%} .arrow-img{right:62px;top:38px} .home-bg, .game-bg, .pvp-bg, .eco-bg, .naval-bg, .footer{min-height: 900px} .nav-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/nav-bg-600.png); height: 80px;} .home-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/home-bg-600.jpg)} .game-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/race-bg-600-v2.jpg)} .classes-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/classes-bg-600.jpg)} .pvp-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/pvp-bg-600.jpg)} .eco-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/eco-bg-600.jpg)} #classes #skillsets li {width:17%;margin-right:5%} #fdp-video {margin-top: 23%} #fdp-video .half.right {width:85%;height:auto} #fdp-packages .archeum, #fdp-packages .third {margin-left: initial;margin: 0 auto;display: block;} #fdp-packages .third.last {margin-right:auto} /* Naval Section */ .naval-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/naval-bg-600.jpg)} .footer {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/footer-bg-600.jpg)} } /* 480 and below */ @media (max-width: 480px) { /* EU Cookie */ .eu-cookie .hide-cookie-compliance {width:100%;height:30px;} .eu-cookie .cookie-compliance-container, .eu-cookie .blog .cookie-compliance-container, .eu-cookie .single .cookie-compliance-container {position:absolute;height:155px !important;} .eu-cookie .blog .cookie-compliance-container,.eu-cookie .single .cookie-compliance-container {top:0;} .eu-cookie .cookie-compliance-message p{padding:5px !important;font-size:14px !important;} .eu-cookie .home #gnav-2013, .eu-cookie .page-template-register-php #gnav-2013, .eu-cookie .blog #gnav-2013, .eu-cookie .single #gnav-2013{position: absolute ;top:156px;z-index: 1} .eu-cookie .home .nav-bg, .eu-cookie .page-template-register-php .nav-bg, .eu-cookie .blog .nav-bg, .eu-cookie .single .nav-bg{position: absolute;top:197px;} .eu-cookie .home #home{position: relative !important;margin-top:197px;} .eu-cookie .page-template-register-php {top:0;} .eu-cookie .page-template-register-php .cookie-compliance-container{top:0;} .eu-cookie .page-template-register-php .reg-form{margin-top:385px;position: relative;} .eu-cookie .blog, .eu-cookie .single-post{top:auto;background-position:center top;} .eu-cookie .blog .news-pg, .eu-cookie .single .news-pg {margin-top: 285px;} /* Nav */ #gnav-2013 .nav2 li{border-right:none} #gnav-2013 .nav2 .lang2{display:block} .logo {margin:6px 0 0 16%;padding:0;width:109px} .logo img{width:109px;margin:0} .signup-btn {font-size:0.5625em;width:86px;height:24px;padding:9px 0 0 0;background-size:106%} .home-section .news{padding:10px;margin:0 2%;width:96%} .nav-btn {margin-top:-2px;background-size:52px auto;width:20%} .main-mobile-navigation ul#menu-mobile-nav, .main-mobile-navigation ul#menu-mobile-nav-fr, .main-mobile-navigation ul#menu-mobile-nav-de{background: #446e35 url(//webcdn.triongames.com/archeage/img/mobile/nav-bg-480.png) no-repeat center top;} /* Homepage */ .game-bg{padding-right:0px} #home-video {margin-top:64%} #home-video .watch {display:none} #home-video a.play-btn {} .arrow-img{display:none} #home-video p.signup a {background-position:center top} #home-video p.signup a, #home-video p.signup span.signup2 {width:100%} .news-all {display:block} .home-bg, .game-bg, .pvp-bg, .eco-bg, .naval-bg{min-height:800px} .nav-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/nav-bg-480.png); height: 80px} .home-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/home-bg-480.jpg)} .game-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/race-bg-480-v2.jpg)} .classes-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/classes-bg-480.jpg)} .pvp-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/pvp-bg-480.jpg)} .eco-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/eco-bg-480.jpg)} .naval-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/naval-bg-480.jpg)} #footer{background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/footer-bg-480.jpg);height:auto; background-size: contain;} #home .h1-news{margin:0} #home .figure-padding{display:none} #home .news .news-article {max-width:480px;min-width:0} #home-video a.play-btn {margin-top:85px;height:73px;width:80px;background-size:100%} .game-bg h1, .eco-bg h1, .pvp-bg h1, .naval-bg h1{margin:75px 0 0;padding:0 20px 10px} .game-bg p, .eco-bg p, .pvp-bg p, .naval-bg p{margin:0;padding:0 20px} .pvp-bg p{width:auto} .naval-bg h1, .naval-bg p{width:60%;/*max-width:60%*/} .home-section, .footer {max-height:800px} .signup-footer h1 {margin-top:43%;margin-bottom:1px;font-size:2em;line-height:1.4em} #race-sl {padding:0 20px;margin-top:5px} #race-sl .left-col {width:100%;margin-right:0} #race-sl .left-col p {display:none} #race-sl .main-img {width:100%;height:initial;padding:0 0 49.5% 0;margin-bottom:14px;margin-top:5px;background-position: center center;box-sizing:border-box;moz-box-sizing:border-box;background-size:98%} #race-sl #nuian .main-img {background-image: url(//webcdn.triongames.com/archeage/img/race/nuian-480.jpg)} #race-sl #elf .main-img {background-image: url(//webcdn.triongames.com/archeage/img/race/elf-480.jpg)} #race-sl #firran .main-img {background-image: url(//webcdn.triongames.com/archeage/img/race/firran-480.jpg)} #race-sl #harani .main-img {background-image: url(//webcdn.triongames.com/archeage/img/race/harani-480.jpg)} /* Footer */ .signup-footer{height:auto; margin: 40% 0 48% 0} .signup-footer a.bottom-cta:hover {background-position:center 89%} .footer-game, .footer-100per{position:relative;bottom:auto} .footer-game img, .footer-100per img{width:auto} .footer-game .rating, .footer-100per .rating{float:none;width:146px;clear:both; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto} .footer-game .xl-logo, .footer-100per .xl-logo{position:relative;width:100%;clear:both;margin:15px auto 0;float:none} .footer-game .trion-logo, .footer-100per .trion-logo{position:relative;width:100%;clear:both;margin:15px auto 0;float:none;display: block;} .footer-game p{margin:0;text-align:left;padding:0 15px 20px;float:none;clear:both} .footer-100per p{margin-top:50px;text-align:left;padding: 0 10px} .social-game{display:none} .footer {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/footer-bg-480.jpg)} footer .legal img {max-width:70%} .footer-logo {float:none} /* Register */ .page-template-register-php .play-btn{z-index:1;} /* Updates */ .blog .news-pg, .single .news-pg {height: auto;margin-top: 20px;} .blog .news-pg h1{margin-left: 10px;} .blog .news-pg .box-content{margin:0 10px;} .blog .footer-100per, .single .footer-100per{padding-top:50px;} .blog .figure-padding img{margin-bottom:10px;} .single .news-pg h1{margin:0 10px;} .single .news-back{margin:0 10px;} .single .page-section{margin:0 10px;} .single .news-header{max-width:450px;margin-left:1px;} .single .page-section iframe{max-width: 460px;height:auto;} #classes #skillsets li {width:25%;margin-right:8%} #classes #supportsk li {width:41%} #fdp-video .half.right {width:97%} /* Beta */ .long-btn {margin:0.5em auto} .beta-updates {margin:0;padding:1em 0} .beta-nav {text-align:center;} .page-beta .third {width:95%;} .beta-news p, .beta-news h5 {width:280px;} } /* 320 and below */ @media (max-width: 320px) { /* EU Cookie */ .eu-cookie .hide-cookie-compliance {width:100%;height:30px;} .eu-cookie .cookie-compliance-container, .eu-cookie .blog .cookie-compliance-container, .eu-cookie .single .cookie-compliance-container {position:absolute;height:215px !important;} .eu-cookie .blog .cookie-compliance-container,.eu-cookie .single .cookie-compliance-container {top:0;} .eu-cookie .cookie-compliance-message p{padding:5px !important;font-size:14px !important;} .eu-cookie .home #gnav-2013, .eu-cookie .page-template-register-php #gnav-2013, .eu-cookie .blog #gnav-2013, .eu-cookie .single #gnav-2013{position: absolute ;top:216px;z-index: 12;} .eu-cookie .home .nav-bg, .eu-cookie .page-template-register-php .nav-bg, .eu-cookie .blog .nav-bg, .eu-cookie .single .nav-bg{position: absolute;top:258px;} .eu-cookie .home #home{position: relative !important;margin-top: 258px} .eu-cookie .page-template-register-php {top:0} .eu-cookie .page-template-register-php .cookie-compliance-container{top:0} .eu-cookie .page-template-register-php .reg-form{margin-top:385px;position: relative} .eu-cookie .blog, .eu-cookie .single-post{top:auto;background-position:center top} .eu-cookie .blog .news-pg, .eu-cookie .single .news-pg {margin-top: 285px} /* lang-de */ .eu-cookie .lang-de .cookie-compliance-container, .eu-cookie .lang-de .blog .cookie-compliance-container, .eu-cookie .lang-de .single .cookie-compliance-container{height:225px !important} .eu-cookie .lang-de.home #gnav-2013, .eu-cookie .lang-de.blog #gnav-2013, .eu-cookie .lang-de.single #gnav-2013, .eu-cookie .lang-de.page-template-register-php #gnav-2013{top:226px} .eu-cookie .lang-de.home .nav-bg, .eu-cookie .lang-de.blog .nav-bg, .eu-cookie .lang-de.single .nav-bg, .eu-cookie .lang-de.page-template-register-php .nav-bg{top:268px} /* lang-fr */ .eu-cookie .lang-fr .cookie-compliance-container, .eu-cookie .lang-fr .blog .cookie-compliance-container, .eu-cookie .lang-fr .single .cookie-compliance-container{height:245px !important} .eu-cookie .lang-fr.home #gnav-2013, .eu-cookie .lang-fr.page-template-register-php #gnav-2013, .eu-cookie .lang-fr.blog #gnav-2013, .eu-cookie .lang-fr.single #gnav-2013{top:246px} .eu-cookie .lang-fr.home .nav-bg, .eu-cookie .lang-fr.page-template-register-php .nav-bg, .eu-cookie .lang-fr.blog .nav-bg, .eu-cookie .lang-fr.single .nav-bg{top:288px} /* Nav */ #gnav-2013 .nav2 li{border-right:0 none} #gnav-2013 .nav2 .lang2{display:block} .logo {margin:8px 0 0 11%;padding:0;width:90px} .logo img{width:90px;margin:0} .no320{display:none} .main-mobile-navigation ul#menu-mobile-nav, .main-mobile-navigation ul#menu-mobile-nav-fr, .main-mobile-navigation ul#menu-mobile-nav-de{background: #446e35 url(//webcdn.triongames.com/archeage/img/mobile/nav-bg-320.png) no-repeat center top} /* Homepage */ .home-section .news{padding:10px;margin:0 2%;width:96%} .nav-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/nav-bg-320.png);height:69px} .home-section, .footer{max-height:600px} .home-bg {max-height:600px} .home-bg, .game-bg, .pvp-bg, .eco-bg, .naval-bg, .footer {min-height:480px;padding-left:0;padding-right:0} .game-bg h1, .eco-bg h1, .pvp-bg h1, .eco-bg h1, .naval-bg h1 {margin-top:20%} .game-bg p, .eco-bg p, .pvp-bg p, .eco-bg p, .naval-bg p {font-size:.87em;line-height:1.6em} .signup-footer h1 {font-size:1.6em;line-height:1.4em;margin-top:0%} .signup-footer p {font-size:.8em;margin-bottom:3%} .signup-footer a {font-size:1em;padding:14px 37px;background-size:100% auto} .footer a {padding:0;width:46%} .signup-footer a.bottom-cta {height:20px;width:221px;font-size:1.2em;background-size:100%;margin:0 auto;padding:26px 0 22px 0} #home .h1-news {padding:0 0 5px;margin:0} #home .news article {max-width:320px;min-width:0} #home-video a.signup {display:none} .news-features {} .news-features .figure-padding{display:none} .news-all {display:block} #bg-player video {display:none} #home-video {margin-top:59%} #home-video .watch {display:none} .news {padding-top:0px;padding:10px} .home-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/home-bg-320.jpg);background-position: center -47px} .game-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/race-bg-320-v2.jpg);height:480px} .classes-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/classes-bg-320.jpg)} .eco-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/eco-bg-320.jpg);height:480px} .pvp-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/pvp-bg-320.jpg); height:480px} .naval-bg {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/naval-bg-320.jpg);height:480px} #footer {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/footer-bg-320.jpg)} .home-section.game-bg h1, .home-section.eco-bg h1, .home-section.pvp-bg h1, .home-section.naval-bg h1{margin: 20px 0 0 0;padding:0 20px 0} .home-section.game-bg p, .home-section.eco-bg p, .home-section.pvp-bg p, .home-section.naval-bg p{padding: 0 20px} .naval-bg h1,.naval-bg p{width:100%;/*max-width:100%*/} .news-features a.readmore {display:none} #race-sl .main-img {margin:0 0 10px 0} #race-sl h3 {font-size:1.1em} #race-sl p {line-height:1.4em;font-size:.9em} #race-sl .main-img {padding: 0 0 50% 0} /* Register */ .page-template-register-php .nav-bg {position:absolute;} .page-template-register-php .reg-form{margin-top:145px;} /* Updates */ .blog .news-pg, .single .news-pg {height: auto;margin-top: 20px;} .blog .news-pg h1{margin-left: 10px;} .blog .news-pg .box-content{margin:0 10px;} .blog .footer-100per, .single .footer-100per{padding-top:50px;} .blog .figure-padding img{margin-bottom:10px;} .single .news-pg h1{margin:0 10px;} .single .news-back{margin:0 10px;} .single .page-section{margin:0 10px;} .single .news-header{max-width:290px;} .single .page-section iframe{max-width: 300px;height:auto;} .game-bg h1 {margin-top:60px} #race-sl .flex-control-paging {margin: -5px auto 0} #classes #skillsets li {width:28%;margin-right:5%;font-size:.7em} #classes #supportsk li {font-size:.7em;color:#000} } @media all and (max-width: 5000px) and (min-width:960px) { .desktop{display:block} .mobile{display:none} } @media all and (max-width: 960px) { #gnav-2013{position:fixed;top:0;} .nav-bg{top:42px;} .desk{display:none} .mobile{display:block} .half.left.desk{display:none} .half.left.awards{float:right;width:100%;height:145px} .reg-awards{margin:30px auto 25px; width: 165px} .page-template-register-php .content {height:auto} .reg-awards {margin: 0 auto;} .awards.mobile {height:100px;margin: 20px 0 25px; width: 100%; float: right;display: block;} .reg-awards h4 {display: none} .footer {background-image: none; min-height: 200px} } @media all and (max-width: 960px) and (min-width:730px) {.wrap {margin:0 2.762430939%;}} /* include special style for smaller screens, tablets, larger phone screens and non-retina iPads or iPad Minis */ @media all and (max-width: 650px) { .page-template-register-php .wrap {margin:0 2.762430939%} .page-template-register-php .half {width:100%;float:none;margin-left:0} .page-template-register-php .first,.left,.right {float:none} .page-template-register-php .reg-form.right {margin-right: 1.5%; margin-left: 1.5%} .reg-form.right,.social.right {width:auto;margin-right:0%} .reg-form .fields #validatorator {top:648px;left:0px;width:90%;background:#234;opacity:0.9;padding:2% 5%} .reg-form .fields #validatorator span {margin-left:0} .reg-form .fields #validatorator div {margin-left:6%} } @media all and (max-width: 480px) { .page-template-register-php .wrap {margin:0 2.762430939%;} .page-template-register-php .half {width:100%;float:none;margin-left:0;} /*.first,.left,.right {float:none;}*/ .reg-form.right,.social.right {width:auto;margin-right:0%;} .reg-form .fields #validatorator {top:648px;left:0px;width:90%;background:#234;opacity:0.9;padding:2% 5%;} .reg-form .fields #validatorator span {margin-left:0;} .reg-form .fields #validatorator div {margin-left:6%;} .page-template-register-php .footer .copyright {width:auto;padding:24px 0;} /*styles to prevent zooming*/ input[type='text'],input[type='number'],textarea {font-size:16px;} select,select option {font-size: 16px;} .reg-form .reg-video .play-btn {top: 23%; left: 36%;} .nav-bg{padding: 7px 0px} .page-template-register-php .div960 img{display: block; margin: 0 auto; width: 200px;} } .admin-bar.home #gnav-2013{top:28px;} .admin-bar.home .nav-bg{top:66px;}