33223b09e3bf9cd0094dde3cd70e202793e3e190
[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 #header-content, div#main-content, div#half-header-content, #footer-content {
97     width: 97.5em;
98     margin: auto;
99 }
100
101
102 .page-desc {
103     margin-left: 1.5em;
104 }
105
106 .inline-tag-lists p span:first-child {
107     color: #281d1c;
108 }
109
110 .inline-tag-lists {
111     font-size: 1.1em;
112 }
113
114 #themes-list-toggle:after {
115     padding-left: 1em;
116     content: "↓";
117     font-family: WL-Nav;
118     vertical-align: middle;
119 }
120 #themes-list-wrapper {
121     position: relative;
122     font-size: 1.1em;
123 }
124 #themes-list {
125     position: absolute;
126     display: none;
127     border: 1px solid #ddd;
128     padding: 1em;
129     background: #fff;
130     -moz-box-shadow: 2px 2px 2px #ddd;
131     -webkit-box-shadow: 2px 2px 2px #ddd;
132     box-shadow: 2px 2px 2px #ddd;
133     z-index: 500;
134 }
135 #themes-list ul {
136     list-style: none;
137     padding: 0;
138     margin: 0;
139     font-size: 1.1em;
140     -moz-column-width: 12em;
141     width: 48em;
142 }
143
144
145 .see-also {
146     margin-left: 8em;
147     float: left;
148     width: 14.3em;
149 }
150 .download {
151     margin-left: 2em;
152     float: left;
153 }
154
155 .see-also, .download {
156     margin-top: 2em;
157     margin-bottom: 2em;
158 }
159 .see-also h2, .download h2 {
160     font-size: 1.1em;
161 }
162 .see-also ul, .download ul {
163     list-style: none;
164     padding: 0;
165     margin: 0;
166     font-size: 1.1em;
167 }
168
169
170 #footer {
171     color: #777;
172     eborder-top: 1px solid #ddd;
173     margin-top: 5em;
174     padding-top:3em;
175     background: #fff;
176 }