MediaWiki:Common.css

@import url("/load.php?articles=MediaWiki:Mbox.css|MediaWiki:Slider.css&mode=articles&only=styles");

.mw-parser-output .wds-tabs__tab:first-child { margin-left: auto; }

.mw-parser-output .wds-tabs__tab:last-child { margin-right: auto; }

.refpopups-box { background: #FFF380; border: 2px solid #AFA330; border-radius: 1ex; color: #000000; }

/* Scroll bar */
 * -webkit-scrollbar {

width: 12px; } ::-webkit-scrollbar-track { background: #FFFFFF; } ::-webkit-scrollbar-thumb { background: #ffc602 } ::-webkit-scrollbar-thumb:hover { background: #ffc602 } ::-webkit-scrollbar-thumb:active { background: #ffc602 }

/* === Sitename readability === */ /* Derived from Yofukashi no Uta Wiki, credit to User:Arzene */ .theme-fandomdesktop-light .fandom-community-header .fandom-community-header__community-name, .theme-fandomdesktop-light .fandom-community-header .wds-tabs__tab-label.first-level-item { overflow: visible; filter: drop-shadow(0 0 5px #000); }

.theme-fandomdesktop-dark .fandom-community-header .fandom-community-header__community-name, .theme-fandomdesktop-dark .fandom-community-header .wds-tabs__tab-label.first-level-item { overflow: visible; filter: drop-shadow(0 0 2px #000); }

.fandom-community-header .wds-tabs__tab-label.first-level-item span { overflow: visible; }

.fandom-community-header__image img { filter: drop-shadow(0 0 5px #FFF); }

.theme-fandomdesktop-light .fandom-community-header .page-counter__value, .theme-fandomdesktop-light .fandom-community-header .page-counter__label { overflow: visible; filter: drop-shadow(0 0 5px #000) }

.theme-fandomdesktop-dark .fandom-community-header .page-counter__value, .theme-fandomdesktop-dark .fandom-community-header .page-counter__label { overflow: visible; filter: drop-shadow(0 0 2px #000) }

/* Hover Box for switching the visibility of the selected item */ /* Template:HoverImage */ .hoverbox { position: relative; padding:0em; }

.hoverbox .hoveritem { position: absolute; opacity: 0; margin:0em; padding:0em; transition: opacity 0.5s ease; } .hoverbox .hoveritem.selected { opacity: 1; transition: opacity 0.5s ease; } .hoverbox:hover .hoveritem { opacity: 1; } .hoverbox:hover .hoveritem.selected { opacity: 0; }

/* Template:Homepage/Countdown */ .theme-fandomdesktop-dark .countdownstyle { border: 2px solid #9a00ac; margin: .5em 1em; overflow: hidden; padding: 0; border-radius: 10px; display: flex }

.theme-fandomdesktop-light .countdownstyle { border: 2px solid #fada5a; margin: .5em 1em; overflow: hidden; padding: 0; border-radius: 10px; display: flex }

.theme-fandomdesktop-dark .countdown-font { font-size:100%; padding: 0px 10px 0px 10px; text-align: center; width: 100%; display: flex; align-items: center; justify-content: center; }

.theme-fandomdesktop-light .countdown-font{ font-size:100%; padding: 0px 10px 0px 10px; text-align: center; width: 100%; display: flex; align-items: center; justify-content: center; }

/* Template: VolumeHeader */ .theme-fandomdesktop-light .volumeheader{ background: #fada5a; margin: auto; border-collapse: collapse; }

.theme-fandomdesktop-dark .volumeheader{ background: #9a00ac; color:white; margin: auto; border-collapse: collapse; }

/* Navbars css */ .theme-fandomdesktop-light .navbar{ background:#FADA5A; }

.theme-fandomdesktop-dark .navbar{ background:#9a00ac; }

.theme-fandomdesktop-light .navrow{ background:#DEDEDE; }

.theme-fandomdesktop-dark .navrow{ background:#b84cc4; }

/* Template:Heading */ .theme-fandomdesktop-light .heading{ padding:0.2em 0.4em; margin:0 0 10px 0; border:1px solid black; background:#fada5a; font-size:120%; font-weight:bold; text-align:center; -moz-border-radius:15px 15px 15px 15px; -webkit-border-radius:15px 15px 15px 15px; }

.theme-fandomdesktop-dark .heading{ padding:0.2em 0.4em; margin:0 0 10px 0; border:1px solid black; background:#9a00ac; font-size:120%; font-weight:bold; text-align:center; -moz-border-radius:15px 15px 15px 15px; -webkit-border-radius:15px 15px 15px 15px; }

/* Mainpage borders */ .theme-fandomdesktop-light .border{ border:3px solid #fada5a; background-color: transparent; -moz-border-radius:5px; -webkit-border-radius:5px; border-spacing:4px; margin:5px 0; text-align:center; }

.theme-fandomdesktop-dark .border{ border:3px solid #9a00ac; background-color: transparent; -moz-border-radius:5px; -webkit-border-radius:5px; border-spacing:4px; margin:5px 0; text-align:center; }

/* Template:CharaPortal */ .theme-fandomdesktop-light .chara-portal{ background-color: white; border: 3px solid #fada5a; border-radius: 100px; padding: 0px; width: 125px; position: relative; }

.theme-fandomdesktop-light .chara-portal .chara-image, .theme-fandomdesktop-dark .chara-portal .chara-image{ border-radius: 50%; overflow: hidden; width: 115px; height: 115px; margin: 0 auto; }

.theme-fandomdesktop-light .chara-portal .chara-border{ background-color:#fada5a; border: 1.5px solid white; position: absolute; right: 1px; bottom:-10px; font-size: x-small; font-weight: bold; color: black; padding: 0 5px; border-radius: 15px 15px 15px 15px; }

.theme-fandomdesktop-light .chara-portal .chara-border .chara-portal-name{ color: #000; padding: 0; margin: 0; }

.theme-fandomdesktop-dark .chara-portal{ background-color: white; border: 3px solid #9a00ac; border-radius: 100px; padding: 0px; width: 125px; position: relative; }

.theme-fandomdesktop-dark .chara-portal .chara-border{ background-color:#9a00ac; border: 1.5px solid white; position: absolute; right: 1px; bottom:-10px; font-size: x-small; font-weight: bold; padding: 0 5px; border-radius: 15px 15px 15px 15px; }

.theme-fandomdesktop-dark .chara-portal .chara-border .chara-portal-name{ color: #FFF; padding: 0; margin: 0; }

/* Story Arcs */ .theme-fandomdesktop-light .border-arcs{ border:1px solid #000; }

.theme-fandomdesktop-dark .border-arcs{ border:1px solid #FFF; }

/* Template:CharaHeader */ .theme-fandomdesktop-light .chara-header{ padding:0.2em 0.4em; margin:10px 0 10px 0; border:1px solid; background-color: #fada5a; font-size:100%; font-weight:bold; text-align:center; }

.theme-fandomdesktop-dark .chara-header{ padding:0.2em 0.4em; margin:10px 0 10px 0; border:1px solid; background-color: #9a00ac; font-size:100%; font-weight:bold; text-align:center; }