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; font-size: 26px !important; margin: 0 !important; padding: 7px 14px 6px !important; text-transform: uppercase; }

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

/** Boxes **/ .mainpage-box { background: rgba(32, 32, 35, 0.5) 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; }

.mainpage-box-header img { 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; }

.mainpage-box-universe { 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 .container { padding: 0 10px 0; }

.mainpage-box-blogs .WikiaBlogListingPost { border-bottom: 1px solid #906f38; padding-bottom: 12px; padding-top: 17px; }

.mainpage-box-blogs .WikiaBlogListingPost::after { clear: both; content: " "; display: block; }

.mainpage-box-blogs .WikiaBlogListingPost:last-child { border-bottom: medium none; }

.mainpage-box-blogs .author-details h2 { font-size: 22px; }

.mainpage-box-blogs .read-more { float: right; margin-bottom: -3px; }

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

/** Buy box **/ .mainpage-box-buy { margin-top: 10px; }

.mainpage-box-buy .cover { text-align: center; }

.mainpage-box-buy .cover img { height: auto; width: 300px; }

.mainpage-box-buy .button { display: block; font-size: 17px; font-weight: bold; margin: 0 auto -40px; padding: 20px 0; position: relative; text-align: center; text-transform: uppercase; top: -40px; width: 280px; }

.mainpage-box-buy .button a { color: #ffffff; display: block; padding: 20px 0 !important; position: relative; top: -30px; width: 280px; }

.mainpage-box-buy .button 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 **/ .mainpage-box-featuredimages .container { padding-bottom: 18px; padding-left: 10px; }

.mainpage-box-featuredimages .wikia-slideshow-addimage { display: none; }

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