Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:CustomTabs.css: Difference between revisions

MediaWiki interface page
Created page with "For Template:CustomTabs: Hide dummy infobox layout junk on desktop: aside.pi-theme-dummy, aside.pi-theme-dummy ~ aside.portable-infobox + p > br:first-child, aside.pi-theme-dummy ~ aside.portable-infobox + p:empty + p > br:first-child { display: none; } .custom-tabs { display: flex; flex-direction: row; gap: 5px; width: 100%; margin: 5px 0; flex-wrap: wrap; justify-content: space-evenly; > span { border-radius: 10px; display: flex;..."
 
No edit summary
 
(One intermediate revision by one other user not shown)
Line 88: Line 88:
.custom-tabs-default {
.custom-tabs-default {
   --active-tab-background-color: var(--theme-accent-color);
   --active-tab-background-color: var(--theme-accent-color);
   --active-tab-color: var(--page-text-color);
   --active-tab-color: var(--color-base);
   --inactive-tab-background-color: var(--theme-color-1);
   --inactive-tab-background-color: var(--background-color-1);
   --inactive-tab-color: var(--page-text-color);
   --inactive-tab-color: var(--color-base);
   --inactive-tab-hover-background-color: var(--theme-color-3);
   --inactive-tab-hover-background-color: var(--background-color-3);
   --inactive-tab-hover-color: var(--inactive-tab-color);
   --inactive-tab-hover-color: var(--inactive-tab-color);


   .skin-theme-clientpref-night & {
   .skin-theme-clientpref-night &, .skin-theme-clientpref-os & {
     --active-tab-color: var(--page-background-color);
     --active-tab-color: var(--background-color-base);
   }
   }
}
}