MediaWiki:Common.css

/* Main page */ /** Headers **/ .mainpage-header { border-bottom: 2px solid #be8f36 ! important; margin: 0px 0px 15px 0px ! important; padding: 0px 0px 6px ! important; text-align:center; text-transform:uppercase; color:#eebc3c; letter-spacing:2px; font-weight bold; max-width:670px; 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 ); } .mainpage-header .emblem { display: inline-block; margin-right: 12px; } .mainpage-header .text { display: inline-block; } /* 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 */

.mainpage h6 { text-align:center; text-transform:uppercase; color:#eebc3c; letter-spacing:3px; font-weight bold; max-width:670px; 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 ); }

/** Slider box **/ .mainpage-box-slider { margin-bottom: 50px; } /** Content box **/ .mainpage-box-content { margin-bottom: 42px; }

.mainpage-box-content .tabberlive { min-width:670px; margin:0 auto; } .mainpage-box-content .tabberlive .tabbertab { 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 ); }

.mainpage-box-content .tabbernav { border: medium none; margin-bottom: -3px; padding: 0px; margin-left:0px; } .mainpage-box-content .tabbernav li { border: medium none; display: inline-block; height: 40px; margin-bottom: 3px; margin-left: -3px; margin-right: 5px; text-indent: -5000px; width: 164px; background:transparent; color:white; -webkit-border-top-right-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-top-right-radius:10px; -moz-border-top-left-radius:10px; -ms-border-top-right-radius:10px; -ms-border-top-left-radius:10px; border-top-right-radius:10px; border-top-left-radius:10px; } .mainpage-box-content .tabbernav .tabberactive a:hover { border: medium none; } .mainpage-box-content .tabbernav li a[title="Civilization VI"] { background: url("https://vignette.wikia.nocookie.net/czech-civilization-out/images/e/e7/Civ6Unhovered.png/revision/latest?cb=20161003152225") no-repeat scroll 0% 0% transparent; border: medium none; display: block; height: 40px; margin-right: -10px; padding: 0px; color:white; background-size:contain; } .mainpage-box-content .tabbernav .tabberactive a[title="Civilization VI"], .mainpage-box-content .tabbernav li a[title="Civilization VI"]:hover { background: url("https://vignette.wikia.nocookie.net/czech-civilization-out/images/a/ab/Civ6Hovered.png/revision/latest?cb=20161003130702") no-repeat scroll 0% 0% transparent; color:gold; background-size:contain; } .mainpage-box-content .tabbernav li a[title="Civilization V"] { background: url("https://vignette.wikia.nocookie.net/czech-civilization-out/images/9/91/Civ5Unhovered.png/revision/latest?cb=20161003130702") no-repeat scroll 0% 0% transparent; border: medium none; display: block; height: 40px; margin-right: -10px; padding: 0px; background-size:contain; } .mainpage-box-content .tabbernav .tabberactive a[title="Civilization V"], .mainpage-box-content .tabbernav li a[title="Civilization V"]:hover { background: url("https://vignette.wikia.nocookie.net/czech-civilization-out/images/8/8d/Civ5Hovered.png/revision/latest?cb=20161003143843") no-repeat scroll 0% 0% transparent; color:gold; background-size:contain; } .mainpage-box-content .tabbernav li a[title="Civilization Beyond Earth"] { background: url("https://vignette.wikia.nocookie.net/czech-civilization-out/images/8/84/CIvBeyondEarthUnhovered.png/revision/latest?cb=20161003130703") no-repeat scroll 0% 0% transparent; border: medium none; display: block; height: 40px; margin-right: -10px; padding: 0px; color:white; background-size:contain; } .mainpage-box-content .tabbernav .tabberactive a[title="Civilization Beyond Earth"], .mainpage-box-content .tabbernav li a[title="Civilization Beyond Earth"]:hover { background: url("https://vignette.wikia.nocookie.net/czech-civilization-out/images/1/19/CivilizationBeyondEarthHovered.png/revision/latest?cb=20161003151408") no-repeat scroll 0% 0% transparent; color:gold; background-size:contain; } .mainpage-box-content .tabbernav li a[title="Other Games"] { background: url("https://vignette.wikia.nocookie.net/czech-civilization-out/images/9/9a/OtherGamesUnhovered.png/revision/latest?cb=20161003130703") no-repeat scroll 0% 0% transparent; border: medium none; display: block; height: 40px; margin-right: -10px; padding: 0px; color:white; background-size:contain; } .mainpage-box-content .tabbernav .tabberactive a[title="Other Games"], .mainpage-box-content .tabbernav li a[title="Other Games"]:hover { background: url("https://vignette.wikia.nocookie.net/czech-civilization-out/images/5/5c/OtherGamesHovered.png/revision/latest?cb=20161003151407") no-repeat scroll 0% 0% transparent; background-size:contain; } .mainpage-box-content .tabbertab { background: none repeat scroll 0% 0% #270600; border: medium none ! important; padding: 0px; color:gold; } .mainpage-box-content .tab { min-height: 240px; padding: 18px 27px 0 17px; position: relative; } .mainpage-box-content .table-container { display: inline-block; } .mainpage-box-content .items { display: inline-block; list-style: none outside none; margin: 0px; text-align: left; width: 220px; } .mainpage-box-content .item { display: block; margin-bottom: 18px; text-transform: uppercase; font-size:16px; } .mainpage-box-content .item a { border-bottom: 1px solid #dea920; color: #ffffff; font-weight:bold; margin-left: -18px; padding-bottom: 6px; padding-left: 18px; } .mainpage-box-content .item a:hover { text-decoration: none; } .mainpage-box-content .item:before { background: url("https://vignette.wikia.nocookie.net/czech-civilization-out/images/4/4e/MainpageBullet2016.png/revision/latest?cb=20161003094926") no-repeat scroll 0% 0% transparent; content: ""; display: inline-block; height: 11px; margin-right: 6px; width: 12px; } @media (max-width: 1475px) { .mainpage-box-content .items { width: 180px; } .mainpage-box-content .item { line-height: 30px; margin-bottom: 10px; } } .mainpage-box-content .spotlight { display: inline-block; position: absolute; right: 27px; text-align: left; width: 285px; } .mainpage-box-content .spotlight .highlight figure { margin: 0px; } .mainpage-box-content .spotlight .highlight figcaption { display: none; } .mainpage-box-content .spotlight .highlight img { border: 1px solid #e6e8e8; } .mainpage-box-content .spotlight .highlight .duration { bottom: 1px; } .mainpage-box-content .spotlight .header, .mainpage-box-content .spotlight .header a { color: #dea920; font-weight: bold; margin-bottom: 2px; margin-top: 8px; text-align: center; } .mainpage-box-content .spotlight .caption { display:none }

/** Discussions box **/

.mainpage .discussion-module { display:none /* Turns off standard module to give deference to the bespoke one here */ }

.mainpage-box-discussions { margin-bottom: 32px; margin-top: -5px; width:670px; margin:0 auto; border: 1px solid #c88e55; /*background-color:#490d00;*/ 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 ); overflow-y: auto; padding-bottom:0; padding-top:0; color:white; }

.mainpage-box-discussions-header { text-align:center; text-transform:uppercase; color:#eebc3c; letter-spacing:3px; font-weight bold; max-width:660px; margin:30px 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 ); }

.mainpage-box-discussions .embeddable-discussions-heading { display:none } .mainpage-box-discussions .embeddable-discussions-module .embeddable-discussions-post-detail { border-color:#eebc3c; }

.mainpage-box-discussions .embeddable-discussions-module { border:none; } .mainpage-box-discussions .embeddable-discussions-module a.avatar-username, .mainpage-box-discussions .embeddable-discussions-module .embeddable-discussions-show-all a { color:#fff!important } .mainpage-box-discussions .embeddable-discussions-module .embeddable-discussions-timestamp { color:#eebc3c!important } /** Featured Videos box **/ .mainpage-box-featuredvideos { margin-bottom: 32px; margin-top: -5px; width:670px; margin:0 auto; border: 1px solid #c88e55; background-color:#b18462; overflow-y: auto; padding-bottom:10px; padding-top:20px; } .mainpage .article-thumb .title, .mainpage .wikia-gallery-item .title { color:#fff; text-align:left; }

.mainpage-box-featuredvideos-header { text-align:center; text-transform:uppercase; color:#eebc3c; letter-spacing:3px; font-weight bold; max-width:660px; margin: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 ); } .mainpage-box-featuredvideos .gallery { padding-top:10px; } .mainpage-box-featuredvideos .gallery .gallery-image-wrapper { border: medium none; } .mainpage-box-featuredvideos .gallery .wikia-gallery-item { margin-bottom: -23px; } /** Pre-Order box **/ .mainpage-box-preorder { margin-bottom: 18px; } /** Share box **/ .mainpage-box-share { margin-bottom: 17px; margin-top: -5px;

border: 1px solid #c88e55; background-color:#b18462; overflow-y: auto; min-width:300px; padding-bottom:10px; } .mainpage-box-share .icons { text-align: center; margin-top: 15px; } .mainpage-box-share .icon { display: inline; margin-right: 11px; }

/** Blogs box **/ .mainpage-box-blogs { margin-bottom: 16px; margin-top: -5px; } .mainpage-box-blogs .header { color: #ffffff; font-weight: bold; margin-bottom: 5px; } .mainpage-box-blogs .newsfeed { display: inline-block; margin-right: 46px; overflow-y: auto; vertical-align: top; width: -moz-calc(50% - 25px); width: -webkit-calc(50% - 25px); width: -o-calc(50% - 25px); width: calc(50% - 25px); } .mainpage-box-blogs .newsfeed-container { border: 1px solid #263e43; overflow-y: auto; } .mainpage-box-blogs .communityposts { /* display: inline-block;*/ overflow-y: auto; vertical-align: top; } .mainpage-box-blogs .communityposts-container { border: 1px solid #c88e55; background-color:#b18462; overflow-y: auto; /*min-width:300px;*/ padding-bottom:10px; } /* Custom styling of the community posts */ .mainpage-box-blogs .communityposts-container .WikiaBlogListing .author-details h1 { font-size: 20px; color:white; letter-spacing:0; } .mainpage-box-blogs .communityposts-container .WikiaBlogListing .author-details { margin: 0 0 0px 40px; } .mainpage-box-blogs .communityposts-container .WikiaBlogListing img.avatar { height: 32px; width: 32px; } .mainpage-box-blogs .communityposts-container .WikiaBlogListing .WikiaBlogListingPost { padding: 6px; } .mainpage-box-blogs .newsfeed-container ul { list-style-type: circle; margin: 7px 1px 9px 22px; } .mainpage-box-blogs .newsfeed-container, .mainpage-box-blogs .newsfeed-container a { color: white; } .mainpage-box-blogs .communityposts-container .WikiaBlogListing { margin-bottom: -14px; margin-top: 9px; } .communityposts p a { display:none; }

.mainpage .read-more, .mainpage .read-more a, .mainpage .read-more a:link, .mainpage .read-more a:visited { color:black; font-size:13px; } .mainpage .author-details h2, .mainpage .author-details h2 a, .mainpage .author-details h2 a:visited, .mainpage .author-details h2 a:link { background:transparent; text-align:left; color:white!important; text-transform:none; font-weight:bold; font-family:"helvetica neue", helvetica, arial, sans-serif; font-size:20px; letter-spacing:0; margin:0; }

.mainpage .WikiaBlogListing .author-details span { color:white; font-size:13px; }

.mainpage .author-details a, .mainpage .author-details a:link, .mainpage .author-details a:visited { color:#d6b79a }

.mainpage .WikiaBlogListing .avatar { padding: 6px 5px 0 0 }

.mainpage .commentslikes { display:none }

/** Help Us Out box **/ .mainpage-box-helpusout { margin-bottom: 17px; margin-top: -5px;

border: 1px solid #c88e55; background-color:#b18462; overflow-y: auto; max-width:300px; padding:20px; color:white; font-weight:bold; } .mainpage-box-helpusout .createbox { margin-top: 14px; } /** Twitter box **/ .mainpage-box-twitter { margin-top:-5px; max-height:600px; border: 1px solid #c88e55; background-color:#e7c69e; overflow-y: auto; min-width:300px; padding-bottom:10px; } .mainpage-box-twitter .twitter { margin: 0 auto; width: 300px; } div.timeline.Widget, .timeline-Widget { max-width:300px; border-radius:none; background-color:transparent!important; }

.timeline-Header, .timeline-Footer { display:none!important; }

@media (min-width: 1024px) { .mainpage-box-twitter { margin-bottom:17px; } }

/** Featured Media box **/ .mainpage-box-featuredmedia { margin-bottom: 14px; } /** Recent Activity box **/ .mainpage-box-recentactivity { margin-bottom: 17px; margin-top: -5px; border: 1px solid #c88e55; background-color:#b18462; overflow-y: auto; min-width:300px; padding-bottom:10px; }

.mainpage-box-recentactivity a, .mainpage-box-recentactivity a:link, .mainpage-box-recentactivity a:visited { color:#fff; font-weight:normal; font-size:14px; }

.mainpage-box-recentactivity .feed { margin: 0 auto; width: 300px; padding-top:5px; padding-bottom:5px; } .mainpage-box-recentactivity .feed ul { margin-left: 25px; } .mainpage .activityfeed.shortlist cite { font-size:11px; color:#82412a!important } .activityfeed img.sprite { margin-left:-12px!important } /* Buttons on the main page */ .mainpage .wikia-menu-button, .mainpage a#CuratedContentTool.wikia-button, .mainpage input.createboxButton { background: rgb(147,174,181); background: -moz-linear-gradient(top, rgba(147,174,181,1) 0%, rgba(145,174,181,1) 48%, rgba(145,174,181,1) 53%, rgba(114,151,160,1) 100%); background: -webkit-linear-gradient(top, rgba(147,174,181,1) 0%,rgba(145,174,181,1) 48%,rgba(145,174,181,1) 53%,rgba(114,151,160,1) 100%); background: linear-gradient(to bottom, rgba(147,174,181,1) 0%,rgba(145,174,181,1) 48%,rgba(145,174,181,1) 53%,rgba(114,151,160,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93aeb5', endColorstr='#7297a0',GradientType=0 ); border:none }

.mainpage a.wikia-button.secondary { background: rgb(63,96,104); background: -moz-linear-gradient(top, rgba(63,96,104,1) 0%, rgba(29,65,72,1) 15%, rgba(23,51,56,1) 100%); background: -webkit-linear-gradient(top, rgba(63,96,104,1) 0%,rgba(29,65,72,1) 15%,rgba(23,51,56,1) 100%); background: linear-gradient(to bottom, rgba(63,96,104,1) 0%,rgba(29,65,72,1) 15%,rgba(23,51,56,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f6068', endColorstr='#173338',GradientType=0 ); color:#fff; } .mainpage .WikiHeader .buttons .contribute { background-color: #b49571; background-image: -moz-linear-gradient(top, #cbaa85 35%, #b49571 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #cbaa85), color-stop(65%, #b49571)); background-image: -o-linear-gradient(top, #cbaa85 35%, #b49571 65%); background-image: -ms-linear-gradient(top, #cbaa85 35%, #b49571 65%); border: 1px solid #a08464; color: #3a3a3a } .mainpage a.comments > .commentsbubble:before, .mainpage a.comments > .commentsbubble { background-color:#1d4148!important } .mainpage .page-share-toolbar svg { fill: #1d4148; }

/* Instant Expert stuff */

/* 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:#eebc3c; letter-spacing:3px; font-weight bold; max-width:670px; 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 { color:#4c0e00 } .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; }

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

.instantexpert-box-leaders a, .instantexpert-box-leaders a:link, .instantexpert-box-leaders a:visited { color:#4c0e00;

}

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

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

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

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

/* 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 { 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-whatsnew .article-thumb .title, .instantexpert-box-whatsnew .title { color:#fff; text-align:left; } .instantexpert-box-whatsnew-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-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:0 auto; border: 1px solid #c88e55; background-color:#b18462; 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: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-overview .description { padding: 0 15px 0 15px; }

.instantexpert-box-overview .pic { padding: 20px 20px 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-leaders .picgrid { margin:0; }

.instantexpert-box-whatsnew .picgrid { margin: 20px; } .instantexpert-box-leaders .picgrid .elements, .instantexpert-box-whatsnew .picgrid .elements { margin:0; text-align:center }

.instantexpert-box-leaders .picgrid .leaders-element { display:inline-block; margin-bottom:14px; margin-right:10px; width:103px; }

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

.instantexpert-box-leaders .picgrid .leaders-element .leaders-image { height:103px; width:103px; }

.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, .instantexpert .picgrid .tips-element .tips-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, .instantexpert .picgrid .aug-element .text, .instantexpert .picgrid .tips-element .text, .instantexpert .picgrid .element .text { margin-left:3px; margin-top:2px; text-align:left; font-size:12px; color:#4c0e00; line-height:130%; }

/* Super Walkthrough additions (even though class names are "instantexpert") */

/** Tech Trees**/ .instantexpert-box-tech-trees { margin-bottom: 17px; margin-top: -5px; border: 1px solid #c88e55; background-color:#b18462; overflow-y: auto; min-width:300px; color:#4c0e00; padding-top:30px; padding-bottom:10px; height:260px; }

.instantexpert-box-tech-trees .description { padding:30px; line-height:140%; }

.instantexpert-box-tech-trees a, .instantexpert-box-tech-trees a:link, .instantexpert-box-tech-trees a:visited { font-weight:bold

}

@media (max-width: 1024px) { .instantexpert-box-tech-trees { margin-bottom:0; } }

/** Civilizations Overview **/

.instantexpert-box-civilizations { 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-civilizations .article-thumb .title, .instantexpert-box-civilizations .title { color:#fff; text-align:left; }

.instantexpert-box-civilizations-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-civilizations .picgrid { margin: 20px; } .instantexpert-box-civilizations .picgrid .elements { margin:0; text-align:center } .instantexpert-box-civilizations .picgrid .element { width:197px; height:auto; margin:5px; float:left; 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-civilizations .picgrid .element .civ-name a, .instantexpert-box-civilizations .picgrid .element .civ-name a:link, .instantexpert-box-civilizations .picgrid .element .civ-name a:visited, .instantexpert-box-civilizations .picgrid .element .civ-name { color:white; letter-spacing:2px; padding-top:10px; font-weight:bold; font-size:15px; }

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

.instantexpert-box-civilizations .picgrid .element .leader a, .instantexpert-box-civilizations .picgrid .element .leader a:link, .instantexpert-box-civilizations .picgrid .element .leader a:visited, .instantexpert-box-civilizations .picgrid .element .leader { color:#eebc3c; padding-bottom:1px; text-transform:uppercase; letter-spacing:1px; font-size:10px; } .instantexpert-box-civilizations .picgrid .element .leader-name a, .instantexpert-box-civilizations .picgrid .element .leader-name a:link, .instantexpert-box-civilizations .picgrid .element .leader-name a:visited, .instantexpert-box-civilizations .picgrid .element .leader-name { color:white; font-size:14px; letter-spacing:1px; padding-bottom:5px; } .instantexpert-box-civilizations .picgrid .element .unique-unit a, .instantexpert-box-civilizations .picgrid .element .unique-unit a:link, .instantexpert-box-civilizations .picgrid .element .unique-unit a:visited, .instantexpert-box-civilizations .picgrid .element .unique-unit { color:#eebc3c; padding-bottom:1px; text-transform:uppercase; letter-spacing:1px; font-size:10px; } .instantexpert-box-civilizations .picgrid .element unit-name a, .instantexpert-box-civilizations .picgrid .element .unit-name a:link, .instantexpert-box-civilizations .picgrid .element .unit-name a:visited, .instantexpert-box-civilizations .picgrid .element .unit-name { color:white; font-size:14px; letter-spacing:1px; padding-bottom:5px; } .instantexpert-box-civilizations .picgrid .element .unique-infra a, .instantexpert-box-civilizations .picgrid .element .unique-infra a:link, .instantexpert-box-civilizations .picgrid .element .unique-infra a:visited, .instantexpert-box-civilizations .picgrid .element .unique-infra { color:#eebc3c; padding-bottom:1px; text-transform:uppercase; letter-spacing:1px; font-size:10px; } .instantexpert-box-civilizations .picgrid .element .infra-name a, .instantexpert-box-civilizations .picgrid .element .infra-name a:link, .instantexpert-box-civilizations .picgrid .element .infra-name a:visited, .instantexpert-box-civilizations .picgrid .element .infra-name { color:white; font-size:14px; letter-spacing:1px; padding-bottom:10px }