Šablona:FAQ / styles.css

styles.css: Porovnání verzí

Z Wiki JU
Ofara (diskuse | příspěvky)
založena nová stránka s textem „→Š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; background: #f7f7f7; color: #222; padding: 8px 12px !important; text-align: left; font-size: 100%; font-weight: 600; line-height: 1.35; } .faq-accordion-hea…“
 
Ofara (diskuse | příspěvky)
Bez shrnutí editace
 
(Nejsou zobrazeny 3 mezilehlé verze od stejného uživatele.)
Řádek 10: Řádek 10:


.faq-accordion-header {
.faq-accordion-header {
     position: relative;
     position: relative !important;
     background: #f7f7f7;
     background: #f7f7f7;
     color: #222;
     color: #222;
Řádek 32: Řádek 32:
/*
/*
  * Celá hlavička je klikatelná bez JavaScriptu:
  * Celá hlavička je klikatelná bez JavaScriptu:
  * odkaz standardního přepínače mw-collapsible se roztáhne
  * tlačítko standardního přepínače mw-collapsible (<button>) dostane
  * přes celou hlavičku (je to běžný odkaz, funguje i klávesnicí).
  * neviditelnou vrstvu ::after přes celou hlavičku. Funguje i klávesnicí.
  */
  */
.faq-accordion .mw-collapsible-toggle {
.faq-accordion .mw-collapsible-toggle {
     float: none;
    position: static !important;
     float: right;
    margin-left: 12px;
     font-size: 90%;
     font-size: 90%;
     font-weight: normal;
     font-weight: normal;
}
}


.faq-accordion .mw-collapsible-toggle a {
.faq-accordion .mw-collapsible-toggle .mw-collapsible-text::after {
    content: "";
     position: absolute;
     position: absolute;
     top: 0;
     top: 0;
Řádek 47: Řádek 50:
     bottom: 0;
     bottom: 0;
     left: 0;
     left: 0;
    padding: 8px 12px;
    text-align: right;
     cursor: pointer;
     cursor: pointer;
}
}


.faq-accordion .mw-collapsible-toggle a:focus {
.faq-accordion .mw-collapsible-toggle:focus {
    outline: none;
}
 
.faq-accordion .mw-collapsible-toggle:focus .mw-collapsible-text::after {
     outline: 2px solid #777;
     outline: 2px solid #777;
     outline-offset: -2px;
     outline-offset: -2px;

Aktuální verze z 20. 10. 2026, 09:06

/* Š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 .mw-collapsible-text::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 .mw-collapsible-text::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;
}