add a clearing div in exercises

[redakcja.git] / redakcja / static / edumed / css / edumed.css

diff --git a/redakcja/static/edumed/css/edumed.css b/redakcja/static/edumed/css/edumed.css
index f1de591..ccc2a0c 100644 (file)
--- a/redakcja/static/edumed/css/edumed.css
+++ b/redakcja/static/edumed/css/edumed.css
@@ -12,7 +12,7 @@ a {
 
 #book-text {
     margin: 3em;
 
 #book-text {
     margin: 3em;

-    max-width: 500px;
+    max-width: 640px;

 }
 
 /* ================================== */
 }
 
 /* ================================== */


@@ -439,17 +439,17 @@ em.person {
 }
 
 
 }
 
 

-.excercise .buttons {
+.exercise .buttons {

     text-align: right;
 }
 
 .teacher {
     text-align: right;
 }
 
 .teacher {

-    display: none;
+/*    display: none;*/

 }
 
 }
 

-.teacher.show {
+/*.teacher.show {

     display: inherit;
     display: inherit;

-}
+}*/

 
 .question-piece.correct {
     background-color: darkgreen;
 
 .question-piece.correct {
     background-color: darkgreen;


@@ -459,41 +459,110 @@ em.person {
     background-color: orange;
 }
 
     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;
     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;
     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;
 }
 
 
     min-height: 50px;
     border: 1px dotted black;
 }
 
 

-.przyporzadkuj .draggable {
+.exercise .draggable {

     padding: 3px;
     border: 1px dotted black;
     display: inline-block;
 }
 
     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;
 .clr {
     clear: both;

-}
\ No newline at end of file
+}
+