maxscore style; fix exercise: Luki

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

diff --git a/catalogue/static/catalogue/css/exercise.css b/catalogue/static/catalogue/css/exercise.css
index 774f797..05b005f 100644 (file)
--- 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 {