MediaWiki:Quiz.css

Z WikiSkript

Poznámka: Po zveřejnění musíte vyprázdnit cache vašeho prohlížeče, jinak změny neuvidíte.

  • Firefox / Safari: Při kliknutí na Aktualizovat držte Shift nebo stiskněte Ctrl-F5 nebo Ctrl-R (na Macu ⌘-R)
  • Google Chrome: Stiskněte Ctrl-Shift-R (na Macu ⌘-Shift-R)
  • Internet Explorer / Edge: Při kliknutí na Aktualizovat držte Ctrl nebo stiskněte Ctrl-F5
  • Opera: Stiskněte Ctrl-F5.
/**
 * Styly pro design multiple-choice procvičovacích testů
 * Tento soubor je zahrnován do stránky z MediaWiki::Common.js
 * Autor: Uživatel:ShadyMedic
 */

/* zarovnání checkboxů na první řádek odpovědi */
.quiz .question .sign {
    vertical-align: top;
}

/* prostor mezi odpovědmi */
.quiz .question tr.proposal {
    padding-bottom: 8px;
    display: block;
    padding-right: 12px;
    text-align: left;
}

.quiz .question tr.proposal:first-child {
    padding-top: 8px;
}

/* odsunutí odpovědí od checkboxů */
.quiz .question td.sign {
    padding-right: 10px;
    padding-left: 8px;
    padding-top: 0.2rem;
}

/* vynucení stejné šířky u všech boxů odpovědí a úprava ohraničení */
.quiz .question table.object.border {
    width: 100%;
    border: 1px solid #a2a9b1!important;
    background-color: #ffe69d;
}

/* zarovnání odesílacího tlačítka na střed */
.quiz {
    text-align: center;
}
.quiz .question .header {
    text-align: left;
}

/* úprava odesílacího tlačítka */
.quiz input[type="submit"] {
	padding: 5px 20px;
    border: 3px outset #808080;
    background-color: #a2c3ff;
    font-weight: bold;
}
.quiz input[type="submit"]:hover {
    background-color: #dfebff;
}
.quiz input[type="submit"]:active {
    background-color: #89a4d7;
}

/* ztučnění otázek */
.quiz .question .questionText {
    font-weight: bold;
}

/* schování legendy k ničemu */
#quiz0 .settings {
    display: none;
}

/* indikátory správných odpovědí */
.quiz .question .object.border.NA .check:not(.incorrect):before, 
.quiz .question .object.border.correct .check:not(.incorrect):before, 
.quiz .question .object.border.incorrect .check:not(.incorrect):before {
    content: "";
    display: inline-block;
    background-image: url("/images/0/08/Správně.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: relative;
    right: 35px;
}

/* indikátory špatných odpovědí */
.quiz .question .object.border.NA .check.incorrect:before,
.quiz .question .object.border.correct .check.incorrect:before, 
.quiz .question .object.border.incorrect .check.incorrect:before {
    content: "";
    display: inline-block;
    background-image: url("/images/6/6f/Špatně.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: relative;
    right: 35px;
}

/* zrušení obtáhnutí checkboxů */
.quiz .question .check.correct,
.quiz .question .check.incorrect {
    outline: unset!important;
}

/* změna barvy u správně zodpovězených otázek */
.quiz .question .object.border.correct {
    background-color: #dcff9d;
}

/* změna barvy u špatně zodpovězených otázek */
.quiz .question .object.border.incorrect,
.quiz .question .object.border.NA {
    background-color: #ffbc9d;
}

/* zvětšení checkboxů */
.quiz .question .check {
    width: 1.5rem;
    height: 1.5rem;
}