use html5 placeholder and hide labels,
[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 h1 a {
38         color: inherit;
39 }
40
41 ul.plain {
42     list-style:none;
43     margin: 0;
44     padding: 0;
45 }
46
47 .left-column {
48     width: 47em;
49     float: left;
50 }
51 .right-column {
52     float:right;
53     width: 47em;
54 }
55 .normal-text {
56     font-size: 1.3em;
57     line-height: 1.3em;
58 }
59
60 h2 {
61     margin: 0;
62     font-size: 1em;
63     font-weight: normal;
64 }
65
66
67 .mono {
68     font-family: "Andale Mono", "Lucida Sans Typewriter", "Courier New";
69 /*    font-weight: bold; */
70 }
71
72 .accent1 {
73     color: #191919;
74 }
75
76 .accent2 {
77     color: #242424;
78 }
79
80 .accent3 {
81     color: #575c63;
82 }
83
84
85 .accent4 {
86     color: #707b7a;
87 }
88
89 .contrast {
90     #1199a2;
91 }
92
93 /* #281d1c */
94
95 .clearboth {
96     clear: both;
97 }
98
99 .white-box {
100     border: 1px solid #ddd;
101     padding: 1em;
102     background: #fff;
103     -moz-box-shadow: 2px 2px 2px #ddd;
104     -webkit-box-shadow: 2px 2px 2px #ddd;
105     box-shadow: 2px 2px 2px #ddd;
106 }
107
108
109 #header-content, div#main-content, div#half-header-content, #footer-content {
110     width: 97.5em;
111     margin: auto;
112 }
113
114
115 .page-desc {
116     margin-left: 1.5em;
117 }
118
119 .inline-tag-lists p span:first-child {
120     color: #281d1c;
121 }
122
123 .inline-tag-lists {
124     font-size: 1.1em;
125 }
126
127 .theme-list-link:after {
128     padding-left: 1em;
129     content: "↓";
130     font-family: WL-Nav;
131     vertical-align: middle;
132 }
133 .theme-list-link {
134     font-size: 1.1em;
135 }
136 .hidden-box-wrapper {
137     position: relative;
138 }
139 .hidden-box {
140     position: absolute;
141     display: none;
142     border: 1px solid #ddd;
143     padding: 1em;
144     background: #fff;
145     -moz-box-shadow: 2px 2px 2px #ddd;
146     -webkit-box-shadow: 2px 2px 2px #ddd;
147     box-shadow: 2px 2px 2px #ddd;
148     z-index: 500;
149 }
150 .hidden-box ul {
151     list-style: none;
152     padding: 0;
153     margin: 0;
154     font-size: 1.1em;
155     -moz-column-width: 12em;
156     width: 48em;
157 }
158
159
160 .see-also {
161     margin-left: 8em;
162     float: left;
163     width: 14.3em;
164 }
165 .download {
166     margin-left: 2em;
167     float: left;
168 }
169
170 .see-also, .download {
171     margin-top: 2em;
172     margin-bottom: 2em;
173 }
174 .see-also h2, .download h2 {
175     font-size: 1.1em;
176 }
177 .see-also ul, .download ul {
178     list-style: none;
179     padding: 0;
180     margin: 0;
181     font-size: 1.1em;
182 }
183
184 .pagination {
185         display: block;
186         font-size: 1.2em;
187         padding: .5em;
188         text-align:center;
189 }
190
191 #footer {
192     color: #767676;
193     margin-top: 5em;
194     padding-top:3em;
195     background: #fff;
196 }