MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ /* Page */ .page-content h2 { border-bottom-width: 3px; border-bottom-style: solid; border-image: linear-gradient(to right,#c83743 0%,var(--theme-accent-color) 10%,#a02c36 100%); border-image-slice: 1; padding-bottom: 5px; }

/* 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; } .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; }

.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: 120px; 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 */ .table-creds { 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; } .table-creds 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; } .table-creds 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; }

/* Track listing */ .theme-fandomdesktop-light .tracklist tr:nth-child(odd) { background: transparent; } .theme-fandomdesktop-light .tracklist tr:nth-child(even) { background: #f7f7f7; } .theme-fandomdesktop-dark .tracklist tr:nth-child(odd) { background: transparent; } .theme-fandomdesktop-dark .tracklist tr:nth-child(even) { background: #ffffff0a; } td.tltotal { background: var(--theme-page-background-color); }

/* Hover */ .opacity img { opacity: 0.5; filter: alpha(opacity=50); } .opacity img:hover { opacity: 1; filter: alpha(opacity=100); } .hoverimg img { opacity: 0.65; filter: alpha(opacity=65); /* for IE8 and earlier */ -webkit-transition-duration: 0.5s; /* Safari */ transition-duration: 0.5s; } .hoverimg img:hover { opacity: 2.0; filter: alpha(opacity=200); /* for IE8 and earlier */ } .hoverimage img { transition: all 0.4s ease; opacity: 1; filter: alpha(opacity=100); } .hoverimage img:hover { opacity: 0.8; filter: alpha(opacity=80); transform: scaleX(0.95) scaleY(0.95); } .rotate:hover img { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .rotate img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .shadow img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .shadow img:hover { filter: drop-shadow(1px 1px 5px #000); }