X-Git-Url: https://git.mdrn.pl/edumed.git/blobdiff_plain/cff3808d3a8c3ba3330bba7ba0ed300a3cd0a8fd..d555d988764995ea1f9f5ece46f453a66f09b334:/catalogue/static/catalogue/css/exercise.scss diff --git a/catalogue/static/catalogue/css/exercise.scss b/catalogue/static/catalogue/css/exercise.scss deleted file mode 100755 index 039b088..0000000 --- a/catalogue/static/catalogue/css/exercise.scss +++ /dev/null @@ -1,291 +0,0 @@ -$px: 0.0625em; - - -@mixin bubble { - border-radius: 11*$px; - padding: 8*$px 11*$px; -} -@mixin bubble-drag { - background-color: #d4d6d8; - color: #363a3e; - cursor: pointer; - z-index: 2; -} -@mixin bubble-drag-disabled { - background-color: #eee; - color: #d4d6d8; -} -@mixin un-bubble-drag { - background-color: inherit; - color: inherit; - cursor: inherit; - z-index: inherit; -} - -@mixin bubble-inline { - display: inline-block; - margin: 5*$px; - z-index: 2; -} -@mixin un-bubble-inline { - display: inline; - margin: 0; - padding: 0; - z-index: inherit; - border-radius: 0; -} -@mixin list-plain { - list-style: none; - margin: 0; - padding: 0; -} - - -.exercise { - .question-piece { - @include bubble; - } - .lista.punkt { - @include list-plain; - } - .lista { - li { - margin: 5*$px 0; - } - } - - .question-piece.correct { - background-color: #16a487; - color: white; - } - .question-piece.incorrect { - background-color: #f00; - color: white; - } - - .placeholder.dragover { - background: #ed7831 !important; - } - - .remove { - float: right; - display: inline-block; - border-radius: 8*$px; - padding: 4*$px 8*$px; - margin: -4*$px -8*$px -.25em 8*$px; - background: #ed7831; - color: white; - } - - .buttons { - background: #5e6165; - border-radius: 9*$px; - height: 30*$px; - line-height: 30*$px; - overflow: hidden; - color: white; - margin-top: 30*$px; - - input { - height: 100%; - border: 0; - background: #8e9093; - color: white; - text-transform: uppercase; - font-weight: bold; - } - .message { - float: right; - margin-right: 20*$px; - } - - input.check { - background: #ed7831; - - } - } - -} - - -.luki { - .question-piece { - @include bubble-drag; - @include bubble-inline; - } - .question-piece.disabled { - @include bubble-drag-disabled; - } - - .placeholder { - @include bubble; - @include bubble-inline; - - width: 4em; - background-color: #eee; - z-index: 1; - } - .placeholder:after { - content: "\0000a0"; - } -} - - -.zastap { - .question-piece { - @include bubble-drag; - @include bubble-inline; - } - .question-piece.disabled { - @include bubble-drag-disabled; - } - .question-piece.placeholder { - @include un-bubble-drag; - @include un-bubble-inline; - } -} - -.uporzadkuj { - .question-piece { - @include bubble-drag; - } - .question-piece.disabled { - @include bubble-drag-disabled; - } - .lista { - @include list-plain; - counter-reset: answer; - li { - counter-increment: answer; - padding-right: 3em; - background-image: url(/static/img/ornaments/draggable.png); - background-repeat: no-repeat; - background-position: 100% 50%; - } - li:before { - @include bubble; - @include bubble-drag; - content: counter(answer); - float: left; - margin: -.5em 0 0 -3em; - } - li.ui-sortable-placeholder { - counter-increment: answer 0; - } - li.ui-sortable-helper:before { - content: none; - } - } -} - -.przyporzadkuj { - .question-piece { - @include bubble-drag; - width: 618*$px; - } - span.question-piece { - display: inline-block; - margin: .1em; - width: auto; - } - .question-piece.disabled { - @include bubble-drag-disabled; - } - .predicate { - @include list-plain; - - > li { - @include bubble; - display: inline-block; - background-color: #5e6165; - color: white; - width: 188*$px; - position: relative; - vertical-align: top; - - .subjects { - @include list-plain; - min-height: 45*$px; - position: relative; - margin: 8*$px -11*$px -8*$px -11*$px; - padding: 8*$px 11*$px; - - li { - width: auto; - } - - .placeholder { - @include bubble; - text-align: right; - position:relative; - padding: 8*$px 11*$px; - margin: 0 -11*$px; - } - .multiple { - position: absolute; - z-index: -1; - top: 0; - bottom: 0; - left: 0; - right: 0; - margin: 0; - } - - .placeholder.dragover { - z-index: 1; - } - .placeholder:after { - content: "upuść tutaj"; - text-style: italic; - } - } - } - .comment { - } - } - .subject { - @include list-plain; - } - -} - - -.prawdafalsz .question { - li.question-piece { - position: relative; - padding-left: 11em; - } - - .buttons { - margin-top: 0; - top: 0; - left: 0; - position: absolute; - - background-color: #d4d6d8; - color: #363a3e; - display: inline-block; - - a { - color: #363a3e; - text-transform: uppercase; - font-weight: bold; - display: inline-block; - padding: 0 11*$px; - } - a.chosen { - background: #ed7831; - color: white; - } - } -} - -.wybor .question { - .lista { - list-style: none; - padding: 0; - li { - margin: 0; - } - } -}