f55a39e01e873eb021650f9ce18182eeee74a82f
[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: #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 .left-column {
39     width: 48em;
40     float: left;
41 }
42 .right-column {
43     float:right;
44     width: 48em;
45 }
46
47 h2 {
48     margin: 0;
49     font-size: 1em;
50     font-weight: normal;
51 }
52
53
54 .mono {
55     font-family: "Lucida Sans Typewriter", courier;
56 }
57
58
59 .clearboth {
60     clear: both;
61 }
62
63 #header-content, div#main-content, div#half-header-content {
64     width: 97.5em;
65     margin: auto;
66 }
67
68
69 .page-desc {
70     margin-left: 1.5em;
71 }
72 .inline-tag-lists {
73     font-size: 1.1em;
74 }
75 #themes-list-toggle:after {
76     padding-left: 1em;
77     content: "↓";
78     font-family: WL-Nav;
79     vertical-align: middle;
80 }
81 #themes-list-wrapper {
82     position: relative;
83 }
84 #themes-list {
85     position: absolute;
86     display: none;
87     border: 1px solid #ddd;
88     padding: 1em;
89     background: #fff;
90     -moz-box-shadow: 2px 2px 2px #ddd;
91     -webkit-box-shadow: 2px 2px 2px #ddd;
92     box-shadow: 2px 2px 2px #ddd;
93 }
94 #themes-list ul {
95     list-style: none;
96     padding: 0;
97     margin: 0;
98     font-size: 1.1em;
99     -moz-column-width: 12em;
100     width: 48em;
101 }
102
103
104 a.cite {
105     display: block;
106     color: black;
107     background: white;
108     padding: 3em 2em .1em 8em;
109 }
110 .cite-body {
111     font-size: 1.8em;
112     line-height: 1.3em;
113 }
114 .cite p {
115     color: #444;
116     font-size: 1.1em;
117     margin-top: 1.6em;
118 }
119
120 .see-also {
121     margin-left: 8em;
122     float: left;
123     width: 14.3em;
124 }
125 .download {
126     margin-left: 2em;
127     float: left;
128 }
129
130 .see-also, .download {
131     margin-top: 2em;
132     margin-bottom: 2em;
133 }
134 .see-also h2, .download h2 {
135     font-size: 1.1em;
136 }
137 .see-also ul, .download ul {
138     list-style: none;
139     padding: 0;
140     margin: 0;
141     font-size: 1.1em;
142 }
143
144
145 #footer {
146     color: #777;
147     border-top: 1px solid #ddd;
148     margin-top: 2.5em;
149 }