MediaWiki:Template.css

/* For Template Style Definition Only */ /* FD Light/Dark Switch Effects Enabled */

/* Table List Boxes */ .theme-fandomdesktop-light .list-top, .list-content { text-align:center; background-color:#2a1a33; color:#bd9bca;} .theme-fandomdesktop-light .list-content, .list-top { text-align:center; background-color:#bd9bca; color:#2a1a33;} .list-series { text-align:center; background: linear-gradient(90deg, rgba(115,40,75,1) 0%, rgba(35,43,77,1) 100%); color:#e9deed;} .theme-fandomdesktop-light .list-series { text-align:center; background: linear-gradient(90deg, rgba(255,120,226,1) 0%, rgba(140,172,255,1) 100%); color:#2a1a33;}

/* Table List Variation (No Lignt ON/OFF Effect, fixed for original official genre color preset) */ .list-top-d4 {text-align:center; background-color:#3088bc; color:#0a1e29;} .list-top-cover {text-align:center; background-color:#be41b6; color:#130712;} .list-top-game {text-align:center; background-color:#c17d30; color:#291b0a;} .list-top-inst {text-align:center; background-color:#9432c2; color:#ebd6f5;} .list-top-base {text-align:center; background-color:#60991f; color:#c2e995;}

/* Table List Variation (For Unit Setting) */ .list-top-ha {text-align:center; background-color:#ea5532; color:#170602;} .list-top-pp {text-align:center; background-color:#1f1817; color:#e9e3e2;} .list-top-pm {text-align:center; background-color:#5fc2c7; color:#071213;} .list-top-m4 {text-align:center; background-color:#ffd400; color:#1a1500;} .list-top-rd {text-align:center; background-color:#004098; color:#cce1ff;} .list-top-ll {text-align:center; background-color:#e182ab; color:#15050c;} .list-top-le {text-align:center; background-color:#392e7a; color:#bcb5e3;}

/* Table List Variation (For Character Setting) */ /* Happy Around! */ .list-top-ha1 {text-align:center; background-color:#fe6f01; color:#4c2100;} .list-top-ha2 {text-align:center; background-color:#ffde15; color:#1a1600;} .list-top-ha3 {text-align:center; background-color:#f673d1; color:#300323;} .list-top-ha4 {text-align:center; background-color:#3c65ff; color:#cfd9ff;} /* Peaky P-key */ .list-top-pp1 {text-align:center; background-color:#c80100; color:#ffb3b3;} .list-top-pp2 {text-align:center; background-color:#c765b4; color:#381431;} .list-top-pp3 {text-align:center; background-color:#dcaa0b; color:#493904;} .list-top-pp4 {text-align:center; background-color:#28825c; color:#b2e8d3;} /* Photon Maiden */ .list-top-pm1 {text-align:center; background-color:#e6ffec; color:#004d12;} .list-top-pm2 {text-align:center; background-color:#bec4c2; color:#242827;} .list-top-pm3 {text-align:center; background-color:#95deff; color:#002333;} .list-top-pm4 {text-align:center; background-color:#eaf4d2; color:#20290a;} /* Merm4id */ .list-top-m41 {text-align:center; background-color:#ff475b; color:#330006;} .list-top-m42 {text-align:center; background-color:#44fe07; color:#0d3300;} .list-top-m43 {text-align:center; background-color:#ff01aa; color:#ffccee;} .list-top-m44 {text-align:center; background-color:#e5ff18; color:#2d3300;} /* RONDO */ .list-top-rd1 {text-align:center; background-color:#0f0a70; color:#d2d0fb;} .list-top-rd2 {text-align:center; background-color:#f3f298; color:#2e2d05;} .list-top-rd3 {text-align:center; background-color:#e7bad9; color:#39142d;} .list-top-rd4 {text-align:center; background-color:#445ca8; color:#c9d0e9;} /* Lyrical Lily */ .list-top-ll1 {text-align:center; background-color:#d87c95; color:#3b121d;} .list-top-ll2 {text-align:center; background-color:#833761; color:#e8c9da;} .list-top-ll3 {text-align:center; background-color:#caaf9a; color:#433123;} .list-top-ll4 {text-align:center; background-color:#f9d797; color:#483004;} /* Lynx Eyes */ .list-top-le1 {text-align:center; background-color:#5339a4; color:#dfd9f2;} .list-top-le2 {text-align:center; background-color:#1e224f; color:#dadcf1;} /* Michiru Kaibara */ .list-top-michiru {text-align:center; background-color:#ffb1e3; color:#390b27;}

/* Table List Variation (For Parameter Setting) */ .list-top-h {text-align:center; background-color:#1a000e; color:#ff3ba8;} .theme-fandomdesktop-light .list-top-h {text-align:center; background-color:#ffe6f4; color:#ff3ba8;}

.list-top-t {text-align:center; background-color:#020431; color:#454df8;} .theme-fandomdesktop-light .list-top-t {text-align:center; background-color:#e6e8fe; color:#454df8;}

.list-top-p {text-align:center; background-color:#141005; color:#b69632;} .theme-fandomdesktop-light .list-top-p {text-align:center; background-color:#faf6eb; color:#b69632;}

/* MessageBox (Template:Mbox), Imported from Dev Wiki, Modified from zh.d4dj */ .mbox { --type-important: rgba(230, 80, 80, 0.8); --type-moderate: rgba(136, 82, 157, 0.8); --type-minor: rgba(71, 86, 155, 0.8); display: flex; position: relative; background-color: transparent; border: 2px solid #bd9acb; border-left-width: 8px; border-left-color: #bd9acb; border-radius: 3px; margin-bottom: 5px; min-height: 32px; } .theme-fandomdesktop-light .mbox { --type-important: rgba(230, 80, 80, 0.8); --type-moderate: rgba(136, 82, 157, 0.8); --type-minor: rgba(71, 86, 155, 0.8); display: flex; position: relative; background-color: transparent; border: 2px solid #291a32; border-left-width: 8px; border-left-color: #291a32; border-radius: 3px; margin-bottom: 5px; min-height: 32px; } .mbox.mbox-type-important {border-left-color: var(--type-important);} .mbox.mbox-type-moderate {border-left-color: var(--type-moderate);} .mbox.mbox-type-minor {border-left-color: var(--type-minor);}

.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-left: 15px; border-left: 1px solid #bd9acb; } .theme-fandomdesktop-light .mbox__content__aside { display: table-cell; width: 100px; vertical-align: middle; text-align: center; padding-left: 15px; border-left: 1px solid #291a32; }

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

.mbox__close:hover {color: #bd9acb;} .theme-fandomdesktop-light .mbox__close:hover {color: #291a32;}

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