Merge remote-tracking branch 'zawadzki/new-design'

[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 dd2a77f..b1bfe93
--- 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) {
   @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 {
   }
 
   img.cover {


@@ -136,6 +136,7 @@
     @media screen and (min-width: 1024px) {
       display: inline-block;
       @include size(width, 590px);
     @media screen and (min-width: 1024px) {
       display: inline-block;
       @include size(width, 590px);

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

     }
   }
 
     }
   }
 


@@ -147,6 +148,17 @@
     }
   }
 
     }
   }
 

+    .license-icon {
+      display: block;
+      @include size(margin-top, 5px);
+    }
+
+    .project-icon {
+      @include size(max-width, 100px);
+      @include size(max-height, 100px);
+    }
+
+

   .jp-type-playlist {
     margin-top: 24px;
 
   .jp-type-playlist {
     margin-top: 24px;
 


@@ -175,6 +187,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);

       }
     }
 
       }
     }
 


@@ -183,6 +196,12 @@
       @include size(margin-top, 5px);
     }
 
       @include size(margin-top, 5px);
     }
 

+    .project-icon {
+      @include size(max-width, 100px);
+      @include size(max-height, 100px);
+    }
+
+

     @include min-screen($S_BOOK_SHORT_FULL) {
       // Show full title on the work's page.
 
     @include min-screen($S_BOOK_SHORT_FULL) {
       // Show full title on the work's page.
 


@@ -312,9 +331,6 @@
       @include size(min-height, 70px);
     }
 
       @include size(min-height, 70px);
     }
 

-    a {
-      color: black;
-    }

     .author {
       @include size(font-size, 11px);
       @include mono;
     .author {
       @include size(font-size, 11px);
       @include mono;


@@ -337,6 +353,10 @@
         @include size(height, 57.6px);
         overflow: hidden;
       }
         @include size(height, 57.6px);
         overflow: hidden;
       }

+
+      a {
+       color: black;
+      }

     }
   }
 
     }
   }
 


@@ -388,6 +408,16 @@
     @include size(margin-left, 139px + 15px);
   }
 
     @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;
   li {
     @include mono;
     margin-top: 0;


@@ -447,14 +477,16 @@
     }
 
     .book-box-formats {
     }
 
     .book-box-formats {

-      display: inline-block;

       max-width: 300px;
       vertical-align: top;
       padding-top: 6px;
       max-width: 300px;
       vertical-align: top;
       padding-top: 6px;

+      border-collapse: collapse;

 
       a {
 
       a {

-        display: inline-block;
+        display: table-cell;

         @include size(padding, .2em 1em);
         @include size(padding, .2em 1em);

+        border:1px solid black;
+        line-height: 20px;

       }
     }
   }
       }
     }
   }


@@ -524,6 +556,11 @@
   @include size(margin-top, 18px);
   overflow: hidden;
   position: relative;
   @include size(margin-top, 18px);
   overflow: hidden;
   position: relative;

+  clear: left;
+
+  @media screen and (min-width: 62.5em) {
+    @include size(width, 536px);
+  }

 
   p.paragraph {
     margin-bottom: 0;
 
   p.paragraph {
     margin-bottom: 0;


@@ -551,4 +588,4 @@
        background-image: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
+}