Reorganize SCSS files, RWD-ize funding.

[wolnelektury.git] / apps / wolnelektury_core / static / scss / main / book_list.scss

diff --git a/apps/wolnelektury_core/static/scss/main/book_list.scss b/apps/wolnelektury_core/static/scss/main/book_list.scss
new file mode 100755 (executable)
index 0000000..d4115dc
--- /dev/null
+++ b/apps/wolnelektury_core/static/scss/main/book_list.scss
@@ -0,0 +1,92 @@
+/* listing of all books */
+
+#book-a-list {
+    #book-list-nav {
+        @include size(border-width, 0);
+        @include size(border-bottom-width, 1px);
+        border-style: solid;
+        border-color: #CFCFCF;
+        @include size(padding, 9.75px);
+        line-height: 2em;
+
+        @media screen and (min-width: 30em) {
+            @include size(border-bottom-width, 0px);
+            @include size(border-left-width, 1px);
+            float: right;
+            width: 50%;
+        }
+
+        @media screen and (min-width: 62.5em) {
+            line-height: 1.3em;
+        }
+
+        h2 {
+            cursor: pointer;
+
+            &:after {
+                @include size(padding-left, 10px);
+                content: url("/static/img/arrow-gray.png");
+                vertical-align: top;
+            }
+
+            @media screen and (min-width: 30em) {
+                font-size: 1em;
+                margin: 0;
+                cursor: regular;
+
+                &:after {
+                    display: none;
+                }
+            }
+        }
+
+        #book-list-nav-index {
+            display: none;
+            @media screen and (min-width: 30em) {
+                display: block !important;
+            }
+        }
+
+        ul {
+            list-style-type: none;
+            @include size(margin, 5px);
+            padding: 0;
+        }
+        .book-list-show-index {
+            display: none;
+        }
+    }
+
+    #book-list {
+        @include size(padding-left, 5px);
+        line-height: 2em;
+
+        @media screen and (min-width: 62.5em) {
+            @include size(padding-left, 50px);
+            line-height: 1.3em;
+        }
+
+        ol {
+            @include size(padding-left, 13px);
+            @include size(margin, 4px 0 15.6px 0);
+            list-style: none;
+        }
+        h2 {
+            @include size(font-size, 13px);
+            margin: 0;
+            a {
+                color: black;
+            }
+        }
+    }
+
+    #book-list-up {
+        display: block;
+        position: fixed;
+        @include size(bottom, 50px);
+        @include size(right, 50px);
+        @include size(border-left, solid 1px #CFCFCF);
+        @include size(padding, 20px 10px);
+        background-color: white;    
+    }
+}