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;
 
 #book-text {
     margin: 3em;

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

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


@@ -459,6 +459,10 @@ em.person {
     background-color: orange;
 }
 
     background-color: orange;
 }
 

+.buttons .chosen {
+    background-color: lightblue;
+}
+

 
 .zastap.question-piece {
     padding: 3px;
 
 .zastap.question-piece {
     padding: 3px;


@@ -469,31 +473,72 @@ em.person {
     border: 1px solid;
 }
 
     border: 1px solid;
 }
 

-.przyporzadkuj .lista.predicate {
+.excercise .lista.predicate {

     list-style: none;
     position: relative;
     clear: both;
     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;
     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;
 }
 
 
     min-height: 50px;
     border: 1px dotted black;
 }
 
 

-.przyporzadkuj .draggable {
+.excercise .draggable {

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

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