MediaWiki:Common.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| Line 479: | Line 479: | ||
/* ========================================================= | /* ========================================================= | ||
OOO NOTICE SYSTEM ( | OOO NOTICE SYSTEM (Industrial Left Accent) | ||
========================================================= */ | ========================================================= */ | ||
| Line 486: | Line 486: | ||
padding: 22px 26px; | padding: 22px 26px; | ||
margin: 28px 0; | margin: 28px 0; | ||
border-radius: | border-radius: 10px; | ||
border: 1px solid rgba(245,196,0,0. | |||
/* subtle container */ | |||
background: | border: 1px solid rgba(245,196,0,0.18); | ||
background: rgba(245,196,0,0.04); | |||
/* stronger left accent */ | |||
); | border-left: 8px solid var(--ooo-accent); | ||
} | } | ||
| Line 499: | Line 499: | ||
font-size: 1.05rem; | font-size: 1.05rem; | ||
font-weight: 800; | font-weight: 800; | ||
margin-bottom: 8px; | |||
color: var(--ooo-accent); | |||
letter-spacing: 0.3px; | letter-spacing: 0.3px; | ||
} | } | ||
| Line 511: | Line 511: | ||
/* ===== Variants ===== */ | /* ===== Variants ===== */ | ||
.ooo-notice--warning { | .ooo-notice--warning { | ||
border-left-color: #f5c400; | border-left-color: #f5c400; | ||
} | } | ||
.ooo-notice--success { | .ooo-notice--success { | ||
border-left-color: #2ea44f; | border-left-color: #2ea44f; | ||
border-color: rgba(46,164,79,0. | border-color: rgba(46,164,79,0.18); | ||
background: | background: rgba(46,164,79,0.05); | ||
} | } | ||
| Line 533: | Line 525: | ||
} | } | ||
.ooo-notice--danger { | .ooo-notice--danger { | ||
border-left-color: #d73a49; | border-left-color: #d73a49; | ||
border-color: rgba(215,58,73,0. | border-color: rgba(215,58,73,0.18); | ||
background: | background: rgba(215,58,73,0.05); | ||
} | } | ||
| Line 544: | Line 535: | ||
} | } | ||
/* | /* Dark theme tuning */ | ||
.skin-theme-clientpref-night .ooo-notice { | .skin-theme-clientpref-night .ooo-notice { | ||
border-color: rgba(245,196,0,0. | border-color: rgba(245,196,0,0.15); | ||
background: | background: rgba(245,196,0,0.06); | ||
} | } | ||
@media (prefers-color-scheme: dark) { | @media (prefers-color-scheme: dark) { | ||
.skin-theme-clientpref-os .ooo-notice { | .skin-theme-clientpref-os .ooo-notice { | ||
border-color: rgba(245,196,0,0. | border-color: rgba(245,196,0,0.15); | ||
background: | background: rgba(245,196,0,0.06); | ||
} | } | ||
} | } | ||