MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Themes.css|MediaWiki:Icons.css|MediaWiki:MP.css"); @import "/load.php?mode=articles&articles=u:dev:MediaWiki:InterlanguageFlags.css&only=styles";

/**Wiki Image Styling**/ .page-content .thumbimage:not(.wikia-gallery-item .thumbimage) { border-top: 2px solid #8a0707; border-left: 2px solid #8a0707; border-right: 2px solid #8a0707; border-bottom: none; padding: 3px; overflow: hidden; text-align: center; background-image: -moz-linear-gradient(center top, #8a0707 0px, #8a0707 100%); } .thumbcaption { border-bottom: 2px solid #8a0707; border-left: 2px solid #8a0707; border-right: 2px solid #8a0707; }

/* Content headers */ .page-content h2, .WikiaArticle h2 {/* Wikia */ border-bottom: none; background-image: url("https://static.wikia.nocookie.net/bungostraydogs/images/9/94/Header_line.png/revision/latest?cb=20210611051221&format=original"); background-repeat: no-repeat; background-position: 25% 105%; background-size: 100% 10px; padding-bottom: 6px; }

/* prevent h2 style from affecting the TOC box */ .toc .toctitle h2 { background-image: none; }

/* Customizing Tabber */ .tabbertab { border-top: 2px #5c111e !important; border-bottom: 2px #5c111e !important; border-left: 2px #5c111e !important; border-right: 2px #5c111e !important; } /* add spaces to tabview tabs */ .tabberlive > ul.tabbernav > li { margin-right: 2px; }   /* not applying on the last tabview tabs */ .tabberlive > ul.tabbernav > li:last-child { margin-right: 0; } .tabbernav { background: transparent; border-bottom: 0 !important; padding: 3px 0 !important; } ul.tabbernav li a { -moz-border-radius-topleft: 0px !important; -moz-border-radius-topright: 0px !important; background: #5c111e !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px solid black !important; color: white !important; font-size: 14px !important; font-weight: normal !important; margin-left: 0 !important; padding: 3px 0.5em !important; position: relative; } ul.tabbernav li.tabberactive a { background-color: #5c111e !important; border: 0px solid black !important; color: yellow !important; cursor: default; font-size: 14px !important; font-weight: bold !important; } ul.tabbernav li.tabberactive { line-height: 0 !important; }   ul.tabbernav li.tabberactive:first-child a { margin-left: 0 !important; } .tabbertab .ajax-poll { border: none !important; } .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display: block !important; }

.tabbig .tabbernav { font-family: inherit !important; font-weight: normal !important; font-size: 13px !important; border-bottom: 3px solid #5c111e !important; padding: 0.3em 0 !important; } .tabbig .tabbernav a { padding: 0.3em 0.5em !important; margin: 0 !important; color: white !important; border: none !important; background: #5c111e !important; } .tabbig .tabberactive a { color: yellow !important; background: #8B0707 !important; } .tabbig .tabbernav :not(.tabberactive) a:hover { background: rgba(42,161,152, 0.2) !important; } .tabbig .tabbertab { border: none !important; padding: 0 !important; }

Theme 3 Minified style result

/* End of Customizing Tabber */

/* Audio */ .audio-button { background-color: #8B0707; vertical-align: baseline; width: 1.5em; height: 0.8em; border-radius: 0; }

/* Scrollbar */
 * -webkit-scrollbar {

width: 12px; height: 12px; }
 * -webkit-scrollbar-thumb {

background: #71392c; }
 * -webkit-scrollbar-thumb:hover {

background: #b5907a !important; }
 * -webkit-scrollbar-thumb:active {

background: #8B0707 !important; }

/* References restyling */ .references { font-size: 90%; }

/* Reference pop-ups */ .refpopups-box { font-size: 90%; line-height: 20px; }

/* wmdiv for the affiliations on main page */ max-width:100%; border:1px; border-color:#af111c; display:inline-block; } /*******************/ /* Page White glow */ /*******************/ .WikiaPage { border: 1px solid #cc8400; -moz-box-shadow:0 0 10px #cc8400; -webkit-box-shadow:0 0 10px #cc8400; box-shadow:0 0 10px #cc8400; padding-top: 0 !important; position: relative; top: 10px; } /* STAFF NAME LABELS */ /* ADMINISTRATORS/BUREAUCRATS */ a[href$="/wiki/User:Legendarykuroo"] { color: #A3E3ED !important; } .Wall .edited-by a[href$="Legendarykuroo"] ~ .subtle::after { content: " (Administrator)"; }   a[href$="/wiki/User:Quartermistress"] { color: #f29da1 !important; } .Wall .edited-by a[href$="Quartermistress"] ~ .subtle::after { content: " (Administrator)"; } /* CONTENT MODERATORS */ a[href$="/wiki/User:Ksbgworks"] { color: #42f5c5 !important; } .Wall .edited-by a[href$="Ksbgworks"] ~ .subtle::after { content: " (Content Moderator)"; } /*Hover by V for Velvet Byrne*/ .show-when-hovering { display: none; } .hover-container:hover .show-when-hovering { display: inline; } .hover-container:hover .hide-when-hovering { display: none; } .fadeout img:hover { opacity:0; transition:none !important; -webkit-transition: none !important; } .fadeout img:active { opacity:0; transition:none !important; -webkit-transition: none !important; } body:not(.editor) .fadeout-container.fadeout-hide-bottom > .fadein { visibility: hidden; }
 * 1) wmDiv img {

body:not(.editor) .fadeout-container.fadeout-hide-bottom > .fadeout:hover + .fadein { visibility: visible; }

.fadeout-container.img.lzyTrans { transition: none !important; -webkit-transition: none !important; }

/* Hover Box for switching the visibility of the selected item */ .hoverbox { display:inline-block; padding:0em; } .hoverbox .hoveritem { display:none; margin:0em; padding:0em; } .hoverbox .hoveritem.selected { display:inline-block; } .hoverbox:hover .hoveritem { display:inline-block; } .hoverbox:hover .hoveritem.selected { display:none; }

.fadeinimg { opacity: 0.1; } .fadeinimg:hover { opacity: 1.0; }

.closerange tr > td { border: 2px #f88 solid; padding: 0.2em; } .longrange tr > td { border: 2px #c8f9bb solid; padding: 0.2em; } .autopilot tr > td { border: 2px #268BD2 solid; padding: 0.2em; } .rangeirrelevant tr > td { border: 2px #E3B52C solid; padding: 0.2em; }

div#nihongo span#jpn { display: inline; }

div#nihongo:hover span#jpn { display: none; }

div#nihongo span#romaji { display: none; }

div#nihongo:hover span#romaji { display: inline; }

span#hovertext span#outer { display: inline; }

span#hovertext:hover span#outer { display: none; }

span#hovertext span#hidden { display: none; }

span#hovertext:hover span#hidden { display: inline; }

div#hovertext span#outer { display: inline; }

div#hovertext:hover span#outer { display: none; }

div#hovertext span#hidden { display: none; }

div#hovertext:hover span#hidden { display: inline; }