X-Git-Url: https://git.mdrn.pl/edumed.git/blobdiff_plain/5fa5634e7b11bc43e402f9240fba1da98946ddb1..90654be51d9c0fe797340fe1c39ffcca3665d780:/catalogue/static/catalogue/css/exercise.css?ds=sidebyside diff --git a/catalogue/static/catalogue/css/exercise.css b/catalogue/static/catalogue/css/exercise.css index 774f797..05b005f 100644 --- a/catalogue/static/catalogue/css/exercise.css +++ b/catalogue/static/catalogue/css/exercise.css @@ -41,7 +41,9 @@ font-weight: bold; } .exercise .buttons .message { float: right; - margin-right: 1.25em; } + padding: 0 1.25em; } + .exercise .buttons .maxscore { + background: #16a487; } .exercise .buttons input.check { background: #ed7831; } @@ -52,7 +54,8 @@ z-index: 2; display: inline-block; margin: 0.313em; - z-index: 2; } + z-index: 2; + max-width: 38em; } .luki .question-piece.disabled { background-color: #eee; color: #d4d6d8; } @@ -101,13 +104,39 @@ .uporzadkuj .lista { list-style: none; margin: 0; - padding: 0; } + padding: 0; + counter-reset: answer; } + .uporzadkuj .lista li { + counter-increment: answer; + padding-right: 3em; + background-image: url(/static/img/ornaments/draggable.png); + background-repeat: no-repeat; + background-position: 100% 50%; } + .uporzadkuj .lista li:before { + border-radius: 0.688em; + padding: 0.5em 0.688em; + background-color: #d4d6d8; + color: #363a3e; + cursor: pointer; + z-index: 2; + content: counter(answer); + float: left; + margin: -0.5em 0 0 -3em; } + .uporzadkuj .lista li.ui-sortable-placeholder { + counter-increment: answer 0; } + .uporzadkuj .lista li.ui-sortable-helper:before { + content: none; } .przyporzadkuj .question-piece { background-color: #d4d6d8; color: #363a3e; cursor: pointer; - z-index: 2; } + z-index: 2; + width: 38.625em; } +.przyporzadkuj span.question-piece { + display: inline-block; + margin: .1em; + width: auto; } .przyporzadkuj .question-piece.disabled { background-color: #eee; color: #d4d6d8; } @@ -132,17 +161,23 @@ position: relative; margin: 0.5em -0.688em -0.5em -0.688em; padding: 0.5em 0.688em; } + .przyporzadkuj .predicate > li .subjects li { + width: auto; } .przyporzadkuj .predicate > li .subjects .placeholder { border-radius: 0.688em; padding: 0.5em 0.688em; + text-align: right; + position: relative; + padding: 0.5em 0.688em; + margin: 0 -0.688em; } + .przyporzadkuj .predicate > li .subjects .multiple { position: absolute; + z-index: -1; top: 0; bottom: 0; left: 0; right: 0; - margin: 0; - z-index: -1; - text-align: right; } + margin: 0; } .przyporzadkuj .predicate > li .subjects .placeholder.dragover { z-index: 1; } .przyporzadkuj .predicate > li .subjects .placeholder:after {