Code layout change.
[wolnelektury.git] / src / wolnelektury / static / scss / main / book_list.scss
1 /* listing of all books */
2
3 #book-a-list {
4     #book-list-nav {
5         @include size(border-width, 0);
6         @include size(border-bottom-width, 1px);
7         border-style: solid;
8         border-color: #CFCFCF;
9         @include size(padding, 9.75px);
10         line-height: 2em;
11
12         @media screen and (min-width: 30em) {
13             @include size(border-bottom-width, 0px);
14             @include size(border-left-width, 1px);
15             float: right;
16             width: 50%;
17         }
18
19         @media screen and (min-width: 62.5em) {
20             line-height: 1.3em;
21         }
22
23         h2 {
24             cursor: pointer;
25
26             &:after {
27                 @include size(padding-left, 10px);
28                 content: url("/static/img/arrow-gray.png");
29                 vertical-align: top;
30             }
31
32             @media screen and (min-width: 30em) {
33                 font-size: 1em;
34                 margin: 0;
35                 cursor: regular;
36
37                 &:after {
38                     display: none;
39                 }
40             }
41         }
42
43         #book-list-nav-index {
44             display: none;
45             @media screen and (min-width: 30em) {
46                 display: block !important;
47             }
48         }
49
50         ul {
51             list-style-type: none;
52             @include size(margin, 5px);
53             padding: 0;
54         }
55         .book-list-show-index {
56             display: none;
57         }
58     }
59
60     #book-list {
61         @include size(padding-left, 5px);
62         line-height: 2em;
63
64         @media screen and (min-width: 62.5em) {
65             @include size(padding-left, 50px);
66             line-height: 1.3em;
67         }
68
69         ol {
70             @include size(padding-left, 13px);
71             @include size(margin, 4px 0 15.6px 0);
72             list-style: none;
73         }
74         h2 {
75             @include size(font-size, 13px);
76             margin: 0;
77             a {
78                 color: black;
79             }
80         }
81     }
82
83     #book-list-up {
84         display: block;
85         position: fixed;
86         @include size(bottom, 50px);
87         @include size(right, 50px);
88         @include size(border-left, solid 1px #CFCFCF);
89         @include size(padding, 20px 10px);
90         background-color: white;    
91     }
92 }