MediaWiki:Common.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| Line 636: | Line 636: | ||
/* ========================================================= | /* ========================================================= | ||
FAQ CARD | FAQ CARD – Balanced Light & Dark | ||
========================================================= */ | ========================================================= */ | ||
| Line 644: | Line 644: | ||
margin-bottom: 18px; | margin-bottom: 18px; | ||
overflow: hidden; | overflow: hidden; | ||
transition: background 0.2s ease, border 0.2s ease; | transition: background 0.2s ease, border 0.2s ease, box-shadow 0.2s ease; | ||
/* Light theme */ | |||
border: 1px solid rgba(0,0,0,0.08); | border: 1px solid rgba(0,0,0,0.08); | ||
background: | background: linear-gradient( | ||
to bottom, | |||
rgba(245,196,0,0.04), | |||
rgba(245,196,0,0.015) | |||
); | |||
box-shadow: 0 1px 2px rgba(0,0,0,0.04); | |||
} | |||
/* Light theme hover */ | |||
.ooo-faq__item:hover { | |||
border-color: rgba(245,196,0,0.35); | |||
box-shadow: 0 3px 8px rgba(0,0,0,0.06); | |||
} | } | ||
/* Dark theme | /* Dark theme */ | ||
.skin-theme-clientpref-night .ooo-faq__item { | .skin-theme-clientpref-night .ooo-faq__item { | ||
background: rgba(245,196,0,0. | background: linear-gradient( | ||
border-color: rgba(245,196,0,0. | to bottom, | ||
rgba(245,196,0,0.10), | |||
rgba(245,196,0,0.05) | |||
); | |||
border-color: rgba(245,196,0,0.30); | |||
box-shadow: none; | |||
} | } | ||