MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ @import "/load.php?articles=MediaWiki:MainPage.css&only=styles&mode=articles"; @import "/load.php?articles=MediaWiki:Bands.css&only=styles&mode=articles"; @import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&family=Roboto:wght@500&display=swap'); @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Fonts.css|MediaWiki:Card.css|MediaWiki:LinkColors.css|MediaWiki:Theme.css|u:dev:MediaWiki:UCPEditorMinimal/code.css");

/* Default font */ body { font-family: 'Free Sans', sans-serif; } h1, h2, h3, h4 { color:#0280d9; }


 * lang(ja) {font-family: 'M PLUS Rounded 1c', sans-serif;}

/* Background picture */ background-image: url(https://static.miraheze.org/argobdpwiki/a/a5/Bg2.jpg) !important; background-position: center center !important; background-attachment: fixed !important; background-repeat: no-repeat !important; background-size: cover !important; border-bottom: solid 4px #0088d4 !important; }
 * 1) mw-content-container {

/* General */

body { background: #10263D; }	font-family: 'Arial', sans-serif; font-weight: bold; text-transform: uppercase; color:white; display:none; }
 * 1) p-logo-text a {

/* Username text */ font-family: 'Arial'; font-weight: bold; text-transform: uppercase; color: white; }
 * 1) personal > h2 > span {

/* Navigation */ font-family: 'Arial', sans-serif; font-weight: bold; padding: 8px; background-color:#0280d9; color: white; text-transform:uppercase; clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%); }
 * 1) mw-site-navigation .mw-portlet h3 {

content: '🟄 '; color: #0280d9; }
 * 1) mw-site-navigation .mw-portlet li::before {

/* Heading Fonts */

font-family: 'Arial', sans-serif; font-weight: bold; }
 * 1) mw-content h1, #mw-content h2, #mw-content h3, #mw-content h4, #mw-content h5, #mw-content h6, #mw-content dt {

/* Sidebar Logo Spacing Fix */

margin: 1em auto; }
 * 1) p-logo {

border-bottom: solid 4px #0280d9; }
 * 1) mw-content h1.firstHeading {

/*    border-bottom: dotted 2px #0280d9; }
 * 1) mw-content h2 {

font-size:1.4em; }
 * 1) mw-content h3 {

font-size:1.2em; }
 * 1) mw-content h4 {



/* Changing color of table */

background:#0280d9; color:white; }
 * 1) mw-content th {

.clicktoview th { background:white; color:black; }

.guide { border-spacing: 15px; margin-left: auto; margin-right: auto; border: none }

/* Fixed positioned top bar */ background: #0280d9; }
 * 1) mw-header-container {

/* Navbar Colours */

.color-left { background: #0280d9 } .color-middle { background: #0280d9 } .color-right { background: #0280d9 }

.mw-collapsed{ width:85%; } /* Category Listing customization */ .CategorySelect.articlePage { background-image:linear-gradient(135deg, rgba(9,26,45,0.9) 0, rgba(0,129,204,0.4) 100%); border-radius: 5px; } /* end of wikia overrides*/

/** Minimal Scrollbar **//* WebKit and Blink */
 * -webkit-scrollbar {   width: 12px;    height: 12px;}::-webkit-scrollbar-thumb {    background-color: #0280d9;}::-webkit-scrollbar-thumb:hover {    background-color: #0280d9;}::-webkit-scrollbar-thumb:active {    background-color: #0280d9;}::-webkit-scrollbar-track {    background-color: transparent;}

/* Customizing Tabber */ /* Modern Tabs - Credits to JustLeafy and Speedit on Dev Fandom */ border: none; justify-content: center; }	display: flex; flex-flow: row nowrap; padding: 0; overflow: auto; } /*== Add space between Tabs ==*/ .tabberlive > ul.tabbernav > li { margin-right: 5px; margin-top: 5px;; }	/*== Not Applied to the last Tab ==*/ .tabberlive > ul.tabbernav > li:last-child { margin-right: 0; }
 * 1) mw-content-text .tabber div.tabbertab,
 * 2) mw-content-text .tabber ul.tabbernav {
 * 1) mw-content-text .tabber ul.tabbernav {

.tabbernav { background: transparent; border-bottom: 0 !important; padding: 3px 0 !important; border: 0; margin: 10px 0; display: inline-block; }

/*== Inactive Tab CSS ==*/ ul.tabbernav li a { border-radius: 0px !important; border-bottom: none !important; border: 2px solid #FFF100 !important; background:#10263D !important; color: #FFF100 !important; font-size: 14px !important; letter-spacing: 2px !important; font-weight: 500 !important; padding: 3px 0.5em !important; position: relative; margin-left: 0 !important; margin: 3px; display: inline-block; }

/*== Active Tab CSS ==*/ ul.tabbernav li.tabberactive a { border-radius: 0px !important; border-bottom: none !important; border: 2px solid #FFF100 !important; background: #FFF100 !important; color: #10263D !important; font-size: 14px !important; letter-spacing: 2px !important; font-weight: 500 !important; padding: 3px 0.5em !important; position: relative; margin-left: 0 !important; margin: 3px; display: inline-block; }

ul.tabbernav li.tabberactive { line-height: flex !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; } /* End of Customizing Tabber */

/* Tooltips http://dev.wikia.com/wiki/Tooltips */ /***********************************************/ /* Main CSS class of the tooltip */ .main-tooltip { margin-bottom: 5px; padding: 2px 5px; background: linear-gradient(rgba(	9, 26, 45, 0.9),rgba(	0, 107, 157, 0.9)); color: #000; box-shadow: 0 0 0px; font-size: 90%; border-radius: 5px; border: 1px solid #091A2D; position: relative; } /* Adds padding to the wrapper to make space for a shadow + z-index so tooltips are visible over edit preview screen */ padding: 3px 7px 2px 3px; z-index: 6; } /* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */ .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents { display: none; } /* mobile view styling shortcut */ .mobileview {display: none}
 * 1) tooltip-wrapper {

/* Navbox */ table.navbox { border: 1px solid #aaa; clear: both; margin: auto; padding: 1px; text-align: center; width: 100%; } table.navbox+table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: 700; padding-left: 1em; padding-right: 1em; white-space: nowrap; } .navbox, .navbox-subgroup { background: none repeat scroll 0 0 #fdfdfd; } .navbox-list { border-color: #fdfdfd; } .navbox-title, table.navbox th { background: none repeat scroll 0 0 #a5e4a5; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: none repeat scroll 0 0 #c0ecc0; } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: none repeat scroll 0 0 #e6f6e6; } .navbox-even { background: none repeat scroll 0 0 #f5fcf5; } .navbox-odd { background: none repeat scroll 0 0 transparent; } .collapseButton { float: right; font-weight: 400; text-align: right; width: auto; } .navbox .collapseButton { width: 6em; }

/* Expand/Collapse link color on collapsibles */ .mw-collapsible-toggle a { color: #fff; }

/* Article listing style bullet */ .mw-parser-output ul { list-style:square url("https://static.miraheze.org/argobdpwiki/3/3b/Star_icon.png"); }

/* Removing bullets on ToC */ .toc ul { list-style: none; margin-left: 1em; }

/*Hover Item - Credits to AnY Wiki */ .hoveritem { -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-transition-duration: 0.3s; -webkit-transition-property: transform; } .hoveritem:hover, .hoveritem:focus, .hoveritem:active { -webkit-transform: scale(1.1); transform: scale(1.1); } /* Hover Logo */ .wds-community-header__wordmark img { opacity: 1.00; filter: alpha(opacity=100); /* For IE8 and earlier */ }

.wds-community-header__wordmark img:hover { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ }

/* Hover Logo (editor) */ span.wordmark.medium.graphic.font- { opacity: 1.00; filter: alpha(opacity=100); /* For IE8 and earlier */ }

span.wordmark.medium.graphic.font-:hover { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ }

span.wordmark.small.graphic.font-cpmono { opacity: 1.00; filter: alpha(opacity=100); /* For IE8 and earlier */ }

span.wordmark.small.graphic.font-cpmono:hover { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ }

/* Hover Class */ .hoverimage img { opacity: 1.00; filter: alpha(opacity=100); /* For IE8 and earlier */ }

.hoverimage img:hover { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ } /* Band Menu Img - Credits to BanG Dream! Wiki*/ .fill:hover { opacity: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; } .container_img a img { width: 100%; height: 100%; } /*OggPlayer customizations*/ .audio-button.custom-theme { background-color:#10263d; width: 1.5em; height: 1.5em; } .audio-button.custom-theme.now-playing,.audio-button.custom-theme.no-audio { background-color:#10263d; width: 1.5em; height: 1.5em; }

/* For Template:Preview, adapted from NGNL Wiki*/ .episode-preview img { height: 100%; width: 100%; } .episode-preview-header { animation: slide-in ease-out 1s 3s forwards, fade-out linear 3s 10s forwards; } .episode-preview-header.no-video { animation: slide-in ease-out 1s 3s forwards; } @keyframes slide-in { 100% {		right: -3px; } } @keyframes fade-out { 0% {		opacity: 1; }	100% {		opacity: 0; } }