styles.css: Porovnání verzí
Z Wiki JU
Bez shrnutí editace |
Bez shrnutí editace |
||
| Řádek 32: | Řádek 32: | ||
/* | /* | ||
* Celá hlavička je klikatelná bez JavaScriptu: | * Celá hlavička je klikatelná bez JavaScriptu: | ||
* | * tlačítko standardního přepínače mw-collapsible (<button>) dostane | ||
* přes celou hlavičku | * neviditelnou vrstvu ::after přes celou hlavičku. Funguje i klávesnicí. | ||
*/ | */ | ||
.faq-accordion .mw-collapsible-toggle | .faq-accordion .mw-collapsible-toggle { | ||
position: static !important; | position: static !important; | ||
float: right; | float: right; | ||
margin-left: 12px; | margin-left: 12px; | ||
| Řádek 47: | Řádek 43: | ||
} | } | ||
.faq-accordion .mw-collapsible-toggle | .faq-accordion .mw-collapsible-toggle::after { | ||
content: ""; | content: ""; | ||
position: absolute; | position: absolute; | ||
| Řádek 57: | Řádek 53: | ||
} | } | ||
.faq-accordion .mw-collapsible-toggle | .faq-accordion .mw-collapsible-toggle:focus { | ||
outline: none; | outline: none; | ||
} | } | ||
.faq-accordion .mw-collapsible-toggle | .faq-accordion .mw-collapsible-toggle:focus::after { | ||
outline: 2px solid #777; | outline: 2px solid #777; | ||
outline-offset: -2px; | outline-offset: -2px; | ||
Verze z 20. 10. 2026, 09:04
/* Šablona:FAQ/styles.css (content model: Sanitized CSS) */
table.faq-accordion {
width: 100%;
border: 1px solid #d9d9d9;
border-collapse: collapse;
background: #fff;
margin: 0 0 6px 0 !important;
}
.faq-accordion-header {
position: relative !important;
background: #f7f7f7;
color: #222;
padding: 8px 12px !important;
text-align: left;
font-size: 100%;
font-weight: 600;
line-height: 1.35;
}
.faq-accordion-header:hover {
background: #eeeeee;
}
.faq-accordion-content {
padding: 10px 12px !important;
background: #fff;
line-height: 1.5;
}
/*
* Celá hlavička je klikatelná bez JavaScriptu:
* tlačítko standardního přepínače mw-collapsible (<button>) dostane
* neviditelnou vrstvu ::after přes celou hlavičku. Funguje i klávesnicí.
*/
.faq-accordion .mw-collapsible-toggle {
position: static !important;
float: right;
margin-left: 12px;
font-size: 90%;
font-weight: normal;
}
.faq-accordion .mw-collapsible-toggle::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
cursor: pointer;
}
.faq-accordion .mw-collapsible-toggle:focus {
outline: none;
}
.faq-accordion .mw-collapsible-toggle:focus::after {
outline: 2px solid #777;
outline-offset: -2px;
}
/*
* Prázdné řádky mezi jednotlivými voláními šablony
* (MediaWiki z nich vytvoří <p><br></p>).
*/
table.faq-accordion + p > br:only-child {
display: none;
}
table.faq-accordion + p {
margin-top: 0;
}