MediaWiki:Common.css

.theme-fandomdesktop-light .page__main { border: 2.5px solid #F5F5F5; }

.theme-fandomdesktop-dark .page__main { border: 2.5px solid #1f2430; }

.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"); }

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

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

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

.key-visual { border-radius: 5px; margin-bottom: -12px; }

.theme-fandomdesktop-light .key-visual { border: 2px solid #F5F5F5; }

.theme-fandomdesktop-dark .key-visual { border: 2px solid #1F2430; }

.anime-thumbnail { border-radius: 5px; margin-bottom: 12px; }

.theme-fandomdesktop-light .anime-thumbnail { border: 2px solid #F5F5F5; }

.theme-fandomdesktop-dark .anime-thumbnail { border: 2px solid #1F2430; }

.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; }

/* =Stub= */

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

/* ==TEXT FORMATING== */

/* =Correct Usage= */

.correct { color: #317E2A; }

.correct a { color: #317E2A; }

.incorrect { color: #932015; }

.incorrect a { color: #932015; }

/* =Template Parameter */

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

.theme-fandomdesktop-light .template-parameter code { border: 1px solid #F5F5F5; background-color: #F1545A50; }

.theme-fandomdesktop-dark .template-parameter code { border: 1px solid #1F2430; background-color: #39666F50; }

/* ==TABLE FORMATING== */

.wikitable { border-radius: 4px; }

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

.theme-fandomdesktop-light .documentation-nav-header { background-color: #F5F5F5; }

.theme-fandomdesktop-dark .documentation-nav-header { background-color: #1F2430; }

/* =Display Table= */

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

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

.theme-fandomdesktop-light .display-table { border: 2px solid #F5F5F5; }

.theme-fandomdesktop-dark .display-table { border: 2px solid #1F2430; }

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