X-Git-Url: https://git.mdrn.pl/edumed.git/blobdiff_plain/d92d15f83d157e1f00458d95e19060ab7fbd35b1..b027d39e2082ec3244fcd05eb0264fdfc13d9f19:/catalogue/static/catalogue/css/exercise.scss

diff --git a/catalogue/static/catalogue/css/exercise.scss b/catalogue/static/catalogue/css/exercise.scss
index 6fe8c9a..9b0a596 100755
--- a/catalogue/static/catalogue/css/exercise.scss
+++ b/catalogue/static/catalogue/css/exercise.scss
@@ -42,6 +42,10 @@ $px: 0.0625em;
 
 
 .exercise {
+    img {
+        vertical-align: top;
+    }
+
     .question-piece {
         @include bubble;
     }
@@ -72,7 +76,7 @@ $px: 0.0625em;
         display: inline-block;
         border-radius: 8*$px;
         padding: 4*$px 8*$px;
-        margin: -4*$px -8*$px -1em 8*$px;
+        margin: -4*$px -8*$px -.25em 8*$px;
         background: #ed7831;
         color: white;
     }
@@ -96,7 +100,11 @@ $px: 0.0625em;
         }
         .message {
             float: right;
-            margin-right: 20*$px;
+            padding: 0 20*$px;
+            background: red;
+        }
+        .maxscore {
+            background: #16a487;
         }
 
         input.check {
@@ -112,6 +120,7 @@ $px: 0.0625em;
     .question-piece {
         @include bubble-drag;
         @include bubble-inline;
+        max-width: 608*$px;
     }
     .question-piece.disabled {
         @include bubble-drag-disabled;
@@ -154,27 +163,52 @@ $px: 0.0625em;
     }
     .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;
-        white-space: nowrap;
 
         > li {
-            white-space: normal;
             @include bubble;
             display: inline-block;
             background-color: #5e6165;
             color: white;
-            width: 180*$px;
+            width: 188*$px;
             position: relative;
             vertical-align: top;
 
@@ -185,17 +219,27 @@ $px: 0.0625em;
                 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;
-                    z-index: -1;
-                    text-align: right;
                 }
+                
                 .placeholder.dragover {
                     z-index: 1;
                 }
@@ -206,7 +250,6 @@ $px: 0.0625em;
             }
         }
         .comment {
-            white-space: normal;
         }
     }
     .subject {
@@ -245,3 +288,13 @@ $px: 0.0625em;
         }
     }
 }
+
+.wybor .question {
+    .lista {
+        list-style: none;
+        padding: 0;
+        li {
+            margin: 0;
+        }
+    }
+}