There's some work on book page left.
[wolnelektury.git] / apps / wolnelektury_core / static / css / main / base.scss
1 @import "tools";
2
3
4 /* Basic layout */
5 html, body {
6     margin: 0;
7     padding: 0;
8 }
9
10
11 .clearboth {
12     clear: both;
13 }
14
15
16
17 /* Basic colors and fonts */
18 body {
19     font-family: Georgia;
20     background: #f7f7f7;
21     color: black;
22
23     @include size-px(font-size, 13);
24 }
25
26 a {
27     color: #0d7e85;
28     text-decoration: none;
29
30     img {
31         border: 0;
32     }
33 }
34
35 h1 {
36     @include size-px(font-size, 35);
37     font-weight: normal;
38     @include size-px(margin-top, 14);
39
40     a {
41         color: inherit;
42     }
43 }
44
45 h2 {
46     @include size-px(font-size, 20);
47     font-weight: normal;
48 }
49
50 h3 {
51     @include size-px(font-size, 15);
52     font-weight: normal;
53 }
54
55
56 .normal-text {
57     line-height: 1.3em;
58 }
59
60 .white-box {
61     @include size-px(padding, 10);
62     @include white-box;
63 }
64
65
66 ul.plain {
67     list-style:none;
68     margin: 0;
69     padding: 0;
70 }
71
72
73 .theme-list-link {
74     @include mono;
75     @include size-px(font-size, 11);
76     
77     &:after {
78         @include size-px(padding-left, 11);
79         content: url("/static/img/arrow-teal.png");
80         vertical-align: middle;
81     }
82 }
83
84
85 .left-column, .right-column {
86     @include size-px(max-width, 600);
87 }
88 @media screen and (min-width: 62.5em) {
89     .left-column {
90         @include size-px(width, 470);
91         float: left;
92     }
93     .right-column {
94         @include size-px(width, 470);
95         float:right;
96     }
97 }
98
99 .pagination {
100     display: block;
101     @include size-px(font-size, 12);
102     @include size-px(padding, 6);
103     text-align:center;
104 }