MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ @import url("/load.php?debug=false&&allinone=0&lang=en&mode=articles&articles=MediaWiki:Navbox.css&only=styles"); @import "/load.php?mode=articles&articles=u:dev:MediaWiki:SpoilerBlur/code.css&only=styles"; @import url("/load.php?debug=false&&allinone=0&lang=en&mode=articles&articles=MediaWiki:Themes.css&only=styles"); @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Interface.css|MediaWiki:Slider.css|u:dev:MediaWiki:InterlanguageFlags.css");

max-width:100%; margin:auto; display:inline-block; }
 * 1) wmDiv img {

/* Drop-Shadows for Affiliated Wikis' Wordmarks*/ filter: drop-shadow(1px 1px 4px var(--theme-page-text-color)) !important; }
 * 1) wmDiv .plainlinks img {

/* Changes the color of the text */ a#DisplayClockJS { color: maroon !important }

/*=====================*/ /* Wiki Navigation Bar */ /* From Bleach Wiki   */ /*=====================*/ .WikiaHeader { background-color: #B22222 !important; background-image: -moz-linear-gradient(top, #B22222 20%, #8B0000 80%) !important; background-image: -webkit-gradient(linear,left top, left bottom,		color-stop(80%, #8B0000),		color-stop(20%, #B22222)) !important; } .WikiHeader nav { width: auto; height: 35px; border-radius: 8px 8px 0px 0px; } .WikiHeader nav li.marked, .WikiHeader > nav .subnav-2 li.marked2 .subnav-2a {border-radius: 8px 8px -8px 0;} .WikiHeader > nav .subnav-3 {border-radius: 0 8px 8px 8px;} .WikiHeader .navbackground, .WikiHeader > nav .subnav-2 { background-color: #000000; background-image: linear-gradient(top, #8B0000, #B22222); background-image: -o-linear-gradient(top, #8B0000, #B22222); background-image: -moz-linear-gradient(top, #8B0000, #B22222); background-image: -webkit-linear-gradient(top, #8B0000, #B22222); border-radius: 0 8px 8px 8px; } .WikiHeader > nav li.marked { background-color: #000000; background-image: linear-gradient(top, #B22222, #8B0000 75%); background-image: -o-linear-gradient(top, #B22222, #8B0000 75%); background-image: -moz-linear-gradient(top, #B22222, #8B0000 75%); background-image: -webkit-linear-gradient(top, #B22222, #8B0000 75%); } .WikiHeader .navbackground {box-shadow: 1px 1px 1px #000;} .WikiHeader > nav li.marked > a { border-top: none; } .WikiHeader > nav li { border-bottom: none; } .WikiHeader .navbackground div { background-color: transparent; } .WikiHeader a { text-decoration:none; } .WikiHeader > nav li.marked > a {color: #FFFFFF;} .subnav-2-item.marked2 a {text-shadow: 0 0 10px #B22222, 0 0 8px #B22222 !important;} .WikiHeader > nav li.marked a:hover, .WikiHeader > nav li.marked .subnav-2 > li a:hover {text-decoration: none !important;} .WikiHeader > nav .subnav-3 li a {text-shadow: 0 0 0 #B22222 !important;} .WikiHeader > nav li.marked .subnav-2 > li a { -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s; } .WikiHeader > nav li.marked .subnav-2 > li a:hover { -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s; text-shadow: 0 0 5px #B22222, 0 0 8px #B22222 !important; } /**************/ /* Link hover */ /**************/ a:hover { text-shadow: #FF8C00 0 0 3px; color: #FF4500 !important; text-decoration:none; -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s; } /* Rounding Dropdown Menus */ .GlobalNavigation .subnav, .WikiaHeader .WallNotifications .subnav, .WikiaMenuElement { -moz-border-radius: 0 0 16px 16px; -webkit-border-radius: 0 0 16px 16px; -ms-border-radius: 0 0 16px 16px; border-radius: 0 0 16px 16px; overflow: hidden; }

/* ============================ */ /*      Tabber overrides       */ /* Adapted from the Kubera Wiki */ /* ============================ */ .tabber .tabbertab { /* hide images when loading */ display: none; /* overridden when loaded */ }

.infobox ul.tabbernav /* infobox tabs only */ { font: bold 10px Raleway, sans-serif !important; text-align: center; } /* end of Tabber overrides*/ .portable-infobox.type-TabInfobox { max-width:100%; }   .infobox .pi-section-tab.pi-section-active { box-shadow: unset; }   /*INFOBOX PANEL TABBER ( CURRENT|VOLUME 2|VOLUME 3 )*/ .portable-infobox .pi-section-label { color: #B22222 !important; font-size: 12px; font-weight: bold; height: 0.5em; margin: 0 11px; text-transform: uppercase; }   .infobox .pi-section-tab:hover .pi-section-label { color: #002d4a; }   .infobox .pi-section-tab.pi-section-active .pi-section-label { color: #006cb0; }   .portable-infobox.type-battle ul{text-align:left} .portable-infobox.type-battle .pi-theme-Battle { width: 400px; }

/**********************************/ /*         TABBER CODE           */ /**********************************/ /*Copied from http://www.barelyfitz.com/projects/tabber/example.css used under mit license see http://www.barelyfitz.com/projects/tabber/ /* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */ /*-- REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet! --*/ .tabberlive .tabbertabhide { display:none; } /*-- .tabber = before the tabber interface is set up  .tabberlive = after the tabber interface is set up  --*/ .tabber { } .tabberlive { margin-top:0.5em; } /*-- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --*/ ul.tabbernav { margin:0; padding-top: 1px; padding-bottom: 0px; border-bottom: 1px solid #111; } ul.tabbernav li { list-style: none; margin: 0; display: inline; } ul.tabbernav li a { padding: 1px 0.5em; border-top-left-radius:5px; border-top-right-radius:5px; line-height: 10px; margin-left: 10px; border: 2px solid #111; background: #f0f0f0; font-size: 10px; font-weight: bold; font-family: "Raleway" sans-serif; text-decoration: none; } ul.tabbernav li.tabberactive a { background-image: -webkit-gradient( linear, left bottom, left top,		color-stop(1, #f0f0f0),		color-stop(0, #fff)) !important; font-size: 10px; font-weight: bold; font-family: "Raleway" sans-serif; } ul.tabbernav li.tabberactive a:link { color: #000; } .tabberlive .tabbertab { background-color: #f0f0f0; }

div.tabbertab { padding:1px !important; } /* end of Tabber Code*/

/*******************************************************************************************/ /****************************** Poll Appearance Changes - BEGIN ****************************/ /* Copied from DEmersonJMFM (http://community.wikia.com/wiki/User:DEmersonJMFM/global.css) */ /*******************************************************************************************/

/* Removes Space b/w Question & Answers */ div[id^=wpPollStatus] { display: none; } /* Improved Choice Alignment With Input Button */ .pollAnswerName input { height: 10px !important; width: 21px; margin: 0 3px 0 0; }

/* Shrink Result Bars & Add Additional Space b/t Choices */ .pollAnswer .pollAnswerVotes div { height: 12px; line-height: 12px; } .pollAnswer .pollAnswerVotes { height: 12px; margin-bottom: 5px; } /* Moves Vote Button & Poll Description Text Up */
 * 1) ajax-poll-area>div:last-child { margin: -1em 0 0 4em; }

/*******************************************************************************************/ /******************************* Poll Appearance Changes - END *****************************/ /*******************************************************************************************/

/* Colours for certain User Tags */ .tag.usergroup-founder { background-color: #000 !important; color: white !important; } .tag.usergroup-bureaucrat { background-color: #800000 !important; } .tag.usergroup-blocked { background-color: #808080 !important; } .tag.usergroup-inactive { background-color: #F08080 !important; } .tag.usergroup-poweruser { background-color: #4B0082 !important; } /* UserTags link tags, blue on blue is illegible */ a.tag { color: inherit; }

/* **************** Scroll Bar *************** */ /* Scroll Bar's Structure */
 * -webkit-scrollbar {

width: 20px !important; } /* Main Scroll Bar Track */
 * -webkit-scrollbar-track {

box-shadow: inset 0 0 5px white; border-radius: 10px; } /* Content Scroll Bar Track */ box-shadow: inset 0 0 5px var(--theme-page-text-color); } /* Scroll Bar Handle's Default Looks */
 * 1) mw-content-text ::-webkit-scrollbar-track {
 * -webkit-scrollbar-thumb {

background: black url("/wiki/Special:FilePath/Zahard logo transparent.png") no-repeat center center !important; background-size: contain !important; border-radius: 10px; box-shadow: inset 1px 1px 2px red, inset -1px -1px 2px red !important; } /* Scroll Bar Handle's Looks When Hovered */
 * -webkit-scrollbar-thumb:hover {

background: #8B0000 url("/wiki/Special:FilePath/Wolhaiksong crest-Transparent.png") no-repeat center center !important; background-size: contain !important; box-shadow: inset 1px 1px 2px black, inset -1px -1px 2px black !important; } /* Adjustment for the Case Where Horizontal Scroll Bar is Used on the Top Instead of on the Bottom. Use class="flipped-scroll-box" to activate this */ .flipped-scroll-box::-webkit-scrollbar-thumb { background: black url("/wiki/Special:FilePath/Zahard Empire Logo-Flipped.png") no-repeat center center !important; background-size: contain !important; border-radius: 10px; box-shadow: inset 1px 1px 2px red, inset -1px -1px 2px red !important; } .flipped-scroll-box::-webkit-scrollbar-thumb:hover { background: #8B0000 url("/wiki/Special:FilePath/Wolhaiksong Logo-Flipped.png") no-repeat center center !important; background-size: contain !important; box-shadow: inset 1px 1px 2px black, inset -1px -1px 2px black !important; } /* Scroll Bar's Corner (Where the Vertical and Horizontal Scroll Bars Meet)*/
 * -webkit-scrollbar-corner{

background-color: transparent } /* **************** ********** *************** */

/* *******<<<< FandomDesktop Customization >>>>******* */ /* Dark-Mode Infobox */ .theme-fandomdesktop-dark .pi-background { background-color: #323c3c !important; border: 2px solid #e6e6e6 !important; } /* Dark-Mode Characters List */ .theme-fandomdesktop-dark #char-name-box { background: #323c3c !important; text-shadow: 1px 1px 1px black, 2px 2px 3px white, -1px -1px 3px white !important; } /* Dark-Mode Navbox */ .row-template-box { background-color: var(--theme-page-background-color); color:var(--theme-page-text-color); } .theme-fandomdesktop-dark .navbox-head { border-color: #e6e6e6 !important; } /* Dark-Mode Twitter Extension */ .theme-fandomdesktop-dark .twitter-box { background-color:#f2f2f2 !important; } /* Auto Bottom Border for Class-less, Id-less, Single-Rowed Tables (since FandomDesktop set borderless table by Default) */ tbody:not([class]):not([id]) tr:not(:only-child) td:not([class]):not([id]):not(:only-child) { border-bottom: 1px dashed var(--theme-page-text-color); } /* Community Header Image Drop-Shadows */ .fandom-community-header__image { filter: drop-shadow(2px 4px 6px black); } /* Community Header Title (Community Name) Drop-Shadows */ .fandom-community-header__community-name { filter: drop-shadow(2px 4px 6px black); } /* Community Header Local Navigations' Drop-Shadows */ .wds-tabs__tab-label.wds-dropdown__toggle.first-level-item { filter: drop-shadow(2px 4px 6px black); } /* Community Header Buttons' Box Shadows */ .fandom-community-header__top-container .wiki-tools .wds-button.wds-is-secondary { box-shadow: 1px 1px 0px black; } /* CH Buttons' Icons Drop-Shadows */ .fandom-community-header__top-container .wds-icon.wds-icon-small { filter: drop-shadow(1px 2px 0px black); } /* Preventing the Scrollbar from Appearing Whenever Template:Quote is Used*/ table.cquote { overflow: hidden !important; } /* Scaling Down Main Page Slider Gallery Size to Fit the Available Space*/ .mainpage .fandom-slider { width: 590px; }

/* User tags */ .tag { background-color:#8B0000 !important; color:#FFF !important; font-weight:bold; padding:4px 10px; border-radius: 10px 10px 10px 10px;} .comments .tag { margin-left:5px; font-size:85%; padding:2px 5px; }

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } .watchlistredir { font-style: italic; }

/* Customizing Interwiki Templates' Borders to Match ToG Wiki's Style */ .mainpage .mw-parser-output>.mw-parser-output>table { border: 2px solid #810000 !important; border-radius: 8px !important; box-shadow: 0px 0px 7px #810000 !important; } .interwiki-webtoons-footer { border: 2px solid #810000 !important; border-radius: 8px !important; box-shadow: 0px 0px 7px #810000 !important; }