MediaWiki:Miscellaneous.css

/* TOC .page-content #toc { background: url(/Special:FilePath/PageTOC.png) bottom right no-repeat; background-color: #ce389c; background-size: cover; border-radius: 10px; border: none; } .page-content #toc .toctitle { border: none; } .page-content #toc .toctitle h2, .page-content #toc .toctitle h2 .wds-icon, .page-content #toc .tocnumber, .page-content #toc .toctogglespan .toctogglelabel, .page-content #toc .toctogglespan:after, .page-content #toc .toctogglespan:before, .page-content #toc a { color: white; }

/* Rail modules .rail-module { border-radius: 12px; border: 0 !important; padding: 6px 8px; }

.WikiaRail .page-tools-module { background: url(/Special:FilePath/PageToolsRail.png) bottom no-repeat; background-color: #85562f; background-size: cover; color: white; } .WikiaRail .page-tools-module.rail-module h2 { color: white; background: none; } .WikiaRail .page-tools-module a { color: white; } .WikiaRail .recent-wiki-activity.rail-module h2.has-icon svg { fill: white; } .WikiaRail .recent-wiki-activity { background: url(/Special:FilePath/WikiActivityRail.png) bottom no-repeat; background-color: #cc0000; background-size: cover; color: white; } .WikiaRail .recent-wiki-activity.rail-module h2, .WikiaRail .recent-wiki-activity a { color: white; background: none; } .WikiaRail .recent-wiki-activity .recent-wiki-activity__timeago { color: white; }

/* Credits to BTS Wiki li.activity-item, div.chat-details, ul.thumbnails li.item.item- { border-radius: 5px; transition: background-color 0.1s; padding: 2px; } li.activity-item, div.chat-details { padding: 5px !important; } li.activity-item, div.chat-details, ul.thumbnails li.item.item- { background-color: rgba(0,0,0,.1); } li.activity-item:hover, div.chat-details:hover, ul.thumbnails li.item.item-:hover { background-color: rgba(0,0,0,.3); }

/* Categories - Credits to ITZY Wiki */ .page-footer .page-footer__categories { margin: 30px 0; border: 0; }

.page-footer .page-footer__categories, margin: 30px 0; border: 0; }
 * 1) wikiPreview nav#articleCategories {

.page-footer .page-footer__categories > .wds-collapsible-panel__header { display: none; }

li.special-categories-label > span { display: none; }

.page-footer .page-footer__categories > .wds-collapsible-panel__content { display: block; }

nav#articleCategories { background-color: #f9f9f9; background-size: cover; padding: 2px; border-radius: 12px; }

nav#articleCategories .container, nav#articleCategories .catlinks { padding: 2px; }

nav#articleCategories .container > ul.categories > li.special-categories-label { margin: 0; border: 0; padding: 0; }

nav#articleCategories a[title="Special:Categories"] { display: inline-block; padding: 0 2px 0 10px; line-height: 28px; }

nav#articleCategories li.special-categories-label > a:after { content: ':'; }

nav#articleCategories .catlinks { margin: 0; border: 0; font-size: .9em; }

nav#articleCategories .special-categories { display: block; padding: 6px 0; pointer-events: none; }

nav#articleCategories .special-categories a, nav#articleCategories .mw-normal-catlinks > a { color: var(--theme-link-color); }

nav#articleCategories .mw-normal-catlinks > a:hover { color: var(--theme-link-color); }

nav#articleCategories .categories .category, nav#articleCategories .catlinks li { margin: 0; border: 0; padding: 0; }

nav#articleCategories .categories .category a, nav#articleCategories .catlinks li a { padding: 0 8px; line-height: 28px; }

nav#articleCategories .categories .last { margin: -5px; padding: 10px; float: right; }

nav#articleCategories .categories .last .add { height: 22px; padding: 0 8px; border-color: transparent; background-color: transparent; }

nav#articleCategories .categories .last .input { margin: 0; height: 22px; padding: 0 6px; }

nav#articleCategories .toolbar { background-color: transparent; } /* Uncollapsed categories .page-footer .wds-collapsible-panel.wds-is-collapsed .wds-collapsible-panel__content { display: block; } /* Remove header and collapsible icons .page-footer .wds-icon.wds-icon-small, .page-footer .wds-collapsible-panel__header { display: none; } /* Remove unnecessary border .page-footer .wds-collapsible-panel { border-bottom: none; } /* Add border to make it look like Wikipedia .page-footer .wds-collapsible-panel.page-footer__categories { border: 1px solid #aaa; background-color: var(--secondary-bg-color); padding: 4px 6px; } /* Fonts - Beta .page { font-family: sans-serif; } .page-header__title { font-weight: normal; } .page-header__bottom { border-bottom: 1px solid var(--theme-border-color); } .page-header { margin-bottom: 5px; } .page-content h2, .page-content h2 > .mw-headline { font-weight: normal; } .page-content h2 { padding-bottom: 0; } .page-content .mw-headline { font-weight: bold; font-family: sans-serif; }

.page .wds-tabs__tab, .page .wds-tabs__tab-label, .toc .toctitle h2, .page-header__categories-in { font-weight: bold; } .portable-infobox .pi-title, .portable-infobox .pi-header, .portable-infobox .pi-navigation { font-weight: bold !important; }

.page-content p { margin-bottom: 12px; }

/* Navigation Bar Hover - Credits to Rheinaldi kian jiu .wds-icon-tiny { transition: transform 0.2s; }   transform: rotate(180deg); } .wds-dropdown__content .wds-list.wds-is-linked li:hover > a svg.wds-dropdown-chevron { transform: rotate(90deg); } .wds-dropdown.wds-open-to-left .wds-dropdown__content .wds-list.wds-is-linked li:hover > a svg.wds-dropdown-chevron { transform: rotate(-90deg) !important; }
 * 1) wds-icons-dropdown-tiny:hover {

/* Banner header .fandom-community-header { margin-bottom: -12px; padding: 12px 18px; background: linear-gradient(to right,rgba(var(--theme-sticky-nav-background-color--rgb),.3),rgba(var(--theme-sticky-nav-background-color--rgb),.4)),linear-gradient(to left,transparent 100px, var(--theme-sticky-nav-background-color) 430px), url(https://static.wikia.nocookie.net/cartoons/images/b/b5/Site-background-light/revision/latest/zoom-crop/width/471/height/115) right/contain no-repeat; } .fandom-community-header__image img { position: relative; } .fandom-community-header__top-container { position: relative; } .fandom-community-header .fandom-community-header__local-navigation { position: relative; } .fandom-community-header__background, .fandom-community-header__background::before { background: none; }

.fandom-community-header::before { display: block; height: 100%; position: absolute; right: 0; top: 0; width: 100%; z-index: 0; } .fandom-community-header__image, .fandom-community-header__top-container { z-index: 1; }

.page__main, .page__right-rail { border-radius: 0 !important; }

/* Page counter makes look like Oasis .page-counter__value { font-size: 24px; line-height: 1; } .page-counter__label { font-size: 14px; line-height: 1; } /* Full background image .main-container { background-image: url(https://static.wikia.nocookie.net/cartoons/images/2/26/Background.png/revision/latest?cb=20230115080508); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } /* Documentation .template-documentation { border: none !important; background-color: #f9f9f9; }

.template-documentation .template-documentation-header, .template-documentation .template-documentation-footer { border: none !important; } /*/ .toc:not(.sticky-toc) { background-color: #f9f9f9; } border: none; }	border: none; justify-content: center; }
 * 1) toc {
 * 1) toc .toctitle {
 * 1) toc .toctogglecheckbox:not(:checked) + .toctitle { padding-bottom: 0; }
 * 2) toc .toctogglecheckbox + .toctitle { min-width: none; max-width: none; }
 * 3) toc .toctitle .wds-icon { display: none; }