MediaWiki:Common.css

@import url("/load.php?articles=MediaWiki:Variables.css|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) }

/* Affiliates and styling*/ .plainlinks a {background-image:none !important; height: 46px!important; width: 180px!important;} .plainlinks a:hover {text-decoration:none !important;} .quote_link_color_match a {color:inherit !important;} .quote_link_color a {color:#A63B28}

max-width: 100%; }
 * 1) wmDiv img {

/* 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 */ .countdownstyle { margin: .5em 1em; overflow: hidden; padding: 0; border-radius: 10px; display: flex } .theme-fandomdesktop-dark .countdownstyle { border: 2px solid var(--dark-theme-accent); } .theme-fandomdesktop-light .countdownstyle { border: 2px solid var(--light-theme-accent); }

.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 */ .volumeheader{ margin: auto; border-collapse: collapse; } .theme-fandomdesktop-light .volumeheader{ background: var(--light-theme-accent); }

.theme-fandomdesktop-dark .volumeheader{ background: var(--dark-theme-accent); color:white; }

/* Navbars css */ .theme-fandomdesktop-light .navbar{ background:var(--light-theme-accent); } .theme-fandomdesktop-dark .navbar{ background:var(--dark-theme-accent); } .S1navbar{ background:#FF34CD; } .S2navbar{ background:#08A9E9; } .theme-fandomdesktop-light .navrow{ background:#DEDEDE; } .theme-fandomdesktop-dark .navrow{ background:#b84cc4; } .S1navrow{ background:#E80183; } .S2navrow{ background:#0311A7; } /* Template:Heading */ .heading{ padding:0.2em 0.4em; margin:0 0 10px 0; border:1px solid black; font-size:120%; font-weight:bold; text-align:center; border-radius:15px 15px 15px 15px; } .theme-fandomdesktop-light .heading{ background:var(--light-theme-accent); } .theme-fandomdesktop-dark .heading{ background:var(--dark-theme-accent); }

/* Mainpage borders */ .border{ background-color: transparent; border-radius:5px; border-spacing:4px; margin:5px 0; text-align:center; } .theme-fandomdesktop-light .border{ border:3px solid var(--light-theme-accent); } .theme-fandomdesktop-dark .border{ border:3px solid var(--dark-theme-accent); }

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

.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:var(--light-theme-accent); 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 var(--dark-theme-accent); border-radius: 100px; padding: 0px; width: 125px; position: relative; }

.theme-fandomdesktop-dark .chara-portal .chara-border{ background-color:var(--dark-theme-accent); 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 */ .chara-header{ padding:0.2em 0.4em; margin:10px 0 10px 0; border:1px solid; font-size:100%; font-weight:bold; text-align:center; } .theme-fandomdesktop-light .chara-header{ background-color: var(--light-theme-accent); }

.theme-fandomdesktop-dark .chara-header{ background-color: var(--dark-theme-accent); }

/* Template:Disambig */ .disambig{ margin: 0 1em; padding: 0 10px; border: 1px solid #aaa; } .theme-fandomdesktop-light .disambig{ background-color: #eef; }

.theme-fandomdesktop-dark .disambig{ background-color: #110; color:white; }