a89116abfe6718952cdea88e9341a7e2d43433f5
[wolnelektury.git] / wolnelektury / static / css / base.css
1 /* Logo font */
2 @font-face {
3     /* IE version */
4     font-family: WL-Logo;
5     src: url(/static/fonts/WL.eot);
6 }
7 @font-face {
8   font-family: WL-Nav;
9   src: url(/static/fonts/WL-Nav.ttf) format("truetype");
10 }
11
12
13 html {
14     margin: 0;
15     padding: 0;
16 }
17
18 body {
19     margin: 0;
20     background: #f7f7f7;
21     font-size: .625em;
22     font-family: Georgia;
23     /*line-height: 1.4em;*/
24 }
25
26
27 a {
28     color: #1199a2; /* #01adba; */
29     text-decoration: none;
30 }
31
32 h1 {
33     font-size: 3.5em;
34     font-weight: normal;
35     margin-top: .4em
36 }
37
38 ul.plain {
39     list-style:none;
40     margin: 0;
41     padding: 0;
42 }
43
44 .left-column {
45     width: 47em;
46     float: left;
47 }
48 .right-column {
49     float:right;
50     width: 47em;
51 }
52 .normal-text {
53     font-size: 1.3em;
54     line-height: 1.3em;
55 }
56
57 h2 {
58     margin: 0;
59     font-size: 1em;
60     font-weight: normal;
61 }
62
63
64 .mono {
65     font-family: "Andale Mono", "Lucida Sans Typewriter", "Courier New";
66 /*    font-weight: bold; */
67 }
68
69 .accent1 {
70     color: #191919;
71 }
72
73 .accent2 {
74     color: #242424;
75 }
76
77 .accent3 {
78     color: #575c63;
79 }
80
81
82 .accent4 {
83     color: #707b7a;
84 }
85
86 .contrast {
87     #1199a2;
88 }
89
90 /* #281d1c */
91
92 .clearboth {
93     clear: both;
94 }
95
96 .white-box {
97     border: 1px solid #ddd;
98     padding: 1em;
99     background: #fff;
100     -moz-box-shadow: 2px 2px 2px #ddd;
101     -webkit-box-shadow: 2px 2px 2px #ddd;
102     box-shadow: 2px 2px 2px #ddd;
103 }
104
105
106 #header-content, div#main-content, div#half-header-content, #footer-content {
107     width: 97.5em;
108     margin: auto;
109 }
110
111
112 .page-desc {
113     margin-left: 1.5em;
114 }
115
116 .inline-tag-lists p span:first-child {
117     color: #281d1c;
118 }
119
120 .inline-tag-lists {
121     font-size: 1.1em;
122 }
123
124 #themes-list-toggle:after {
125     padding-left: 1em;
126     content: "↓";
127     font-family: WL-Nav;
128     vertical-align: middle;
129 }
130 #themes-list-wrapper {
131     position: relative;
132     font-size: 1.1em;
133 }
134 #themes-list {
135     position: absolute;
136     display: none;
137     border: 1px solid #ddd;
138     padding: 1em;
139     background: #fff;
140     -moz-box-shadow: 2px 2px 2px #ddd;
141     -webkit-box-shadow: 2px 2px 2px #ddd;
142     box-shadow: 2px 2px 2px #ddd;
143     z-index: 500;
144 }
145 #themes-list ul {
146     list-style: none;
147     padding: 0;
148     margin: 0;
149     font-size: 1.1em;
150     -moz-column-width: 12em;
151     width: 48em;
152 }
153
154
155 .see-also {
156     margin-left: 8em;
157     float: left;
158     width: 14.3em;
159 }
160 .download {
161     margin-left: 2em;
162     float: left;
163 }
164
165 .see-also, .download {
166     margin-top: 2em;
167     margin-bottom: 2em;
168 }
169 .see-also h2, .download h2 {
170     font-size: 1.1em;
171 }
172 .see-also ul, .download ul {
173     list-style: none;
174     padding: 0;
175     margin: 0;
176     font-size: 1.1em;
177 }
178
179
180 #footer {
181     color: #767676;
182     margin-top: 5em;
183     padding-top:3em;
184     background: #fff;
185 }