Responsive images.

[wolnelektury.git] / src / wolnelektury / static / scss / main / book_box.scss

diff --git a/src/wolnelektury/static/scss/main/book_box.scss b/src/wolnelektury/static/scss/main/book_box.scss
old mode 100755 (executable)
new mode 100644 (file)
index ddb4b72..fde8bb9
--- a/src/wolnelektury/static/scss/main/book_box.scss
+++ b/src/wolnelektury/static/scss/main/book_box.scss
@@ -15,10 +15,10 @@
   @include size(margin-bottom, 5px);
 
   @include min-screen($S_BOOK_SHORT_FULL) {
-    position: absolute;
-    top: 0;
-    left: 0;
-    margin-right: 0;
+    //position: absolute;
+    //top: 0;
+    //left: 0;
+    //margin-right: 0;
   }
 
   img.cover {
@@ -390,6 +390,16 @@
     @include size(margin-left, 139px + 15px);
   }
 
+  &.book-box-tools-warn {
+     font-size: 1rem;
+     margin-bottom: 1em;
+     max-width: 32em;
+     border: 3px solid #9ACD32;
+     padding: 1em;
+     box-sizing: border-box;
+  }
+
+
   li {
     @include mono;
     margin-top: 0;
@@ -526,6 +536,7 @@
   @include size(margin-top, 18px);
   overflow: hidden;
   position: relative;
+  clear: left;
 
   @media screen and (min-width: 62.5em) {
     @include size(width, 536px);
@@ -557,4 +568,4 @@
        background-image:linear-gradient(to right,rgba(255,255,255,0),#ffffff 50%)
     }
   }
-}
\ No newline at end of file
+}