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:#4c0e00; 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; }

/** 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-top:10px; height:800px; }

.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; } }

/* 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 }

/* 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 }

/** Picgrid **/

.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-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 { margin-bottom: 32px; margin-top: -5px; width:670px; margin:0 auto; border:none; background-color:#1f1f1f; overflow-y: auto; padding-bottom:10px; } .instantexpert-box-continents .article-thumb .title, .instantexpert-box-continents .title { color:#fff; text-align:left; }

.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; font-stretch: condensed; }

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

.instantexpert-box-continents .picgrid { margin: 20px; } .instantexpert-box-continents .picgrid .elements { margin:0; text-align:center } .instantexpert-box-continents .picgrid .element { width:197px; height:auto; margin:5px; float:left; background:#000; border:1px #000 solid; } .instantexpert-box-continents .picgrid .element .cont-name a, .instantexpert-box-continents .picgrid .element .cont-name a:link, .instantexpert-box-continents .picgrid .element .cont-name a:visited, .instantexpert-box-continents .picgrid .element .cont-name { color:white; letter-spacing:2px; padding-top:10px; font-weight:bold; font-size:16px; }

.instantexpert-box-continents .picgrid .element .image { height:125px; width:197px; text-align:center; padding-top:10px; padding-bottom:10px; margin:0 auto; }

.instantexpert-box-continents .picgrid .element .races a, .instantexpert-box-continents .picgrid .element .races a:link, .instantexpert-box-continents .picgrid .element .races a:visited, .instantexpert-box-continents .picgrid .element .races { color:#eeca2a; padding-bottom:1px; letter-spacing:1px; font-size:14px; font-weight:bold; } .instantexpert-box-continents .picgrid .element .race-name a, .instantexpert-box-continents .picgrid .element .race-name a:link, .instantexpert-box-continents .picgrid .element .race-name a:visited, .instantexpert-box-continents .picgrid .element .race-name { color:white; font-size:14px; letter-spacing:1px; padding-bottom:5px; } .instantexpert-box-continents .picgrid .element .towns a, .instantexpert-box-continents .picgrid .element .towns a:link, .instantexpert-box-continents .picgrid .element .towns a:visited, .instantexpert-box-continents .picgrid .element .towns { color:#eeca2a; padding-bottom:1px; letter-spacing:1px; font-size:14px; font-weight:bold; } .instantexpert-box-continents .picgrid .element .town-name a, .instantexpert-box-continents .picgrid .element .town-name a:link, .instantexpert-box-continents .picgrid .element .town-name a:visited, .instantexpert-box-continents .picgrid .element .town-name { color:white; font-size:14px; letter-spacing:1px; padding-bottom:5px; } .instantexpert-box-continents .picgrid .element .factions a, .instantexpert-box-continents .picgrid .element .factions a:link, .instantexpert-box-continents .picgrid .element .factions a:visited, .instantexpert-box-continents .picgrid .element .factions { color:#eeca2a; padding-bottom:1px; letter-spacing:1px; font-size:14px; font-weight:bold; } .instantexpert-box-continents .picgrid .element .faction-name a, .instantexpert-box-continents .picgrid .element .faction-name a:link, .instantexpert-box-continents .picgrid .element .faction-name a:visited, .instantexpert-box-continents .picgrid .element .faction-name { color:white; font-size:14px; letter-spacing:1px; padding-bottom:10px }