MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ .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; }

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

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

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