MediaWiki:Wikia.css

/************************************************/ /* 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: #000 url("http://vignette2.wikia.nocookie.net/shingekinokyojin/images/0/0f/Wiki_background.jpg/revision/latest?cb=20160615104927") no-repeat fixed center top / cover !important; } 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 { border: 1px solid #ab0f0f; border-radius: 10px; box-shadow: 0 0 30px #ab0f0f; margin: 1em auto; } .WikiaPage .WikiaPageBackground { border-radius: 10px; opacity: 0.9; } .AccountNavigation .avatar { border: 0 !important; }

/*===========================*/ /* Hides unnecessary stuff  */ /*===========================*/

.global-notification, .recirculation-incontent, .message-removed { display: none !important; }

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

.WikiaRail .module > h2, .WikiaRail .module h2.chat-headline { 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; } .WikiaActivityModule.module { background: transparent url("http://vignette1.wikia.nocookie.net/shingekinokyojin/images/0/08/Survey_Corps_watermark.png/revision/latest?cb=20160615105134") no-repeat scroll center center; min-height: 300px; } .tally { line-height: 1.6em; } .data-details.ranking a:first-child { padding-right: 0.3em; } .data-details.ranking br { display: none; } 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; }

/*===========================*/ /*       Need Help? */ /*===========================*/

display: block; margin: 0 auto 1em; }   font-size: 13px; list-style: disc outside none; padding-left: 15px; }   padding-bottom: 6px; }
 * 1) NeedHelp img {
 * 1) NeedHelp ul {
 * 1) NeedHelp li {

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

/* Administrators */ a[href$=":Manuel_de_la_Fuente"], a[href$="Special:Contributions/Manuel_de_la_Fuente"], a[href$=":JinxTheFunhouse"], a[href$="Special:Contributions/JinxTheFunhouse"], a[href$=":Neetaku"], a[href$="Special:Contributions/Neetaku"], a[href$=":GodKingReiss"], a[href$="Special:Contributions/GodKingReiss"] { color: steelblue !important; font-weight: bold !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, .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$=":GodKingReiss"]::after, .WikiaBlogListingPost .author-details a[href$=":GodKingReiss"]::after, .Wall .edited-by a[href$=":GodKingReiss"]:first-child::after, .Wall a.username[href$=":GodKingReiss"]::after, .WikiaBlogListing .author-details a[href$=":GodKingReiss"]::after, .WikiaBlogPostHeader .author-details a[href$="User:GodKingReiss"]::after, #article-comments-ul .edited-by a[href$=":GodKingReiss"]::after, .WikiaBlogListingBox .author-details a[href$=":GodKingReiss"]::after, #myhome-activityfeed .subtle a[href$=":GodKingReiss"]::after, #myhome-activityfeed a.real-name[href$=":GodKingReiss"]::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; }

/* Content Moderators */ a[href$=":BlouseGirl"], a[href$="Special:Contributions/BlouseGirl"], a[href$=":Insieme"], a[href$="Special:Contributions/Insieme"] { color: mediumseagreen !important; font-weight: bold !important; } .WikiaActivityModule a[href$=":BlouseGirl"]::after, .WikiaBlogListingPost .author-details a[href$=":BlouseGirl"]::after, .Wall .edited-by a[href$=":BlouseGirl"]:first-child::after, .Wall a.username[href$=":BlouseGirl"]::after, .WikiaBlogListing .author-details a[href$=":BlouseGirl"]::after, .WikiaBlogPostHeader .author-details a[href$="User:BlouseGirl"]::after, #article-comments-ul .edited-by a[href$=":BlouseGirl"]::after, .WikiaBlogListingBox .author-details a[href$=":BlouseGirl"]::after, #myhome-activityfeed .subtle a[href$=":BlouseGirl"]::after, #myhome-activityfeed a.real-name[href$=":BlouseGirl"]::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 { 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$=":KLanders"], a[href$="Special:Contributions/KLanders"] { color: #FF8C3F !important; font-weight: bold !important; } .WikiaActivityModule a[href$=":KLanders"]::after, .WikiaBlogListingPost .author-details a[href$=":KLanders"]::after, .Wall .edited-by a[href$=":KLanders"]:first-child::after, .Wall a.username[href$=":KLanders"]::after, .WikiaBlogListing .author-details a[href$=":KLanders"]::after, .WikiaBlogPostHeader .author-details a[href$="User:KLanders"]::after, #article-comments-ul .edited-by a[href$=":KLanders"]::after, .WikiaBlogListingBox .author-details a[href$=":KLanders"]::after, #myhome-activityfeed .subtle a[href$=":KLanders"]::after, #myhome-activityfeed a.real-name[href$=":KLanders"]::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"] { color: mediumpurple !important; font-weight: bold !important; } .WikiaActivityModule a[href$=":Sim0n2170"]::after, .WikiaBlogListingPost .author-details a[href$=":Sim0n2170"]::after, .Wall .edited-by a[href$=":Sim0n2170"]:first-child::after, .Wall a.username[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 { 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; } .WikiaActivityModule a[href$=":Botniac"]::after, .WikiaBlogListingPost .author-details a[href$=":Botniac"]::after, .Wall .edited-by a[href$=":Botniac"]:first-child::after, .Wall a.username[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; }

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

/*===============*/ /* Spoiler Alert */ /*===============*/

background-color: #333; background-image: linear-gradient(to bottom, #4d4d4d 35%, #333 65%); border: 1px solid #333; }
 * 1) spoiler-alert a.wikia-button, #spoiler-alert .wikia-single-button a, #spoiler-alert .wikia-menu-button, #spoiler-alert input[type="submit"], #spoiler-alert input[type="reset"], #spoiler-alert input[type="button"], #spoiler-alert .button, #spoiler-alert button {

/*===============*/ /*     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 0px 0px; 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("http://vignette4.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("http://vignette3.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("http://vignette1.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      */ /*==========================*/

.characters-toc strong { font-weight: normal; } .characters-toc a { color: #f3c263 !important; } .characterbox-main { text-align: center; } .characterbox { border-spacing: 3px; margin: 0 auto; } .characterbox:hover { box-shadow: 0 0 20px #777; } .characterbox-main .characterbox { 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; } @media (min-width: 1600px) { #home-menu a { font-size: 0.9em; } }
 * 1) home-menu {
 * 1) home-menu a {
 * 1) home-menu a:hover {

/*=====================*/ /*  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      */ /*=====================*/

margin: 0 auto; }   padding: 0 5px; }   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; }
 * 1) characters {
 * 1) characters td {
 * 1) characters tr:first-child td {

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

background-image: url("http://vignette3.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; }

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

/*  The main container, subcontainer, and the block that stores the content   */ margin: 0; padding: 0; } /*  The block that contains the tabs   */ border-bottom: 1px solid #666; } /*  The block that stores the content   */ 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; }
 * 1) events .tabberlive, #events .tabberlive .tabbertab {
 * 1) events ul.tabbernav {
 * 1) events .tabberlive .tabbertab {

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

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

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

.WikiaArticle .ForumActivityModule { border: none; box-shadow: none; } .mw-content-ltr .ForumActivityModule { margin: 0 auto; padding: 0 8px; } img.avatar { border: 2px solid #f3c263 !important; border-radius: 50%; overflow: hidden; } .mw-content-ltr .ForumActivityModule h2 { display: none; } .mw-content-ltr .ForumActivityModule em a { white-space: normal; } .WikiaArticle .ForumActivityModule em { font-style: normal; }

/*==========================*/ /*       Blog list         */ /*==========================*/

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

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

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

/************************************************/ /* 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("http://vignette2.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

.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 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("http://vignette2.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 85 before its official release on September 8th at 4 p.m. Pacific Time on Amazon Kindle, comiXology and Crunchyroll. Any information from this chapter introduced to the wiki before that time is considered spoiler and will be deleted immediately. 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; }   font-size: 13px; color: #eee; background-color: black; border: 2px solid #555; padding: 0.5em; text-align: center; margin: 0.5em; }   display: block !important; }   margin-left: 0; margin-right: 0; }   margin-right: 0.5em !important; }   margin-left: 0.5em !important; } .new-reply #chapter-countdown .countdown { margin-left: 40px !important; }
 * 1) LightboxModal .modalContent::before, #diff-preview .modalContent::before {
 * 1) chapter-countdown .countdown {
 * 1) WikiaArticle #chapter-countdown .countdown, #wall-new-message #chapter-countdown .countdown, .new-reply #chapter-countdown .countdown {
 * 1) WikiaArticle #chapter-countdown .countdown {
 * 1) wall-new-message #chapter-countdown .countdown, .new-reply #chapter-countdown .countdown {
 * 1) wall-new-message #chapter-countdown .countdown {

/************************************************/ /* 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; } 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; }
 * 1) DiffPreview div {

/*==========================*/ /*    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 {

/*==========================*/ /*      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 {

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