There's some work on book page left.

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

diff --git a/apps/wolnelektury_core/static/css/main/book_list.scss b/apps/wolnelektury_core/static/css/main/book_list.scss
new file mode 100755 (executable)
index 0000000..fc2c134
--- /dev/null
+++ b/apps/wolnelektury_core/static/css/main/book_list.scss
@@ -0,0 +1,102 @@
+/* listing of all books */
+
+@import "tools";
+
+#book-a-list {
+    #book-list-nav {
+        @include size-px(border-width, 0);
+        @include size-px(border-bottom-width, 1);
+        border-style: solid;
+        border-color: #CFCFCF;
+        @include size-px(padding, 9.75);
+        line-height: 2em;
+
+        @media screen and (min-width: 30em) {
+            @include size-px(border-bottom-width, 0);
+            @include size-px(border-left-width, 1);
+            float: right;
+            width: 50%;
+        }
+
+        @media screen and (min-width: 62.5em) {
+            line-height: 1.3em;
+        }
+
+        h2 {
+            cursor: pointer;
+
+            &:after {
+                @include size-px(padding-left, 10);
+                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-px(margin, 5);
+            padding: 0;
+        }
+        .book-list-show-index {
+            display: none;
+        }
+    }
+
+    #book-list {
+        @include size-px(padding-left, 5);
+        line-height: 2em;
+
+        @media screen and (min-width: 62.5em) {
+            @include size-px(padding-left, 50);
+            line-height: 1.3em;
+        }
+
+        ol {
+            @include size-px(padding-left, 13);
+            @include size-px(margin-top, 4);
+            @include size-px(margin-bottom, 15.6);
+            @include size-px(margin-left, 0);
+            @include size-px(margin-right, 0);
+            list-style: none;
+        }
+        h2 {
+            @include size-px(font-size, 13);
+            margin: 0;
+            a {
+                color: black;
+            }
+        }
+    }
+
+    #book-list-up {
+        display: block;
+        position: fixed;
+        @include size-px(bottom, 50);
+        @include size-px(right, 50);
+        @include size-px(border-left-width, 1);
+        border-left-style: solid;
+        border-left-color: #CFCFCF;
+        @include size-px(padding-top, 20);
+        @include size-px(padding-bottom, 20);
+        @include size-px(padding-left, 10);
+        @include size-px(padding-right, 10);
+        background-color: white;    
+    }
+}