dragging overhaul

[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..a19bec5 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;
-    max-width: 500px;
+    max-width: 640px;
 }
 
 /* ================================== */
@@ -459,6 +459,10 @@ em.person {
     background-color: orange;
 }
 
+.buttons .chosen {
+    background-color: lightblue;
+}
+
 
 .zastap.question-piece {
     padding: 3px;
@@ -469,31 +473,72 @@ em.person {
     border: 1px solid;
 }
 
-.przyporzadkuj .lista.predicate {
+.excercise .lista.predicate {
     list-style: none;
     position: relative;
     clear: both;
+    padding-left: 0;
 }
 
-.przyporzadkuj .lista.predicate > li {
+
+.excercise .subjects {
+    padding-left: 0;
+}
+
+
+.excercise .lista.predicate > li {
     list-style: none;
     display: block;
     float: left;
-    width: 250px;
+    width: 208px;
+    margin: 2px;
 }
 
-.przyporzadkuj .lista.predicate .droppable {
+.excercise.wide .lista.predicate > li {
+    width: 100%;
+    margin: 2px;
+}
+
+.excercise .lista.predicate .droppable {
     min-height: 50px;
     border: 1px dotted black;
 }
 
 
-.przyporzadkuj .draggable {
+.excercise .draggable {
     padding: 3px;
     border: 1px dotted black;
     display: inline-block;
 }
 
+.excercise .draggable.disabled {
+    background-color: grey;
+}
+
+.excercise .placeholder {
+    padding: 3px;
+    border: 1px dotted black;
+    display: inline-block;
+    min-width: 200px;
+    min-height: 1em;
+}
+
+
+.excercise .lista.subjects {
+    padding-left: 0px;
+}
+
+
+.draggable .remove {
+    font-family: sans-serif;
+    padding: 2px 4px;
+    background-color: #ee6666;
+    margin-left: 5px;
+}
+
+/* utils */
+
 .clr {
     clear: both;
-}
\ No newline at end of file
+}
+