MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ /* 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; }

/* INFOBOX STYLING */ .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 */ .portable-infobox .wds-tabs__tab:first-child { margin-left: auto; } .portable-infobox .wds-tabs__tab:last-child { margin-right: auto; } .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: 5px; } .pi-image-collection .wds-tabs__tab-label { height: 2em; font-weight: 100; } .pi-image-collection .wds-tabs__tab { border-radius: 12px; margin: 5px; } .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; background: #F0E68C; color: #000; font-weight: bold; } .navbox .navbox-vde { float: left; width: 65px; font-size: smaller; } .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: 2px; }

.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: #EEE; color: #000; text-align: center; } .navbox .navbox-list { width: 100%; height: 100%; padding: 0; background: #FFF; color: #000; } .navbox .alt > .navbox-list { background: #F7F7F7; color: #000; } .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: 150px; background: #EEE; color: #000; } .navbox .mw-collapsible-toggle { width: 65px; }

/* HATNOTE */ .hatnote { padding-left: 13px; margin-bottom: 0em; color: #888; font-size: 13px; font-style: italic; }

/* TABLE 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: middle; }

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