MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| Line 1,851: | Line 1,851: | ||
font-size: 16px; /* slightly larger base font */ | font-size: 16px; /* slightly larger base font */ | ||
} | } | ||
/* ============================================================ | |||
--- WIKITABLE (BORDERLESS & ZEBRA STRIPED) --- | |||
============================================================ */ | |||
/* 1. Main Table Container */ | |||
.wikitable { | .wikitable { | ||
width: 100%; | width: 100%; | ||
border: none; | border: none !important; /* Kills outer border */ | ||
box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* | box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* Keeps the soft shadow */ | ||
border-radius: 8px; | border-radius: 8px; | ||
overflow: hidden; | overflow: hidden; | ||
border-collapse: separate !important; /* Required for rounded corners */ | |||
border-spacing: 0; | |||
margin: 1em 0; /* Breathing room around the table */ | |||
} | } | ||
/* 2. Header Cells */ | |||
.wikitable th { | .wikitable th { | ||
background-color: var(--bc-blue); /* | background-color: var(--bc-blue) !important; /* Brand Teal */ | ||
color: white; | color: white !important; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
font-size: 0.85rem; | font-size: 0.85rem; | ||
padding: 14px 16px !important; | |||
border: none !important; /* Kills header borders */ | |||
text-align: left; | |||
} | |||
/* 3. Standard Data Cells (Odd Rows / Default) */ | |||
.wikitable td { | |||
background-color: #ffffff !important; /* Clean white background */ | |||
border: none !important; /* Kills inner cell borders */ | |||
padding: 12px 16px !important; /* Comfortable spacing */ | |||
color: var(--bc-text); | |||
} | |||
/* 4. Zebra Striping (Even Rows) */ | |||
.wikitable tr:nth-child(even) td { | |||
background-color: var(--bc-bg-page) !important; /* Uses your theme's light grey/teal background */ | |||
} | |||
/* ============================================================ | |||
--- WIKITABLE DARK MODE OVERRIDES --- | |||
============================================================ */ | |||
/* 1. Dark Mode Headers */ | |||
html.skin-theme-clientpref-night .wikitable th { | |||
background-color: #263238 !important; /* Dark Slate */ | |||
color: #80cbc4 !important; /* Bright Teal Text */ | |||
} | |||
/* 2. Dark Mode Data Cells (Odd Rows) */ | |||
html.skin-theme-clientpref-night .wikitable td { | |||
background-color: #1e1e1e !important; /* Dark Card Background */ | |||
color: #e0e0e0 !important; /* Off-white text */ | |||
} | |||
/* 3. Dark Mode Zebra Striping (Even Rows) */ | |||
html.skin-theme-clientpref-night .wikitable tr:nth-child(even) td { | |||
background-color: #2a2b2e !important; /* Slightly lighter charcoal for contrast */ | |||
} | } | ||