MediaWiki:Wikia.css

/************************************************/ /* IMPORTS /************************************************/

/*===========================*/ /*   Interlanguage flags    */ /*===========================*/

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:InterlanguageFlags.css&only=styles";

/************************************************/ /* SITE-WIDE /************************************************/

/*===========================*/ /*   Global modifications   */ /*===========================*/

html { /* Fixes background in Android versions of Chrome and Opera */ height: 100%; width: 100%; } body.mediawiki { /* Don't remove the class or the background will appear in message boxes for anonymous users */ background-size: cover; } a, a:hover { outline: 0; } pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } .WikiaPage, .WikiaPage .WikiaPageBackground { border-radius: 0 0 10px 10px; } .WikiaPage { border: 1px solid #ab0f0f; margin-bottom: 1em; } .WikiaPage::after { border-radius: 0 0 10px 10px; bottom: 0; box-shadow: 0 0 30px #ab0f0f; content: ""; left: 0; position: absolute; right: 0; top: -105px; z-index: -1; } @media only screen and (max-width: 1083px) { .WikiaPage::after { top: -115px; } } .WikiaPage .WikiaPageBackground { opacity: 0.9; }

/*===========================*/ /* Administration members   */ /*===========================*/

/* Administrators */ a[href$=":Manuel_de_la_Fuente"], a[href$="Special:Contributions/Manuel_de_la_Fuente"], a[href$="/d/u/5774380"], a[href$=":JinxTheFunhouse"], a[href$="Special:Contributions/JinxTheFunhouse"], a[href$=":Neetaku"], a[href$="Special:Contributions/Neetaku"], a[href$=":Insieme"], a[href$="Special:Contributions/Insieme"], a[href$="/d/u/27184109"] { color: steelblue !important; font-weight: bold !important; } img.avatar[alt="Manuel de la Fuente"], img.wds-avatar[alt="Manuel de la Fuente"], img.wds-avatar[title="Manuel de la Fuente"], a[href$=":Manuel_de_la_Fuente"] img.wds-avatar, img.avatar[alt="JinxTheFunhouse"], img.wds-avatar[alt="JinxTheFunhouse"], img.wds-avatar[title="JinxTheFunhouse"], a[href$=":JinxTheFunhouse"] img.wds-avatar, img.avatar[alt="Neetaku"], img.wds-avatar[alt="Neetaku"], img.wds-avatar[title="Neetaku"], a[href$=":Neetaku"] img.wds-avatar, img.avatar[alt="Insieme"], img.wds-avatar[alt="Insieme"], img.wds-avatar[title="Insieme"], a[href$=":Insieme"] img.wds-avatar { border-color: steelblue !important; } .WikiaActivityModule a[href$=":Manuel_de_la_Fuente"]::after, .WikiaBlogListingPost .author-details a[href$=":Manuel_de_la_Fuente"]::after, .Wall .edited-by a[href$=":Manuel_de_la_Fuente"]:first-child::after, .Wall a.username[href$=":Manuel_de_la_Fuente"]::after, .WikiaBlogListing .author-details a[href$=":Manuel_de_la_Fuente"]::after, .WikiaBlogPostHeader .author-details a[href$="User:Manuel_de_la_Fuente"]::after, #article-comments-ul .edited-by a[href$=":Manuel_de_la_Fuente"]::after, .WikiaBlogListingBox .author-details a[href$=":Manuel_de_la_Fuente"]::after, #myhome-activityfeed .subtle a[href$=":Manuel_de_la_Fuente"]::after, #myhome-activityfeed a.real-name[href$=":Manuel_de_la_Fuente"]::after, #myhome-activityfeed a.real-name[href="/d/u/5774380"]::after, .WikiaActivityModule a[href$=":JinxTheFunhouse"]::after, .WikiaBlogListingPost .author-details a[href$=":JinxTheFunhouse"]::after, .Wall .edited-by a[href$=":JinxTheFunhouse"]:first-child::after, .Wall a.username[href$=":JinxTheFunhouse"]::after, .WikiaBlogListing .author-details a[href$=":JinxTheFunhouse"]::after, .WikiaBlogPostHeader .author-details a[href$="User:JinxTheFunhouse"]::after, #article-comments-ul .edited-by a[href$=":JinxTheFunhouse"]::after, .WikiaBlogListingBox .author-details a[href$=":JinxTheFunhouse"]::after, #myhome-activityfeed .subtle a[href$=":JinxTheFunhouse"]::after, #myhome-activityfeed a.real-name[href$=":JinxTheFunhouse"]::after, .WikiaActivityModule a[href$=":Neetaku"]::after, .WikiaBlogListingPost .author-details a[href$=":Neetaku"]::after, .Wall .edited-by a[href$=":Neetaku"]:first-child::after, .Wall a.username[href$=":Neetaku"]::after, .WikiaBlogListing .author-details a[href$=":Neetaku"]::after, .WikiaBlogPostHeader .author-details a[href$="User:Neetaku"]::after, #article-comments-ul .edited-by a[href$=":Neetaku"]::after, .WikiaBlogListingBox .author-details a[href$=":Neetaku"]::after, #myhome-activityfeed .subtle a[href$=":Neetaku"]::after, #myhome-activityfeed a.real-name[href$=":Neetaku"]::after, .WikiaActivityModule a[href$=":Insieme"]::after, .WikiaBlogListingPost .author-details a[href$=":Insieme"]::after, .Wall .edited-by a[href$=":Insieme"]:first-child::after, .Wall a.username[href$=":Insieme"]::after, .WikiaBlogListing .author-details a[href$=":Insieme"]::after, .WikiaBlogPostHeader .author-details a[href$="User:Insieme"]::after, #article-comments-ul .edited-by a[href$=":Insieme"]::after, .WikiaBlogListingBox .author-details a[href$=":Insieme"]::after, #myhome-activityfeed .subtle a[href$=":Insieme"]::after, #myhome-activityfeed a.real-name[href$=":Insieme"]::after, #myhome-activityfeed a.real-name[href="/d/u/5774380"]::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #555, #000 50%) repeat scroll 0 0; border: 1px solid #444; border-radius: 3px; color: #ffffff; content: "Admin"; font-family: monospace; font-size: 0.8em; margin-left: 4px; padding: 2px; }

/* Discussions Moderators */ a[href$=":Dalmatia"], a[href$="Special:Contributions/Dalmatia"], a[href$="/d/u/27938131"], a[href$=":AhmedHadi1"], a[href$="Special:Contributions/AhmedHadi1"], a[href$="/d/u/27321453"], a[href$=":RuneLai"], a[href$="Special:Contributions/RuneLai"], a[href$="/d/u/1327106"] { color: mediumseagreen !important; font-weight: bold !important; } img.avatar[alt="Dalmatia"], img.wds-avatar[alt="Dalmatia"], img.wds-avatar[title="Dalmatia"], a[href$=":Dalmatia"] img.wds-avatar, img.avatar[alt="AhmedHadi1"], img.wds-avatar[alt="AhmedHadi1"], img.wds-avatar[title="AhmedHadi1"], a[href$=":AhmedHadi1"] img.wds-avatar, img.avatar[alt="RuneLai"], img.wds-avatar[alt="RuneLai"], img.wds-avatar[title="RuneLai"], a[href$=":RuneLai"] img.wds-avatar { border-color: mediumseagreen !important; } .WikiaActivityModule a[href$=":Dalmatia"]::after, .WikiaBlogListingPost .author-details a[href$=":Dalmatia"]::after, .Wall .edited-by a[href$=":Dalmatia"]:first-child::after, .Wall a.username[href$=":Dalmatia"]::after, .WikiaBlogListing .author-details a[href$=":Dalmatia"]::after, .WikiaBlogPostHeader .author-details a[href$="User:Dalmatia"]::after, #article-comments-ul .edited-by a[href$=":Dalmatia"]::after, .WikiaBlogListingBox .author-details a[href$=":Dalmatia"]::after, #myhome-activityfeed .subtle a[href$=":Dalmatia"]::after, #myhome-activityfeed a.real-name[href$=":Dalmatia"]::after, #myhome-activityfeed a.real-name[href="/d/u/27938131"]::after, .WikiaActivityModule a[href$=":AhmedHadi1"]::after, .WikiaBlogListingPost .author-details a[href$=":AhmedHadi1"]::after, .Wall .edited-by a[href$=":AhmedHadi1"]:first-child::after, .Wall a.username[href$=":AhmedHadi1"]::after, .WikiaBlogListing .author-details a[href$=":AhmedHadi1"]::after, .WikiaBlogPostHeader .author-details a[href$="User:AhmedHadi1"]::after, #article-comments-ul .edited-by a[href$=":AhmedHadi1"]::after, .WikiaBlogListingBox .author-details a[href$=":AhmedHadi1"]::after, #myhome-activityfeed .subtle a[href$=":AhmedHadi1"]::after, #myhome-activityfeed a.real-name[href$=":AhmedHadi1"]::after, #myhome-activityfeed a.real-name[href="/d/u/27321453"]::after, .WikiaActivityModule a[href$=":RuneLai"]::after, .WikiaBlogListingPost .author-details a[href$=":RuneLai"]::after, .Wall .edited-by a[href$=":RuneLai"]:first-child::after, .Wall a.username[href$=":RuneLai"]::after, .WikiaBlogListing .author-details a[href$=":RuneLai"]::after, .WikiaBlogPostHeader .author-details a[href$="User:RuneLai"]::after, #article-comments-ul .edited-by a[href$=":RuneLai"]::after, .WikiaBlogListingBox .author-details a[href$=":RuneLai"]::after, #myhome-activityfeed .subtle a[href$=":RuneLai"]::after, #myhome-activityfeed a.real-name[href$=":RuneLai"]::after, #myhome-activityfeed a.real-name[href="/d/u/1327106"]::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #555, #000 50%) repeat scroll 0 0; border: 1px solid #444; border-radius: 3px; color: #ffffff; content: "Discussions Mod"; font-family: monospace; font-size: 0.8em; margin-left: 4px; padding: 2px 6px; }

/* Content Moderators * a[href$=":Username"], a[href$="Special:Contributions/Username"], a[href$="/d/u/1234567"] { color: #D14949 !important; font-weight: bold !important; } img.avatar[alt="Username"], img.wds-avatar[alt="Username"], img.wds-avatar[title="Username"], a[href$=":Username"] img.wds-avatar { border-color: #D14949 !important; } .WikiaActivityModule a[href$=":Username"]::after, .WikiaBlogListingPost .author-details a[href$=":Username"]::after, .Wall .edited-by a[href$=":Username"]:first-child::after, .Wall a.Username[href$=":Username"]::after, .WikiaBlogListing .author-details a[href$=":Username"]::after, .WikiaBlogPostHeader .author-details a[href$="User:Username"]::after, #article-comments-ul .edited-by a[href$=":Username"]::after, .WikiaBlogListingBox .author-details a[href$=":Username"]::after, #myhome-activityfeed .subtle a[href$=":Username"]::after, #myhome-activityfeed a.real-name[href$=":Username"]::after, #myhome-activityfeed a.real-name[href="/d/u/1234567"]::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #555, #000 50%) repeat scroll 0 0; border: 1px solid #444; border-radius: 3px; color: #ffffff; content: "Content Mod"; font-family: monospace; font-size: 0.8em; margin-left: 4px; padding: 2px 6px; }

/* Rollbackers */ a[href$=":KemonoTitan"], a[href$="Special:Contributions/KemonoTitan"] { color: #FF8C3F !important; font-weight: bold !important; } img.avatar[alt="KemonoTitan"], img.wds-avatar[alt="KemonoTitan"], img.wds-avatar[title="KemonoTitan"], a[href$=":KemonoTitan"] img.wds-avatar { border-color: #FF8C3F !important; } .WikiaActivityModule a[href$=":KemonoTitan"]::after, .WikiaBlogListingPost .author-details a[href$=":KemonoTitan"]::after, .Wall .edited-by a[href$=":KemonoTitan"]:first-child::after, .Wall a.KemonoTitan[href$=":KemonoTitan"]::after, .WikiaBlogListing .author-details a[href$=":KemonoTitan"]::after, .WikiaBlogPostHeader .author-details a[href$="User:KemonoTitan"]::after, #article-comments-ul .edited-by a[href$=":KemonoTitan"]::after, .WikiaBlogListingBox .author-details a[href$=":KemonoTitan"]::after, #myhome-activityfeed .subtle a[href$=":KemonoTitan"]::after, #myhome-activityfeed a.real-name[href$=":KemonoTitan"]::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #555, #000 50%) repeat scroll 0 0; border: 1px solid #444; border-radius: 3px; color: #ffffff; content: "Rollbacker"; font-family: monospace; font-size: 0.8em; margin-left: 4px; padding: 2px 6px; }

/* Reporters */ a[href$=":Sim0n2170"], a[href$="Special:Contributions/Sim0n2170"], a[href$="/d/u/26095689"] { color: lightblue !important; font-weight: bold !important; } img.avatar[alt="Sim0n2170"], img.wds-avatar[alt="Sim0n20170"], img.wds-avatar[title="Sim0n2170"], a[href$=":Sim0n2170"] img.wds-avatar { border-color: lightblue !important; } .WikiaActivityModule a[href$=":Sim0n2170"]::after, .WikiaBlogListingPost .author-details a[href$=":Sim0n2170"]::after, .Wall .edited-by a[href$=":Sim0n2170"]:first-child::after, .Wall a.Sim0n2170[href$=":Sim0n2170"]::after, .WikiaBlogListing .author-details a[href$=":Sim0n2170"]::after, .WikiaBlogPostHeader .author-details a[href$="User:Sim0n2170"]::after, #article-comments-ul .edited-by a[href$=":Sim0n2170"]::after, .WikiaBlogListingBox .author-details a[href$=":Sim0n2170"]::after, #myhome-activityfeed .subtle a[href$=":Sim0n2170"]::after, #myhome-activityfeed a.real-name[href$=":Sim0n2170"]::after, #myhome-activityfeed a.real-name[href="/d/u/26095689"]::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #555, #000 50%) repeat scroll 0 0; border: 1px solid #444; border-radius: 3px; color: #ffffff; content: "Reporter"; font-family: monospace; font-size: 0.8em; margin-left: 4px; padding: 2px 6px; }

/* Bots */ a[href$=":Botniac"], a[href$="Special:Contributions/Botniac"] { color: lightslategray !important; font-weight: bold !important; } img.avatar[alt="Botniac"], img.wds-avatar[alt="Botniac"], img.wds-avatar[title="Botniac"], a[href$=":Botniac"] img.wds-avatar, { border-color: lightslategray !important; } .WikiaActivityModule a[href$=":Botniac"]::after, .WikiaBlogListingPost .author-details a[href$=":Botniac"]::after, .Wall .edited-by a[href$=":Botniac"]:first-child::after, .Wall a.Botniac[href$=":Botniac"]::after, .WikiaBlogListing .author-details a[href$=":Botniac"]::after, .WikiaBlogPostHeader .author-details a[href$="User:Botniac"]::after, #article-comments-ul .edited-by a[href$=":Botniac"]::after, .WikiaBlogListingBox .author-details a[href$=":Botniac"]::after, #myhome-activityfeed .subtle a[href$=":Botniac"]::after, #myhome-activityfeed a.real-name[href$=":Botniac"]::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #555, #000 50%) repeat scroll 0 0; border: 1px solid #444; border-radius: 3px; color: #ffffff; content: "Bot"; font-family: monospace; font-size: 0.8em; margin-left: 4px; padding: 2px 6px; } a.message-wall, .wikis a { font-weight: normal !important; } a.message-wall { color: #0a5fa3 !important; } a.message-wall:hover { color: #fff !important; } .wikis a { color: #f3c263 !important; }

/*===========================*/ /*    Global navigation     */ /*===========================*/

border: 2px solid currentColor !important; }
 * 1) globalNavigation img.wds-avatar {

/*===========================*/ /*        Sidebar           */ /*===========================*/

.WikiaRail .module > h2, .WikiaRail .rail-module h2 { background: -webkit-linear-gradient(#ddd, #888); border-color: transparent; border-image: linear-gradient(to right, transparent 0%, #fd5200 30%, #fdfa00 70%, #fd5200 90%, transparent 100%) 1 1 1 1; border-style: none none solid; border-width: 0 0 2px; color: #bbb; font-size: 1.7em !important; line-height: 1em !important; margin-bottom: 15px; text-align: center; text-transform: uppercase; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .WikiaRail .module { background: none; border-color: transparent; border-style: none; border-width: 0; } .activity-module { background: transparent url("https://vignette.wikia.nocookie.net/shingekinokyojin/images/0/08/Survey_Corps_watermark.png/revision/latest?cb=20160615105134") no-repeat scroll center center; min-height: 300px; } .WikiaRail .rail-module .wds-button.wds-is-secondary { border-color: #f3c263; color: #f3c263; }   margin-bottom: 0; }   margin-bottom: 1em; }   max-height: 70px; overflow-y: auto; }   background-image: url(https://cdn.discordapp.com/emojis/274593423997272065.png); background-size: 20px; background-repeat: no-repeat; padding-left: 25px; line-height: 1.5em; } .tally { line-height: 1.6em; } ul.badges-icons { margin-top: 0.5em; overflow: hidden; } .badges li { border-bottom: none !important; clear: none !important; margin: 0 0 2px 4px !important; float: left; } a.badges-prev { float: left; } a.badges-next { float: right; } .badges .badge-text p { line-height: 1.2em; }
 * 1) ActiveDiscussions {
 * 1) ActiveDiscussions img {
 * 1) activediscussions-body {
 * 1) activediscussions-body li {

/************************************************/ /* ARTICLES

/*=================*/ /*    Homepage    */ /*=================*/

.page-Attack_on_Titan_Wiki .error { display: none; }

/*=================*/ /* Spoiler overlay */ /*=================*/

filter: blur(15px); background-color: black; }   background-color: #9f0000; border: 2px solid silver; border-radius: 4px; font-size: 13px; left: 0; line-height: 22px; margin: 6em auto 0; padding: 0.5em; position: absolute; right: 0; text-align: center; top: 0; width: 430px; z-index: 1; }   text-align: left; }   background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #343434, #000 70%) repeat scroll 0 0; border-radius: 5px; cursor: pointer; display: inline-block; margin: 0 auto; padding: 0.5em 1em; } .ArticlePreview #spoiler-overlay, .ve-init-target #spoiler-overlay { display: none !important; } .ArticlePreview #spoiler-overlay ~ *:not(#media-icons), .ve-init-target #spoiler-overlay ~ *:not(#media-icons) { background-color: transparent; filter: none; }
 * 1) spoiler-overlay ~ *:not(#INCONTENT_WRAPPER) {
 * 1) spoiler-overlay {
 * 1) spoiler-overlay .floatleft {
 * 1) show-spoilers {

/*===============*/ /* Media icons  */ /*===============*/

margin-bottom: 1em; overflow: hidden; }   float: right; margin: 0; }   float: left; line-height: 0; list-style-type: none; margin: 0 5px 0 0; } .mi-current a, .mi-other a { border: 2px solid darkred; border-radius: 0.5em; display: inline-block; height: 50px; opacity: 0.5; overflow: hidden; position: relative; width: 50px; } .mi-current a, .mi-other a:hover { opacity: 1; } .mi-mobile { display: none; }
 * 1) media-icons {
 * 1) media-icons ul {
 * 1) media-icons li {

/*===============*/ /*     Tabs     */ /*===============*/

.article-tabs { border: 0; margin: 0; overflow: hidden; padding: 0; text-align: center; width: 100% } .article-tabs a:hover { text-decoration: none; } .article-tabs-active, .article-tabs-inactive { border-color: #770403; border-radius: 6px 6px 0 0; border-style: solid; border-width: 2px 2px 0; float: left; font-weight: bold; line-height: 1.3em; margin: 0 5px 0 0; min-width: 110px; padding: 0.5em; text-align: center; } .article-tabs-active { background-color: #000; color: #eee; } .article-tabs-inactive{ background-color: #770403; } .article-tabs-inactive a { color: #eee !important; display: block; outline: 0; } .article-tabs-inactive a:hover { text-decoration: none; } .article-tabs-bottomline { border-top: 2px solid #770403; margin: -2px 0 5px 0; width: 100%; } .article-tabs-active.article-tabs-article::before, .article-tabs-active.article-tabs-gallery::before, .article-tabs-active.article-tabs-videos::before, .article-tabs-inactive.article-tabs-article a::before, .article-tabs-inactive.article-tabs-gallery a::before, .article-tabs-inactive.article-tabs-videos a::before { background-position: left center; background-repeat: no-repeat; content: ""; padding-left: 23px; } .article-tabs-active.article-tabs-article::before, .article-tabs-inactive.article-tabs-article a::before { background-image: url("https://vignette.wikia.nocookie.net/shingekinokyojin/images/c/c4/Article.png/revision/latest?cb=20160615105236"); padding-left: 19px; } .article-tabs-active.article-tabs-gallery::before, .article-tabs-inactive.article-tabs-gallery a::before { background-image: url("https://vignette.wikia.nocookie.net/shingekinokyojin/images/a/a3/Gallery.png/revision/latest?cb=20160615105324"); } .article-tabs-active.article-tabs-videos::before, .article-tabs-inactive.article-tabs-videos a::before { background-image: url("https://vignette.wikia.nocookie.net/shingekinokyojin/images/e/ec/Videos.png/revision/latest?cb=20160615105415"); }

/*=============*/ /*  Notices   */ /*=============*/

.notice { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #444, #000 60%) no-repeat scroll 0 0; border-radius: 5px; margin: 2px auto 1em; padding: 3px; position: relative; max-width: 700px; } .notice::after { background: rgba(0, 0, 0, 0) linear-gradient(to right bottom, #999 40%, #222 60%) repeat scroll 0 0; border-radius: 5px; bottom: -2px; content: ""; left: -2px; position: absolute; right: -2px; top: -2px; z-index: -1; } .notice td:nth-child(2) { padding-left: 5px; } .notice span { font-size: 0.8em; }

/*=============*/ /* Infoboxes  */ /*=============*/

/* General infoboxes */ .portable-infobox { background-color: transparent; border: 1px solid #323232; padding: 3px; width: 300px; } .portable-infobox .pi-title { font-weight: bold; } .portable-infobox .pi-header, .portable-infobox .pi-title { background: rgba(0, 0, 0, 0) linear-gradient(to right, #590302, #bf1111, #590302) repeat scroll 0 0; color: #eee; text-align: center; } ul.pi-image-collection-tabs { margin: 10px 0 -1px; } ul.pi-image-collection-tabs li { background-color: #343434; border: 1px solid #666; color: #eee; font-size: 12px; font-weight: bold; line-height: 1.6em !important; margin: 0 3px 0 0; padding: 0 4px !important; } ul.pi-image-collection-tabs li.current { background-color: black; border-bottom: 1px solid black; } ul.pi-image-collection-tabs li:last-child { margin: 0; } .pi-image-collection-tab-content { background-color: transparent; border-top: 1px solid #666; } .pi-image { padding: 5px 0; } .pi-caption { text-align: center; } .pi-header.pi-secondary-font.pi-secondary-background.pi-item-spacing > a { color: #eee; } .pi-border-color { border-color: transparent; } .pi-collapse .pi-header::after { border-color: black; } .pi-item.pi-group.pi-collapse.pi-collapse-closed { border-bottom: 1px solid transparent; } /* Infobox arc */ .pi-theme-arc { float: none; margin: 0 auto; width: 550px; }

/* Infobox discussion */ .pi-theme-discussion { float: none; margin: 0 auto; width: 600px; }

/*=========================*/ /*   Table of contents    */ /*=========================*/

.WikiaArticle .toc { border-radius: 10px; } .WikiaArticle #toctitle { background-color: #333; border-radius: 5px; } .WikiaArticle #toctitle h2 { background: none; font-weight: bold; }

/*=========================*/ /*  Body of the article   */ /*=========================*/

.WikiaArticle h2 { background: rgba(0, 0, 0, 0) linear-gradient(to right, #333 70%, transparent) repeat scroll 0 0; border-bottom: 0 none; padding-bottom: 0; padding: 4px; }

/*===============*/ /*  Galleries   */ /*===============*/

.aot-gallery .wikia-gallery { max-height: 1100px; overflow: auto; } .wikia-gallery-item .title { display: none; } .gallery-image-wrapper, .wikia-gallery-item a { width: 100% !important; } .gallery-image-wrapper { background-color: #141414; border-color: #444 !important; bottom: 0 !important; height: 100% !important; left: 0 !important; right: 0 !important; top: 0 !important; } .gallery-image-wrapper:hover { background-color: #272727; } .wikia-gallery-item a { display: block !important; height: 100% !important; } .wikia-gallery-item img { position: relative; top: 50%; transform: translateY(-50%); }

/*===========================*/ /*        Tables            */ /*===========================*/ .aotable { border-left: 1px solid #999; border-spacing: 0; border-top: 1px solid #999; margin: 0 auto; } .aotable th, .aotable td { border-bottom: 1px solid #999; border-right: 1px solid #999; padding: 5px; } .aotable tr:first-child th, .aotable thead th { background-color: #242424; } .aotable tr:nth-child(n+2) th { background-color: #333; }

/*==================================*/ /* Character Boxes & Military Boxes */ /*==================================*/

.military-header, .characterbox-main, .military { text-align: center; } .military-header { border: 1px solid; border-radius: 1em 1em 0 0; font-size: 30px; margin-bottom: 0 !important; padding: 0.5em; } .military { border: 1px solid; border-top: 0; padding: 0.5em; } .military h3, .military h4, .military h5, .military h6 { background-image: url(https://vignette.wikia.nocookie.net/shingekinokyojin/images/7/7b/Black_metal_background.jpg/revision/latest?cb=20180113170144); background-size: cover; border: 1px solid; font-size: 17px; line-height: 22px; margin-bottom: 1em; padding: 0.3em; } h3.military-subheader, h4.military-subheader, h5.military-subheader { font-weight: bold; font-size: 18px; text-transform: capitalize; font-variant: small-caps; margin-right: -0.3em; margin-left: -0.3em; margin-bottom: 1em; padding: 0.3em; width: auto; box-shadow: 0 2px 5px #555, 0 -2px 5px #555; background-color: #141414; background-image: none; border: none !important; border: none; } h3.military-subheader:first-child, h4.military-subheader:first-child, h5.military-subheader:first-child { margin-top: -0.3em; box-shadow: 0 2px 5px #555; } .characters-toc strong { font-weight: normal; } .characters-toc a { color: #f3c263 !important; } .characterbox { border-spacing: 3px; margin: 0 auto; } .characterbox:hover { box-shadow: 0 0 20px #777; } .characterbox-main .characterbox-container, .military .characterbox-container { display: inline-block; margin: 0 5px 5px 0 !important; } .characterbox, .characterbox a { color: white; } .characterbox div { height: 150px; overflow: hidden; }

/*===========================*/ /*         Roles            */ /*===========================*/

.role { border-spacing: 0; clear: right; float: right; margin: 0 0 1em 1em; text-align: center; width: 308px; } .role th, .role td { border-right: 1px solid #222; } .role th:last-child, .role td:last-child { border-right: 0; } .role tr:first-child th, .role tr:first-child th a { color: #eee; } .role th { background: transparent linear-gradient(to right, transparent, #222, transparent) repeat scroll 0 0; } .role td { font-size: 12px; width: 33%; }

/*===========================*/ /*         Minitabs         */ /*===========================*/ /*  Styles for MiniTabs   */

/*  The block that contains the tabs   */ .minitabs ul.tabbernav { border-bottom: 0; text-align: center; } /*  General styles for the links   */ .minitabs ul.tabbernav li a, .minitabs ul.tabbernav li a:hover { background-color: #343434; border: 1px solid #666; color: #eee !important; } /*  The link of the active tab   */ .minitabs ul.tabbernav li.tabberactive a, .minitabs ul.tabbernav li.tabberactive a:hover { background-color: #000; border-bottom: 1px solid #000 !important; } /*  The block that stores the content   */ .minitabs .tabberlive .tabbertab { border: 1px solid #666; } /*  Styles for MiniTabs2   */

/*  The main conainer   */ .minitabs2 { margin-top: -1em; } /*  The block that contains the tabs   */ .minitabs2 ul.tabbernav { border-bottom: 0; overflow: hidden; padding: 0; } /*  General styles for the links   */ .minitabs2 ul.tabbernav li a, .minitabs2 ul.tabbernav li a:hover { background-color: transparent !important; border-left: 1px solid #888 !important; border-right: 0 !important; color: #bbb !important; margin: 0; } /*  The link of the active tab   */ .minitabs2 ul.tabbernav li.tabberactive a, .minitabs2 ul.tabbernav li.tabberactive a:hover { color: #eee !important; } /*  The first tab   */ .minitabs2 ul.tabbernav li:first-child a, .minitabs2 ul.tabbernav li:first-child a:hover { border-left: 0 !important; } /*  The block that stores the content   */ .minitabs2 .tabberlive .tabbertab { border: 0; padding: 0; }

/*===========================*/ /*         Navboxes         */ /*===========================*/

.navbox { border: 1px solid #999; border-radius: 10px; margin-bottom: 1em; padding: 3px; } .navbox table { border-radius: 7px; border-spacing: 0; font-size: 90%; overflow: hidden; position: relative; text-align: center; width: 100%; } .navbox th, .navbox td { padding: 0.2em 0.5em; } .navbox th, .navbox th a, .navbox th a.new { color: white; } .navbox tr:first-child th:first-child { width: 0%; } .navbox tr:first-child th:nth-child(2) { width: 100%; } .navbox tr:nth-child(n+2) th { border-top: 1px solid black; } .navbox-blackf th, .navbox-blackf th a, .navbox-blackf th a.new { color: black; } th.navbox-empth { padding: 0; } .navbox div { font-size: 10px; left: 0; position: absolute; text-align: center; width: 20%; } .navbox .mw-collapsible-toggle { position: absolute; right: 0.5em; }

/************************************************/ /* HOME PAGE /************************************************/

/*=====================*/ /*      Slider        */ /*=====================*/

.wikiaPhotoGallery-slider-body .horizontal .description h2 { background: none; padding: 0; }

/*=====================*/ /*     Home Menu      */ /*=====================*/

margin: 0 auto; }   background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #343434, #000 70%) repeat scroll 0 0; border: 1px solid #444; border-radius: 5px; color: #eee; display: block; font-weight: bold; line-height: 40px; text-align: center; text-transform: uppercase; width: 125px; }   background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #343434 30%, #000) repeat scroll 0 0; text-decoration: none; }   content: normal; } @media (min-width: 1600px) { #home-menu a { font-size: 0.9em; } }
 * 1) home-menu {
 * 1) home-menu a {
 * 1) home-menu a:hover {
 * 1) home-menu a.external::after {

/*=====================*/ /*  Spoiler notice    */ /*=====================*/

background-color: rgba(255, 79, 0, 0.2); border: 2px solid #ff4f00; color: white; font-size: 0.8em; margin: 1em auto; padding: 3px; text-align: center; text-transform: uppercase; width: 660px; } @media (min-width: 1600px) { #spoiler-notice { font-size: 0.7em; } }
 * 1) spoiler-notice {

/*=====================*/ /*    Home Blocks     */ /*=====================*/

.home-block { border-spacing: 0; margin-bottom: 15px; width:100% } .home-block th { background: rgba(0, 0, 0, 0) linear-gradient(to right, #590302, #bf1111, #590302) repeat scroll 0 0 !important; border: 2px solid darkred; border-radius: 5px; color: white; font-size: 1.1em; line-height: 1.1em; padding: 5px; text-align: center; text-transform: none !important; vertical-align: top; } .home-block td { background-color: transparent; padding: 5px 0 0; }

/*=====================*/ /*    Characters      */ /*=====================*/

.characters { margin: 0 auto; } .characters td { padding: 0 5px; } .characters tr:first-child td { padding-bottom: 10px; } .charbox { background: rgba(0, 0, 0, 0) linear-gradient(to right, #fd5200 30%, #fdfa00 70%, #fd5200 90%) repeat scroll 0 0; border-radius: 5px; height: 90px; overflow: hidden; padding: 3px; position: relative; width: 90px; } .charbox:hover { box-shadow: 0 0 30px #fd8e00; } .charbox img { border-radius: 3px; } .charbox b { background: rgba(0, 0, 0, 0) linear-gradient(to right, #fd5200 30%, #fdfa00 70%, #fd5200 90%) repeat scroll 0 0; border-radius: 5px 0; bottom: 0px; font-size: 0.9em; padding: 0 5px; position: absolute; right: 0px; text-shadow: 1px 1px red; text-transform: uppercase; } .charbox a { color: white; } .charbox a:hover { text-decoration: none; }

/*=====================*/ /*     Synopsis       */ /*=====================*/

background-image: url("https://vignette.wikia.nocookie.net/shingekinokyojin/images/a/aa/Wall_texture.jpg/revision/latest?cb=20160615105552"); background-position: center center; color: white; padding: 10px; text-align: center; text-shadow: 0 0 1px #000; }
 * 1) synopsis {

/*=====================*/ /*  Home summaries    */ /*=====================*/

.home-summary img { border: 2px solid; }

/*=====================*/ /* Season 2 Countdown */ /*=====================*/

background-color: #000; border: 2px solid #444; border-spacing: 0; color: #bbb; margin-bottom: 1em; padding: 0.5em; text-align: center; }   padding-right: 0.5em; }   padding-top: 0.5em; }   background: -webkit-linear-gradient(#ddd, #888); border-color: transparent; border-image: linear-gradient(to right, transparent 0%, #fd5200 30%, #fdfa00 70%, #fd5200 90%, transparent 100%) 1 1 1 1; border-style: none none solid; border-width: 0 0 2px; font-size: 1.2em; line-height: 1em; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
 * 1) s2-countdown {
 * 1) s2-countdown tr:first-child td {
 * 1) s2-countdown tr:nth-child(2) td {
 * 1) s2-countdown th {

/*=====================*/ /*       Events       */ /*=====================*/

/*  The main container, subcontainer, and the block that stores the content   */ .mainpage #events .tabberlive, .mainpage .tabberlive .tabbertab, #events .tabberlive, #events .tabberlive .tabbertab { margin: 0; padding: 0; } /*  The block that contains the tabs   */ .mainpage ul.tabbernav, #events ul.tabbernav { border-bottom: 1px solid #666; } /*  The block that stores the content   */ .mainpage .tabberlive .tabbertab, #events .tabberlive .tabbertab { border: 0; } .date { border-spacing: 0; padding: 0; width: 100%; } .date td { padding: 0; } .date td:first-child { width: 1%; } .date td:nth-child(2) { padding-left: 10px; } .date td > div { background-color: white; border-radius: 5px; color: black; font-weight: bold; padding: 0; text-align: center; width: 60px; } .date td > div > div:first-child { background-color: darkred; border-radius: 5px 5px 0 0; color: white; text-transform: uppercase; } .date td > div > div:nth-child(2) { font-size: 25px; line-height: 25px; } .date td > div > div:nth-child(3) { line-height: 13px; padding-bottom: 3px; }

/*==========================*/ /*          Poll           */ /*==========================*/

display: block; text-align: center; }
 * 1) home-poll b:first-child {

/*==========================*/ /*     Forum Activity      */ /*==========================*/

.forum-activity-module { border: none; box-shadow: none; } .forum-activity-module { margin: 0 auto; max-width: 270px; padding: 0 8px; } img.avatar, img.wds-avatar { border: 2px solid #f3c263 !important; border-radius: 50%; overflow: hidden; } .mainpage .forum-activity-module h2, .page-Special_WikiActivity .forum-activity-module h2 { display: none; } .forum-activity-module em a { white-space: normal; } .forum-activity-module em { font-style: normal; } .mainpage .forum-activity-module, .page-Special_WikiActivity .forum-activity-module { max-width: 250px; margin: 0; } .WikiaRail .forum-activity-module ul { list-style-type: none; margin: 0; } .WikiaRail .activity-info { display: inline-block; margin-left: 5px; max-width: 205px; overflow: hidden; }

/*==========================*/ /*   Community Activity    */ /*==========================*/

background: none; font-size: 15px; margin-right: 0; padding: 0; }   bottom: 20px; right: auto; top: auto; }   margin-left: 30px; }
 * 1) community-activity h2 {
 * 1) community-activity .WikiaBlogListing .commentslikes {
 * 1) community-activity .read-more {

/*==========================*/ /*       Affiliates        */ /*==========================*/

.affiliates { text-align: center; } .affiliates img { padding: 5px; } .affiliates img:hover { background-color: #242424; }

/************************************************/ /* USER PROFILES /************************************************/

.WikiaUserPagesHeader { background: none; } .UserProfileMasthead .masthead-avatar .avatar { border: 4px solid #7A0402 !important; border-radius: 8px; } .UserProfileMasthead .masthead-info-lower::before { border-color: #7A0402 #7A0402 transparent transparent; } .UserProfileMasthead .masthead-info { background: #000 url("https://vignette.wikia.nocookie.net/shingekinokyojin/images/6/69/User_profile_background.jpg/revision/latest?cb=20160615105708") no-repeat scroll center top / 100%; } .UserProfileMasthead .masthead-info .tag { background: #540505; color: white; padding: 5px; }

/************************************************/ /* FORUM AND MESSAGE WALLS /************************************************/

.page-Special_Forum .WikiaArticle, .ns-2002 .WikiaArticle { /* This is to solve a weird bug with the forum that makes the boards occupy just half of the screen */ clear: both; } .Forum .board { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #1c1c1c, #000) repeat scroll 0 0; border: 1px solid #323232; border-radius: 0 1em 1em 0; margin: 0 0 1em; padding: 12px; position: relative; transition: 0.5s; } .Forum .board:first-child { border-top: 1px solid #323232; } .Forum .board:hover { border-left: 15px solid #323232; } .Forum .board .heading h4 a { color: #eee; } .Forum .activity { right: 0.5em; } .ContentHeader { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #1c1c1c, #000 50%) repeat scroll 0 0; border: 0 none; border-radius: 5px; margin-bottom: 1em; padding: 10px 5px; } .Forum .ThreadList .thread { background: #111111 none repeat scroll 0 0; border: 1px solid #323232; border-radius: 20px 0; margin-bottom: 1em; } .related-topics .related-topic, .related-topics .edit-topic { background-color: #323232; } .Wall ul.comments > li.message ul.replies > li { border-top: 0 none; } .Wall .SpeechBubble.new-message .speech-bubble-message::after { border-color: #111 #111 transparent transparent; } .Wall .SpeechBubble.new-message .speech-bubble-message { background: #111; } .Wall .new-message textarea { background: #000; } .Wall .new-message .editarea textarea { background-color: #000; } .Wall ul.comments > li.message > .speech-bubble-message::after { border-color: #1C1C1C #1C1C1C transparent transparent; } .Wall ul.comments > li.message > .speech-bubble-message { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #1C1C1C, #000 50%) repeat scroll 0 0; box-shadow: 0 0 10px #333; } .Wall ul.comments > li.message li.message .speech-bubble-message { background: #000; box-shadow: 0 0 10px #333; padding-top: 6px; } .Forum .DiscussionBox .message::before { border-color: #111 #111 transparent transparent; } .Forum .DiscussionBox .message { background-color: #111; } .Forum .DiscussionBox input[type="text"], .Forum .DiscussionBox textarea { background-color: #000; } .Wall .quote, .WallPreview .quote, .Wall blockquote { background-color: #242424; border: 1px solid #444; border-radius: 0.5em; margin: 0 0 1em; padding: 10px; } .Wall textarea:focus { box-shadow: 0 0 4px 0 #CCC; } .spoiler > span:hover { opacity: 1 !important; } .Wall .error { display: none; }

/*==========================*/ /*   Spoiler Warning       */ /*==========================*

.ve-init-mw-viewPageTarget-toolbar::after, #EditPageEditorWrapper::before, .modalContent::before, .message-container::before, #wall-new-message::before, .new-reply::before, .article-comm-form::before { background: #800600 url("https://vignette.wikia.nocookie.net/shingekinokyojin/images/8/81/Stop_sign.png/revision/latest/scale-to-width-down/100?cb=20160808181150") no-repeat scroll 0.5em center; border: 2px solid red !important; color: #eee; content: "Do NOT post information nor upload images from Chapter #104 before its official release on April 8th on Amazon Kindle,\20 comiXology and Crunchyroll. Until that time,\20 any information from this chapter must be referred to the spoiler sections of the Discord server. Omission of this rule may result in blocking." !important; display: block; font-size: 14px; font-weight: bold; margin: 0.5em; min-height: 100px; padding: 0.5em 0.5em 0.5em 115px; text-align: justify; } .new-reply::before { height: auto !important; left: 0 !important; margin-left: 40px; position: relative !important; width: auto !important; }   display: none; }
 * 1) LightboxModal .modalContent::before, #diff-preview .modalContent::before {

/************************************************/ /* BLOGS

.WikiaBlogListing h2 { background: none; padding: 0; } .WikiaBlogListingBox.module > h2 { margin-top: 20px; } .WikiaBlogListingBox ul .WikiaBlogListingPost h2 { border: 0 none; text-align: left; text-shadow: none; text-transform: none; } .WikiaBlogListingBox details span, .WikiaBlogListingBox details a, .WikiaBlogListingBox .author-details span, .WikiaBlogListingBox .author-details a { font-size: 12px; }

/************************************************/ /* FILE PAGES /************************************************/

/*==========================*/ /*    File information     */ /*==========================*/

.file-information { border: 1px solid #323232; border-radius: 30px; border-spacing: 0; padding: 3px; width: 100%; } .file-information th { background: rgba(0, 0, 0, 0) linear-gradient(to right, #590302, #bf1111, #590302) repeat scroll 0 0; border-bottom: 1px solid black; color: #eee; width: 1%; } .file-information tr:first-child th, .file-information tr:last-child th { background: rgba(0, 0, 0, 0) linear-gradient(to right, #590302, #bf1111, #590302) repeat scroll 0 0; border-radius: 27px 27px 0 0; font-size: 1.2em; height: 25px; padding: 0 !important; } .file-information tr:last-child th { border: 0; border-radius: 0 0 27px 27px; font-size: 1em; } .file-information th, .file-information td { padding: 0.5em; }

.pi-theme-file-information { float: none; width: auto; } .pi-theme-file-information .pi-item-spacing { padding: 0; } .pi-theme-file-information .pi-data-label, .pi-theme-file-information .pi-data-value { flex-basis: auto; font-size: 1em; line-height: normal; padding: 0.5em; position: relative; } .pi-theme-file-information .pi-data-label { background: rgba(0, 0, 0, 0) linear-gradient(to right, #590302, #bf1111, #590302) repeat scroll 0 0; min-width: 125px; text-align: center; } .pi-data-label > span { left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

/************************************************/ /* OTHER PAGES /************************************************/

/*===============*/ /* Wiki Activity */ /*===============*/

.dark_text_2 { color: #999; }

/*==========================*/ /*       Ajax Diff         */ /*==========================*/

div#DiffPreview, div#DiffView { max-height: none; } .EditPageEditor #diff { background-color: #f2f2f2; } table.diff { border-spacing: 0; } .diff-otitle, .diff-ntitle, .diff-lineno, td.diff-context, .diff-deletedline, .diff-addedline { border: none; color: #3a3a3a !important; font-size: 13px !important; } td.diff-deletedline { background-color: #ffffaa; } td.diff-addedline { background-color: #CCFFCC; } td.diff-deletedline .diffchange { color: #f00; }   width: 430px; word-wrap: break-word; }   color: #d5d4d4 !important; }
 * 1) DiffPreview div {
 * 1) DiffPreview .diff-otitle, #DiffPreview .diff-ntitle, #DiffPreview .diff-lineno {

/*==========================*/ /*    Community corner     */ /*==========================*/

padding: 0 15px; }   display: none; }   margin-left: 0; }   list-style-type: none; padding-left: 0; }   vertical-align: bottom; }   margin: 0 0 0 25px; }   font-size: 1em; font-weight: normal; margin-bottom: 0; margin-right: 25px; }   padding: 0.5em 0; }   right: 0; top: 10px; }   height: 20px; width: 20px; }   font-size: 11px; }   font-weight: normal; }   display: none; }
 * 1) community-corner .WikiaActivityModule {
 * 1) community-corner .WikiaActivityModule h2 {
 * 1) community-corner .WikiaActivityModule ul, #community-corner .WikiaBlogListing ul {
 * 1) community-corner .WikiaActivityModule li, #community-corner .WikiaBlogListing li {
 * 1) community-corner .WikiaActivityModule img.avatar {
 * 1) community-corner .WikiaBlogListing .author-details {
 * 1) community-corner .WikiaBlogListing h2 {
 * 1) community-corner .WikiaBlogListing li {
 * 1) community-corner .WikiaBlogListing .commentslikes {
 * 1) community-corner .WikiaBlogListing img.avatar {
 * 1) community-corner .WikiaBlogListing .author-details span {
 * 1) community-corner .WikiaBlogListing .author-details span a, #community-corner .WikiaBlogListing .author-details span a:visited {
 * 1) community-corner .WikiaBlogListing .post-summary {

/*==========================*/ /*     Staff Members       */ /*==========================*/

.staff-member { border: 3px outset silver; height: 70px; background: -webkit-gradient(linear, left top, right top, from(black), to(#141414)); color: white; margin: 0 auto; width: 600px; } .staff-member td:first-child { border: 2px outset white; height: 70px; width: 1%; } .staff-member td:nth-child(2) { font-weight: bold; height: 70px; text-align: left; } .staff-member td:last-child { height: 70px; color: black; text-align: center; width: 95px; } .staff-member span { font-variant: small-caps; font-size: 17px; } .staff-member span:first-child { font-size: 14px; } .sm-links { border-left: 1px solid #808080; padding-left: 3px; width: 100px; }

/*==========================*/ /*      Leaderboard        */ /*==========================*/

color: black; }
 * 1) about-achievements ul span {

/*==========================*/ /*     List of media       */ /*==========================*/

.media-table { border: 1px solid #777; border-spacing: 0; width: 100%; } .media-table td { border-bottom: 1px solid #777; border-right: 1px solid #777; border-spacing: 0; padding: 5px; } .media-table tr:first-child td { background-color: #242424; text-align: center; } .media-table tr:first-child td:first-child { background-color: transparent; border-bottom: 0 none; width: 100px; } .media-table tr:nth-child(2) td { background-color: #141414; text-align: center; } .media-table tr:nth-child(2) td:last-child { text-align: left; } .media-table td:last-child { border-right: 0 none; } .media-table tr:last-child td:last-child { border-bottom: 0 none; }

/*===========================*/ /* Chapters/Episodes Lists  */ /*===========================*/

.media { border: 1px solid; border-spacing: 0; width: 100%; } .media th, .media td { padding: 5px; } .media th { border-right: 1px solid; text-align: center; } .media td { border-top: 1px solid; } .media th:first-child { width: 155px; } .media th:nth-child(2) { width: 60px; } .media th:last-child { border-right: 0; } .media tr:nth-child(2) td { border-right: 1px solid; text-align: center; } .media tr:nth-child(2) td:last-child { border-right: 0; } .media img { border: 2px solid white; float: left; margin: 0 10px 10px 0; } .episode2 th:first-child { width: 60px; } .episode2 th:nth-child(2) { width: 200px; } .episode2 img { border: 0; float: none; margin: 0; }

/*====================================*/ /* Featured Articles/Images Archives */ /*====================================*/

/* Main container */ text-align: center; } /* Card */ .featured-article-card, .featured-image-card { background-color: black; border: 1px solid #555; margin: 0 auto; padding: 3px; position: relative; text-align: center; vertical-align: middle; } .featured-article-card { width: 150px; } .featured-image-card { width: 210px; } .featured-article-card:hover, .featured-image-card:hover { box-shadow: 0 0 20px #777; } /* Card when it's inside the container */ display: inline-block; margin: 0 0.5em 1em 0; } /* First div (the title) */ .featured-article-card > div:first-child, .featured-image-card > div:first-child, .featured-article-card > div:nth-child(3) { background-color: #151515; padding: 3px; } .featured-article-card > div:first-child, .featured-image-card > div:first-child { margin-bottom: 3px; } /* Second div (the image) */ .featured-article-card > div:nth-child(2) { margin-bottom: 35px; } /* Third div (name or description) */ .featured-article-card > div:nth-child(3), .featured-image-card > div:nth-child(3) { padding: 5px; overflow: hidden; position: absolute; } .featured-article-card > div:nth-child(3) { bottom: 3px; left: 3px; right: 3px; text-overflow: ellipsis; white-space: nowrap } .featured-image-card > div:nth-child(3) { background-color: rgba(0, 0, 0, 0.7); bottom: 0; font-size: 90%; left: 0; max-height: 100%; right: 0; } .featured-article-card:hover > div:nth-child(3) { white-space: normal; } .featured-image-card:hover > div:nth-child(3) { max-height: 0; padding: 0; transition: max-height 1s, padding 0s 1s; } /* Link of the second div (the one that wraps the image) */ .featured-article-card > div:nth-child(2) a, .featured-image-card > div:nth-child(2) a { display: block; } .featured-article-card > div:nth-child(2) a { height: 150px; } .featured-image-card > div:nth-child(2) a { height: 210px; } /* The image */ .featured-article-card img, .featured-image-card img { height: auto; position: relative; top: 50%; transform: translateY(-50%); width: auto; } .featured-article-card img { max-height: 150px; max-width: 150px; } .featured-image-card img { max-height: 210px; max-width: 210px; }
 * 1) featured-main {
 * 1) featured-main .featured-article-card, #featured-main .featured-image-card {

/*===========================*/ /*      Discord page        */ /*===========================*/

border-radius: 7px; margin: 0 auto; overflow: hidden; width: 350px; }   box-shadow: 0 0 20px #7289da; }
 * 1) discord-button {
 * 1) discord-button:hover {

/*===========================*/ /*       Colorgroup         */ /*===========================*/

border: 1px solid #aaa; padding: 10px 5px; }
 * 1) colorgroup div {

/*===========================*/ /*  Manuel's social icons   */ /*===========================*/

.manuel-social img:hover { transform: rotate(1080deg); opacity: 0.7; transition: opacity 1s, transform 1s; }

/*===========================*/ /*  Cake   */ /*===========================*/

.cake img { vertical-align: top; }