Template:CustomTabs/styles.css: Difference between revisions

Stevium changed the content model of the page Template:CustomTabs/styles.css from "CSS" to "Sanitized CSS": TemplateStyles
ReisuDesign (talk | contribs)
No edit summary
 
(4 intermediate revisions by 2 users not shown)
Line 1: Line 1:
.skin-theme-clientpref-night {
    --secondary-tab-text: var(--color-base);
}
.skin-theme-clientpref-day {
    --secondary-tab-text: var(--color-accent-text);
}
.custom-tabs {
.custom-tabs {
     display: flex;
     display: flex;
Line 49: Line 57:
.custom-tabs span.inactive-tab:hover a:not(.new) {
.custom-tabs span.inactive-tab:hover a:not(.new) {
     color: var(--color-base);
     color: var(--color-base);
    text-decoration: none;
}
}


.custom-tabs span.inactive-tab:hover {
.custom-tabs span.inactive-tab:hover {
     background: var(--background-color-3);
     background: var(--background-color-3);
}
/* Secondary Tabs */
.custom-tabs-secondary span.active-tab {
    background: rgba(56, 147, 165, 0.6) !important;
}
.custom-tabs-secondary span.active-tab strong,
.custom-tabs-secondary span.active-tab a:not(.new) {
color:  var(--secondary-tab-text) !important;
}
/* Tertiary Tabs */
.custom-tabs-tertiary span.active-tab  {
    background-color: var(--background-color-3) !important;
}
.custom-tabs-tertiary span.active-tab strong,
.custom-tabs-tertiary span.active-tab a:not(.new) {
color:  var(--secondary-tab-text) !important;
}
}