X-Git-Url: https://git.mdrn.pl/edumed.git/blobdiff_plain/07096ee18c78a330205e0f0a656dee1378ceb8c2..df129917a9ce220c14ac978bcdbc13b949bef551:/catalogue/static/catalogue/css/exercise.css

diff --git a/catalogue/static/catalogue/css/exercise.css b/catalogue/static/catalogue/css/exercise.css
index deb48d5..24cd0a3 100644
--- a/catalogue/static/catalogue/css/exercise.css
+++ b/catalogue/static/catalogue/css/exercise.css
@@ -1,4 +1,6 @@
 @charset "UTF-8";
+.exercise img {
+  vertical-align: top; }
 .exercise .question-piece {
   border-radius: 0.688em;
   padding: 0.5em 0.688em; }
@@ -41,9 +43,19 @@
     font-weight: bold; }
   .exercise .buttons .message {
     float: right;
-    margin-right: 1.25em; }
+    padding: 0 1.25em;
+    background: red; }
+  .exercise .buttons .maxscore {
+    background: #16a487; }
   .exercise .buttons input.check {
     background: #ed7831; }
+.exercise .instruction {
+  display: block;
+  margin: .3em;
+  color: green;
+  font-size: .9em; }
+.exercise .instruction:before {
+  content: "☞ "; }
 
 .luki .question-piece {
   background-color: #d4d6d8;
@@ -52,7 +64,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 +114,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 +171,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 {
@@ -173,3 +218,9 @@
   .prawdafalsz .question .buttons a.chosen {
     background: #ed7831;
     color: white; }
+
+.wybor .question .lista {
+  list-style: none;
+  padding: 0; }
+  .wybor .question .lista li {
+    margin: 0; }