most of stage 2

[edumed.git] / edumed / static / catalogue / css / exercise.css

diff --git a/edumed/static/catalogue/css/exercise.css b/edumed/static/catalogue/css/exercise.css
new file mode 100644 (file)
index 0000000..ce6f783
--- /dev/null
+++ b/edumed/static/catalogue/css/exercise.css
@@ -0,0 +1,231 @@
+@charset "UTF-8";
+.exercise img {
+  vertical-align: top; }
+.exercise .question-piece {
+  border-radius: 0.6875em;
+  padding: 0.5em 0.6875em; }
+.exercise .lista.punkt {
+  list-style: none;
+  margin: 0;
+  padding: 0; }
+.exercise .lista li {
+  margin: 0.3125em 0; }
+.exercise .question-piece.correct {
+  background-color: #16a487;
+  color: white; }
+.exercise .question-piece.incorrect {
+  background-color: #f00;
+  color: white; }
+.exercise .placeholder.dragover {
+  background: #ed7831 !important; }
+.exercise .remove {
+  float: right;
+  display: inline-block;
+  border-radius: 0.5em;
+  padding: 0.25em 0.5em;
+  margin: -0.25em -0.5em -0.25em 0.5em;
+  background: #ed7831;
+  color: white; }
+.exercise .buttons {
+  background: #5e6165;
+  border-radius: 0.5625em;
+  height: 1.875em;
+  line-height: 1.875em;
+  overflow: hidden;
+  color: white;
+  margin-top: 1.875em; }
+  .exercise .buttons input {
+    height: 100%;
+    border: 0;
+    background: #8e9093;
+    color: white;
+    text-transform: uppercase;
+    font-weight: bold; }
+  .exercise .buttons .message {
+    float: right;
+    padding: 0 1.25em;
+    background: red; }
+  .exercise .buttons .maxscore {
+    background: #16a487; }
+  .exercise .buttons input.check {
+    background: #ed7831; }
+
+.exercise .instruction, .exercise-wtem .instruction {
+  display: block;
+  margin: .3em;
+  color: green;
+  font-size: .9em; }
+.exercise .instruction:before, .exercise-wtem .instruction:before {
+  content: "☞ "; }
+
+.luki .question-piece {
+  background-color: #d4d6d8;
+  color: #363a3e;
+  cursor: pointer;
+  z-index: 2;
+  display: inline-block;
+  margin: 0.3125em;
+  z-index: 2;
+  max-width: 38em; }
+.luki .question-piece.disabled {
+  background-color: #eee;
+  color: #d4d6d8; }
+.luki .placeholder {
+  border-radius: 0.6875em;
+  padding: 0.5em 0.6875em;
+  display: inline-block;
+  margin: 0.3125em;
+  z-index: 2;
+  width: 4em;
+  background-color: #eee;
+  z-index: 1; }
+.luki .placeholder:after {
+  content: "\0000a0"; }
+
+.zastap .question-piece {
+  background-color: #d4d6d8;
+  color: #363a3e;
+  cursor: pointer;
+  z-index: 2;
+  display: inline-block;
+  margin: 0.3125em;
+  z-index: 2; }
+.zastap .question-piece.disabled {
+  background-color: #eee;
+  color: #d4d6d8; }
+.zastap .question-piece.placeholder {
+  background-color: inherit;
+  color: inherit;
+  cursor: inherit;
+  z-index: inherit;
+  display: inline;
+  margin: 0;
+  padding: 0;
+  z-index: inherit;
+  border-radius: 0; }
+
+.uporzadkuj .question-piece {
+  background-color: #d4d6d8;
+  color: #363a3e;
+  cursor: pointer;
+  z-index: 2; }
+.uporzadkuj .question-piece.disabled {
+  background-color: #eee;
+  color: #d4d6d8; }
+.uporzadkuj .lista {
+  list-style: none;
+  margin: 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.6875em;
+    padding: 0.5em 0.6875em;
+    background-color: #d4d6d8;
+    color: #363a3e;
+    cursor: pointer;
+    z-index: 2;
+    content: counter(answer);
+    float: left;
+    margin: -.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;
+  width: 38.625em; }
+.przyporzadkuj .question-piece.short {
+  display: inline-block;
+  margin: .2em .1em;
+  width: auto; }
+.przyporzadkuj span.question-piece {
+  display: inline-block;
+  margin: .1em;
+  width: auto; }
+.przyporzadkuj .question-piece.disabled {
+  background-color: #eee;
+  color: #d4d6d8; }
+.przyporzadkuj .predicate {
+  list-style: none;
+  margin: 0;
+  padding: 0; }
+  .przyporzadkuj .predicate > li {
+    border-radius: 0.6875em;
+    padding: 0.5em 0.6875em;
+    display: inline-block;
+    background-color: #5e6165;
+    color: white;
+    width: 11.75em;
+    position: relative;
+    vertical-align: top; }
+    .przyporzadkuj .predicate > li .subjects {
+      list-style: none;
+      margin: 0;
+      padding: 0;
+      min-height: 2.8125em;
+      position: relative;
+      margin: 0.5em -0.6875em -0.5em -0.6875em;
+      padding: 0.5em 0.6875em; }
+      .przyporzadkuj .predicate > li .subjects li {
+        width: auto; }
+      .przyporzadkuj .predicate > li .subjects .placeholder {
+        border-radius: 0.6875em;
+        padding: 0.5em 0.6875em;
+        text-align: right;
+        position: relative;
+        padding: 0.5em 0.6875em;
+        margin: 0 -0.6875em; }
+      .przyporzadkuj .predicate > li .subjects .multiple {
+        position: absolute;
+        z-index: -1;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        margin: 0; }
+      .przyporzadkuj .predicate > li .subjects .placeholder.dragover {
+        z-index: 1; }
+      .przyporzadkuj .predicate > li .subjects .placeholder:after {
+        content: "upuść tutaj";
+        text-style: italic; }
+.przyporzadkuj .subject {
+  list-style: none;
+  margin: 0;
+  padding: 0; }
+
+.prawdafalsz .question li.question-piece {
+  position: relative;
+  padding-left: 11em; }
+.prawdafalsz .question .buttons {
+  margin-top: 0;
+  top: 0;
+  left: 0;
+  position: absolute;
+  background-color: #d4d6d8;
+  color: #363a3e;
+  display: inline-block; }
+  .prawdafalsz .question .buttons a {
+    color: #363a3e;
+    text-transform: uppercase;
+    font-weight: bold;
+    display: inline-block;
+    padding: 0 0.6875em; }
+  .prawdafalsz .question .buttons a.chosen {
+    background: #ed7831;
+    color: white; }
+
+.wybor .question .lista {
+  list-style: none;
+  padding: 0; }
+  .wybor .question .lista li {
+    margin: 0; }