MediaWiki:Fandomdesktop.css

/**********************************/ /*     Admin username color      */ /**********************************/

.theme-fandomdesktop-light a[href$="/wiki/User:Revriley"] { color: #d5296c !important; font-weight: bold !important; font-family: Arial !important; }

.theme-fandomdesktop-dark a[href$="/wiki/User:Revriley"] { color: #8c8cff !important; font-weight: bold !important; font-family: Arial !important; }

/****************************/ /*       MAIN PAGE         */ /****************************/ /* H2 Header Custom Styling for Light & Dark Modes */ .theme-fandomdesktop-light .lcs-container h2, .theme-fandomdesktop-light .rcs-container h2 { background-color: #c3346c; padding: 0.2em 0.4em; margin: 0 0 10px 0; border-radius: 7px; color: white; font-variant: small-caps; text-align: center; text-shadow: 1px 3px 3px black; font-weight: bold; font-size: 140%; }

.theme-fandomdesktop-dark .lcs-container h2, .theme-fandomdesktop-dark .rcs-container h2 { background-color: #C07137; text-align: center; padding: 0.2em 0.4em; margin: 0 0 10px 0; border-radius: 7px; color: white; font-variant: small-caps; text-shadow: 1px 3px 3px black; font-weight: bold; font-size: 140%; }

/* Featured Art */ .featart { justify-content: center; }

/***************/ /*   TABS     */ /***************/

.page-content .wds-tabs { justify-content: center; }

.theme-fandomdesktop-light .page-content .wds-tabs__tab.wds-is-current { color: #b05253; }

.theme-fandomdesktop-light .page-content .wds-tabs__tab { color: #a27171; }

.theme-fandomdesktop-dark .page-content .wds-tabs__tab.wds-is-current { color: #C07137; }

.theme-fandomdesktop-dark .page-content .wds-tabs__tab { color: #a06a42; } /* All tabs, not just PI tabs. */

.wds-tabs__tab-label { align-items: center; display: inline-flex; font-size: 14px; font-weight: 500; height: 20px; letter-spacing: .5px; margin: 0 11px; text-align: center; text-decoration: none; transition: color .1s; white-space: nowrap; }

.wds-tabs__wrapper.with-bottom-border { border-bottom: none; }

/* Portable Infoboxes | GENERAL | Tabs */

.pi-navigation { padding-left: 0px; padding-right: 0px; }

.pi-navigation.pi-item-spacing { padding-top: 1px; }

.pi-image-collection .wds-tabs__tab-label { font-family: Rubik; font-size: 12px; margin: 0px 4px; height: 20px; } .pi-image-collection ul.wds-tabs { line-height: 19px; padding: 0px; margin: 1px 0 0; justify-content: center; } /* All tabs */

.portable-infobox .wds-tabs { justify-content: center; height: 20px; }

.page-content ul.wds-tabs {	justify-content: center; }

.pi-image-collection .wds-tabber img { width: 100%; height: 100%; }

.pi-image-collection .wds-tabs__arrow-left, .pi-image-collection .wds-tabs__arrow-right { display: none; }

.wds-tabs__wrapper.right-arrow-visible .wds-tabs, .wds-tabs__wrapper.left-arrow-visible .wds-tabs { -webkit-mask-image: none; }

/*.pi-image-collection .wds-tabs__tab:hover { Hover Inactive background-color: #d3bbb2; color: #2d2d2d; } */

/************************/ /* Portable Infoboxes  */ /************************/ .pi-data { grid-column-gap: 2px; padding-right: 1px; }

.pi-horizontal-group .pi-header { display: table-caption; text-align: center; } /* Should center text of group headers in portable infoboxes, e.g. "Publication Order" text in the volume infobox.*/

/***********************/ /* Template:VolumeList */ /***********************/

/* Testing whether this can work as a means of adjusting the template for Light & Dark Modes */

.VolumeList { border-collapse: collapse; width: 100%; }

.theme-fandomdesktop-light .VolumeList { background:#fafafa; color: black; }

.theme-fandomdesktop-light .VolumeList th { color: #972753; }

.theme-fandomdesktop-dark .VolumeList { background:#484242; color: #fafafa; }

.theme-fandomdesktop-dark .VolumeList th { color: #8c8cff; }