MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&family=Roboto:wght@500&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@600&display=swap');

/** 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;}

/* 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; } /* 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; }
 * 1) tooltip-wrapper {

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

/* Article listing style bullet */ .mw-parser-output ul { color: #0280d9; content: '🟄 ' } .mw-portlet, li::before

/* 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); -moz-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:none; width: 1.5em; height: 1.5em; } .audio-button.custom-theme.now-playing,.audio-button.custom-theme.no-audio { background-color:none; 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; } /*Main Page*/ .index-Mainvisual { width: 1100px; height: 716px; background: url(https://static.miraheze.org/argobdpwiki/5/5a/Aasidevisualmask.png) 0 0 no-repeat; background-size: 100%; position: relative; overflow: hidden; user-select: none; } .index-Youtube { width: 192px; height: 192px; background: url(https://upload.wikimedia.org/wikipedia/commons/b/b8/YouTube_Logo_2017.svg) 0 0 no-repeat; position: relative; } .index-Discord { width: 200px; height: 200px; background: url(https://discord.com/assets/192cb9459cbc0f9e73e2591b700f1857.svg) 0 0 no-repeat; position: relative; } .index-Twitter { width: 202px; height: 202px; background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Logo' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 248 204' style='enable-background:new 0 0 248 204;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg id='Logo_1_'%3E%3Cpath id='white_background' class='st0' d='M221.95,51.29c0.15,2.17,0.15,4.34,0.15,6.53c0,66.73-50.8,143.69-143.69,143.69v-0.04 C50.97,201.51,24.1,193.65,1,178.83c3.99,0.48,8,0.72,12.02,0.73c22.74,0.02,44.83-7.61,62.72-21.66 c-21.61-0.41-40.56-14.5-47.18-35.07c7.57,1.46,15.37,1.16,22.8-0.87C27.8,117.2,10.85,96.5,10.85,72.46c0-0.22,0-0.43,0-0.64 c7.02,3.91,14.88,6.08,22.92,6.32C11.58,63.31,4.74,33.79,18.14,10.71c25.64,31.55,63.47,50.73,104.08,52.76 c-4.07-17.54,1.49-35.92,14.61-48.25c20.34-19.12,52.33-18.14,71.45,2.19c11.31-2.23,22.15-6.38,32.07-12.26 c-3.77,11.69-11.66,21.62-22.2,27.93c10.01-1.18,19.79-3.86,29-7.95C240.37,35.29,231.83,44.14,221.95,51.29z'/%3E%3C/g%3E%3C/svg%3E%0A") 0 0 no-repeat; position: relative; }

/*==================Main Page Customizations==================*/ .page-ARGONAVIS_from_BanG_Dream_Wiki #firstHeading.page-header__title, .mainpage .WikiaPage .page-header__separator { display: none; } /*==================End==================*/

/*Link Colors*/ a:hover { text-shadow: 0 0 5px; } .mw-parser-output a:active, .mw-parser-output a:hover { text-decoration: none; } /* Argonavis */ a[href$="/Argonavis"] {color: #01b1d5 !important;} a[href$="/Ren_Nanahoshi"] {color: #4dbed9 !important;} a[href$="/Yuto_Goryo"] {color: #ff8a5f !important;} a[href$="/Wataru_Matoba"] {color: #7582d7 !important;} a[href$="/Banri_Shiroishi"] {color: #ffbe00 !important;} a[href$="/Rio_Kikyo"] {color: #3cb47a !important;}

/* GYROAXIA */ a[href$="/GYROAXIA"] {color: #d70a30 !important;} a[href$="/Nayuta_Asahi"] {color: #b81a35 !important;} a[href$="/Kenta_Satozuka"] {color: #007580 !important;} a[href$="/Reon_Misono"] {color: #6d767c !important;} a[href$="/Ryo_Akebono"] {color: #8b7735 !important;} a[href$="/Miyuki_Sakaigawa"] {color: #b93e79 !important;}

/* Fantome Iris */ a[href$="/Fantome_Iris"], a[href$="/Fant%C3%B4me_Iris"] {color: #8e274c !important;} a[href$="/Felix_Louis-Claude_Mont_d%27or"], a[href$="/FELIX"] {color: #ffedab !important;} a[href$="/Tomoru_Kurokawa"], a[href$="/LIGHT"] {color: #640125 !important;} a[href$="/Jun_Suzaki"], a[href$="/ZACK"] {color: #180614 !important;} a[href$="/Koharu_Mitsurugi"], a[href$="/HARU"] {color: #6ab2ca !important;} a[href$="/Daimon_Kusunoki"], a[href$="/D"] {color: #1c305c !important;}

/* Fujin RIZING! */ a[href$="/Fujin_RIZING!"] {color: #ffbf0d !important;} a[href$="/Futa_Kaminoshima"] {color: #f60 !important;} a[href$="/Yamato_Tsubaki"] {color: #93f !important;} a[href$="/Aoi_Wakakusa"] {color: #ff1573 !important;} a[href$="/Kohei_Hayasaka"] {color: #09f !important;} a[href$="/Misaki_Goto"] {color: #3c3 !important;}

/* Epsilon Phi */ a[href$="/%CE%95psilon%CE%A6"], a[href$="/Epsilon_Phi"], a[href$="/Epsilon%CE%A6"], a[href$="/%CE%B5psilon%CE%A6"] {color: #b73e91 !important;} a[href$="/Shu_Ujigawa"] {color: #ff00c8 !important;} a[href$="/Haruka_Nijo"] {color: #10f3ee !important;} a[href$="/Kanata_Nijo"] {color: #32ff6a !important;} a[href$="/Tadaomi_Kurama"] {color: #0a2ef3 !important;} a[href$="/Reiji_Karasuma"] {color: #ffff23 !important;} /* [start] For Card Infobox */

.cardinfobox { max-width: 27%; text-align:left; float:right; padding: 1em; margin-left:1em; margin-bottom: 1em; } .infobox tr:hover { background: transparent!important; }

.cardinfobox .infobox tr:hover { background: transparent!important; }

/* [end] For Card Infobox */ /* [start] For Image Thumbnail Fix */

background: none; border: none; padding: 0; box-shadow: none; }
 * 1) mw-content .gallerybox .thumb {

width: 100%; max-width: 100%; } /* [end] For Image Thumbnail Fix */
 * 1) mw-content .flex-container {

/* [start] Character Bar Formatting */ .columns-chara-bar { display: grid; grid-template-columns: repeat(auto-fit, minmax(50px, 1fr)); font-family: Helvetica; font-size: 1.3em; color: white; text-align: center; } .columns-chara-bar div:nth-child(1), div:nth-child(6) { background-color: none; }

.columns-chara-bar div:nth-child(2), div:nth-child(7) { background-color: none; }

.columns-chara-bar div:nth-child(3), div:nth-child(8) { background-color: none; }

.columns-chara-bar div:nth-child(4) { background-color: none; }

.columns-chara-bar div:nth-child(5) { background-color: none; }

.columns-chara-bar img { opacity: 0.35; filter: alpha(opacity=35); transition: opacity .1s ease-out; -moz-transition: opacity .1s ease-out; -webkit-transition: opacity .1s ease-out; -o-transition: opacity .1s ease-out; }

.columns-chara-bar img:hover { opacity: 1.0; filter: alpha(opacity=100); }

.highlight img { opacity: 1.0!important; filter: alpha(opacity=100)!important; } /* [end] Character Bar Formatting */