book/picture-only tags

[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 c9ccbf2..afcc796 100755 (executable)
--- a/src/wolnelektury/static/scss/main/book_box.scss
+++ b/src/wolnelektury/static/scss/main/book_box.scss
@@ -1,3 +1,6 @@
+@import "../tools";
+@import "const";
+

 @mixin inner-box {
   display: block;
   color: black;
 @mixin inner-box {
   display: block;
   color: black;


@@ -104,7 +107,8 @@
 
 #books-list .plain-list-container .plain-list {
   p {
 
 #books-list .plain-list-container .plain-list {
   p {

-    line-height: 1em;
+    line-height: 1.2em;
+    margin-bottom: 20px;

     &.header {
       font-weight: bold;
     }
     &.header {
       font-weight: bold;
     }


@@ -127,7 +131,7 @@
   }
 }
 
   }
 }
 

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

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


@@ -135,9 +139,10 @@
     }
   }
 
     }
   }
 

-  .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);
     }
   }


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

-      margin-top: 48px;

     }
   }
 }
     }
   }
 }


@@ -283,7 +287,7 @@
     @include size(width, 415px);
     top: 0;
     @include size(margin-left, 550px);
     @include size(width, 415px);
     top: 0;
     @include size(margin-left, 550px);

-    margin-top: 0em;
+    margin-top: 0;

   }
 }
 
   }
 }
 


@@ -391,9 +395,13 @@
       display: inline-block;
       background: #0D7E85;
       color: white;
       display: inline-block;
       background: #0D7E85;
       color: white;

-      @include size(width, 200px);
+      @include size(width, 170px);

       text-align: center;
       @include size(margin-bottom, 5px);
       text-align: center;
       @include size(margin-bottom, 5px);

+      @include  size(margin-right, 30px);
+    }
+    a.print {
+      margin-right: 0;

     }
 
     a:before {
     }
 
     a:before {


@@ -402,6 +410,13 @@
       @include size(margin-right, 3.71px);
       vertical-align: middle;
       font-weight: normal;
       @include size(margin-right, 3.71px);
       vertical-align: middle;
       font-weight: normal;

+      // ugly quick fix
+      position: relative;
+      bottom: 2px;
+    }
+
+    a.print:before {
+      content: "";

     }
   }
 
     }
   }
 


@@ -429,7 +444,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;
 


@@ -446,10 +461,14 @@
   @include size(margin-right, 11.25px);
   position: absolute;
   right: 0;
   @include size(margin-right, 11.25px);
   position: absolute;
   right: 0;

+  z-index: 10;

 
 

-  button::-moz-focus-inner {
-    padding: 0;
-    border: 0
+  button {
+    cursor: pointer;
+    &::-moz-focus-inner {
+      padding: 0;
+      border: 0
+    }

   }
   .if-unlike button {
     font-size: 1em;
   }
   .if-unlike button {
     font-size: 1em;


@@ -477,6 +496,7 @@
 
 #book-detail .see-also,
 #picture-detail .see-also {
 
 #book-detail .see-also,
 #picture-detail .see-also {

+  display: inline-block;

   h1 {
     @include size(height, 32px);
     margin: 0;
   h1 {
     @include size(height, 32px);
     margin: 0;