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

/* 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: var(--general-bg-color-1); } border: none; }	border: none; }
 * 1) toc {
 * 1) toc .toctitle {
 * 1) toc .toctogglecheckbox:not(:checked) + .toctitle { padding-bottom: 0; }
 * 2) toc .toctitle .wds-icon { display: none; }

/* Uncollapsed categories */ .page-footer .page-footer__categories > .wds-collapsible-panel__content { display: block; }

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

.page-footer .wds-collapsible-panel { border-bottom: none; }

nav#articleCategories { background-color: var(--general-bg-color-1); border-radius: 12px; padding: 4px 8px; } nav#articleCategories a[title="Special:Categories"] { display: inline-block; } nav#articleCategories a[title="Special:Categories"] + span { display: none; } nav#articleCategories a[title="Special:Categories"]:after { content: ":"; } nav#articleCategories .catlinks, nav#articleCategories .catlinks > .mw-normal-catlinks > * { font-size: .9rem; } nav#articleCategories .catlinks > .mw-normal-catlinks { font-size: 0; }

nav#articleCategories .categories .last .add { color: white; background-color: #3333ff; border: none; } .CategorySelect.articlePage .category.new, .CategorySelect.articlePage .placeholder { background-color: var(--general-bg-color-2); border: none; } .page .wds-button.wds-is-secondary, .oo-ui-buttonElement.oo-ui-buttonElement-framed { background-color: var(--general-bg-color-2); border-color: var(--general-bg-color-2); }