2e2f34684fa41e287bc1540199e15a98fbc7a574
[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 #sk2-footer {
101     display: none;
102     }
103
104 /* Begin Images */
105 p img {
106         padding: 0;
107         max-width: 100%;
108         }
109
110 /*      Using 'class="alignright"' on an image will (who would've
111         thought?!) align the image to the right. And using 'class="centered',
112         will of course center the image. This is much better than using
113         align="center", being much more futureproof (and valid) */
114         
115 img.centered {
116         display: block;
117         margin-left: auto;
118         margin-right: auto;
119         }
120         
121 img.alignright {
122         padding: 4px;
123         margin: 0 0 2px 7px;
124         display: inline;
125         }
126
127 img.alignleft {
128         padding: 4px;
129         margin: 0 7px 2px 0;
130         display: inline;
131         }
132
133 .alignright {
134         float: right;
135         }
136         
137 .alignleft {
138         float: left
139         }
140 /* End Images */
141
142
143
144 /* Begin Form Elements */
145 #searchform {
146         margin: 10px auto;
147         padding: 5px 3px; 
148         text-align: center;
149         }
150
151 #sidebar #searchform #s {
152         width: 115px;
153         padding: 2px;
154         }
155
156 #sidebar #searchsubmit {
157         padding: 1px;
158         }
159
160 .entry form { /* This is mainly for password protected posts, makes them look better. */
161         text-align:center;
162         }
163
164 select {
165         width: 130px;
166         }
167
168 #commentform input {
169         width: 170px;
170         padding: 2px;
171         margin: 5px 5px 1px 0;
172         }
173
174 #commentform textarea {
175         width: 100%;
176         padding: 2px;
177         }
178
179 #commentform #submit {
180         margin: 0;
181         float: right;
182         }
183 /* End Form Elements */
184
185
186
187 /* Begin Comments*/
188 .alt {
189         margin: 0;
190         padding: 10px;
191         }
192
193 .commentlist {
194         padding: 0;
195         }
196
197 .commentlist li {
198         margin: 15px 0 3px;
199         padding: 5px 10px 3px;
200         list-style: none;
201         }
202
203 .commentlist p {
204         margin: 10px 5px 10px 0;
205         }
206
207 #commentform p {
208         margin: 5px 0;
209         }
210
211 .nocomments {
212         text-align: center;
213         margin: 0;
214         padding: 0;
215         }
216
217 .commentmetadata {
218         margin: 0;
219         display: block;
220         }
221
222 .commentmetadata a {
223         color: #777;
224         }
225
226 /* End Comments */
227
228 /* Begin Calendar */
229 #wp-calendar {
230         empty-cells: show;
231         margin: 10px auto 0;
232         width: 155px;
233         }
234
235 #wp-calendar #next a {
236         padding-right: 10px;
237         text-align: right;
238         }
239
240 #wp-calendar #prev a {
241         padding-left: 10px;
242         text-align: left;
243         }
244
245 #wp-calendar a {
246         display: block;
247         }
248
249 #wp-calendar caption {
250         text-align: center;
251         width: 100%;
252         }
253
254 #wp-calendar td {
255         padding: 3px 0;
256         text-align: center;
257         }
258
259 #wp-calendar td.pad:hover { /* Doesn't work in IE */
260         background-color: #fff; }
261 /* End Calendar */
262
263
264
265 /* Begin Various Tags & Classes */
266 acronym, abbr, span.caps {
267         cursor: help;
268         }
269
270 acronym, abbr {
271         border-bottom: 1px dashed #999;
272         }
273
274 blockquote {
275         margin: 15px 30px 0 10px;
276         padding-left: 20px;
277         border-left: 5px solid #ddd;
278         }
279
280 blockquote cite {
281         margin: 5px 0 0;
282         display: block;
283         }
284
285 .center {
286         text-align: center;
287         }
288
289 hr {
290         display: none;
291         }
292
293 a img {
294         border: none;
295         }
296
297 .navigation {
298         display: block;
299         text-align: center;
300         margin-top: 10px;
301         margin-bottom: 20px;
302         }
303 /* End Various Tags & Classes*/