style instructions

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

diff --git a/catalogue/static/catalogue/css/exercise.scss b/catalogue/static/catalogue/css/exercise.scss
index 035aa2a..ac0bcdd 100755 (executable)
--- a/catalogue/static/catalogue/css/exercise.scss
+++ b/catalogue/static/catalogue/css/exercise.scss
@@ -1,4 +1,7 @@
 $px: 0.0625em;
+$oranji: #ed7831;
+$ciemny: #363a3e;
+$zielony: #16a487;
 
 
 @mixin bubble {
@@ -42,6 +45,10 @@ $px: 0.0625em;
 
 
 .exercise {
+    img {
+        vertical-align: top;
+    }
+
     .question-piece {
         @include bubble;
     }
@@ -96,7 +103,11 @@ $px: 0.0625em;
         }
         .message {
             float: right;
-            margin-right: 20*$px;
+            padding: 0 20*$px;
+            background: red;
+        }
+        .maxscore {
+            background: #16a487;
         }
 
         input.check {
@@ -105,6 +116,15 @@ $px: 0.0625em;
         }
     }
 
+    .instruction {
+        display: block;
+        margin: .3em;
+        color: green;
+        font-size: .9em;
+    }
+    .instruction:before {
+        content: "☞ ";
+    }
 }
 
 
@@ -112,6 +132,7 @@ $px: 0.0625em;
     .question-piece {
         @include bubble-drag;
         @include bubble-inline;
+        max-width: 608*$px;
     }
     .question-piece.disabled {
         @include bubble-drag-disabled;
@@ -216,15 +237,21 @@ $px: 0.0625em;
 
                 .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;
                 }