MediaWiki:Mainpage.css

/* Main page */ /** General styling **/ @font-face { font-family: DeusEx3_Hud; font-style: normal; font-weight: normal; src: url("https://images.wikia.nocookie.net/markva-public/images/2/2d/DeusEx3_Hud.eot#iefix") format("embedded-opentype"), url("https://images.wikia.nocookie.net/markva-public/images/d/d7/DeusEx3_Hud.woff") format("woff"), url("https://images.wikia.nocookie.net/markva-public/images/a/a0/DeusEx3_Hud.ttf") format("truetype"), url("https://images.wikia.nocookie.net/markva-public/images/3/35/DeusEx3_Hud.svg#DeusEx3_Hud") format("svg"); }

.page-Deus_Ex_Wiki .WikiaPageBackground { background-image: url("https://images.wikia.nocookie.net/deusex/images/4/47/Article-background.jpg/revision/latest?path-prefix=en") ! important; }

/* Hide the page name */ .mainpage .page-header__title, .mainpage .page-header__separator { display: none; }

/** Headers **/ .mainpage-header { background: #2a2a2c none repeat scroll 0% 0%; border-bottom: medium none ! important; color: #cb9c50; font-family: DeusEx3_Hud, Rubik, Arial, sans-serif !important; font-size: 26px !important; margin: 0 !important; padding: 7px 14px 6px !important; text-transform: uppercase; }

.mainpage-header .header-accent { color: #696971; }

/** Boxes **/ .theme-fandomdesktop-dark .mainpage-box { background: rgba(32, 32, 35, 0.5) none repeat scroll 0% 0%; margin: 20px 0 0; padding-top: 20px; }

.theme-fandomdesktop-light .mainpage-box { background: rgba(32, 32, 35, 0.1) none repeat scroll 0% 0%; margin: 20px 0 0; padding-top: 20px; }

.mainpage-box .container { padding: 20px; }

/** Header box **/ .mainpage-box-header img { margin-top: 20px; height: auto; width: 100%; }

/** Universe box **/ .mainpage-header-universe { font-size: 17px !important; padding: 2px 0 !important; text-align: center; }

.mainpage-header-secondary { margin-bottom: 20px !important; }

.theme-fandomdesktop-dark .mainpage-box-universe { text-align: center; padding-top: 0; }

.theme-fandomdesktop-light .mainpage-box-universe { background: rgba(32, 32, 35, 0.75) none repeat scroll 0% 0%; text-align: center; padding-top: 0; }

.mainpage-box-universe .game-accent { background: rgba(0, 0, 0, 0.3) none repeat scroll 0% 0%; margin: 20px; padding: 15px; }

.mainpage-box-universe .contents { margin-left: 50px; }

.mainpage-box-universe .content { display: inline-block; margin-bottom: 20px; margin-right: 50px; }

.mainpage-box-universe .contents-secondary .content img { height: auto; width: 140px; }

@media screen and (max-width: 1600px) { .mainpage-box-universe .contents { margin-left: 20px; }    .mainpage-box-universe .content { margin-right: 20px; } }

@media screen and (min-width: 1024px) and (max-width: 1083px) { .mainpage-box-universe .content img { height: auto; max-width: 150px; }    .mainpage-box-universe .contents-secondary .content img { height: auto; width: 130px; } }

/** Content box **/ .mainpage-box-content { padding-top: 0; }

.mainpage-box-content .contents { margin-left: 51px; padding-bottom: 15px; padding-top: 65px; text-align: center; }

.mainpage-box-content .content { display: inline-block; margin-bottom: 43px; margin-right: 51px; width: 130px; }

.mainpage-box-content .content .caption { font-family: DeusEx3_Hud, Rubik, Arial, sans-serif; font-size: 17px; margin-top: 15px; }

@media screen and (max-width: 1600px) { .mainpage-box-content .contents { margin-left: 31px; }    .mainpage-box-content .content { margin-right: 31px; } }

@media screen and (min-width: 1024px) and (max-width: 1083px) { .mainpage-box-content .contents { margin-left: 21px; }	 .mainpage-box-content .content { margin-right: 21px; } }

/** Blogs box **/ .mainpage-box-blogs { float: left; }

/* Reduce default padding */ .mainpage-box-blogs .container { padding-left: 10px; padding-right: 10px; } .skin-fandomdesktop .mainpage-box-blogs section.blog-listing { margin-bottom: 0; } .mainpage-box-blogs .blog-listing__post { padding: 18px; margin-bottom: 0; }

/* Indent between two subsequent blog posts */ .mainpage-box-blogs .blog-listing__post + .blog-listing__post { margin-top: 18px; }

.mainpage-box-blogs .blog-listing__post-details { display: unset; /* Unset the default flex display to prevent weird wrapping of date & comment count */ }

.mainpage-box-blogs .blog-listing__post-details span { font-weight: normal; }

.mainpage-box-blogs .blog-listing__comment-count { text-align: right; }

/** Buy box **/ .mainpage-box-buy { text-align: center; position: relative; }

.skin-oasis .mainpage-box-buy { margin-top: 10px; }

.mainpage-box-buy .mainpage-button-buy { position: absolute; bottom: 5px; left: 0; right: 0; text-transform: uppercase; font-weight: bold; font-size: 17px; }

.mainpage-box-buy .mainpage-button-buy a { color: white; }

.mainpage-box-buy .mainpage-button-buy a:hover { text-decoration: none; }

/** Social box **/ .mainpage-box-social .social-links { margin-bottom: -20px; margin-left: 20px; text-align: center; }

.mainpage-box-social .social-item { display: inline-block; margin-bottom: 20px; margin-right: 20px; }

.mainpage-box-social .social-item img { height: auto; width: 55px; }

/** Featured Images box - FandomDesktop styles **/

/* Remove excessive margins/paddings */ .skin-fandomdesktop .mainpage-box-featuredimages .container { padding-left: 0; padding-right: 0; } .mainpage-box-featuredimages .gallery { margin: 0 !important; padding: 0; }

/* Force gallery navigation buttons to be displayed on the same "row" */ .mainpage-box-featuredimages .mw-gallery-slideshow-buttons { padding: 0.6em 0 0 !important; } .mainpage-box-featuredimages .mw-gallery-slideshow-buttons .oo-ui-buttonElement { margin: 0 auto !important; }

/** Video box **/ .mainpage-box-video figure, .mainpage-box-video figure img { height: auto; margin-top: 0; width: 100% !important; }

.mainpage-box-video figcaption .title { margin-bottom: -24px; }

.mainpage-box-video .play-circle { background-image: url("https://images.wikia.nocookie.net/deusex/images/4/48/Mainpage_Video_Play.png/revision/latest?path-prefix=en") ! important; height: 56px !important; margin: -28px 0 0 -28px !important; width: 56px !important; }

/** Quote box **/ .mainpage-box-quote .container { padding: 11px 19px 12px; }

.mainpage-box-quote .quote { font-style: italic; }

.mainpage-box-quote .from { font-style: normal; text-align: right; }