/* Theme Name: Trove Author: Trion Worlds Web Dev Author URI: http://trionworlds.com/ Description: The Trove theme Version: 1.0 Version 1.0 - Based on eon_2013 created by Kyle Hand, Joshua Morris, Jeff Sawyer. Version 1.1 - Added support the game template Version 2.0 - Added support the blog posts */ /* * 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 */ 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;font-size: 1em;line-height: 1.4} ::-moz-selection {background: #3DB7B9;color: #FFF;text-shadow:none} ::selection {background: #3DB7B9;color: #FFF;text-shadow:none} a {color:#ffff10;text-decoration:none;} a:hover, a:visited {text-decoration: underline} a:focus {outline:thin dotted} a:hover, a:active {outline: 0} abbr[title] {border-bottom: 1px dotted} b, strong {font-weight:bold} 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: bold} 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: -0.5em} sub {bottom: -0.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} form {margin:0;} fieldset {border:0;margin:0;padding:0} label {cursor: pointer} legend {border: 0;*margin-left: -7px;padding: 0;white-space: normal} button, input, select, textarea {font-size: 100%;margin: 0;vertical-align: baseline;*vertical-align: middle} button, input {line-height: normal} button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance: button;*overflow: visible} button[disabled], input[disabled] {cursor: default} input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;*width: 13px;*height: 13px; } input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0} textarea {overflow:auto;vertical-align:top;resize:vertical} input:invalid, textarea:invalid {background-color:#f0dddd} table {border-collapse:collapse;border-spacing:0} td {vertical-align:top} .chromeframe {margin:0.2em 0;background: #ccc;color:black;padding:0.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} /* Primary styles */ body {background: #000 url(//webcdn.triongames.com/trove/img/bg/top-bg-v2.jpg) no-repeat scroll center 10px;position: relative;z-index: 1000;font: normal 13px/20px tahoma, verdana,sans-serif} p {font-size: 1em;line-height: 1.714em; font-family: 'Open Sans', arial, sans-serif;margin-bottom: 15px} p.img {margin-bottom:0} .single-post p.img img {border:2px solid#1a4862;box-shadow:0 1px 0 #5c9ddf} img.masthead {margin-bottom:0.5em} .wrap {max-width:960px;width:960px;margin: 0 auto;clear:both} .full {width:100%;position:relative} .half {width: 43%;position:relative;float:left;margin-left: 7.182320438000005%} .uppercase{text-transform:uppercase} .relative{position:relative} .absolute{position:absolute} .bold{font-weight:800} .yellow{color:#fffa2b} .turquiose{color:#42feff} .red {color:#f84764} .mobile {display:none !important} .desktop {display:block} .aligncenter {margin: 0 auto} /* Registration page */ .tmfix{font-size:.8em;vertical-align:top} sup {font-size:0.75em} #anchor-point{position:absolute;top:0} h1, h2, h3, h4{font-family: 'Orbitron', arial, sans-serif} img, object, embed {max-width: 100%} .first {margin-left:0} .head {padding:40px 10px 10px 58px;width:892px;z-index:301;} .head .main-nav {color:#FFF;background: transparent url(//webcdn.triongames.com/trove/img/trove_nav1.png) no-repeat 0 -71px scroll;width: 539px;height: 65px;margin: 16px 18px 0 0} .head .main-nav li {margin-left:10px} .head .main-nav li:first-child {margin-left:28px} .head .main-nav li:nth-child(3) {margin-left:11px} .head .main-nav li:nth-child(3) a {width:133px} .head .main-nav li {float:left;list-style:none} .head .main-nav li a {display:block;padding: 10px;width: 134px;text-align: center;text-align: center;color: #FFF;text-transform: uppercase;font-size: 13px;font-family: 'Open Sans', arial, sans-serif;font-weight:700} .head .main-nav li a:hover,#head .main-nav li a.active {text-decoration:none;background:transparent url(//webcdn.triongames.com/trove/img/trove_nav1.png) no-repeat -28px 0 scroll} .support-btn {background: transparent url(//webcdn.triongames.com/trove/img/support-trove-btn-sprite.png) no-repeat 0 0 scroll;padding: 18px 7px 16px 0;display:block;width: 224px;font-family: 'Orbitron', arial, sans-serif;color:#225555;text-decoration:none;font-weight:700;text-align:center;margin-top: 28px;font-size:21px} .head .main-nav .tnav-target-01 {position:relative} .head .main-nav .subnav {display:none;position:absolute;background-color:#27a1a1;top:39px;} .tnav-target-01:hover .subnav{display:block} .head .main-nav li li{margin-left: 0 !important; background-color:#1d7b7b} .head .main-nav li li:hover{background-color:#27a1a1} .head .main-nav li li a {color:#D3EBEB;} .head .main-nav li li a:hover {background-image: none; color:#f6ea5a;} .support-btn:hover {background-position: 0 -54px;text-decoration:none} .reg-form-left {width: 458px;margin-left:6%} .reg-form-right {margin-left:2%} .reg-form-left .head {margin-bottom:40px;display:block} #slider-container {background: transparent url(//webcdn.triongames.com/trove/img/bg/left-bg-v2.png) no-repeat scroll 0 bottom;height:359px;width:484px;padding-top:10px;padding-right:12px;margin-top:40px;margin-left:-29px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none} #slider-container #slider {margin: 12px 0 34px 52px} #slider-container #slider img {width:410px;height:231px} .cycle-pager{width:400px;height:70px;bottom: 10px;left:33px} .cycle-pager a{width:65px;height:65px;background-color:transparent;background-repeat:none;background-attachment:scroll;background-position:center center;cursor:pointer;border: 1px solid #0a3455;float:left;display:block;margin: 0 6px} .cycle-pager a:hover{border: 1px solid #3aa8ff} .previous, .next {background-color:transparent;background-repeat:none;background-attachment:scroll;background-position:center center;cursor:pointer;background-image: url(//webcdn.triongames.com/trove/img/arrows.png);width:30px;height:68px;display:block;bottom:10px} .previous{background-position: center left;left:4px} .next{background-position: center right;right:35px} .cycle-pager .th-01{background-image:url(//webcdn.triongames.com/trove/img/media/trove-vid-01-th-v2.jpg)} .cycle-pager .th-02{background-image:url(//webcdn.triongames.com/trove/img/media/trove01-th-v2.jpg)} .cycle-pager .th-03{background-image:url(//webcdn.triongames.com/trove/img/media/trove02-th-v2.jpg)} .cycle-pager .th-04{background-image:url(//webcdn.triongames.com/trove/img/media/trove03-th-v2.jpg)} .cycle-pager .th-05{background-image:url(//webcdn.triongames.com/trove/img/media/trove04-th-v2.jpg)} .cycle-pager-active{border: 1px solid #FFF!important} #slider-container .video-play{background: transparent url(//webcdn.triongames.com/trove/img/play-btn-v2.png) no-repeat scroll center center; width: 83px;height:83px;top:35%;left:40%} .reg-form p {clear:both;margin-bottom:0} .reg-form-left h3 {color: #ffaa01;font-size:2em;line-height:1.3em;padding-bottom:5px} .reg-form-left p {color:#FFF;padding-top:4px;font-size:1.125em;line-height:1.5em} .reg-form-left h4 {text-transform:uppercase;font-size:2em;line-height:1.1em;margin-bottom:35px} .reg-form-left .latest-news-link a {color:#ffff10;font-weight:600} .reg-form {width:318px;margin-right:26px} .reg-form .fields {margin: 0 12% 0 10%;color:#FFF;-webkit-appearance:none;position:relative} .reg-form .graphic-body {background: url(//webcdn.triongames.com/trove/img/bg/right-bg-v5.png) no-repeat scroll left top;display:block;margin: 0px 0 -10px 0; padding-bottom: 20px} .reg-form .graphic-footer {background: url(//webcdn.triongames.com/trove/img/bg/right-bg-bottom-v2.png) no-repeat scroll left bottom;width:318px;height:30px;display:block;margin:0} .reg-form .reg-header {padding-top:14px} .reg-form .reg-header h2 {text-shadow:none;margin:0 auto;font-weight:normal;font-size:1.5em;color: #FFF;-webkit-font-smoothing: antialiased;margin-bottom:30px;padding-bottom: 15px;font-family: 'Open Sans', arial, sans-serif; text-align:center;line-height: 1.4em;} .reg-form .fields .reg-header h2 span {font-family: 'Orbitron', arial, sans-serif;display:block;font-size: 1.65em;font-weight:700;line-height: 1.2em;text-transform:none} .reg-form .fields #dobfields{height:35px} .reg-form .fields .countrycode{height:52px;margin: 10px 0} .reg-form .fields .thank-you p {text-align:center;color:#FFF} .reg-form .fields .thank-you p.name {padding-bottom:0;margin-top:-5px;height:33px;} .reg-form .fields .thank-you p a {color:#FFAA01;text-decoration:none} .reg-form .fields .thank-you p a:hover {text-decoration:underline} .reg-form .fields .thank-you h3 {margin-top:20px} .reg-form .fields .thank-you .btn {margin: 20px auto 24px;display:block;text-align:center} .updateform p {text-align:center;color:#FFF} .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:#1d527c;padding: 14px 14px 14px 28px;left:-358px;top:220px;width:300px;-webkit-box-shadow: 5px 5px 12px 5px rgba(0, 0, 0, 0.4);box-shadow: 5px 5px 12px 5px rgba(0, 0, 0, 0.4);display:block} .reg-form .fields #validatorator span {margin-left:-16px} .reg-form .fields #validatorator ul li{color:#FFF} .reg-form .fields label {float:left;font-size:.9em} .reg-form .fields select {height:auto;padding:7px 0;width: 125%;-webkit-appearance:none} .reg-form .fields input {padding:1% 4%;box-sizing:border-box;-moz-box-sizing:border-box;width:100%;box-shadow:none} .reg-form .fields input, .reg-form .fields select {background-color:#1d527c;display:block;clear:both;color:#38c6f5;border-top:1px solid #133651;border-left:1px solid #1a496e;border-bottom:1px solid #569fda;border-right:1px solid #205077;height:34px} .reg-form .fields .button input {display:inline} .reg-form .fields ul {list-style: none;font-size: 12px;line-height:1.4em;color:#3DB7B9} .reg-form .fields .checkbox {vertical-align:top;padding-top:5px;color:#FFF;font-size:12px;line-height:1.4em} .reg-form .fields .checkbox a {text-decoration: none;color: #ffef00} .reg-form .fields .checkbox a:hover {text-decoration:underline} .reg-form .fields p.already-registered {padding:0;color:#FFF;text-align:center;margin-top:-15px;margin-bottom:15px} .reg-form .fields p.already-registered a {color:#ffef00;text-decoration:none} .reg-form .fields p.already-registered a:hover {text-decoration:underline} .reg-form .fields .checkbox span {margin-left:18px;text-align:left;display:block;margin-top: -14px;clear:both} .reg-form .fields .checkbox input {vertical-align:top;width: auto;padding: 0;margin-top: 2px;height: 12px} .reg-form .fields .dob .month, .fields .dob .day, .fields .dob .year {float: left;width: 29.5%;margin-right: 4.5%;overflow: hidden;box-sizing:border-box;-moz-box-sizing:border-box} .reg-form .fields .dob .month select, .fields .dob .day select, .fields .dob .year select {background: url(//webcdn.triongames.com/trove/img/bg/select-bg.png) no-repeat scroll 108% center;padding-left:4px} .reg-form .fields #country {border-top:1px solid #133651;border-left:1px solid #1a496e;border-bottom:1px solid #569fda;border-right:1px solid #205077;;width: 99%;height: 34px;float: left;overflow: hidden} .reg-form .fields #country select {background: url(//webcdn.triongames.com/trove/img/bg/select-bg.png) no-repeat scroll 171% center;width: 110%;-webkit-appearance: none;padding-left: 4px} .reg-form .fields option {background-color: #1d527c; color: #31a9d7;} .reg-form .fields #dobfields {padding-top:4px} .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:9px} .reg-form .fields p.clear {padding-top:9px} .reg-form .fields .button {padding:15px 0;width:197px;display:block;margin: 0 auto} .button input, .reg-form .fields .button input, .register-btn, .signin-ready .cta-btn{width:198px;height:70px;background-image:url(//webcdn.triongames.com/trove/img/signup-btn-sprite-v2.png);background-position:center top;background-attachment:scroll;background-repeat:no-repeat;background-color:transparent;color:#fff;padding:23px 15px 23px 0;text-decoration:none;text-transform:none;text-shadow:none;text-align:center;display:block;cursor:pointer;border:none;font-size:21px;font-family:Orbitron, arial, sans-serif;box-shadow:none;margin:0;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;font-weight:500;line-height:1em} .button input:hover, .reg-form .fields .button input:hover, .register-btn:hover, .signin-ready .cta-btn:hover{background-position:center -72px;text-decoration:none;} .button input:active, .reg-form .fields .button input:active, .register-btn:active, .signin-ready .cta-btn:active{background-position:center -144px;padding:21px 13px 25px 2px} .button input:disabled, .reg-form .fields .button input:disabled {cursor: not-allowed} .reg-form .fields .input-error{border:2px solid #AA0000 !important} #registerform .firstname,#registerform .lastname,#registerform .countrycode,#registerform .dob{display:none;} #registerform, .pfields-container { position: relative; } #registerform, .updateform{padding:1px 2% 40px 2%;margin-right: 15px;background-color:#4c6c4d;box-shadow:inset 0 0 0 2px #a3e7a5, inset 0 0 16px rgba(255,255,255,0.15);} #registerform input:not([type="checkbox"]):not([type="submit"]), #registerform select{display: block;font-size: 13px;padding: 8px;outline: none;width: 70%;height: 42px;background-color:#1e2b1f;color:#fff;box-shadow:0 0 0 1px #a6eba8, 0 0 8px #a6eba8;border:none;} #registerform input:focus:not(.cta-btn), #registerform select:focus{box-shadow:0 0 0 1px #E2FFE3, 0 0 8px #FFFFFF;} #form-wrap .updateform { margin-bottom: 600px;} #dobfields select, .countrycode select{color:#eee;} #registerform label{color:#f9f9f9; font-size:15px;} #registerform [class^="password"], #registerform [class$="name"]{width:calc(70% - 10px);float:left;z-index:1;margin:20px 0 10px;} #registerform .firstname,#registerform .lastname,#registerform .countrycode,#registerform .dob{display:none;} #registerform .age{ position:absolute; margin:20px 0 10px; top: 0; } #registerform .age label{display:block;text-align:right;} #registerform .age select{display:inline;width:auto !important;float:right;} #registerform .age span {display:none;width: calc(70% - 10px);text-align: right;padding: 10px 0px 10px 10px;left: auto;top: -12px;right: 0;} /*#registerform #dob_error { top: -8px; }*/ #registerform .captcha_field{clear:both;} #dobfields select{width:calc(34% - 20px) !important;float:left;} #registerform [class^="password"], #registerform [class$="name"], #dobfields select{margin-right:20px;} .lastname, .passwordverify, #dobfields span:last-of-type select{margin-right:0 !important;} #registerform .password span { position: absolute; left:0; top: -12px; padding: 10px 0px 10px 10px; } #registerform .error{display:block;position:absolute;top:-4px;padding:7px 8px;background-color:#152F16;font-size:13px;color:#fff;width:100%;line-height:14px;} #registerform input:not([type="checkbox"]):not([type="submit"]).uerror,#registerform select.uerror{border:2px solid #a00;} #registerform #email_error.error { top: -12px; padding: 10px 0px 10px 10px;} #registerform .password span{display:none;} /* #registerform input#password{border:0 none;width:92%;} #registerform input#password.uerror{border:2px solid #a00;width:90.5%;} */ .dob .error{top:90px !important;font-weight:normal;} #registerform .error:empty{display:none;} #form-title{font-size:42px;color:#FFA009;text-align:center;margin:10px 0 5px;line-height:50px;text-shadow:0 0 12px #00011d;} #registerform fieldset{min-width:0;border:none;} input:invalid,textarea:invalid{background-color:#FFF} .reg-form-right .social{width:303px;height:65px;margin:35px 28px 0 0;background:transparent url(//webcdn.triongames.com/trove/img/bg/social-bg-v2.png) no-repeat scroll left bottom;padding: 14px 13px 0 0} .reg-form-right .social ul{text-align:center; padding:0} .reg-form-right .social li{float:left;display:block;height:64px;width:64px;list-style:none;padding:0; background-image: url(//webcdn.triongames.com/trove/img/logo/social-media-sprite.png);background-repeat: no-repeat;background-attachment: scroll; background-color: transparent} .reg-form-right .social a {height:100%;width:100%;display:block} .reg-form-right .social .redit{width:161px;background-position: left bottom} .reg-form-right .social .redit:hover{background-position: left -1px} .reg-form-right .social .redit-message{color:#000;right:2px;width:90px;text-align:left;font-size:15px;top:12px;font-weight:600;font-family: arial, tahoma, sans-serif} .reg-form-right .social .twitter{margin-left:7px; background-position: -167px bottom} .reg-form-right .social .twitter:hover{background-position: -167px -1px} .reg-form-right .social .youtube{float:right;background-position: right bottom} .reg-form-right .social .youtube:hover{background-position: right -1px} .voucherForm .left {margin:0.6em 0.2em} .voucherForm .button {padding-left:0.6em;padding-top:0.2em;float:left;margin:0} .voucherForm .button .left {margin:0} .voucherForm input.voucherCode {width:100%;padding:1% 4%;box-sizing:border-box;-moz-box-sizing:border-box;box-shadow:none;background-color:#1d527c;color:#38c6f5;border-top:1px solid #133651;border-left:1px solid #1a496e;border-bottom:1px solid #569fda;border-right:1px solid #205077;height:34px} /* Vision Statement area */ #vision-state #absolute-contain{z-index:300} #vision-state{width:886px;padding:14px 37px 22px 37px} #vision-state .vis-body{background: transparent url(//webcdn.triongames.com/trove/img/bg/vision-bg-v5.png) no-repeat top left scroll;width:826px;padding-top:240px;padding-right:35px;padding-left:25px;padding-bottom:20px} #vision-state .updates-body{background: transparent url(//webcdn.triongames.com/trove/img/bg/blog-bg.png) repeat-y 0 0 scroll;width:826px;padding-top:22px;padding-right:35px;padding-left:25px;padding-bottom:10px} #vision-state .vis-head{background: transparent url(//webcdn.triongames.com/trove/img/bg/updates-bg.png) no-repeat left -144px scroll;width: 886px;height: 60px} #vision-state .vis-foot{background: transparent url(//webcdn.triongames.com/trove/img/bg/vision-bg-foot-v2.png) no-repeat bottom left scroll;width:871px;height:16px;padding-right:15px} #sup-faq dt, #vision-state h3, #vision-state h4, h1, h2, h3, h3 {color:#f6ea5a;font-size:2em;font-family: 'Orbitron', arial, sans-serif;text-align:left;text-shadow:none;-webkit-text-shadow:none;-moz-text-shadow:none;-o-text-shadow:none;font-weight: 500;letter-spacing: 1px;line-height: 1.2em; margin-bottom:10px} #vision-state h3 {font-size:1.5em} #vision-state h4 {line-height:1.5em;font-size:1.125em;font-family:'Open Sans',arial,sans-serif;color:#FFF;font-weight:700;margin-bottom:5px} #vision-state {color:#FFF;font-family: 'Open Sans', arial, sans-serif} #sup-faq dd, #vision-state p, #vision-state li {line-height:1.5em;font-size:1.125em;color:#FFF;font-family: 'Open Sans', arial, sans-serif} #vision-state p a {color: #ffff10} #vision-state .clearfix.mar-bot-35 {margin-bottom:35px} .buzzy-bee{margin-right:76px} #vision-state .cntr{width:197px} .rt-margin{margin-right:37px} .lt-margin{margin-left:37px} #bg-bottom{background:transparent url(//webcdn.triongames.com/trove/img/bg/bot-bg-v2.jpg) no-repeat top center scroll;height:1220px;width:100%;min-width: 960px;position:relative; margin-top:-500px} .error404 #bg-bottom{display:none} div.hr hr{display:none} div.hr {clear:both;height:2px;border:0;background:transparent url(//webcdn.triongames.com/trove/img/bg/hr.png) no-repeat 0 0 scroll;margin-top: -2px} /* blog page styles */ .page ol {padding:1em 2em;font-size:1.125em} .error404 #bg-top,.blog #bg-top,.single #bg-top,.page #bg-top,.archive #bg-top{background:transparent url(//webcdn.triongames.com/trove/img/bg/blog-top.png) no-repeat 0 bottom scroll;width:886px;height:21px} .error404 #bg-bottom,.blog #bg-bottom,.single #bg-bottom,.page-template-default #bg-bottom,.page-template-supporter-name-php #bg-bottom,.archive #bg-bottom {display:none} .error404 .wrap.content,.blog .wrap.content,.single .wrap.content,.page .wrap.content,.archive .wrap.content {min-height:1551px} .blog .post .entry-title {font-size:1.5em;font-weight:700} .blog .post,.single .post,.page .post,.archive .post {background:transparent url(//webcdn.triongames.com/trove/img/bg/blog-even-bg.png) repeat-y 0 0 scroll;width:auto;padding-top:25px;padding-right:35px;padding-left:25px;padding-bottom:12px} .blog .post,.archive .post {padding-left:258px} .blog .post.even.no-img,.blog .post.odd.no-img,.archive .post.even.no-img,.archive .post.odd.no-img {padding-left:25px;width:auto} .blog .post.odd,.archive .post.odd {background:transparent url(//webcdn.triongames.com/trove/img/bg/blog-odd-bg.png) repeat-y 0 0 scroll} .blog .feature-img,.archive .feature-img {padding-top:25px;padding-left:25px;float:left} .blog .feature-img img,.archive .feature-img img {width:194px;height:109px;border:2px solid #184568;-webkit-box-shadow:0 1px 0 0 #5298d0;box-shadow:0 1px 0 0 #5298d0} .blog #vision-state .entry-date p,.single #vision-state .entry-date p,.archive #vision-state .entry-date p {color: #00ffff;font-size: 1.2em;} .nav-prev-next {width:300px;margin:0 auto} .nav-previous,.nav-next {width:130px;float:left;padding:0 10px} .nav-previous a,.nav-next a {padding:24px 0 28px 0;display:block;color:#FFF;background:transparent url(//webcdn.triongames.com/trove/img/next-prev-btn.png) no-repeat 0 0 scroll;} .nav-previous a span,.nav-next a span {display:block;width:115px;font-family:'Orbitron', arial, sans-serif;text-decoration:none;font-weight:700;text-align:center;font-size:18px} .nav-previous a:hover,.nav-next a:hover {background-position:0 -72px;text-decoration:none;} .nav-previous a:active,.nav-next a:active {background-position:0 -144px;padding:20px 0 32px 0} .nav-previous a:active span,.nav-next a:active span {width:122px;} /* Code for the social btns */ article.wrap.content {position:relative; width: 960px} #social-btns{right:-2px;top:13px;display:block;z-index:999} #social-btns .facebook, #social-btns .twitter {float:right} .content-wrap a:hover{color:#078786} .left{float:left} .right{float:right} .mar-left-47{margin-left:47%} .mar-left-5{margin-left:5%} .center{text-align:center} .cntr{margin:0 auto;display:block} .global-foot{width:100%;margin-top:0;position:relative;clear:both} .global-subnav{background-color:#000;border-top:1px solid #333;border-bottom:1px solid #333} .global-subnav ul{padding:33px 0;width: 960px} .global-subnav li{display:inline;list-style-type:none;border-right:1px solid #666} .global-subnav li.last{border-right:none} .global-subnav a{font-size:1em;color:#666;text-decoration:none;padding:0 10px} .global-subnav a:hover{color:#FFFFFF;text-decoration:underline} /* .footer a{padding:0 8px} */ .footer{padding:50px 0;background-color:transparent;width:960px;display:block;margin:0 auto} .footer .trion-logo{width:140px;height:48px;float:left} .footer .copyright{width:40%;margin-left:30px;float:left} .footer .copyright p{font:10px tahoma, verdana,sans-serif normal;color:#888787} .footer .ratings{float:right} button,input{line-height:normal} button,input,select,textarea{border:medium none;font-size:100%;margin:0;vertical-align:baseline} .cookie-compliance-container{background:#333;border-bottom:1px solid #FFF;top:-103px;position:absolute;width:100%;height:103px} .cookie-compliance-message{width:978px;margin:0 auto;position:relative} .cookie-compliance-message p{color:#999;font-size:12px;line-height:1.2em;margin:0;padding:14px 10px 18px;width:770px} .cookie-compliance-message p a{color:#fff;} .hide-cookie-compliance{left:805px;padding:6px;position:absolute;top:20px} /* 2013 Global Nav update: 02/06/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} .elastic{max-width:960px;background:#000 url(//webcdn.triongames.com/common/gnav/corp-nav-bg-line.gif) repeat-x scroll center bottom;margin:0 auto;overflow:hidden;height:42px} .sub{display:none;position:absolute;z-index:10000} .target 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:86px;height:32px;font-size:0} #gnav-2013 .trion-logo{display:block;width:86px;height:38px;background:url(//webcdn.triongames.com/common/gnav/sprite.png) 5px 7px no-repeat;font-size:0;margin-top:4px;float:left} #gnav-2013 .nav1 li{display:inline-block;float:left} #gnav-2013 .nav2 li{display:inline-block} #gnav-2013 [class^="nav"]{margin-top:-32px;} /* Targeting mechanism */ #gnav-2013 .target:hover .sub{display:block} #gnav-2013 .games{height:42px} #gnav-2013 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} #gnav-2013 .games .sub li{width:20%;/* 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:119px;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{vertical-align:middle;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 .defi img{} #gnav-2013 .games .arch img{width:60%} #gnav-2013 .games li a.arch:hover img{width:62%} #gnav-2013 .games .rift img{width:90%} #gnav-2013 .games li a.rift:hover img{} #gnav-2013 .games .trove img{} #gnav-2013 .nav2 .target{background:none} #gnav-2013 .nav2 .sub{top:41px;background-color:#333;min-width:104px;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 13px 23px;min-width:66px} #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} #gnav-2013 #mobile-mini {height:42px;width:45px;margin-right:3px;display:block;background:url(//webcdn.triongames.com/common/gnav/global-nav-mini.png) no-repeat scroll center center;border:none} #gnav-2013 #mobile-mini a {padding:0px;width:100%;height:100%;display:block} @media all and (max-width:959px) { .cookie-compliance-container{height:auto} .cookie-compliance-message{width:100%;} .cookie-compliance-message p{width:100%} .hide-cookie-compliance{position:relative;left: auto;position: relative;top: 0;margin: 0px 10px 18px;} #gnav-2013 .game-logo{background:url(//webcdn.triongames.com/common/gnav/trove-mobile-logo.png) no-repeat scroll center center;width:104px;height:42px;float:left} #gnav-2013 .game-logo h6 {width:auto;height:auto} #gnav-2013 .sub{position:relative;z-index:initial} #gnav-2013 .elastic {overflow:visible} #gnav-2013 .nav1 {display:none;background-color:#464646;position:absolute;width:100%;top:40px;box-sizing:border-box;moz-box-sizing:border-box} #gnav-2013 span {padding:0;background-image:none} #gnav-2013 li {display:block;width:100%} #gnav-2013 li a, #gnav-2013 .games .sub li a {color:#ebebeb;padding: 9px 0 9px 30px;display:block;font-weight:500;font-size:1.2em;height: initial;opacity:1} #gnav-2013 li>a{font-weight:800} #gnav-2013 li li a{color:#cacaca;font-weight:200} #gnav-2013 .games {height:auto} #gnav-2013 .games .sub {border-top:none;min-height:initial;display:block;overflow:visible;top:auto;background:none;background-color: transparent;left:auto;position:relative} #gnav-2013 .games a:hover, #gnav-2013 .nav2 a:hover{background-color:initial} #gnav-2013 .games>a:hover {background-color:#333} #gnav-2013 .games .sub li {width:100%;min-height:20px;background-image:none;background-color:transparent} #gnav-2013 .games .sub li a{height:20px;} #gnav-2013 .games .sub li:hover {background-image:none} #gnav-2013 .games .sub li a:hover {background-image:none;background-color:initial;background-size:initial; /* Get rid of the halo */} #gnav-2013 .games .sub li img {display:none;width:initial} .target span {background-image:none;padding-right:0} #gnav-2013 li {border-bottom:1px solid #626262} #gnav-2013 .subnav li, #gnav-2013 .sub li {border:none} #gnav-2013 .glyph a, #gnav-2013 .glyph>a, #gnav-2013 .games.glyph .sub li a{background-color:#333} #gnav-2013 .games.glyph .sub li a {color:#C3B192} #gnav-2013 .games.glyph li a {background-color:#333} } /* Hide visually and from screenreaders, but maintain layout */ .invisible {visibility: hidden} /* Contain floats: h5bp.com/q */ .clearfix:before,.clearfix:after{content:"";display:table} .clearfix:after{clear:both} .clearfix{zoom:1} .clear{clear:both} /*styles to prevent zooming*/ input[type='text'], input[type='number'], textarea {font-size: 16px} select, select option {font-size: 12px} /* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * {background:transparent !important;color: black !important;box-shadow:none !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important} /* Black prints faster: h5bp.com/s */ a, a:visited {text-decoration: underline} a[href]:after {content: " (" attr(href) ")"; } abbr[title]:after {content: " (" attr(title) ")"} .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote {border:1px solid #999;page-break-inside:avoid} thead {display:table-header-group} /* h5bp.com/t */ tr, img {page-break-inside:avoid} img {max-width:100% !important} @page {margin:0.5cm} p, h2, h3 {orphans:3;widows:3} h2, h3 {page-break-after: avoid} } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top} .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;margin:0;padding:15px;white-space:nowrap} .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{background-image:url(//webcdn.triongames.com/trove/img/fancybox-sprite.png);background-position:center -18px} #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;} .fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040} .fancybox-nav{position:absolute;top:8%;width:40%;height:80%;cursor:pointer;text-decoration:none;background:transparent url(//webcdn.triongames.com/trove/img/blank.gif);/* helps IE */-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:48px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden} .fancybox-prev span{left:10px;background-position:-22px -81px} .fancybox-next span{right:10px;background-position:-25px -152px} .fancybox-nav:hover span{visibility:visible} .fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important} /* Overlay helper */.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(//webcdn.triongames.com/trove/img/fancybox-overlay.png)} .fancybox-overlay-fixed{position:fixed;bottom:0;right:0} .fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll} /* Title helper */.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050} .fancybox-opened .fancybox-title{visibility:visible} .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%;padding:2px 20px;background:transparent;/* Fallback for web browsers that doesn't support RGBa */background:rgba(0,0,0,0.8);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap} .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;padding:10px;background:#000;background:rgba(0,0,0,.8)} /*Retina graphics!*/ @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){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('fancybox_sprite@2x.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*/ } } /* Support Trove page */ .page-template-support-php article.wrap.content{height:auto} #sup-head {margin-bottom: 25px; margin-left:6%;} #sup-head h1, #sup-head p {color:#FFF;font-size:2.4em} #sup-head h1 sup {font-size:.45em;vertical-align:top;top:0.7em;} #sup-head p {width:530px} #sup-head p.small {font-size:.85em} #sup-head p a {color:#ffff10;font-weight:600} #sup-bonus-mile, #sup-head p, #sup-faq p {color:#FFF;font-size:1.125em} #absolute-hero-01{z-index: 10; width:390px;height:238px;background: transparent url(//webcdn.triongames.com/trove/img/hero-coin-01-v4.png) no-repeat scroll right bottom; right: 0; top: -217px} #sup-levels {width:950px} #sup-levels .row-4, #sup-levels .row-3{height:530px;margin-bottom: 25px; list-style-type: none} #sup-levels .row-4{background: transparent url(//webcdn.triongames.com/trove/img/bg/four-col-bg-v2.png) no-repeat scroll left top; margin-top: 108px} #sup-levels .row-3{background: transparent url(//webcdn.triongames.com/trove/img/bg/three-col-bg-v2.png) no-repeat scroll left top; margin-left: 136px} #sup-levels li{position:relative;width:232px;padding-top:15px;padding-left:18px;padding-right:18px;float:left;box-sizing:border-box;-moz-box-sizing:border-box;height:100%} #sup-levels h3 {color:#FFF;text-align:center;height:53px;line-height:3em;margin:0;font-size:1.35em} #sup-levels h3.half-text{font-size:1.35em;line-height:3em} #sup-levels h3.third-text{font-size:1.15em;line-height:3.5em;margin: 0 -15px;} #sup-levels li ul{margin:0;padding:0;list-style-type:disc !important; list-style-position: inside !important} #sup-levels li p.turquiose {line-height:1.2em;margin-top:10px;font-weight:600;font-size:.88em} #sup-levels li li {width:auto;padding:0;float:none;border:none;color:#fffa2b;height:auto;margin-top:10px;font-size:.88em;line-height: 1.4em;font-weight: 600;letter-spacing:.025em} #sup-levels li li a {color:#fffa2b;text-decoration:underline} .reg-eu #sup-levels h3,.reg-gb #sup-levels h3 {font-size:1.2em} .reg-eu #sup-levels h3.half-text,.reg-gb #sup-levels h3.half-text {font-size:1.2em;line-height:3.5em} .reg-eu #sup-levels h3.third-text,.reg-gb #sup-levels h3.third-text {font-size:1em;line-height:3.8em} .cw{color:#FFF; font-weight:200} #absolute-hero-02 {/*z-index:10;width:207px;height:231px;background: transparent url(//webcdn.triongames.com/trove/img/skeleton-v3.png) no-repeat scroll right bottom;right:-19px;top:-231px*/display:none;} #sup-levels .register-btn {width:162px;height:61px;padding: 18px 13px 25px 0;font-size:1.3em;position:absolute;bottom:8px;left:38px;background-color:transparent;background-image: url(//webcdn.triongames.com/trove/img/purchase-btn-sprite.png);background-repeat:no-repeat;background-attachment: scroll;background-position:0 0} #sup-levels .register-btn:hover {background-position:0 -61px} #sup-levels .register-btn:active {background-position:0 -122px;padding:17px 11px 29px 2px} #sup-bonus-mile p {line-height: 1.5em;} #sup-bonus-mile, #sup-faq {width:866px;margin-left:40px} #sup-bonus-mile .left.col{width:60%} #sup-bonus-mile .left.col img{float:left} #sup-bonus-mile .right.col{width:280px;height:404px;background: url(//webcdn.triongames.com/trove/img/cubeometer/frame.jpg) no-repeat scroll right top} #sup-bonus-mile .cube {width:212px;height:242px;margin:34px auto 22px} #sup-bonus-mile .right.col h3 {color:#143956;text-align: center;top: 73px;z-index:10;width:100%} #sup-bonus-mile .right.col h4, #sup-bonus-mile .right.col .small-txt{text-align:center;color:#fedf29;font-size:2em} #sup-bonus-mile .right.col .small-txt {font-size:.85em;margin-top:20px;padding:0 20px} #sup-bonus-mile .right.col span {font-size:1.125em;color:#fedf29;padding:10px 25px;font-size: 1em;display:block;text-align: center;} #sup-bonus-mile h2 {font-size: 1.3em;margin-bottom: 6px;letter-spacing:.04em} #sup-bonus-mile .tier {display:block;min-height:170px;padding-top:20px;clear:both} #sup-bonus-mile .tier p {background-image: url(//webcdn.triongames.com/trove/img/lock-sprite-v5.png);background-attachment:scroll;background-repeat:no-repeat;padding-left:40px;line-height:1.35em;margin-bottom:0px;min-height:38px} #sup-bonus-mile .tier p a {color:#00ffff} #sup-bonus-mile .tier img {float:left;margin:0 18px 0 47px} #sup-faq h1{margin-bottom:35px} #current-mile {margin-left:-21px;margin-right:-25px;background-color:#4c8fc6;padding:25px} #current-mile h2 {font-size:2.2em;margin:20px 0 45px 25px} #current-mile img {margin-left:25px;margin-right:15px;margin-top:-20px;width:253px;height:190px} #current-mile h3 {font-size:1.3em;margin-top:60px} #current-mile p {margin-left:25px} #current-mile p.small-txt {margin:25px 15px;} #twamp-head {background: transparent url(//webcdn.triongames.com/trove/img/bg/green-header-v1.png) no-repeat scroll center center; height:126px; width:946px;} #twamp-head h2 {width:266px;text-align:right;margin: 25px 0 0 40px;font-size:2.4em;line-height:.9em;} #twamp-head h3 {width:585px;margin: 32px 40px 0 0;font-size:3.6em;line-height:.9em;text-align: left} /*#twamp-head h2 {width: 480px; text-align: left; margin: 40px 0 0 40px; font-size: 2.4em; line-height: .9em;} #twamp-head h3 {width: 380px; margin: 34px 40px 0 0; font-size: 3.6em; line-height: .9em; text-align: left;}*/ .reg-eu #sup-levels #twamp-head h3, .reg-gb #sup-levels #twamp-head h3, .reg-de #sup-levels #twamp-head h3, .reg-fr #sup-levels #twamp-head h3 {font-size: 3.3em !important;} #twamp-head h3 span {font-size:.45em; text-transform:lowercase;vertical-align:middle} /*#twamp-head h3 span {font-size:.45em; text-transform:lowercase;vertical-align:middle; padding-right: 10px;}*/ #twamp .register-btn {background-image: url(//webcdn.triongames.com/trove/img/yel-purchase-btn-v3.png);color:#59a135} #sup-bonus-mile div.hr {margin-left:-21px;margin-right:-25px} .current p,.locked p{background-position: 4px -108px !important} .locked h2, .locked p {color:#0c3c62 !important} .current {background-color:#4c8fc6;margin:0 -25px 0 -21px;padding:0 25px 0 22px} /* cube 0% */ .cube-0{background: transparent url(//webcdn.triongames.com/trove/img/cubeometer/0_cube.png) no-repeat scroll center center;} /* cube 10% */ .cube-10{background: transparent url(//webcdn.triongames.com/trove/img/cubeometer/10_cube.png) no-repeat scroll center center;} /* cube 20% */ .cube-20{background: transparent url(//webcdn.triongames.com/trove/img/cubeometer/20_cube.png) no-repeat scroll center center;} /* cube 30% */ .cube-30{background: transparent url(//webcdn.triongames.com/trove/img/cubeometer/30_cube.png) no-repeat scroll center center;} /* cube 40% */ .cube-40{background: transparent url(//webcdn.triongames.com/trove/img/cubeometer/40_cube.png) no-repeat scroll center center;} /* cube 50% */ .cube-50{background: transparent url(//webcdn.triongames.com/trove/img/cubeometer/50_cube.png) no-repeat scroll center center;} /* cube 60% */ .cube-60{background: transparent url(//webcdn.triongames.com/trove/img/cubeometer/60_cube.png) no-repeat scroll center center;} /* cube 70% */ .cube-70{background: transparent url(//webcdn.triongames.com/trove/img/cubeometer/70_cube.png) no-repeat scroll center center;} /* cube 80% */ .cube-80{background: transparent url(//webcdn.triongames.com/trove/img/cubeometer/80_cube.png) no-repeat scroll center center;} /* cube 90% */ .cube-90{background: transparent url(//webcdn.triongames.com/trove/img/cubeometer/90_cube.png) no-repeat scroll center center;} /* cube 90% */ .cube-100{background: transparent url(//webcdn.triongames.com/trove/img/cubeometer/100_cube.png) no-repeat scroll center center;} #sup-faq{z-index:1} #sup-faq .absolute{z-index:1} #sup-faq a {color:#f6ea5a} #sup-faq a.register-btn {color:#fff} #sup-faq dt {font-size:1.5em;margin-bottom:5px} #sup-faq dl {margin:35px 0} #sup-faq .cntr {width:197px;margin-top:35px} #sup-bonus-mile .cntr {width:197px;margin-top:35px} #sup-levels li.reward-divider {padding:0.01em 2em;background:transparent url(//webcdn.triongames.com/trove/img/tinybox.png) no-repeat scroll 35px 4px;text-align:center;text-transform: uppercase;color: #fff;font-size:1.2em;font-weight:bold;list-style:none} #holiday-rewards-head {background: transparent url(//webcdn.triongames.com/trove/img/holiday/sup-rewards.png) scroll no-repeat top left;display:block;height:150px;width:960px;top:-42px;left:0px} /* 3d Blue Containers */ .blue-cont {margin-bottom: 40px} .blue-head {background: transparent url(//webcdn.triongames.com/trove/img/cont/blue-top.png) no-repeat scroll left top;width:886px; height: 17px} .blue-body {background: transparent url(//webcdn.triongames.com/trove/img/cont/blue-body.png) repeat-y scroll left top;width:826px;padding: 20px 40px 30px 21px;margin-bottom:-2px} .blue-footer {background: transparent url(//webcdn.triongames.com/trove/img/cont/blue-bottom.png) no-repeat scroll left bottom;width:886px;height: 17px} .reg-form-left {width: 470px} .reg-form-right {width: 323px} /* Classes page */ .page-template-classes-php #bg-bottom{margin-top: -108px} .page-template-classes-php #classes{margin-left:57px} .page-template-classes-php .blue-head {background: transparent url(//webcdn.triongames.com/trove/img/bg/blog-top.png) no-repeat 0 bottom scroll;} .page-template-classes-php .wrap.content {min-height:1668px} #classes p {color:#FFF} #classes .hr {margin:-2px -25px 0 -21px} #classes .col {width: 30%} #classes .left.col {width:26%} #classes .col h3, #classes .col h4 {font-size:1.3em} #classes .col h4 {color:#fff;margin-bottom:12px} #classes .right.col p{font-size:.8em;padding-left:57px;min-height:52px} #classes .slide {background-color:transparent;background-position:center center;background-attachment: scroll; background-repeat:no-repeat;height:330px;width:100%} #classes .knight {background-image: url(//webcdn.triongames.com/trove/img/classes/knight-v2.jpg)} #classes .gunslinger {background-image: url(//webcdn.triongames.com/trove/img/classes/gunslinger-v2.jpg)} #classes .faetrickster {background-image: url(//webcdn.triongames.com/trove/img/classes/faetrixter_v1.jpg)} #classes .dracolyte {background-image: url(//webcdn.triongames.com/trove/img/classes/dracolyte_v1.jpg)} #classes .smash, #classes .charge, #classes .chargeshot, #classes .blastjump, #classes .ironwill, #classes .runandgun, #classes .egoblast, #classes .faeriedance, #classes .glitterbomb, #classes .mirrorimages, #classes .spitfire, #classes .burntoffering, #classes .avatarofflame {background-color: transparent; background-position: top left; background-attachment: scroll; background-repeat: no-repeat} #classes .charge{background-image: url(//webcdn.triongames.com/trove/img/classes/wildcharge.png)} #classes .smash {background-image: url(//webcdn.triongames.com/trove/img/classes/smash.png)} #classes .blastjump {background-image: url(//webcdn.triongames.com/trove/img/classes/blastjump.png)} #classes .chargeshot {background-image: url(//webcdn.triongames.com/trove/img/classes/chargeshot.png)} #classes .ironwill {background-image: url(//webcdn.triongames.com/trove/img/classes/ironwill.png)} #classes .runandgun {background-image: url(//webcdn.triongames.com/trove/img/classes/runandgun.png)} #classes .egoblast {background-image: url(//webcdn.triongames.com/trove/img/classes/egoblast.png)} #classes .faeriedance {background-image: url(//webcdn.triongames.com/trove/img/classes/faeriedance.png)} #classes .glitterbomb {background-image: url(//webcdn.triongames.com/trove/img/classes/glitterbomb.png)} #classes .mirrorimages {background-image: url(//webcdn.triongames.com/trove/img/classes/mirrorimages.png)} #classes .spitfire {background-image: url(//webcdn.triongames.com/trove/img/classes/spitfire.png)} #classes .burntoffering {background-image: url(//webcdn.triongames.com/trove/img/classes/burntoffering.png)} #classes .avatarofflame {background-image: url(//webcdn.triongames.com/trove/img/classes/avatarofflame.png)} #classes .right.col p span {display:block;color:#f6ea5a;font-weight:600;font-size: 1.2em} #classes #slider-classes {clear:both;margin-top:25px} #classes #pager {} #classes .thumb{position:relative;height:113px;width:246px;background-color:transparent;background-position:top center;background-attachment: scroll;background-repeat:no-repeat;float:left;margin-right:4.5%;margin-bottom:45px;box-sizing: border-box;moz-box-sizing: border-box;font-family: 'Orbitron', arial, sans-serif;color:#0c3d64;font-size: 1.3em;border-top:2px solid #133652;border-left:2px solid #133652;border-bottom:2px solid #7ec0f5;border-right:2px solid #133652} #classes .thumb:hover, #classes .thumb.cycle-pager-active {border:2px solid #6dcff6 !important} #classes #pager .thumb{color:#ece155} #classes .thumb .thumb-title {position: absolute;bottom: -25px} #classes .last {margin-right:0} #classes #pager .knight {background-image: url(//webcdn.triongames.com/trove/img/classes/knight-thumb.jpg)} #classes #pager .gunslinger {background-image: url(//webcdn.triongames.com/trove/img/classes/gunslinger-thumb.jpg)} #classes #pager .faetrickster {background-image: url(//webcdn.triongames.com/trove/img/classes/faetrixter-thumb.jpg)} #classes #pager .dracolyte {background-image: url(//webcdn.triongames.com/trove/img/classes/dracolyte_th_v1.jpg)} #classes #extraThumbs {} #classes #extraThumbs .unknown{background-image: url(//webcdn.triongames.com/trove/img/classes/locked.jpg)} #classes .final-message{font-family: 'Orbitron', arial, sans-serif;color:#ece155;font-size:1.3em;margin-bottom:45px} /* Biomes page */ .page-template-biomes-php #bg-bottom{margin-top: -108px;} .page-template-biomes-php #biomes{margin-left: 57px;} .page-template-biomes-php .blue-head {background: transparent url(//webcdn.triongames.com/trove/img/bg/blog-top.png) no-repeat 0 bottom scroll;} .page-template-biomes-php .wrap.content {min-height: 1668px;} #biomes p {color: #FFF;} #biomes .hr {margin: -2px -25px 0 -21px;} #biomes .col {width: 52%; margin-right: 25px;} #biomes .left.col {width: 40%;} #biomes .col h3, #classes .col h4 {font-size: 1.3em;} #biomes .col h4 {color: #fff; margin-bottom: 12px;} #biomes .right.col p{font-size: .8em; padding-left: 57px; min-height: 52px;} #biomes .slide { background-color: transparent; background-position: center center; background-attachment: scroll; background-repeat: no-repeat; height: 330px; width: 100%; display: none;} #biomes .slide.first{display: block;} #biomes .right.col p span {display: block; color: #f6ea5a; font-weight: 600; font-size: 1.2em;} #biomes #slider-biomes {clear: both; margin-top: 25px} #biomes #slider-biomes .child-slider {position: relative; width: 425px;} #biomes .biome-img, #biomes .biome-thumb {border-top: 2px solid #133652; border-left: 2px solid #133652; border-bottom: 2px solid #7ec0f5; border-right: 2px solid #133652;} #biomes .biome-thumb {display: block; width: 104px; height: 49px; float: left; margin: 20px 16px;} #biomes .biome-img {display: none; width: 421px; height: 242px; position: absolute;} #biomes .biome-img.first {display: block;} #biomes .biome-1 .biome-img.img-1 {background-image: url(//webcdn.triongames.com/trove/img/biomes/medieval_highlands/01medieval_img.jpg);} #biomes .biome-1 .biome-img.img-2 {background-image: url(//webcdn.triongames.com/trove/img/biomes/medieval_highlands/02medieval_img.jpg);} #biomes .biome-1 .biome-img.img-3 {background-image: url(//webcdn.triongames.com/trove/img/biomes/medieval_highlands/03medieval_img.jpg);} #biomes .biome-2 .biome-img.img-1 {background-image: url(//webcdn.triongames.com/trove/img/biomes/cyberian_tundra/01cyberian_img.jpg);} #biomes .biome-2 .biome-img.img-2 {background-image: url(//webcdn.triongames.com/trove/img/biomes/cyberian_tundra/02cyberian_img.jpg);} #biomes .biome-2 .biome-img.img-3 {background-image: url(//webcdn.triongames.com/trove/img/biomes/cyberian_tundra/03cyberian_img.jpg);} #biomes .biome-3 .biome-img.img-1 {background-image: url(//webcdn.triongames.com/trove/img/biomes/desert_frontier/01desert_img.jpg);} #biomes .biome-3 .biome-img.img-2 {background-image: url(//webcdn.triongames.com/trove/img/biomes/desert_frontier/02desert_img.jpg);} #biomes .biome-3 .biome-img.img-3 {background-image: url(//webcdn.triongames.com/trove/img/biomes/desert_frontier/03desert_img.jpg);} #biomes .biome-4 .biome-img.img-1 {background-image: url(//webcdn.triongames.com/trove/img/biomes/cursed_vale/01cursed_img.jpg);} #biomes .biome-4 .biome-img.img-2 {background-image: url(//webcdn.triongames.com/trove/img/biomes/cursed_vale/02cursed_img.jpg);} #biomes .biome-4 .biome-img.img-3 {background-image: url(//webcdn.triongames.com/trove/img/biomes/cursed_vale/03cursed_img.jpg);} #biomes .biome-5 .biome-img.img-1 {background-image: url(//webcdn.triongames.com/trove/img/biomes/fae_wilds/01wild_img.jpg);} #biomes .biome-5 .biome-img.img-2 {background-image: url(//webcdn.triongames.com/trove/img/biomes/fae_wilds/02wild_img.jpg);} #biomes .biome-5 .biome-img.img-3 {background-image: url(//webcdn.triongames.com/trove/img/biomes/fae_wilds/03wild_img.jpg);} #biomes .biome-6 .biome-img.img-1 {background-image: url(//webcdn.triongames.com/trove/img/biomes/dragonfire_peaks/01_img.jpg);} #biomes .biome-6 .biome-img.img-2 {background-image: url(//webcdn.triongames.com/trove/img/biomes/dragonfire_peaks/02_img.jpg);} #biomes .biome-6 .biome-img.img-3 {background-image: url(//webcdn.triongames.com/trove/img/biomes/dragonfire_peaks/03_img.jpg);} #biomes .biome-1 .child-pager .img-1 {background-image: url(//webcdn.triongames.com/trove/img/biomes/medieval_highlands/01medieval_th.jpg);} #biomes .biome-1 .child-pager .img-2 {background-image: url(//webcdn.triongames.com/trove/img/biomes/medieval_highlands/02medieval_th.jpg);} #biomes .biome-1 .child-pager .img-3 {background-image: url(//webcdn.triongames.com/trove/img/biomes/medieval_highlands/03medieval_th.jpg);} #biomes .biome-2 .child-pager .img-1 {background-image: url(//webcdn.triongames.com/trove/img/biomes/cyberian_tundra/01cyberian_th.jpg);} #biomes .biome-2 .child-pager .img-2 {background-image: url(//webcdn.triongames.com/trove/img/biomes/cyberian_tundra/02cyberian_th.jpg);} #biomes .biome-2 .child-pager .img-3 {background-image: url(//webcdn.triongames.com/trove/img/biomes/cyberian_tundra/03cyberian_th.jpg);} #biomes .biome-3 .child-pager .img-1 {background-image: url(//webcdn.triongames.com/trove/img/biomes/desert_frontier/01desert_th.jpg);} #biomes .biome-3 .child-pager .img-2 {background-image: url(//webcdn.triongames.com/trove/img/biomes/desert_frontier/02desert_th.jpg);} #biomes .biome-3 .child-pager .img-3 {background-image: url(//webcdn.triongames.com/trove/img/biomes/desert_frontier/03desert_th.jpg);} #biomes .biome-4 .child-pager .img-1 {background-image: url(//webcdn.triongames.com/trove/img/biomes/cursed_vale/01cursed_th.jpg);} #biomes .biome-4 .child-pager .img-2 {background-image: url(//webcdn.triongames.com/trove/img/biomes/cursed_vale/02cursed_th.jpg);} #biomes .biome-4 .child-pager .img-3 {background-image: url(//webcdn.triongames.com/trove/img/biomes/cursed_vale/03cursed_th.jpg);} #biomes .biome-5 .child-pager .img-1 {background-image: url(//webcdn.triongames.com/trove/img/biomes/fae_wilds/01wild_th.jpg);} #biomes .biome-5 .child-pager .img-2 {background-image: url(//webcdn.triongames.com/trove/img/biomes/fae_wilds/02wild_th.jpg);} #biomes .biome-5 .child-pager .img-3 {background-image: url(//webcdn.triongames.com/trove/img/biomes/fae_wilds/03wild_th.jpg);} #biomes .biome-6 .child-pager .img-1 {background-image: url(//webcdn.triongames.com/trove/img/biomes/dragonfire_peaks/01_th.jpg);} #biomes .biome-6 .child-pager .img-2 {background-image: url(//webcdn.triongames.com/trove/img/biomes/dragonfire_peaks/02_th.jpg);} #biomes .biome-6 .child-pager .img-3 {background-image: url(//webcdn.triongames.com/trove/img/biomes/dragonfire_peaks/03_th.jpg);} #biomes #pager {margin-top: 25px;} #biomes .thumb {position: relative; width: 250px; height: 116px; background-color: transparent; background-position: top center; background-attachment: scroll; background-repeat: no-repeat; float: left; margin-right: 4.5%; margin-bottom: 45px; box-sizing: border-box; -moz-box-sizing: border-box; font-family: 'Orbitron', arial, sans-serif; color: #0c3d64; font-size: 1.3em; border-top: 2px solid #133652; border-left: 2px solid #133652; border-bottom: 2px solid #7ec0f5; border-right: 2px solid #133652;} #biomes .thumb:hover, #biomes .thumb.cycle-pager-active {border: 2px solid #6dcff6 !important;} #biomes #pager .thumb{color: #ece155;} #biomes .thumb .thumb-title {position: absolute; bottom: -25px;} #biomes .last {margin-right: 0;} #biomes #pager .biome-1{background-image: url(//webcdn.triongames.com/trove/img/biomes/medieval_highlands/medieval_main_th.jpg);} #biomes #pager .biome-2{background-image: url(//webcdn.triongames.com/trove/img/biomes/cyberian_tundra/cyberian_main_th.jpg);} #biomes #pager .biome-3{background-image: url(//webcdn.triongames.com/trove/img/biomes/desert_frontier/desert_main_th.jpg);} #biomes #pager .biome-4{background-image: url(//webcdn.triongames.com/trove/img/biomes/cursed_vale/cursed_main_th.jpg);} #biomes #pager .biome-5{background-image: url(//webcdn.triongames.com/trove/img/biomes/fae_wilds/classes_bg_th5.jpg);} #biomes #pager .biome-6{background-image: url(//webcdn.triongames.com/trove/img/biomes/dragonfire_peaks/dragonfire_main_th.jpg);} #biomes #extraThumbs .unknown, #biomes #pager .unknown{background-image: url(//webcdn.triongames.com/trove/img/classes/locked.jpg);} #biomes .final-message{font-family: 'Orbitron', arial, sans-serif; color: #ece155; font-size: 1.3em; margin-bottom: 45px;} #biomes .child-slider .child-pager .biome-thumb.cycle-pager-active{margin: 21px 17px;border: 1px solid #6dcff6 !important;} #biomes .child-slider .child-pager .biome-thumb:hover{margin: 21px 17px; border: 1px solid #6dcff6 !important;} /* 959 and below */ @media all and (max-width:959px) { .mobile {display:block !important} .desktop {display:none !important} .head {margin:0;padding:0;width:100%;height:20px} html,body{width:100%;/*overflow-x:hidden*/} .page-template-classes-php .wrap.content {min-height:initial} .wrap{margin:0} article.wrap.content{width:100%} .reg-form {margin-right:0} .blue-body {background-image:none; background-color:#2b7bbb;width:100%;padding: 20px 12px 30px 12px; box-sizing: border-box; moz-box-sizing: border-box} /* Register page */ #head {width:100%} #main-logo {margin:2% auto 0;display:block} #mobile-vid-cont {background-color:#2b7cbc;padding:8px;margin:25px auto 0 auto;width:100%} #mobile-vid-cont .video-play {background: transparent url(//webcdn.triongames.com/trove/img/play-btn-v2.png) no-repeat scroll center center;width:83px;height:83px;top:-158%;left:40%} .support-btn {margin: 25px auto 25px} .reg-form-left {margin-left:2%} .reg-form-right {margin-right:2%} .reg-form-left p {margin:0 4% 25px} .global-subnav {border:none} .global-subnav li{display:block;border-bottom:1px solid #666;border-right:none} .global-subnav li a{padding:10px 0 10px 10px;display:block} .global-subnav li a.last{border:none} .footer {width:100%} .footer .trion-logo,.footer .copyright,.footer .ratings{display:block;margin:0 auto;float:none} .footer .trion-logo{margin-bottom:25px} .footer .ratings{margin-top:25px} .footer .ratings img{margin:0 auto;display:block} .footer .copyright p{text-align:center} .reg-form {width:auto} .reg-form.right {float:none} .reg-form .fields {margin: 0 5%} .reg-form .graphic-body,#vision-state .vis-body {background-color:#2b7cbc;background-image:none} .reg-form .fields input, .reg-form .fields select, .reg-form .fields #country {height: 50px} #vision-state #absolute-contain.absolute {position:relative} #vision-state {width:100%;margin:0} #vision-state .vis-body {padding:25px 3%; margin:0 auto; width:75%; box-sizing:border-box;-moz-box-sizing:border-box} #vision-state .vis-foot, #absolute-hero-01, #absolute-hero-02 {display:none} .mar-left-47{margin-left:6%} .reg-form .graphic-footer, #bg-bottom {display:none} .reg-form .fields .dob .month select,.fields .dob .day select,.fields .dob .year select,.reg-form .fields #country select {background-image:none;background-color:#1d527c} /* Support Trove */ #absolute-hero-01, #absolute-hero-02, .blue-footer, .blue-head {display:none} #sup-head p {width:100%} /*.blue-cont {margin: 15px 0;padding:0 12px;width:100%;box-sizing:border-box;-moz-box-sizing:border-box}*/ #sup-head, #sup-levels, #sup-bonus-mile, #sup-faq, #classes, #biomes {margin: 15px 0;padding:0 12px;width:100%;box-sizing:border-box;-moz-box-sizing:border-box} #sup-levels .row-4, #sup-levels .row-3{background-image:none;padding:0} #sup-levels .row-4>li, #sup-levels .row-3>li {background-color:#2b7bbb;margin-bottom:25px} #sup-levels h3, #sup-levels h3.half-text, #sup-levels h3.third-text {line-height:1em;height:19px} #sup-bonus-mile .blue-body, #sup-faq .blue-body {width:100%;box-sizing:border-box;-moz-box-sizing:border-box;padding:20px 20px 30px 20px} #sup-levels li {width:33%;border-right:3px solid #0c3d64;border-bottom:3px solid #0c3d64} #sup-faq {height:auto} #sup-faq .blue-cont.absolute {position:relative} .reg-form-right .social {background-image:none;padding:0} .reg-form-right .social .redit {width:160px} .reg-form-right .social .twitter {margin-left:0;background-position:-167px bottom} .reg-form-right .social {width:288px} .reg-form .fields .button {padding:15px 0;width:197px;display:block;margin:0 auto} .button input, .reg-form .fields .button input, .register-btn{width:198px;height:55px;background-image:none;background-color:#58a135;color:#fff;padding:18px 0} .button input:hover, .reg-form .fields .button input:hover, .register-btn:hover{} .button input:active, .reg-form .fields .button input:active, .register-btn:active{} .support-btn {background-image:none;background-color:#ffe521;padding:16px 0px} .support-btn:hover {background-image:none;background-color:#ffe521} #sup-levels .register-btn {width:60%;height:50px;padding: 18px 0px;background-color:#58a135;background-image:none;bottom:18px;left:0px; margin: 0 20%} #sup-levels .register-btn:hover {background-color:#58a135;background-image:none} #sup-levels .register-btn:active {background-color:#58a135;background-image:none} .footer .copyright p {text-align:left} .reg-form-right,.reg-form-left{width: 44%} .reg-form-right,.reg-form-left {margin-right:4%} #sup-levels li.reward-divider {padding-left:1.5em;text-align:left;background-position:left 3px} .error404 #bg-top, .blog #bg-top, .single #bg-top, .page #bg-top, .archive #bg-top, #vision-state .updates-body,.blog .post.odd, .archive .post.odd, .blog .post, .single .post, .page .post, .archive .post{background-image:none;width:100%;box-sizing:border-box;-moz-box-sizing:border-box} #vision-state {padding: 14px 12px 20px 12px; box-sizing:border-box;-moz-box-sizing:border-box} #vision-state #absolute-contain {background-color:#2b7bbb} .blog #bg-top {display:none} .nav-prev-next {width:300px;margin:0 auto} .nav-previous,.nav-next {width:130px;float:left;padding:0 10px;margin-bottom:25px} .nav-previous a span,.nav-next a span {width:auto} .nav-previous a,.nav-next a {padding:16px 0 16px 0;display:block;color:#FFF;background:none;background-color:#58a135} .nav-previous a:active,.nav-next a:active {padding:16px 0 16px 0} .nav-previous a:active span,.nav-next a:active span {width:auto} #twamp-head {background-color:#58a135;background-image:none;width:70%;position:relative;padding:3%;height:auto; margin: 0 auto} #twamp-head h2, #twamp-head h3{width:auto;height:initial;float:none;text-align: center; margin: 0;font-size: 2em;line-height:1.5em;} #twamp-head h2{} #twamp-head h3{} #sup-levels .row-4 {margin-top: 25px} #sup-levels #twamp {background-color:#58a135; background-image:none;} #sup-levels #twamp .register-btn{background-color: #fee101} #sup-levels .row-3 {margin-left: 0} .current, #current-mile, #sup-bonus-mile div.hr {margin-left:-20px;margin-right:-20px;} #sup-bonus-mile .left.col{width:100%;min-height:323px;float:none;} #sup-bonus-mile .right.col {margin:0 auto;display:block;float:none;height:374px;padding-top: 30px} .page-template-classes-php #classes{margin-left:0} #classes .hr {margin:0} #classes .left.col {width:24%} #classes .right.col {width:30%} .page-template-biomes-php #biomes{margin-left:0;} #biomes .hr {margin:0;} #biomes .left.col {width:24%;} #biomes .right.col {width:30%;margin-right:0;} } /* 799 and below */ @media all and (max-width:799px) { .reg-form.right{margin-right:0;margin-top:39px} .wrap{margin:0;width:100%} .social.right{float:none;margin:35px auto 0} .head .main-nav li{width:28%} .head .main-nav li:nth-child(3) {width:43%} #sup-bonus-mile .col1 {width:100%;float:none} #sup-bonus-mile .col2{background:none;background-color:#225071;border-top: 1px solid #0c3d64;border-left: 1px solid #0c3d64;border-right: 1px solid #64a7dc;border-bottom: 1px solid #64a7dc;clear:both;margin-top:100px;height:auto;padding:4% 0;width:65%;margin-right:auto;margin-left:auto;float:none;} #sup-bonus-mile .cube {width:212px;height:242px;margin: 2% auto 22px;} #sup-bonus-mile .col2 h3 {top:19%} #classes .slide {background-size:75%;height:auto;background-position-y:25%} #classes .left.col, #classes .right.col {width:100%;} #classes .left.col {margin-bottom:35%} #classes .thumb {width:47%;margin-right:2%;background-size:cover} #classes .final-message {margin-top:30px} .page-template-biomes-php .wrap.content{min-height: 1475px;} #biomes .slide {background-size:75%;height:auto} #biomes .left.col {width: 40%;} #biomes .left.col h3 {font-size: 1.6em;} #biomes .left.col p {font-size:1.3em;} #biomes .right.col {width:100%;} #biomes .thumb {width:47%;margin-right:2%;background-size:cover} #biomes .final-message {margin-top:30px;} } /* 650 and below */ @media all and (max-width:650px) { body {background:#000 url(//webcdn.triongames.com/trove/img/bg/650-bg-v2.jpg) top center scroll no-repeat} .half{width:100%;float:none;margin-left:0} #mobile-vid-cont {width:59%} #vision-state {width:auto;padding:25px 12px} #vision-state .vis-body, .reg-form-right, .reg-form-left {width:auto;box-sizing:border-box;-moz-box-sizing:border-box} .reg-form-right,.reg-form-left {padding: 0 12px} .reg-form-right {margin-right:0} #sup-levels {margin: 0 auto} #sup-levels li {width:50%} #sup-levels .row-4>li, #sup-levels .row-3>li {margin-bottom:12px;padding-bottom:100px} #sup-levels h3, #sup-levels h3.third-text {height:auto} #sup-levels li li,#sup-levels li p.turquiose {font-size:1em} #sup-levels li p.turquiose {text-align:center} #sup-levels .register-btn {bottom:23px} #sup-bonus-mile .col2{width:80%} #sup-bonus-mile .col2 h3 {top:18%} .footer .copyright {width:90%} .blog .post, .archive .post {padding-left:53px} .blog .feature-img, .archive .feature-img {padding:12px} .page-template-biomes-php .wrap.content{min-height: 1125px;} #biomes .left.col {width: 35%;margin-right:5px;} #biomes .left.col h3 {font-size: 1.6em;} #biomes .left.col p {font-size:1.1em;} #biomes .right.col {margin-right:0;} #biomes #slider-biomes .child-slider {width:380px;} #biomes .biome-img {width: 380px;} #biomes .biome-thumb {width: 89px;} } /* 550 and below */ @media all and (max-width:550px) { #sup-levels li {width:100%;border:none;height:auto} #biomes #slider-biomes .child-slider {width: 100%;} #biomes #slider-biomes .biome-img {position: relative; margin: 0 auto; height: 241px; width: 421px;margin-left: 42px;} /*#biomes #slider-biomes .biome-img {}*/ /*#biomes #slider-biomes .child-pager {width: 422px; position: relative; margin: 0 auto;}*/ #biomes p, #biomes .left.col p {font-size: 1.2em;} #biomes .biome-img {width: 417px; margin: 0 auto;} #biomes .biome-thumb {width: 102px;} #biomes .biome-thumb.img-1 {margin-left: 62px;} /*#biomes .biome-thumb {width: 89px; margin: 20px 7px;}*/ #biomes .left.col {width: 100%;} #biomes .right.col {width: 100%; height: 360px;} #biomes .thumb {width: 48%; margin-right: 2%;} } /* 450 and below */ @media all and (max-width:450px) { .reg-form-left p {font-size:1em} #sup-levels {width:100%} #mobile-vid-cont {width:100%} #vision-state img.lt-margin,#vision-state img.rt-margin {float:none;margin:0 auto 20px auto;display:block} #sup-bonus-mile h2 {font-size:1.1em} #sup-bonus-mile .tier img {margin:0} #sup-bonus-mile .tier p {padding:127px 0 0 0;background-image:none} #sup-bonus-mile .col2{width:100%; margin-top: 45px } #sup-bonus-mile .col2 h3 {top:14%} #sup-bonus-mile .col2 span {font-size:.9em} .blog .post, .archive .post {padding-left:12px;float:left} .blog .post {padding: 12px} .blog .wrap.content {min-height:inherit} #classes .slide {background-size:96%;background-position-y:41%} #classes .left.col {margin-bottom:33%} #twamp-head {width:100%; padding: 3% 0;} #current-mile h2 {margin:20px 0;font-size:2em;text-align:center} #sup-bonus-mile .left.col img {float:none;width:100%;margin:0;height:auto} #sup-bonus-mile .right.col {height: auto;width: 100%;} #current-mile p {margin-left:25px;} #biomes .slide {min-height: 510px;} #biomes .left.col {width: 100%;} #biomes .right.col {width: 100%;} #biomes #slider-biomes .biome-img {width: 397px;margin-left: 0;} #biomes .biome-thumb {margin: 20px 15px;} #biomes .biome-thumb.img-1 {margin-left: 11px;} } /* 320 and below */ @media all and (max-width:320px) { body {background:#000 url(//webcdn.triongames.com/trove/img/bg/320-bg-v2.jpg) top center scroll no-repeat} #mobile-vid-cont .video-play {left:36%} .no-320 {display:none} .reg-form-right .social .redit {width:150px} .reg-form-right .social {width:278px} .reg-form-left p {margin:0} #sup-head h1 {font-size: 2em} #vision-state {padding-top:0} #vision-state .updates-body {background:none;background-color:#2b7bbb;width:100%;padding-left:12px} #classes .slide {background-size:138%;background-position-y:30%} #classes .left.col {margin-bottom: 75%} #classes .right.col{height: 300px;} #classes .thumb.faetrickster span{bottom: -45px;} #biomes #slider-biomes .biome-img {width: 270px;} #biomes .thumb {margin-bottom: 55px; margin-right: 5px;} #biomes .biome-thumb {width: 78px; margin: 20px 5px !important;} #biomes .child-slider .child-pager .biome-thumb.cycle-pager-active{margin: 21px 5px !important;} #biomes .biome-thumb.img-1{margin-left: 0px !important;margin-right: 6px;} #biomes .child-slider .child-pager .biome-thumb.img-1.cycle-pager-active{margin-left: 1px !important;} #biomes .child-slider .child-pager .biome-thumb.img-2.cycle-pager-active{margin: 21px 6px !important;} #biomes .biome-thumb.img-3, #biomes .child-slider .child-pager .biome-thumb.img-3.cycle-pager-active{margin-right: 1px !important;} #biomes .biome-thumb.img-1{margin-right: ;} #biomes .thumb .thumb-title {bottom: -50px;} }