https://wiki.coderdojocomo.it/index.php?action=history&feed=atom&title=MediaWiki%3AGadget-course.css 2026-08-03T01:33:08Z Cronologia della pagina su questo sito MediaWiki 1.46.0 https://wiki.coderdojocomo.it/index.php?title=MediaWiki:Gadget-course.css&diff=270&oldid=prev 2026-08-02T09:15:43Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw-interface=""> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="it"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Versione meno recente</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versione delle 09:15, 2 ago 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l30">Riga 30:</td> <td colspan="2" class="diff-lineno">Riga 30:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.course .quiz-q { background: #fff; border: 1px solid #e3e0d6; border-radius: 14px; padding: 1rem 1.2rem; margin: 1rem 0; }</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.course .quiz-q { background: #fff; border: 1px solid #e3e0d6; border-radius: 14px; padding: 1rem 1.2rem; margin: 1rem 0; }</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.course .quiz-q .q-text { font-weight: 600; margin-bottom: 0.6rem; }</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.course .quiz-q .q-text { font-weight: 600; margin-bottom: 0.6rem; }</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>.course .quiz-btns { display: flex; flex-wrap: wrap; gap: 0.5rem; }</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.course .quiz-btns { display: flex; flex-wrap: wrap; gap: 0.5rem<ins style="font-weight: bold; text-decoration: none;">; flex-direction: column</ins>; }</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.course .quiz-btn { flex: 1 1 40%; font: inherit; font-size: 0.95rem; padding: 0.6rem 0.8rem; border: 2px solid #e3e0d6; border-radius: 10px; background: #fff; color: #22242e; cursor: pointer; }</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.course .quiz-btn { flex: 1 1 40%; font: inherit; font-size: 0.95rem; padding: 0.6rem 0.8rem; border: 2px solid #e3e0d6; border-radius: 10px; background: #fff; color: #22242e; cursor: pointer; }</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.course .quiz-btn:hover:not(:disabled) { border-color: #00a5c4; }</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.course .quiz-btn:hover:not(:disabled) { border-color: #00a5c4; }</div></td></tr> </table>

Admin https://wiki.coderdojocomo.it/index.php?title=MediaWiki:Gadget-course.css&diff=232&oldid=prev 2026-08-01T11:00:33Z

<p>Creata pagina con &quot;/* Gadget &quot;course&quot; — stili scoped del corso micro:bit. .course = struttura condivisa (qualsiasi corso) .course-microbit = palette della tecnologia micro:bit (fallback...&quot;</p> <p><b>Nuova pagina</b></p><div>/* Gadget &quot;course&quot; — stili scoped del corso micro:bit.<br /> .course = struttura condivisa (qualsiasi corso)<br /> .course-microbit = palette della tecnologia micro:bit (fallback no-JS) */<br /> .course { max-width: 760px; margin: 0 auto; padding: 0 1.25rem 4rem; font-size: 17px; line-height: 1.65; }<br /> .course h2 { font-size: 1.35rem; margin: 2.6rem 0 0.8rem; padding-top: 1.2rem; border-top: 2px solid #e3e0d6; }<br /> .course p { margin: 0.6rem 0; }<br /> .course ul, .course ol { margin: 0.6rem 0; padding-left: 1.4rem; }<br /> .course li { margin: 0.35rem 0; }<br /> .course a { color: #2e2c9c; }<br /> .course code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }<br /> <br /> .course .lesson-num { display: inline-block; font-weight: 800; font-size: 0.85rem; letter-spacing: 0.14em; text-transform: uppercase; background: rgba(46,44,156,0.12); color: #2e2c9c; padding: 0.25rem 0.8rem; border-radius: 999px; margin-bottom: 0.9rem; }<br /> .course h1 { font-size: 2.2rem; line-height: 1.15; letter-spacing: -0.01em; margin: 0 0 0.6rem; }<br /> .course .obiettivo { font-size: 1.15rem; opacity: 0.95; }<br /> .course .obiettivo strong { color: #ffb400; }<br /> <br /> .course .materiali { display: flex; flex-wrap: wrap; gap: 0.6rem; margin: 0; padding: 0; list-style: none; }<br /> .course .materiali li { background: #fff; border: 1px solid #e3e0d6; border-radius: 999px; padding: 0.4rem 1rem; font-size: 0.95rem; }<br /> <br /> .course .passo { position: relative; counter-increment: passo; background: #fff; border: 1px solid #e3e0d6; border-radius: 14px; padding: 1rem 1.2rem 1rem 3.6rem; margin: 0.9rem 0; }<br /> .course .passi { counter-reset: passo; margin: 1rem 0; }<br /> .course .passo::before { content: counter(passo); position: absolute; left: 1rem; top: 1.15rem; width: 1.8rem; height: 1.8rem; border-radius: 50%; background: #2e2c9c; color: #fff; font-weight: 800; display: flex; align-items: center; justify-content: center; }<br /> <br /> .course .sfida { border: 1px solid #e3e0d6; border-radius: 14px; padding: 1rem 1.2rem; margin: 0.9rem 0; background: #fff; }<br /> .course .sfida .badge { display: inline-block; font-weight: 800; font-size: 0.8rem; letter-spacing: 0.06em; color: #fff; border-radius: 999px; padding: 0.18rem 0.7rem; margin-right: 0.5rem; }<br /> .course .sfida.stella { border-left: 6px solid #c9a227; } .course .sfida.stella .badge { background: #c9a227; }<br /> .course .sfida.cometa { border-left: 6px solid #1e8cc4; } .course .sfida.cometa .badge { background: #1e8cc4; }<br /> .course .sfida.razzo { border-left: 6px solid #b13a5b; } .course .sfida.razzo .badge { background: #b13a5b; }<br /> <br /> .course .quiz-q { background: #fff; border: 1px solid #e3e0d6; border-radius: 14px; padding: 1rem 1.2rem; margin: 1rem 0; }<br /> .course .quiz-q .q-text { font-weight: 600; margin-bottom: 0.6rem; }<br /> .course .quiz-btns { display: flex; flex-wrap: wrap; gap: 0.5rem; }<br /> .course .quiz-btn { flex: 1 1 40%; font: inherit; font-size: 0.95rem; padding: 0.6rem 0.8rem; border: 2px solid #e3e0d6; border-radius: 10px; background: #fff; color: #22242e; cursor: pointer; }<br /> .course .quiz-btn:hover:not(:disabled) { border-color: #00a5c4; }<br /> .course .quiz-btn.correct { border-color: #2e9e5b; background: #eaf7ef; color: #1b6e3d; font-weight: 700; }<br /> .course .quiz-btn.wrong { border-color: #e0343f; background: #fdecee; color: #a32630; text-decoration: line-through; }<br /> .course .quiz-btn:disabled { cursor: default; }<br /> .course .quiz-feedback { margin-top: 0.6rem; font-weight: 600; min-height: 1.4em; }<br /> .course .quiz-feedback.ok { color: #1b6e3d; }<br /> .course .quiz-feedback.no { color: #a32630; }<br /> <br /> .course .ledgrid { display: inline-grid; grid-template-columns: repeat(5, 22px); gap: 5px; padding: 10px; background: #10132e; border-radius: 12px; }<br /> .course .ledgrid .led { width: 22px; height: 22px; border-radius: 50%; background: #262b4f; }<br /> .course .ledgrid .led.on { background: #ffb400; box-shadow: 0 0 8px 2px rgba(255,180,0,0.7); }<br /> .course .ledgrid.blu .led.on { background: #4dd0ff; }<br /> .course .ledgrid.verde .led.on { background: #66e07a; }<br /> .course .ledgrid.rosso .led.on { background: #ff6b6b; }<br /> <br /> .course .card { background: #fff; border: 1px solid #e3e0d6; border-radius: 14px; padding: 1.1rem 1.3rem; margin: 1.1rem 0; }<br /> .course .tip { border-left: 5px solid #ffb400; }<br /> .course .warn { border-left: 5px solid #e0343f; background: #fff7f7; }<br /> .course .fonte { background: #eef4fb; border: 1px solid #d4e3f5; border-radius: 14px; padding: 1rem 1.2rem; margin: 1.5rem 0; }<br /> <br /> .course .lesson-footer { margin-top: 3rem; padding-top: 1.2rem; border-top: 2px solid #e3e0d6; font-size: 0.95rem; }<br /> .course .pagination { display: flex; justify-content: space-between; gap: 1rem; margin-top: 1rem; }<br /> .course .pagination span { background: #fff; border: 1px solid #e3e0d6; padding: 0.5rem 1rem; border-radius: 10px; font-weight: 600; color: #2e2c9c; }<br /> <br /> .course .blk { display: inline-block; padding: 0.05rem 0.5rem; border-radius: 6px; color: #fff; font-weight: 700; font-size: 0.92em; white-space: nowrap; }<br /> .course .blk.blk-upgraded { background: none; padding: 0; border-radius: 0; }<br /> .course-microbit .blk-basic { background: #0e6bb0; }<br /> .course-microbit .blk-input { background: #1e9e46; }<br /> .course-microbit .blk-music { background: #d96716; }<br /> .course-microbit .blk-led { background: #2e2c9c; }<br /> .course-microbit .blk-var { background: #e0621f; }<br /> .course-microbit .blk-logic { background: #00a3a6; }<br /> .course-microbit .blk-loop { background: #0077b6; }<br /> .course-microbit .blk-math { background: #c4314b; }<br /> .course-microbit .blk-radio { background: #7c3c98; }<br /> .course-microbit .blk-game { background: #c24b99; }<br /> .course-microbit .blk-pin { background: #0f8a5f; }<br /> <br /> @media print {<br /> .course { max-width: none; padding: 0; font-size: 11pt; }<br /> .course a { color: inherit; text-decoration: none; }<br /> .course .quiz-btn { border-color: #ccc; }<br /> }</div>

Admin