583e9df3d67f0f892bee7422a01a8bab37f27fc6
[WebKit-https.git] / WebKitSite / blog / wp-content / themes / webkit / style.css
1 /*  
2 Theme Name: WebKit
3 Theme URI: http://webkit.opendarwin.org/
4 Description: Based on the default WordPress theme, which in turn is based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
5 Author: Michael Heilemann
6 */
7
8
9
10 /* Begin Typography & Colors */
11 body {
12         font-family: Helvetica, Arial, san-serif;
13         margin: 0;
14         font-size: 65%;
15         background-color: white;
16         }
17
18 #page {
19         background-color: white;
20         text-align: left;
21         }
22
23 #content {
24         font-size: 10pt;
25         line-height: 140%;
26         margin-right: 201px;
27         margin-top: 12px;
28         margin-left: 12px;
29         }
30
31 .widecolumn .entry p {
32         font-size: 1.05em;
33         }
34
35 .narrowcolumn .postmetadata {
36         text-align: center;
37         }
38
39 .alt {
40         background-color: #f8f8f8;
41         border-top: 1px solid #ddd;
42         border-bottom: 1px solid #ddd;
43         }
44
45 small {
46         font-family: Arial, Helvetica, Sans-Serif;
47         font-size: 8pt;
48         line-height: 1.5em;
49         }
50
51 h1, h2, h3 {
52         font-family: Helvetica, Arial, san-serif;
53         font-weight: bold;
54         }
55
56 h1 {
57         font-size: 4em;
58         text-align: center;
59         }
60
61 .description {
62         font-size: 1.2em;
63         text-align: center;
64         }
65
66 h2 {
67         font-size: 11pt;
68         }
69
70 h2.pagetitle {
71         font-size: 1.6em;
72         }
73
74 #sidebar h2 {
75         font-family: Helvetica, Arial, san-serif;
76         line-height: 130%;
77         font-size: 9pt;
78         }
79
80 h3 {
81         font-size: 11pt;
82         }
83
84
85 a:link {
86         color: rgb(34,98,245);
87         text-decoration: none;
88 }
89
90 a:visited {
91         color: rgb(34,98,245);
92         text-decoration: none;
93 }
94
95 a:hover {
96         color: rgb(34,98,245); 
97         text-decoration: underline;
98 }
99 a:active {
100         color: rgb(34,98,245);
101         text-decoration: underline;
102 }
103
104
105 #sidebar a:link,
106 #sidebar a:visited {
107         color: rgb(91,91,91);
108         text-decoration: none;
109 }
110
111 #sidebar a:hover {
112         text-decoration: underline;
113 }
114
115 #sidebar .current:link, #sidebar .current:visited {
116         font-weight: bold;
117         color: rgb(0,81,210);
118 }
119
120 h1, h1 > a:link, h1 > a:hover, h1 > a:visited, .description {
121         text-decoration: none;
122         color: white;
123         }
124
125 h2, h2 > a:link, h2 > a:visited, h3, h3 > a:link, h3 > a:visited {
126         color: black;
127         }
128
129 h2, h2 > a, h2 > a:hover, h2 > a:visited, h3, h3 > a, h3 > a:hover, h3 > a:visited, #sidebar h2, #wp-calendar caption, cite {
130         text-decoration: none;
131         }
132
133 .commentlist li, #commentform input, #commentform textarea {
134         font-size: 0.9em;
135         font-family: Helvetica, Arial, sans-serif;
136         }
137         
138 .commentlist li {
139         font-weight: bold;
140         }
141
142 .commentlist cite, .commentlist cite a {
143         font-weight: bold;
144         font-style: normal;
145         }
146
147 .commentlist p {
148         font-weight: normal;
149         text-transform: none;
150         }
151
152 #commentform p {
153         font-family: Helvetica, Arial, san-serif;
154         }
155
156 .commentmetadata {
157         font-weight: normal;
158         }
159
160 #sidebar {
161         font-size: 9pt;
162         font-family: Helvetica, Arial, san-serif;
163         line-height: 130%;
164         }
165
166 #sidebar > #sidebar_inner > ul > li {
167         padding-top: 0;
168         padding-left: 9px;
169         padding-bottom: 13px;
170         background: url(images/separator.png) no-repeat center bottom;
171         }
172
173 #sidebar h2 {
174         padding-bottom: 3px;
175         }
176
177 #sidebar > #sidebar_inner > ul > li > ul > li {
178         padding-left: 10px;
179         }
180
181 #sidebar > #sidebar_inner > ul > li.noseparator {
182         padding-bottom: 0;
183         background: none;
184         }
185
186 #sidebar > #sidebar_inner > ul {
187         padding-top: 10px;
188 }
189
190 small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
191         color: #777;
192         }
193         
194 code {
195         font-family: 'Courier New', Courier, Fixed;
196         }
197
198 acronym, abbr, span.caps
199 {
200         font-size: 0.9em;
201         letter-spacing: .07em;
202         }
203
204 #wp-calendar #prev a {
205         font-size: 9pt;
206         }
207
208 #wp-calendar a {
209         text-decoration: none;
210         }
211
212 #wp-calendar caption {
213         font-weight: bold 
214         font-size: 1.3em;
215         font-family: Helvetica, Arial, san-serif;
216         text-align: center;
217         }
218
219 #wp-calendar th {
220         font-style: normal;
221         text-transform: capitalize;
222         }
223 /* End Typography & Colors */
224
225
226
227 /* Begin Structure */
228 body {
229         margin: 0;
230         }
231
232 #page {
233         background-color: white;
234         padding: 0;
235         }
236         
237 #header {
238         -apple-text-size-adjust: none;
239         background-color: rgb(81,118,236);
240         background-repeat: repeat-x;
241         background-position: top left;
242         padding: 6px 0 0 8px;
243         margin: 0px;
244         margin-right: 182px;
245         height: 36px;
246         font-family: Helvetica, Arial, san-serif;
247         font-size: 24px;
248         letter-spacing: 0.07em;
249         -apple-text-size-adjust: none;
250         cursor: default;
251         color: white;
252 }
253
254 #header > a {
255         color: white;
256 }
257 #header > a:hover {
258         text-decoration: none;
259 }
260
261 .narrowcolumn {
262         }
263
264 .widecolumn {
265         }
266         
267 .post {
268         margin: 0 0 20px;
269         clear: both;
270         }
271
272 .widecolumn .post {
273         margin: 0;
274         }
275
276 .postmetadata {
277         font-size: 8pt;
278         font-family: Helvetica, Arial, san-serif;
279         margin: 0;
280         }
281
282 .narrowcolumn .postmetadata {
283         padding-top: 5px;
284         }
285
286 .widecolumn .postmetadata {
287         margin: 30px 0;
288         }
289         
290 #footer {
291         padding: 0 0 0 1px;
292         margin: 0;
293         margin-right: 182px;
294         clear: both;
295         }
296
297 #footer > p {
298         margin: 0;
299         padding: 20px 0;
300         text-align: center;
301         }
302 /* End Structure */
303
304
305
306 /*      Begin Headers */
307 h1 {
308         padding-top: 70px;
309         margin: 0;
310         }
311
312 .description {
313         text-align: center;
314         }
315
316 h2 {
317         margin-bottom: 0;
318         }
319
320 h2.pagetitle {
321         margin-top: 10px;
322         text-align: center;
323 }
324
325 h3 {
326         padding: 0;
327         margin: 30px 0 0;
328         }
329
330 h3.comments {
331         padding: 0;
332         margin: 40px auto 20px ;
333         }
334 /* End Headers */
335
336
337
338 /* Begin Images */
339 p img {
340         padding: 0;
341         max-width: 100%;
342         }
343
344 /*      Using 'class="alignright"' on an image will (who would've
345         thought?!) align the image to the right. And using 'class="centered',
346         will of course center the image. This is much better than using
347         align="center", being much more futureproof (and valid) */
348         
349 img.centered {
350         display: block;
351         margin-left: auto;
352         margin-right: auto;
353         }
354         
355 img.alignright {
356         padding: 4px;
357         margin: 0 0 2px 7px;
358         display: inline;
359         }
360
361 img.alignleft {
362         padding: 4px;
363         margin: 0 7px 2px 0;
364         display: inline;
365         }
366
367 .alignright {
368         float: right;
369         }
370         
371 .alignleft {
372         float: left
373         }
374 /* End Images */
375
376
377
378 /* Begin Lists
379
380         Special stylized non-IE bullets
381         Do not work in Internet Explorer, which merely default to normal bullets. */
382
383 html>body .entry ul {
384         margin-left: 0px;
385         padding: 0 0 0 30px;
386         list-style: none;
387         padding-left: 10px;
388         text-indent: -10px;
389         } 
390
391 html>body .entry li {
392         margin: 7px 0 8px 10px;
393         }
394
395 .entry ol {
396         padding: 0 0 0 35px;
397         margin: 0;
398         }
399
400 .entry ol li {
401         margin: 0;
402         padding: 0;
403         }
404
405 .postmetadata ul, .postmetadata li {
406         display: inline;
407         list-style-type: none;
408         list-style-image: none;
409         }
410         
411 #sidebar ul, #sidebar ul ol {
412         padding: 0;
413         margin: 0;
414         }
415
416 #sidebar ul li {
417         list-style-type: none;
418         list-style-image: none;
419         }
420
421 #sidebar ul p, #sidebar ul select {
422         margin: 5px 0 8px;
423         }
424
425 ol li, #sidebar ul ol li {
426         list-style: decimal outside;
427         }
428
429 /* End Entry Lists */
430
431
432
433 /* Begin Form Elements */
434 #searchform {
435         margin: 10px auto;
436         padding: 5px 3px; 
437         text-align: center;
438         }
439
440 #sidebar #searchform #s {
441         width: 115px;
442         padding: 2px;
443         }
444
445 #sidebar #searchsubmit {
446         padding: 1px;
447         }
448
449 .entry form { /* This is mainly for password protected posts, makes them look better. */
450         text-align:center;
451         }
452
453 select {
454         width: 130px;
455         }
456
457 #commentform input {
458         width: 170px;
459         padding: 2px;
460         margin: 5px 5px 1px 0;
461         }
462
463 #commentform textarea {
464         width: 100%;
465         padding: 2px;
466         }
467
468 #commentform #submit {
469         margin: 0;
470         float: right;
471         }
472 /* End Form Elements */
473
474
475
476 /* Begin Comments*/
477 .alt {
478         margin: 0;
479         padding: 10px;
480         }
481
482 .commentlist {
483         padding: 0;
484         }
485
486 .commentlist li {
487         margin: 15px 0 3px;
488         padding: 5px 10px 3px;
489         list-style: none;
490         }
491
492 .commentlist p {
493         margin: 10px 5px 10px 0;
494         }
495
496 #commentform p {
497         margin: 5px 0;
498         }
499
500 .nocomments {
501         text-align: center;
502         margin: 0;
503         padding: 0;
504         }
505
506 .commentmetadata {
507         margin: 0;
508         display: block;
509         }
510
511 .commentmetadata a {
512         color: #777;
513         }
514
515 /* End Comments */
516
517
518
519 /* Begin Sidebar */
520 #sidebar {
521         top: 0;
522         right: 0;
523         height: 100%;
524         padding: 0;
525         margin-left: 10px;
526         border-width: 0;
527         border-style: none;
528         border-left: 1px #C3C3C3 solid;
529         width: 181px;
530         background-color: #F2F2F2;
531         float: right; /* hack for winie to not choke utterly on the site */
532         -apple-text-size-adjust: none;
533         overflow: hidden;
534         }
535
536 body > #page > #sidebar {
537         float:none;
538         position: fixed; /* WinIE doesn't understand this so we can make things right in other browsers. */
539 }
540
541 #sidebar_inner {
542         width: 181px;
543         height: 100%;
544         min-height: 600px;
545         }
546
547 html > body > #page > #sidebar > #sidebar_inner {
548         background: url(images/webkit-background.png) no-repeat center bottom;
549         /* Hide from WinIE, since its transparent PNG support is non-existent. */
550         }
551
552 #sidebar form {
553         margin: 0;
554         }
555 /* End Sidebar */
556
557
558
559 /* Begin Calendar */
560 #wp-calendar {
561         empty-cells: show;
562         margin: 10px auto 0;
563         width: 155px;
564         }
565
566 #wp-calendar #next a {
567         padding-right: 10px;
568         text-align: right;
569         }
570
571 #wp-calendar #prev a {
572         padding-left: 10px;
573         text-align: left;
574         }
575
576 #wp-calendar a {
577         display: block;
578         }
579
580 #wp-calendar caption {
581         text-align: center;
582         width: 100%;
583         }
584
585 #wp-calendar td {
586         padding: 3px 0;
587         text-align: center;
588         }
589
590 #wp-calendar td.pad:hover { /* Doesn't work in IE */
591         background-color: #fff; }
592 /* End Calendar */
593
594
595
596 /* Begin Various Tags & Classes */
597 acronym, abbr, span.caps {
598         cursor: help;
599         }
600
601 acronym, abbr {
602         border-bottom: 1px dashed #999;
603         }
604
605 blockquote {
606         margin: 15px 30px 0 10px;
607         padding-left: 20px;
608         border-left: 5px solid #ddd;
609         }
610
611 blockquote cite {
612         margin: 5px 0 0;
613         display: block;
614         }
615
616 .center {
617         text-align: center;
618         }
619
620 hr {
621         display: none;
622         }
623
624 a img {
625         border: none;
626         }
627
628 .navigation {
629         display: block;
630         text-align: center;
631         margin-top: 10px;
632         margin-bottom: 20px;
633         }
634 /* End Various Tags & Classes*/
635
636
637