MediaWiki:Common.css

/* = COLORS = */

/* == Light Mode == */


 * root .theme-fandomdesktop-light {

--theme-table-accent-color: #F5F5F5; }

/* == Dark Mode == */


 * root .theme-fandomdesktop-dark {

--theme-table-accent-color: #1f2430; }

/* = MAIN PAGE = */

/* == Page Border == */

.page__main { border: 2.5px solid var(--theme-table-accent-color); }

/* == Dark Mode Logo == */

.theme-fandomdesktop-dark .fandom-community-header__image img { content: url("https://static.wikia.nocookie.net/lycoris-recoil/images/f/ff/Lycoris_Recoil_Wiki_Logo_%28White%29.png/revision/latest?cb=20220903184546"); }

/* == Light Mode Sticky Header == */

.theme-fandomdesktop-light .fandom-sticky-header { color: white; }

.theme-fandomdesktop-light .fandom-sticky-header a { color: white; }

/* == Discord Widget == */

.discord-widget .widget-header { background-color: var(--theme-accent-color); }

/* == Key Visual == */

.key-visual { border-radius: 5px; margin-bottom: -12px; border: 2px solid var(--theme-table-accent-color); }

/* == Latest Release Thumbnail == */

.anime-thumbnail { border-radius: 5px; margin-bottom: 12px; border: 2px solid var(--theme-table-accent-color); }

/* == Centered Tabber == */

.centered-tabs .wds-tabs { justify-content: center; }

.centered-tabs .wds-tab__content.wds-is-current { padding: 24px; }

/* = MESSAGE BOXES = */

.mbox { display: flex; position: relative; background-color: rgba(255, 255, 255, 0.7); border: 1px solid #d6d6d6; border-left-width: 8px; border-left-color: #d6d6d6; border-radius: 3px; margin-bottom: 5px; min-height: 32px; }

.mbox__content { display: table; box-sizing: border-box; width: 100%; padding: 8px 15px; }

.mbox__content__image { display: table-cell; width: 40px; height: 100%; text-align: center; vertical-align: middle; padding-right: 15px; }

.mbox__content__wrapper { display: table-cell; vertical-align: middle; }

.mbox__content__header { display: block; font-weight: bold; }

.mbox__content__text { display: block; }

.mbox__content__text__comment { font-size: small; }

.mbox__content__aside { display: table-cell; width: 100px; vertical-align: middle; text-align: center; padding: 0 15px; border-left: 1px solid #d6d6d6; }

.mbox__close { position: absolute; right: 0; top: 0; padding: 2px 7px; font-weight: bold; font-size: 16px; color: #bbb; cursor: pointer; transition: all .15s ease-in; }

.mbox__close:hover { color: #777; }

.mbox__close:after { content: '×'; }

.mw-collapsed + .mbox__close { transform: rotate(45deg); padding: 4px 7px 5px 2px; }

/* == Notice/Incomplete == */

.incomplete { border-color: #FCDB88; background-color: rgba(252, 220, 141, 0.1); }

/* == Notice/Restructure == */

.restructure { border-color: #7B5669; background-color: rgba(123, 87, 104, 0.1); }

/* = TEXT FORMATING = */

/* == Correct Usage == */

.correct { color: #317E2A; }

.correct a { color: #317E2A; }

.correct a:hover { filter: brightness(80%); }

/* == Incorrect Usage == */

.incorrect { color: #932015; }

.incorrect a { color: #932015; }

.incorrect a:hover { filter: brightness(80%); }

/* == Template Parameter == */

.template-parameter code { border-radius: 2px; padding: 1px 4px; }

.template-parameter code { border: 1px solid var(--theme-border-color); background-color: var(--theme-page-background-color--secondary); }

/* == Reference Text == */

ol.references { font-size: smaller; }

/* = TABLE FORMATING = */

.wikitable { border-radius: 4px; overflow: hidden; outline: 1px solid var(--theme-border-color); outline-offset: -1px; }

.ooui-theme-fandomooui .wikitable>*>tr>th { padding: 0.2em 0.4em; }

/* == Table Heading == */

.box-header { background-color: var(--theme-accent-color); text-align: center; color: white; font-size: 1.5em; padding: 5px; border-radius: 5px; }

/* == Documentation Navigation == */

.documentation-nav-header { color: var(--theme-page-text-color); text-align: center; font-size: 1em; padding: 5px; border-radius: 5px; background-color: var(--theme-table-accent-color); }

/* == Display Table == */

.display-table { border-radius: 7px; border-spacing: 3px; width: 100%; text-align: center; margin-bottom: 12px; border: 2px solid var(--theme-table-accent-color); }

.display-table-side { border-radius: 5px; border-spacing: 3px; width: 290px; text-align: center; margin-bottom: 12px; }

/* == Scroll Box == */

.scrollbox { margin-bottom:3px; margin-top:3px; }

.scrollbox tr > td { background: transparent; }

.scrollbox tr > td > div { overflow: auto; -moz-border-radius-topleft: 0.5em; border-radius: 4px; padding-left: 0.5em; background: transparent; border: 2px solid var(--theme-table-accent-color); }

/* = BUTTONS = */

/* == Main Page Button == */

.main-page-button-wrapper { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-evenly; text-align: center; }

.main-page-button :hover { background-color: var(--theme-accent-color--hover); font-weight: 400; transition: 0.4s; }

.main-page-button a { background-color: var(--theme-accent-color); border-radius: 5px; display: inline-block; font-size: 1em; padding: 8px; min-width:180px; color: white; text-decoration: none; }

/* = INFOBOXES = */

.portable-infobox { border-color:var(--theme-table-accent-color); border-radius:5px; border-width:2px; padding: 2px 2px 0 2px; }

.portable-infobox .pi-item { border-radius:3px; }

.page-content .portable-infobox h2 { margin-bottom: 2px; color: white; }

.portable-infobox .pi-data { background:var(--theme-table-accent-color); border-top-width: 0px; margin-bottom: 2px; }

.portable-infobox .wds-tabs { width: 100%; background-color:var(--theme-table-accent-color); border-radius: 3px; }

.page-content .portable-infobox .wds-tabs { margin-bottom: 2px; }

.portable-infobox .pi-image { margin-bottom: 2px; }