MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ /* Link coloring */ a:active { color: #faa700; } /* orange - active link */ a.extiw, a.external { color: #36b; } /* blue - external link */

/* Thumbnail image */ .mw-parser-output .tright { border: 1px solid #c8ccd1; background-color: #f8f9fa; text-align: center; overflow: hidden; } .mw-parser-output .tleft { clear: left; float: left; border: 1px solid #c8ccd1; background-color: #f8f9fa; text-align: center; overflow: hidden; }

.thumb.show-info-icon .thumbcaption p { font-size: 94%; padding: 3px; line-height: 14px; color: #000; margin: 0; }

/* TOC adjustments */ .page-content #toc { border: 1px solid #ccc; background-color: #f5f5f5; color: #000; } .toc .toctitle { padding: 8px; } .toc ul li a { padding: 0.5px 6px; } /* Reduce the size of sub-headings within a table of contents */ .toc ul li li a { line-height: 1.5; } .toc ul li li li a { line-height: 1.33; } /* Dark theme */ .theme-fandomdesktop-dark .toctext, .theme-fandomdesktop-dark .tocnumber, .theme-fandomdesktop-dark .toctitle > h2 { color: #fff !important; } .theme-fandomdesktop-dark #toc { border: 1px solid #2a2a2a; background-color: #202020; color:#fff !important; }

/* Category box */ border: 1px solid #ccc; background: #f8f9fa; font-size: 0.875em; padding: 5px; margin: 0; } .theme-fandomdesktop-dark #articleCategories { border: 1px solid #2a2a2a; background: #202020; color: #fff; font-size: 0.875em; padding: 5px; margin: 0; }	padding: 0; }	height: 2em; font-size: 0.875em; } .CategorySelect.articlePage .last { margin: 0; }
 * 1) articleCategories {
 * 1) articleCategories .container {
 * 1) articleCategories .add {

/* Customising tabber */ .tabber.wds-tabber { margin-top: 13px; } .tabber ul.wds-tabs { margin-left: 12px; } .tabber .wds-tabs__wrapper.with-bottom-border { border-bottom: none; } .tabber ul.wds-tabs a { color:var(--theme-link-color); font-weight: 400; font-size: 13px; } .tabber .wds-tabs__tab { height: 36px; cursor: pointer; } .tabber ul.wds-tabs { margin-bottom: -1px; } .tabber .wds-tabs__tab.wds-is-current { border: 1px solid #ddd; border-bottom: 2px solid #fff; border-top-left-radius: 4px; border-top-right-radius: 4px; } .tabber .wds-tab__content { border-top: 1px solid #ddd; padding-top: 7px; } .tabber li.wds-tabs__tab { margin-right: 5px; border: 1px solid transparent; border-top-left-radius: 4px; border-top-right-radius: 4px; } .tabber li.wds-tabs__tab:hover { background: #e7e7e7; border-top-left-radius: 4px; border-top-right-radius: 4px; text-decoration: underline; border: 1px solid #e7e7e7; } .tabber .wds-tabs__tab.wds-is-current:hover { background: linear-gradient(177deg, #e0e0e0, transparent); border-bottom: 1px solid #fff; } .tabber .wds-tabs__tab.wds-is-current { box-shadow: none; background: linear-gradient(177deg, #eee, transparent); } .tabber .wds-tabs__tab.wds-is-current:hover a { color:var(--theme-link-color--hover); } .tabber li.wds-tabs__tab:hover a { color:var(--theme-link-color--hover); }

/* Infoboxes */ .portable-infobox { border: 1px solid #ccc; background-color: #f5f5f5; } .portable-infobox .pi-title { margin: 6px 6px 0 !important; background-color: #f5f5f5; color: #000; text-align: center; font-weight: bold; } .portable-infobox .pi-image { padding: 6px !important; } .portable-infobox .pi-header { margin: 0 6px !important; padding: 4px !important; background-color: #f5f5f5; color: #000; text-align: center; font-weight: bold; font-size: 12px !important; } .portable-infobox .pi-border-color { border: #000; } .portable-infobox .pi-horizontal-group .pi-border-color { border: #000; text-align: center; } .portable-infobox .pi-secondary-font { font-size: 11px !important; } .pi-data-value { font-size: 11px; } .theme-fandomdesktop-light .portable-infobox .pi-data-label { color: #000; } .theme-fandomdesktop-dark .portable-infobox .pi-data-label { color: #fff; }

.theme-fandomdesktop-dark .portable-infobox { border: 1px solid #2a2a2a; background-color: #202020; color: #fff; } .theme-fandomdesktop-dark .portable-infobox .pi-title, .theme-fandomdesktop-dark .portable-infobox .pi-header{ background-color: #202020; color: #fff; }

/** tabs **/ .pi-image-collection .wds-tabs__tab:hover:not(.wds-is-current) { background: rgb(var(--theme-page-text-color--rgb), 13%); cursor: pointer; border-radius: 12px; margin: auto; } .pi-image-collection .wds-tabs__tab-label { height: 2em; font-weight: 100; } .pi-image-collection .wds-tabs__tab { border-radius: 12px; margin: auto; } .pi-image-collection .wds-is-current .wds-tabs__tab-label { font-weight: 500; }

/** Studio album **/ .portable-infobox.pi-theme-studio .pi-secondary-background { background-color: #c9d7e0; color: #000; } /** EP **/ .portable-infobox.pi-theme-ep .pi-secondary-background { background-color: #ffa07a; color: #000; } /** Mixtape **/ .portable-infobox.pi-theme-mixtape .pi-secondary-background { background-color: #b6d2b6; color: #000; } /** Single **/ .portable-infobox.pi-theme-single .pi-secondary-background { background-color: #eee8aa; color: #000; } /** Song, promo, demo, instrumental, composition, remix **/ .portable-infobox.pi-theme-song .pi-secondary-background, .portable-infobox.pi-theme-promo .pi-secondary-background, .portable-infobox.pi-theme-demo .pi-secondary-background, .portable-infobox.pi-theme-instrumental .pi-secondary-background, .portable-infobox.pi-theme-composition .pi-secondary-background, .portable-infobox.pi-theme-remix .pi-secondary-background { background-color: #e6e8fa; color: #000; }

/* Navbox */ .navbox { width: 100%; font-size: smaller; clear: both; padding: 2px; border-spacing: 0; border: 1px solid #aaa; background: #fff; } .navbox-title { font-size: small; color: #000; } .navbox .navbox-title-padright { padding-right: 65px; } .navbox .navbox-title-padleft { padding-left: 65px; } .navbox .navbox-subgroup { border-spacing: 0; width: 100%; } .navbox .navbox-gutter { height: 1px; } .navbox .navbox-subgroup .navbox-gutter { background: #fff; } .navbox .navbox-section-row > td { padding: 0; height: 100%; } .navbox .navbox-section { width: 100%; border-spacing: 0; } .navbox .navbox-above, .navbox .navbox-below { background: #f5f5f5; color: #000; text-align: center; } .navbox .navbox-list { width: 100%; height: 100%; padding: 0; background: #ffffff0a; color: #000; } .navbox .alt > .navbox-list { background: #f7f7f7; color: #fff; } .navbox .navbox-section { width: 100%; border-spacing: 0; } .navbox .navbox-list div { padding: 0px 4px; color: #000; }

.navbox .navbox-list.no-group { text-align: center; padding-top: 2px; padding-bottom: 2px; }

.navbox .navbox-header-collapsible { padding-left: 65px; } .navbox .navbox-group { text-align: right; padding-right: 1em; min-width: 150px; background: #f5f5f5; color: #000; } .navbox .navbox-vde { float: left; width: 65px; font-size: smaller; } .navbox .mw-collapsible-toggle { float: right; width: 65px; font-size: smaller; }

/* Hatnote */ .hatnote { padding-left: 1.6em; margin-bottom: 0.5em; font-size: inherit; font-style: italic; color: inherit; }

/* Table for credits */ .credits { color: #000; background-color: #fff; border-collapse: collapse; border-spacing: 0px 0px; font-size: 13px; line-height: 20px; margin-bottom: 5px; max-width: 670px; width: 670px; } .credits th { font-weight: 700; border-top-color: #333; border-top-style: none; border-top-width: 0px; padding-bottom: 4px; padding-left: 5px; padding-right: 5px; padding-top: 4px; text-align: left; vertical-align: bottom; } .credits td { border-collapse: collapse; border-spacing: 0px 0px; border-top-color: #e8e8e8; border-top-style: solid; border-top-width: 1px; border-left-color: #f8f8f8; border-left-style: solid; border-left-width: 1px; padding-bottom: 4px; padding-left: 5px; padding-right: 5px; padding-top: 4px; text-align: left; vertical-align: center; }