add a clearing div in exercises
[redakcja.git] / redakcja / static / edumed / css / edumed.css
index f1de591..ccc2a0c 100644 (file)
@@ -12,7 +12,7 @@ a {
 
 #book-text {
     margin: 3em;
-    max-width: 500px;
+    max-width: 640px;
 }
 
 /* ================================== */
@@ -439,17 +439,17 @@ em.person {
 }
 
 
-.excercise .buttons {
+.exercise .buttons {
     text-align: right;
 }
 
 .teacher {
-    display: none;
+/*    display: none;*/
 }
 
-.teacher.show {
+/*.teacher.show {
     display: inherit;
-}
+}*/
 
 .question-piece.correct {
     background-color: darkgreen;
@@ -459,41 +459,110 @@ em.person {
     background-color: orange;
 }
 
+.buttons .chosen {
+    background-color: lightblue;
+}
+
 
-.zastap.question-piece {
-    padding: 3px;
+table.framed {
+    border-collapse:collapse;
+    border: 1px solid black;
 }
 
-.question-piece.editing {
-    margin: 2px;
-    border: 1px solid;
+table.framed td {
+    border: 1px solid black;
+    padding: 5px;
 }
 
-.przyporzadkuj .lista.predicate {
+
+.exercise .lista.predicate {
     list-style: none;
     position: relative;
     clear: both;
+    padding-left: 0;
 }
 
-.przyporzadkuj .lista.predicate > li {
+
+.exercise .subjects {
+    padding-left: 0;
+}
+
+
+.exercise .lista.predicate > li {
     list-style: none;
     display: block;
     float: left;
-    width: 250px;
+    width: 208px;
+    margin: 2px;
+}
+
+.exercise.wide .lista.predicate > li {
+    width: 100%;
+    margin: 2px;
 }
 
-.przyporzadkuj .lista.predicate .droppable {
+.exercise .lista.predicate .droppable {
     min-height: 50px;
     border: 1px dotted black;
 }
 
 
-.przyporzadkuj .draggable {
+.exercise .draggable {
     padding: 3px;
     border: 1px dotted black;
     display: inline-block;
 }
 
+.exercise .draggable.disabled {
+    background-color: grey;
+}
+
+.exercise .placeholder {
+    padding: 3px;
+    border: 1px dotted black;
+    display: inline-block;
+    min-width: 200px;
+    min-height: 1em;
+}
+
+.exercise .placeholder.accepting.dragover {
+    background-color: #ffff99;
+}
+
+
+.exercise.zastap .paragraph .placeholder {
+    display: inline;
+    min-width: none;
+    min-height: none;
+    border: inherit;
+    padding: inherit;
+}
+
+
+
+.exercise .lista.subjects {
+    padding-left: 0px;
+}
+
+
+.exercise.uporzadkuj li {
+    cursor: move;
+}
+
+.draggable .remove {
+    font-family: sans-serif;
+    padding: 2px 4px;
+    background-color: #ee6666;
+    margin-left: 5px;
+}
+
+.exercise.wybor li[data-name] {
+    list-style: none;
+}
+
+/* utils */
+
 .clr {
     clear: both;
-}
\ No newline at end of file
+}
+