MediaWiki:Common.css: Difference between revisions
mNo edit summary |
m faq item style |
||
| Line 625: | Line 625: | ||
background: var(--ooo-accent); | background: var(--ooo-accent); | ||
opacity: 0.6; | opacity: 0.6; | ||
} | |||
/* ========================================================= | |||
OOO FAQ SYSTEM | |||
========================================================= */ | |||
.ooo-faq { | |||
margin: 40px 0; | |||
} | |||
/* Individual item */ | |||
.ooo-faq__item { | |||
border-bottom: 1px solid var(--ooo-border); | |||
padding: 14px 0; | |||
} | |||
/* Question */ | |||
.ooo-faq__question { | |||
font-weight: 700; | |||
cursor: pointer; | |||
position: relative; | |||
padding-right: 20px; | |||
} | |||
/* Arrow indicator */ | |||
.ooo-faq__question::after { | |||
content: "▾"; | |||
position: absolute; | |||
right: 0; | |||
transition: transform 0.2s ease; | |||
color: var(--ooo-accent); | |||
} | |||
/* Rotate when open */ | |||
.ooo-faq__item[open] .ooo-faq__question::after { | |||
transform: rotate(180deg); | |||
} | |||
/* Answer */ | |||
.ooo-faq__answer { | |||
margin-top: 10px; | |||
line-height: 1.7; | |||
opacity: 0.95; | |||
} | |||
/* Improve spacing on mobile */ | |||
@media (max-width: 600px) { | |||
.ooo-faq__question { | |||
font-size: 1rem; | |||
} | |||
} | } | ||