MediaWiki:Mainpage.css

/* =================================  November 2017 mainpage redesign-- along with Instant Expert page code ================================= */

/* =================================  General mainpage and .page-Instant_Expert_Battlefront_II qualities. Declaration order is   important in this section in particular. Later declarations make exceptions for things declared earlier. ================================= */

.mainpage-wrap { }

.mainpage ficaption p.title, .mainpage .article-thumb figcaption { display:none; margin-left:10px; } .mainpage .lightbox-caption { } .page-Instant_Expert_Battlefront_II h6, .mainpage h6 { text-align:center; text-transform:uppercase; color:#181818; letter-spacing:3px; font-weight:700; max-width:670px; border:none; padding:5px; font-size:16px; font-family: Roboto, sans-serif; background-color:#4681d2; margin:0 auto; } .page-Instant_Expert_Battlefront_II .wikia-gallery-item .lightbox-caption, .page-Instant_Expert_Battlefront_II .wikia-gallery-item .lightbox-caption a, .page-Instant_Expert_Battlefront_II .wikia-gallery-item .lightbox-caption a:link, .page-Instant_Expert_Battlefront_II .wikia-gallery-item .lightbox-caption a:visited, .page-Instant_Expert_Battlefront_II .article-thumb .title, .page-Instant_Expert_Battlefront_II .wikia-gallery-item .title, .page-Instant_Expert_Battlefront_II h3, .page-Instant_Expert_Battlefront_II h3 a, .page-Instant_Expert_Battlefront_II h3 a:link, .page-Instant_Expert_Battlefront_II h3 a:visited{ text-align:left; text-transform:uppercase; color:#4681d2; letter-spacing:1px; font-weight:700; max-width:670px; border:none; font-size:12px; font-family: Roboto, sans-serif; margin:0 auto; } .page-Instant_Expert_Battlefront_II .article-thumb .title, .page-Instant_Expert_Battlefront_II .wikia-gallery-item .title, .page-Instant_Expert_Battlefront_II .wikia-gallery-item .lightbox-caption { text-align:left; } .page-Instant_Expert_Battlefront_II .article-thumb .title, .page-Instant_Expert_Battlefront_II .wikia-gallery-item .title { text-transform:none; margin:0 auto 20px auto; } .page-Instant_Expert_Battlefront_II .wikia-gallery-item .lightbox-caption { margin:0 auto 20px 5px; }

/* ==========================  Very broad, shared qualities of mainpage and Instant Expert modules. .ie- means something on the Instant Expert page. .mainpage- means a module on the main page. =========================== */ .ie-box-overview, .ie-box-new, .ie-box-explore, .mainpage-box-slider, .mainpage-box-featured-videos, .mainpage-box-welcome, .mainpage-box-discussions { width:670px; margin:0 auto;

}

.mainpage-box-slider { margin-bottom:20px; } .ie-box-overview, .ie-box-new, .ie-box-explore, .mainpage-box-featured-videos, .mainpage-box-welcome { width:630px; }

.mainpage-box-welcome .help-body { font-size:14px; line-height:140%; } .ie-box-meet, .ie-box-featured-video, .ie-box-overview, .ie-box-new, .ie-box-explore, .mainpage-box-blogs, .mainpage-box-welcome, .mainpage-box-discussions, .mainpage-box-news, .mainpage-box-critics, .mainpage-box-featured-images, .mainpage-box-featured-videos { border:1px solid #6f9ddc; padding:20px; background-color:#1e2124; }

.mainpage-box-buy, .mainpage-box-discord { margin-bottom:20px; margin-top:20px; } .mainpage-box-discussions { padding-left: 0px; padding-right: 0px; } .ie-box-buy, .ie-box-meet, .ie-box-featured-video, .mainpage-box-blogs, .mainpage-box-featured-images, .mainpage-box-news, .mainpage-box-critics { margin-bottom:20px; margin-top:-5px; max-width:285px; }

/* Some headers */ .ie-box-overview-header, .ie-box-new-header, .ie-box-explore-header, .mainpage-box-slider-header, .mainpage-box-featured-videos-header, .mainpage-box-welcome-header, .mainpage-box-discussions-header { text-align:center; text-transform:uppercase; color:#181818; letter-spacing:3px; width:662px; margin:20px auto 0 auto; border:none; padding:5px; font-size:16px; font-weight:700; font-family: Roboto, sans-serif; background-color:#6f9ddc; } .ie-box-overview-header { margin:0 auto; } /* ========================  Main page modules ======================== */

/* Discussions stuff */ .mainpage .discussion-module { display:none /* Turns off standard module to give deference to the bespoke one here */ } .mainpage .embeddable-discussions-module { border:none; padding:0 20px; } .mainpage .embeddable-discussions-module .embeddable-discussions-post-actions a, .mainpage .embeddable-discussions-module .embeddable-discussions-post-actions { border-color:#c7c8c8; color:#c7c8c8; } .mainpage .embeddable-discussions-heading { display:none; } .mainpage .embeddable-discussions-show-all { color:#c7c8c8; display:none; } .mainpage .embeddable-discussions-show-all a, .mainpage .embeddable-discussions-show-all a:link, .mainpage .embeddable-discussions-show-all a:visited { color:#c7c8c8!important; } .mainpage .embeddable-discussions-module .embeddable-discussions-post-detail { background-color:transparent; border-color:#c7c8c8; } .mainpage .embeddable-discussions-module .embeddable-discussions-reply-icon-tiny path, .mainpage .embeddable-discussions-module .embeddable-discussions-upvote-icon-tiny path, .mainpage .embeddable-discussions-module .embeddable-discussions-reply-icon path, .mainpage .embeddable-discussions-module .embeddable-discussions-upvote-icon path { fill: #c7c8c8; } .mainpage .embeddable-box-discussions-module .embeddable-mainpage-box-discussions-post-actions a, .mainpage .embeddable-mainpage-box-discussions-module .embeddable-mainpage-box-discussions-post-counters, .mainpage .embeddable-mainpage-box-discussions-module .avatar-details, .mainpage a.avatar-username, .mainpage .embeddable-mainpage-box-discussions-module .embeddable-mainpage-box-discussions-timestamp, .mainpage .embeddable-mainpage-box-discussions-module .embeddable-mainpage-box-discussions-forum { color:#c7c8c8; }

/* Blog stuff */ .mainpage .WikiaBlogListingBox .wikia-button, .mainpage a.more, .mainpage .WikiaBlogListingBox h2 { display:none; } .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 { overflow-y: auto; vertical-align: top; } .mainpage-box-blogs .communityposts-container { border: 1px solid #c88e55; background-color:#b18462; overflow-y: auto; padding-bottom:10px; } .mainpage-box-blogs .communityposts-container .WikiaBlogListing .author-details h1 { font-size: 20px; color:#c7c8c8; 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: #c7c8c8; } .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 { 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:#c7c8c8; 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 }

/* ===========================  Instant Expert page module details =========================== */  /* What's New stuff; ".new" should not be     confused with ".news" */ .ie-box-new .new { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; list-style: outside none none; margin: 15px 0px 0px; } .ie-box-new .new > div { width: calc(33% - 10px); } .ie-box-new .new img { height: auto; margin-bottom: 15px; width: 100%; } /* Featured videos stuff */ .ie-box-featured-video .wikia-gallery-item, .ie-box-featured-video .wikia-gallery-spacing-medium .wikia-gallery-item { padding:0; } /* Explore stuff */ .ie-box-explore .wikia-gallery-item .title, .ie-box-explore .wikia-gallery, .ie-box-explore .wikia-gallery-item, .ie-box-explore .gallery-image-wrapper, .ie-box-explore .gallery-image-wrapper a, .ie-box-explore .thumb, .ie-box-explore .lightbox-caption { height: auto ! important; margin: 0px; padding: 0px; width: auto ! important; } .ie-box-explore .wikia-gallery-item .title { text-transform:uppercase; } .ie-box-explore .thumb { margin:5px; } .ie-box-explore .wikia-gallery-row { margin-bottom: -10px; white-space: normal; } .ie-box-explore .gallery-image-wrapper { border: medium none; } .ie-box-explore .gallery-image-wrapper img { height: auto; width: 185px; }

/* Portability */ @media (max-width: 1023px) { .ie-box-featured-video, .ie-box-meet, .mainpage-box-discord, .mainpage-box-featured-images, .mainpage-box-blogs, .mainpage-box-critics, .mainpage-box-news { border:none!important; width:285px!important; }    .ie-box-featured-video, .ie-box-meet, .mainpage-box-discord, .mainpage-box-featured-images, .mainpage-box-news, .mainpage-box-blogs, .mainpage-box-critics { display:inline-block; margin:0 auto 20px auto; background-color:transparent; border:none; }    .main-page-tag-rcs .module { width:285px; }

}