Stamped by Maciej.
[WebKit-https.git] / WebKitSite / blog / wp-content / themes / webkit / style.css
1 /*  
2 Theme Name: WebKit
3 Theme URI: http://webkit.org/
4 Description: Design for The WebKit Open Source Project.
5 Author: Timothy Hatcher
6 */
7
8 .alt {
9         background-color: #f8f8f8;
10         border-top: 1px solid #ddd;
11         border-bottom: 1px solid #ddd;
12         }
13
14 .description {
15         font-size: 1.2em;
16         text-align: center;
17         }
18
19 .commentlist li, #commentform input, #commentform textarea {
20         font-size: 0.9em;
21         font-family: Helvetica, Arial, sans-serif;
22         }
23         
24 .commentlist li {
25         font-weight: bold;
26         }
27
28 .commentlist cite, .commentlist cite a {
29         font-weight: bold;
30         font-style: normal;
31         }
32
33 .commentlist p {
34         font-weight: normal;
35         text-transform: none;
36         }
37
38 #commentform p {
39         font-family: Helvetica, Arial, san-serif;
40         }
41
42 .commentmetadata {
43         font-weight: normal;
44         }
45
46 small, .nocomments, .postmetadata, blockquote, strike {
47         color: #777;
48         }
49         
50 code {
51         font-family: 'Courier New', Courier, Fixed;
52         }
53
54 acronym, abbr, span.caps
55 {
56         font-size: 0.9em;
57         letter-spacing: .07em;
58         }
59
60 #wp-calendar #prev a {
61         font-size: 9pt;
62         }
63
64 #wp-calendar a {
65         text-decoration: none;
66         }
67
68 #wp-calendar caption {
69         font-weight: bold 
70         font-size: 1.3em;
71         font-family: Helvetica, Arial, san-serif;
72         text-align: center;
73         }
74
75 #wp-calendar th {
76         font-style: normal;
77         text-transform: capitalize;
78         }
79
80 .postmetadata {
81         font-size: 8pt;
82         font-family: Helvetica, Arial, san-serif;
83         margin: 0;
84         padding-top: 5px;
85         }
86         
87 #footer {
88         padding: 0 0 0 1px;
89         margin: 0;
90         margin-right: 182px;
91         clear: both;
92         }
93
94 #footer > p {
95         margin: 0;
96         padding: 20px 0;
97         text-align: center;
98         }
99
100 /* Begin Images */
101 p img {
102         padding: 0;
103         max-width: 100%;
104         }
105
106 /*      Using 'class="alignright"' on an image will (who would've
107         thought?!) align the image to the right. And using 'class="centered',
108         will of course center the image. This is much better than using
109         align="center", being much more futureproof (and valid) */
110         
111 img.centered {
112         display: block;
113         margin-left: auto;
114         margin-right: auto;
115         }
116         
117 img.alignright {
118         padding: 4px;
119         margin: 0 0 2px 7px;
120         display: inline;
121         }
122
123 img.alignleft {
124         padding: 4px;
125         margin: 0 7px 2px 0;
126         display: inline;
127         }
128
129 .alignright {
130         float: right;
131         }
132         
133 .alignleft {
134         float: left
135         }
136 /* End Images */
137
138
139
140 /* Begin Form Elements */
141 #searchform {
142         margin: 10px auto;
143         padding: 5px 3px; 
144         text-align: center;
145         }
146
147 #sidebar #searchform #s {
148         width: 115px;
149         padding: 2px;
150         }
151
152 #sidebar #searchsubmit {
153         padding: 1px;
154         }
155
156 .entry form { /* This is mainly for password protected posts, makes them look better. */
157         text-align:center;
158         }
159
160 select {
161         width: 130px;
162         }
163
164 #commentform input {
165         width: 170px;
166         padding: 2px;
167         margin: 5px 5px 1px 0;
168         }
169
170 #commentform textarea {
171         width: 100%;
172         padding: 2px;
173         }
174
175 #commentform #submit {
176         margin: 0;
177         float: right;
178         }
179 /* End Form Elements */
180
181
182
183 /* Begin Comments*/
184 .alt {
185         margin: 0;
186         padding: 10px;
187         }
188
189 .commentlist {
190         padding: 0;
191         }
192
193 .commentlist li {
194         margin: 15px 0 3px;
195         padding: 5px 10px 3px;
196         list-style: none;
197         }
198
199 .commentlist p {
200         margin: 10px 5px 10px 0;
201         }
202
203 #commentform p {
204         margin: 5px 0;
205         }
206
207 .nocomments {
208         text-align: center;
209         margin: 0;
210         padding: 0;
211         }
212
213 .commentmetadata {
214         margin: 0;
215         display: block;
216         }
217
218 .commentmetadata a {
219         color: #777;
220         }
221
222 /* End Comments */
223
224 /* Begin Calendar */
225 #wp-calendar {
226         empty-cells: show;
227         margin: 10px auto 0;
228         width: 155px;
229         }
230
231 #wp-calendar #next a {
232         padding-right: 10px;
233         text-align: right;
234         }
235
236 #wp-calendar #prev a {
237         padding-left: 10px;
238         text-align: left;
239         }
240
241 #wp-calendar a {
242         display: block;
243         }
244
245 #wp-calendar caption {
246         text-align: center;
247         width: 100%;
248         }
249
250 #wp-calendar td {
251         padding: 3px 0;
252         text-align: center;
253         }
254
255 #wp-calendar td.pad:hover { /* Doesn't work in IE */
256         background-color: #fff; }
257 /* End Calendar */
258
259
260
261 /* Begin Various Tags & Classes */
262 acronym, abbr, span.caps {
263         cursor: help;
264         }
265
266 acronym, abbr {
267         border-bottom: 1px dashed #999;
268         }
269
270 blockquote {
271         margin: 15px 30px 0 10px;
272         padding-left: 20px;
273         border-left: 5px solid #ddd;
274         }
275
276 blockquote cite {
277         margin: 5px 0 0;
278         display: block;
279         }
280
281 .center {
282         text-align: center;
283         }
284
285 hr {
286         display: none;
287         }
288
289 a img {
290         border: none;
291         }
292
293 .navigation {
294         display: block;
295         text-align: center;
296         margin-top: 10px;
297         margin-bottom: 20px;
298         }
299 /* End Various Tags & Classes*/