MediaWiki:Fandomdesktop.css

/* Lighter font for wiki content */ .page-content { font-family: "Rubik Light", sans-serif; }

/* Page top border */ .page { margin-top: 13px; border-top: #8a0707 5px solid; border-radius: 5px; }

/* Navigation Tag Dark Mode*/ .theme-fandomdesktop-dark .fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked [href$="5"]::after { color: #fce300 !important; background-color: #8a0707; border-radius: 4px; content: 'new'; font-size: 90%; font-weight: bold; margin-left: 5px; padding: 0 2px; position: relative; top: 0; } .theme-fandomdesktop-dark .fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked [href$="Fifteen_(Manga)"]::after { color: #fce300 !important; background-color: #8a0707; border-radius: 4px; content: 'new'; font-size: 90%; font-weight: bold; margin-left: 5px; padding: 0 2px; position: relative; top: 0; } /* Navigation Tag Light Mode */ .theme-fandomdesktop-light .fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked [href$="5"]::after { color: white !important; background-color: #090085; border-radius: 4px; content: 'new'; font-size: 90%; font-weight: bold; margin-left: 5px; padding: 0 2px; position: relative; top: 0; } .theme-fandomdesktop-light .fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked [href$="Fifteen_(Manga)"]::after { color: #fce300 !important; background-color: #8a0707; border-radius: 4px; content: 'new'; font-size: 90%; font-weight: bold; margin-left: 5px; padding: 0 2px; position: relative; top: 0; } /* Fix for CharBox templates on FD */ .charbox img, .charbox2 img { margin-top: 1px; } .charbox { display: block !important; } .charbox span { bottom: -20px !important; }

.charbox2 { justify-content: center; display: flex; }

.charbox, .charbox2 { margin-top: 4px !important; margin-bottom: 4px !important; }

/**Wiki Image Styling**/ .page-content .thumbimage:not(.wikia-gallery-item .thumbimage) { border-top: 2px solid #8a0707; border-left: 2px solid #8a0707; border-right: 2px solid #8a0707; border-bottom: none; padding: 3px; overflow: hidden; text-align: center; background-image: -moz-linear-gradient(center top, #8a0707 0px, #8a0707 100%); } .thumbcaption { border-bottom: 2px solid #8a0707; border-left: 2px solid #8a0707; border-right: 2px solid #8a0707; }

/* Infoboxes in light mode */ .theme-fandomdesktop-light .portable-infobox .pi-data-value { color: #000000; } .theme-fandomdesktop-light .portable-infobox .pi-data-value a { color: #090085; } .theme-fandomdesktop-light .portable-infobox .pi-navigation { background-color: transparent; border-top: 1px solid #8a0707; }

/* Navbox rows in light mode */ .theme-fandomdesktop-light .navbox-odd { background-color: #dedede !important; }

/* Stub template in light mode */ .theme-fandomdesktop-light .stub { background-color: #dedede !important; color: #000000 !important; }

/* Yellow links in collapsible navboxes in both light and dark modes */ .mw-collapsible > tbody:nth-child(1) > tr:nth-child(1) > th:nth-child(1) a { color: #fce300; } .mw-collapsible-toggle a { color: #fce300; }

/* Templates such as Delete in light mode */ .theme-fandomdesktop-light .boilerplate { background-color: #dedede !important; }

/* Main page templates in light mode */ .theme-fandomdesktop-light .mp-body { background-color: #dedede; border-radius: 0px 0px 10px 10px !important; }

/* ImageBox in light mode */ .theme-fandomdesktop-light .imagebox a { color: #fce300; }

/* Gallery Border in light mode */ .theme-fandomdesktop-light .left\; { background-color: #dedede !important; }

/* TranscriptBox in light mode */ .theme-fandomdesktop-light .Userbox { background-color: #dedede !important; }

/* Quotes/Motto in light mode */ .theme-fandomdesktop-light .motto a { color: #090085; } .theme-fandomdesktop-light .motto text { color: #FFFFFF !important; }

/* Characters page in light mode */ .theme-fandomdesktop-light .boxcharacters { background-color: #dedede !important; }

/* Footer Bar in light mode */ .theme-fandomdesktop-light .footer-bar { background-color: #dedede !important; }

/* Chapters in light mode */ .theme-fandomdesktop-light .chapters { background-color: #dedede !important; }

/* Box Texts in light mode */ .theme-fandomdesktop-light .boxtext { background-color: #dedede !important; }

/* AuthorBox Texts in light mode */ .theme-fandomdesktop-light .authorbox { background-color: #dedede !important; }

/* Nihongo in light mode */ .theme-fandomdesktop-light .t_nihongo_icon { color: #090085 !important; }

/* Tabbers in Dark Mode */ .tabber .wds-tabs__wrapper { border-bottom: 0; }

.tabber .wds-tabs__wrapper .wds-tabs { font-size: 16px; border-bottom: 3px solid #5c111e; padding: 0.3em 0 0; }

.tabber .wds-tabs .wds-tabs__tab-label { height: auto; margin: 0; }

.tabber .wds-tabs__tab a { font-weight: normal; font-size: 16px; padding: 0.3em 0.5em; color: #FFFFFF !important; }

.tabber .wds-tabs__tab.wds-is-current { box-shadow: none; }

.tabber .wds-tabs__tab.wds-is-current a { color: yellow !important; background: #5c111e; }

.tabber .wds-tabs__tab:not(.wds-is-current) a:hover { color: white !important; background: rgba(42,161,152, 0.2); }

/* Tabbers in Light Mode */

.theme-fandomdesktop-light .tabber .wds-tabs__wrapper { border-bottom: 0; }

.theme-fandomdesktop-light .tabber .wds-tabs__wrapper .wds-tabs { font-size: 15px; border-bottom: 3px solid #5c111e; padding: 0.3em 0 0; }

.theme-fandomdesktop-light .tabber .wds-tabs .wds-tabs__tab-label { height: auto; margin: 0; }

.theme-fandomdesktop-light .tabber .wds-tabs__tab a { font-weight: normal; font-size: 15px; padding: 0.3em 0.5em; color: #000000 !important; }

.theme-fandomdesktop-light .tabber .wds-tabs__tab.wds-is-current { box-shadow: none; }

.theme-fandomdesktop-light .tabber .wds-tabs__tab.wds-is-current a { color: white !important; background: #5c111e; }

.theme-fandomdesktop-light .tabber .wds-tabs__tab:not(.wds-is-current) a:hover { color: black !important; background: rgba(42,161,152, 0.2); }