MediaWiki:Instant Expert.css

/* Instant Expert stuff */

/* This code can easily apply to both Instant Expert and Super Walkthrough designs, as they are quite similar. */

/* Making h6 the default header on the front page, so as to avoid the myriad changes the company is   making on headers and footers. Probably nothing on the front page is using

Will need to change all templates to h6 */

.instantexpert h6 { text-align:center; text-transform:uppercase; color:#eeca2a; letter-spacing:1px; font-weight:bold; max-width:670px; border:none; padding:5px; font-size:28px; font-family: Futura, "Trebuchet MS", Arial, sans-serif; }

/* .instantexpert { color:#fff; } .instantexpert a, .instantexpert a:link, .instantexpert a:visited { color:#fff; font-weight:bold; }

/** Buy **/ .instantexpert-box-buy { margin-bottom: 17px; margin-top: -5px; border: 1px solid #c88e55; background-color:#b18462; overflow-y: auto; max-width:300px; height:450px; padding:20px; color:white; font-weight:bold; }

/** Meet **/

.instantexpert-box-meet { margin-bottom: 20px; margin-top: 20px; border: 1px solid #000; background-color:#1f1f1f; overflow-y: auto; width:300px; color:white; font-weight:bold; padding:10px; }

.instantexpert-box-meet .header { text-align:left; text-transform:uppercase; color:#eebc3c; letter-spacing:0px; font-weight:400; width:285px; margin-left:15px; line-height:125%; font-size:22px; font-family: Futura, sans-serif; font-stretch: condensed; } .instantexpert-box-meet .description { padding:5px 20px 10px 20px; font-weight:normal; font-size:14px; line-height:150%; } .instantexpert-box-meet .border { border-bottom:1px solid #4c4c4c; margin-left:15px; width:275px; padding-bottom:10px; margin-bottom:20px }

.instantexpert-box-meet a, .instantexpert-box-meet a:link, .instantexpert-box-meet a:visited { color:#fff

}

@media (max-width: 1024px) { .instantexpert-box-meet { margin-bottom:0; }    .instantexpert-box-meet h6 { margin-top:10px; } }

@media (min-width: 1025px) { .instantexpert-box-meet h6 { margin-top:20px; } }

/** Videos **/ .instantexpert-box-videos { margin-bottom: 20px; margin-top: 20px; border: 1px solid #000; background-color:#1f1f1f; overflow-y: auto; width:300px; color:white; font-weight:bold; padding:10px; }

.instantexpert-box-videos .header { text-align:left; text-transform:uppercase; color:#eebc3c; letter-spacing:0px; font-weight:400; width:285px; margin-left:15px; line-height:125%; font-size:22px; font-family: Futura, sans-serif; font-stretch: condensed; }

.instantexpert-box-videos .border { border-bottom:1px solid #4c4c4c; margin-left:15px; width:275px; padding-bottom:10px; margin-bottom:20px }

.instantexpert-box-videos a, .instantexpert-box-videos a:link, .instantexpert-box-videos a:visited { color:#fff

}

@media (max-width: 1024px) { .instantexpert-box-videos { margin-bottom:0; }    .page-Instant_Expert .instantexpert-box-videos { display:inline-block; } }

/* Explore More */

.instantexpert-box-exploremore { margin-bottom: 32px; margin-top: -5px; width:670px; margin:0 auto; border: 1px solid #c88e55; background-color:#b18462; overflow-y: auto; padding-bottom:10px; } .instantexpert-box-exploremore .article-thumb .title, .instantexpert-box-exploremore .title { color:#fff; text-align:left; }

.instantexpert-box-exploremore-header { text-align:center; text-transform:uppercase; color:#eebc3c; letter-spacing:3px; width:662px; margin:20px auto 0 auto; border:none; padding:5px; font-size:16px; font-family: Futura, "Trebuchet MS", Arial, sans-serif; background: rgba(37,5,0,1); background: -moz-linear-gradient(-45deg, rgba(37,5,0,1) 0%, rgba(61,11,0,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(37,5,0,1)), color-stop(100%, rgba(61,11,0,1))); background: -webkit-linear-gradient(-45deg, rgba(37,5,0,1) 0%, rgba(61,11,0,1) 100%); background: -o-linear-gradient(-45deg, rgba(37,5,0,1) 0%, rgba(61,11,0,1) 100%); background: -ms-linear-gradient(-45deg, rgba(37,5,0,1) 0%, rgba(61,11,0,1) 100%); background: linear-gradient(135deg, rgba(37,5,0,1) 0%, rgba(61,11,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#250500', endColorstr='#3d0b00', GradientType=1 ); } .instantexpert-box-exploremore .gallery { padding-top:10px; } .instantexpert-box-exploremore .gallery .gallery-image-wrapper { border: medium none; } .instantexpert-box-exploremore .gallery .wikia-gallery-item { margin-bottom: -23px; } .instantexpert-box-exploremore .wikia-gallery-caption-below .lightbox-caption, .instantexpert-box-exploremore a, .instantexpert-box-exploremore a:link, .instantexpert-box-exploremore a:visited { color:#fff }

/* What's new */

.instantexpert-box-whatsnew { width:670px; margin:20px auto 20px auto; border:none; background-color:#1f1f1f; overflow-y: auto; padding-bottom:10px; } .instantexpert-box-whatsnew .article-thumb .title, .instantexpert-box-whatsnew .title { color:#fff; text-align:left; }

.instantexpert-box-whatsnew .header { text-align:left; text-transform:uppercase; color:#eebc3c; letter-spacing:0px; font-weight:400; width:640px; padding: 20px 0 20px 25px; font-size:24px; font-family: Futura, sans-serif; font-stretch: condensed; }

.instantexpert-box-whatsnew .border { border-bottom:1px solid #4c4c4c; margin-left:25px; width:615px; }

.instantexpert-box-whatsnew .gallery { padding-top:10px; } .instantexpert-box-whatsnew .gallery .gallery-image-wrapper { border: medium none; } .instantexpert-box-whatsnew .gallery .wikia-gallery-item { margin-bottom: -23px; }

.instantexpert-box-whatsnew .description { padding: 20px 20px 0 20px; }

.instantexpert-box-whatsnew a, .instantexpert-box-whatsnew a:link, .instantexpert-box-whatsnew a:visited { color:#fff; } -page-Instant_Expert .instantexpert-box-whatsnew .picgrid .new-element .text { color:#fff; line-height:130%; } -page-Instant_Expert .instantexpert-box-whatsnew .picgrid .new-element { max-width:200px; }

/* Overview */

.instantexpert-box-overview { margin-bottom: 32px; margin-top: -5px; width:670px; margin:20px auto 0 auto; border:none; background-color:#1f1f1f; overflow-y: auto; padding-bottom:10px; } .instantexpert-box-overview .article-thumb .title, .instantexpert-box-overview .title { color:#fff; text-align:left; }

.instantexpert-box-overview .header { text-align:left; text-transform:uppercase; color:#eebc3c; letter-spacing:0px; font-weight:400; width:640px; padding: 20px 0 20px 25px; font-size:24px; font-family: Futura, sans-serif; font-stretch: condensed; }

.instantexpert-box-overview .border { border-bottom:1px solid #4c4c4c; margin-left:25px; width:615px; }

.instantexpert-box-overview .description { padding: 0 25px 0 25px; }

.instantexpert-box-overview .pic { padding: 20px 27px 0 0; }

.instantexpert-box-overview a, .instantexpert-box-overview a:link, .instantexpert-box-overview a:visited { color:#fff }

/** Grid that will be 5-up and have captions on top, rather than bottom **/

.instantexpert-box-whatsnew .picgrid { margin: 20px; } .instantexpert-box-whatsnew .picgrid .elements { margin-left:5px; text-align:center }

.instantexpert-box-whatsnew .picgrid .new-element { display:inline-block; margin-bottom: 14px; margin-right:14px; width: 190px; }

.instantexpert-box-whatsnew .picgrid .new-element .new-image { height:auto; width:190px; } .instantexpert .picgrid .element .image { height:auto; width:180px; }

.instantexpert .picgrid .element .image:after { /*color: #f2f6fa;*/ font-weight: bold; font-size: 60px; position: relative; top: 80px; }

.instantexpert-box-whatsnew .picgrid .new-element .title { margin-left:3px; margin-top:5px; text-align:left; font-size:12px font-weight:bold; color:white; }

.instantexpert-box-leaders .picgrid .new-element .title a, .instantexpert-box-leaders .picgrid .new-element .title a:visited, .instantexpert-box-leaders .picgrid .new-element .title a:link, .instantexpert-box-leaders .picgrid .new-element .title { margin-left:3px; margin-top:5px; text-align:center; font-size:12px; font-weight:bold; color:#4c0e00; }

.instantexpert-box-whatsnew .picgrid .new-element .text { margin-left:3px; margin-top:2px; text-align:left; font-size:12px; color:#4c0e00; line-height:130%; }

/** Continents Overview **/

.instantexpert-box-continents { width:670px; margin:0 auto; border:none; background-color:#1f1f1f; overflow-y: auto; padding-bottom:10px; margin-top:20px; line-height:130%; } .instantexpert-box-continents a, .instantexpert-box-continents a:link, .instantexpert-box-continents a:visited, .instantexpert-box-continents a:new, .instantexpert-box-continents .article-thumb .caption { color:#fff

}

.instantexpert-box-continents .article-thumb .title, .instantexpert-box-continents .title { color:#fff; text-align:left; }

.underliner { background-color:#3f3f3f; min-height:220px; width:615px; margin:0 auto; margin-top:10px; }

.underliner-transparent { background-color:transparent; min-height:220px; width:615px; margin:0 auto; }

.instantexpert-box-continents .header { text-align:left; text-transform:uppercase; color:#eebc3c; letter-spacing:0px; font-weight:400; width:650px; padding: 20px 0 20px 20px; font-size:24px; font-family: Futura, sans-serif; }

.instantexpert-box-continents .border { border-bottom:1px solid #4c4c4c; margin-left:20px; margin-bottom:20px; width:615px; } .border2 { border-bottom:1px solid #4c4c4c; width:500px; margin:10px auto 30px auto; } .instantexpert-box-continents .faction { padding-top:10px; padding-left:20px; clear:both; }

.instantexpert-box-continents .faction .faction-header { clear:both; padding: 5px 0 0px 10px; font-size:12px; letter-spacing:2px; color:#eebc3c; text-transform:uppercase; } .instantexpert-box-continents .faction .text .region-header { padding: 0px 0 5px 10px; font-size:20px; text-align:left; text-transform:normal; font-weight:600; letter-spacing:1px; font-family: Futura, "Trebuchet MS", Arial, sans-serif; } .instantexpert-box-continents .faction .text .region-header a, .instantexpert-box-continents .faction .text .region-header a:link, .instantexpert-box-continents .faction .text .region-header a:visited, .instantexpert-box-continents .faction .text .region-header { color:#fff; } .instantexpert-box-continents .faction .text .box1, .instantexpert-box-continents .faction .text .box2 { float:left; width:175px; } .instantexpert-box-continents .faction .text box1 { padding-right:10px; } .instantexpert-box-continents .faction .text box2 { padding-left:10px; } .instantexpert-box-continents .faction .text .box1 .race-subheader, .instantexpert-box-continents .faction .text .box1 .city-subheader, .instantexpert-box-continents .faction .text .box2 .climate-subheader, .instantexpert-box-continents .faction .text .box2 .visit-subheader { padding: 5px 0 0px 10px; font-size:14px; font-family: Futura, sans-serif; font-weight: bold; color:#eebc3c; letter-spacing:1px; } .instantexpert-box-continents .faction .text .box1 .race-info, .instantexpert-box-continents .faction .text .box1 .city-info, .instantexpert-box-continents .faction .text .box2 .climate-info, .instantexpert-box-continents .faction .text .box2 .visit-info { padding: 2px 0 5px 10px; font-size:14px; letter-spacing:1px; color:#fff; }

.instantexpert-box-continents .faction .text .box1 .race-info a, .instantexpert-box-continents .faction .text .box1 .race-info a:link, .instantexpert-box-continents .faction .text .box1 .race-info a:visited, .instantexpert-box-continents .faction .text .box1 .race-info, .instantexpert-box-continents .faction .text .box1 .city-info a, .instantexpert-box-continents .faction .text .box1 .city-info a:link, .instantexpert-box-continents .faction .text .box1 .city-info a:visited, .instantexpert-box-continents .faction .text .box1 .city-info, .instantexpert-box-continents .faction .text .box2 .climate-info a, .instantexpert-box-continents .faction .text .box2 .climate-info a:link, .instantexpert-box-continents .faction .text .box2 .climate-info a:visited, .instantexpert-box-continents .faction .text .box2 .climate-info, .instantexpert-box-continents .faction .text .box2 .visit-info a, .instantexpert-box-continents .faction .text .box2 .visit-info a:link, .instantexpert-box-continents .faction .text .box2 .visit-info a:visited, .instantexpert-box-continents .faction .text .box2 .visit-info { color:#fff!important }

.instantexpert-box-continents .faction .video { width:230px; max-height:auto; float:left; margin-left:10px; } .instantexpert-box-continents .faction .video .article-thumb .caption { color:#fff!important; font-weight:bold; }