fix placement of book abstract

[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
index 44a5955..ddb4b72 100755 (executable)
--- a/src/wolnelektury/static/scss/main/book_box.scss
+++ b/src/wolnelektury/static/scss/main/book_box.scss
@@ -131,17 +131,19 @@
   }
 }
 
   }
 }
 

-.audiobook-box {
+.audiobook-box, .search-result .book-box {

   .book-left-column {
     @media screen and (min-width: 1024px) {
       display: inline-block;
       @include size(width, 590px);
   .book-left-column {
     @media screen and (min-width: 1024px) {
       display: inline-block;
       @include size(width, 590px);

+      @include size(min-height, 196px);

     }
   }
 
     }
   }
 

-  .audiobook-right-column {
+  .book-right-column {

     @media screen and (min-width: 1024px) {
       float: right;
     @media screen and (min-width: 1024px) {
       float: right;

+      @include size(padding-top, 15px);

       @include size(width, 360px);
     }
   }
       @include size(width, 360px);
     }
   }


@@ -151,7 +153,6 @@
 
     @media screen and (min-width: 1024px) {
       float: right;
 
     @media screen and (min-width: 1024px) {
       float: right;

-      margin-top: 48px;

     }
   }
 }
     }
   }
 }


@@ -175,6 +176,7 @@
       @media screen and (min-width: 62.5em) {
         float: left;
         @include size(width, 536px);
       @media screen and (min-width: 62.5em) {
         float: left;
         @include size(width, 536px);

+        @include size(min-height, 196px);

       }
     }
 
       }
     }
 


@@ -297,7 +299,8 @@
 
   .book-box-head,
   .tags,
 
   .book-box-head,
   .tags,

-  .book-box-tools {
+  .book-box-tools,
+  .abstract {

     @include min-screen($S_BOOK_SHORT_FULL) {
       margin-left: 154px;
     }
     @include min-screen($S_BOOK_SHORT_FULL) {
       margin-left: 154px;
     }


@@ -355,7 +358,10 @@
       @include size(margin-bottom, 6px);
 
       @include min-screen($S_BOOK_SHORT_FULL) {
       @include size(margin-bottom, 6px);
 
       @include min-screen($S_BOOK_SHORT_FULL) {

-        display: inline;
+        display: inline-block;
+        @include size(margin-top, 0px);
+        @include size(margin-bottom, 0px);
+        @include size(margin-right, 9px);

       }
 
       .mono {
       }
 
       .mono {


@@ -444,7 +450,7 @@
 
     .book-box-formats {
       display: inline-block;
 
     .book-box-formats {
       display: inline-block;

-      max-width: 220px;
+      max-width: 300px;

       vertical-align: top;
       padding-top: 6px;
 
       vertical-align: top;
       padding-top: 6px;
 


@@ -512,3 +518,43 @@
     }
   }
 }
     }
   }
 }

+
+.abstract {
+  @include size(font-size, 16px);
+  line-height: 1.2em;
+  @include size(margin-bottom, 8px);
+  @include size(margin-top, 18px);
+  overflow: hidden;
+  position: relative;
+
+  @media screen and (min-width: 62.5em) {
+    @include size(width, 536px);
+  }
+
+  p.paragraph {
+    margin-bottom: 0;
+    margin-top: 1.2em;
+
+    &:first-child {
+      margin-top: 0;
+    }
+  }
+
+  &.short {
+    height: 3.6em;
+    &:after {
+       content:' ';
+       position:absolute;
+       bottom:0;
+       width:25%;
+       height:20px;
+       background-color:transparent;
+       /* assume ltr */
+       right:0;
+       background-image:-webkit-linear-gradient(to right,rgba(255,255,255,0),#ffffff 50%);
+       background-image:-moz-linear-gradient(to right,rgba(255,255,255,0),#ffffff 50%);
+       background-image:-o-linear-gradient(to right,rgba(255,255,255,0),#ffffff 50%);
+       background-image:linear-gradient(to right,rgba(255,255,255,0),#ffffff 50%)
+    }
+  }
+}
\ No newline at end of file