MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary Tags: Mobile edit Mobile web edit |
No edit summary Tags: Mobile edit Mobile web edit |
||
| Line 1,059: | Line 1,059: | ||
letter-spacing: 0.02em; | letter-spacing: 0.02em; | ||
color: var(--sv-ui-text2); | color: var(--sv-ui-text2); | ||
} | |||
/* --------------------------------------------------------------------------- | |||
SV Shared Components — Depth Polish (Phase 4.1) | |||
--------------------------------------------------------------------------- */ | |||
/* Pills (general) */ | |||
.sv-pill, | |||
.mw-parser-output .sv-pill { | |||
background: var(--sv-ui-bg2); | |||
border-color: var(--sv-ui-line2); | |||
color: var(--sv-ui-text1); | |||
box-shadow: inset 0 1px 0 rgba(255,255,255,0.06); | |||
background-image: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.00)); | |||
} | |||
/* Tabs */ | |||
.sv-tab, | |||
.mw-parser-output .sv-tab { | |||
background: var(--sv-ui-bg2); | |||
border-color: var(--sv-ui-line2); | |||
box-shadow: inset 0 1px 0 rgba(255,255,255,0.06); | |||
background-image: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.00)); | |||
} | |||
.sv-tab[aria-selected="true"], | |||
.mw-parser-output .sv-tab[aria-selected="true"] { | |||
border-color: var(--sv-ui-accent); | |||
background: var(--sv-ui-bg3); | |||
box-shadow: | |||
inset 0 1px 0 rgba(255,255,255,0.08), | |||
0 0 0 1px rgba(106,166,255,0.15); | |||
} | |||
/* Tab panels */ | |||
.sv-tabpanel, | |||
.mw-parser-output .sv-tabpanel { | |||
background: var(--sv-ui-bg1); | |||
border-color: var(--sv-ui-line1); | |||
box-shadow: inset 0 1px 0 rgba(255,255,255,0.05); | |||
background-image: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.00)); | |||
} | |||
/* Disclose buttons */ | |||
.sv-disclose-btn, | |||
.mw-parser-output .sv-disclose-btn { | |||
background: var(--sv-ui-bg1); | |||
border-color: var(--sv-ui-line1); | |||
box-shadow: inset 0 1px 0 rgba(255,255,255,0.05); | |||
background-image: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.00)); | |||
} | |||
.sv-disclose-btn:hover, | |||
.mw-parser-output .sv-disclose-btn:hover { | |||
background: var(--sv-ui-bg2); | |||
} | |||
/* Disclose popover */ | |||
.sv-disclose-pop, | |||
.mw-parser-output .sv-disclose-pop { | |||
background: var(--sv-ui-bg0); | |||
border-color: var(--sv-ui-line2); | |||
box-shadow: 0 14px 34px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04); | |||
background-image: radial-gradient(900px 260px at 35% 0, rgba(106,166,255,0.12), rgba(0,0,0,0) 60%); | |||
} | |||
.sv-disclose-pop-head, | |||
.mw-parser-output .sv-disclose-pop-head { | |||
background: var(--sv-ui-bg1); | |||
border-bottom-color: var(--sv-ui-line1); | |||
} | } | ||