Projects : mp-wp : mp-wp_svg-screenshots-and-errorreporting-r2
1 | /* |
2 | Theme Name: WordPress Default |
3 | Theme URI: http://wordpress.org/ |
4 | Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>. |
5 | Version: 1.6 |
6 | Author: Michael Heilemann |
7 | Author URI: http://binarybonsai.com/ |
8 | Tags: blue, custom header, fixed width, two columns, widgets |
9 | |
10 | Kubrick v1.5 |
11 | http://binarybonsai.com/kubrick/ |
12 | |
13 | This theme was designed and built by Michael Heilemann, |
14 | whose blog you will find at http://binarybonsai.com/ |
15 | |
16 | The CSS, XHTML and design is released under GPL: |
17 | http://www.opensource.org/licenses/gpl-license.php |
18 | |
19 | */ |
20 | |
21 | |
22 | |
23 | /* Begin Typography & Colors */ |
24 | body { |
25 | font-size: 62.5%; /* Resets 1em to 10px */ |
26 | font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; |
27 | background: #d5d6d7 url('images/kubrickbgcolor.svg'); |
28 | color: #333; |
29 | text-align: center; |
30 | } |
31 | |
32 | #page { |
33 | background-color: white; |
34 | border: 1px solid #959596; |
35 | text-align: left; |
36 | } |
37 | |
38 | #header { |
39 | background: #73a0c5 url('images/kubrickheader.svg') no-repeat bottom center; |
40 | } |
41 | |
42 | #headerimg { |
43 | margin: 7px 9px 0; |
44 | height: 192px; |
45 | width: 740px; |
46 | } |
47 | |
48 | #content { |
49 | font-size: 1.2em |
50 | } |
51 | |
52 | .widecolumn .entry p { |
53 | font-size: 1.05em; |
54 | } |
55 | |
56 | .narrowcolumn .entry, .widecolumn .entry { |
57 | line-height: 1.4em; |
58 | } |
59 | |
60 | .widecolumn { |
61 | line-height: 1.6em; |
62 | } |
63 | |
64 | .narrowcolumn .postmetadata { |
65 | text-align: center; |
66 | } |
67 | |
68 | .thread-alt { |
69 | background-color: #f8f8f8; |
70 | } |
71 | .thread-even { |
72 | background-color: white; |
73 | } |
74 | .depth-1 { |
75 | border: 1px solid #ddd; |
76 | } |
77 | |
78 | .even, .alt { |
79 | |
80 | border-left: 1px solid #ddd; |
81 | } |
82 | |
83 | #footer { |
84 | background: #eee url('images/kubrickfooter.svg') no-repeat top; |
85 | border: none; |
86 | } |
87 | |
88 | small { |
89 | font-family: Arial, Helvetica, Sans-Serif; |
90 | font-size: 0.9em; |
91 | line-height: 1.5em; |
92 | } |
93 | |
94 | h1, h2, h3 { |
95 | font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; |
96 | font-weight: bold; |
97 | } |
98 | |
99 | h1 { |
100 | font-size: 4em; |
101 | text-align: center; |
102 | } |
103 | |
104 | #headerimg .description { |
105 | font-size: 1.2em; |
106 | text-align: center; |
107 | } |
108 | |
109 | h2 { |
110 | font-size: 1.6em; |
111 | } |
112 | |
113 | h2.pagetitle { |
114 | font-size: 1.6em; |
115 | } |
116 | |
117 | #sidebar h2 { |
118 | font-family: 'Lucida Grande', Verdana, Sans-Serif; |
119 | font-size: 1.2em; |
120 | } |
121 | |
122 | h3 { |
123 | font-size: 1.3em; |
124 | } |
125 | |
126 | h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description { |
127 | text-decoration: none; |
128 | color: white; |
129 | } |
130 | |
131 | h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { |
132 | color: #333; |
133 | } |
134 | |
135 | h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { |
136 | text-decoration: none; |
137 | } |
138 | |
139 | .entry p a:visited { |
140 | color: #b85b5a; |
141 | } |
142 | |
143 | .commentlist li, #commentform input, #commentform textarea { |
144 | font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; |
145 | } |
146 | .commentlist li ul li { |
147 | font-size: 1em; |
148 | } |
149 | |
150 | .commentlist li { |
151 | font-weight: bold; |
152 | } |
153 | |
154 | .commentlist li .avatar { |
155 | float: right; |
156 | border: 1px solid #eee; |
157 | padding: 2px; |
158 | background: #fff; |
159 | } |
160 | |
161 | .commentlist cite, .commentlist cite a { |
162 | font-weight: bold; |
163 | font-style: normal; |
164 | font-size: 1.1em; |
165 | } |
166 | |
167 | .commentlist p { |
168 | font-weight: normal; |
169 | line-height: 1.5em; |
170 | text-transform: none; |
171 | } |
172 | |
173 | #commentform p { |
174 | font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; |
175 | } |
176 | |
177 | .commentmetadata { |
178 | font-weight: normal; |
179 | } |
180 | |
181 | #sidebar { |
182 | font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; |
183 | } |
184 | |
185 | small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { |
186 | color: #777; |
187 | } |
188 | |
189 | code { |
190 | font: 1.1em 'Courier New', Courier, Fixed; |
191 | } |
192 | |
193 | acronym, abbr, span.caps |
194 | { |
195 | font-size: 0.9em; |
196 | letter-spacing: .07em; |
197 | } |
198 | |
199 | a, h2 a:hover, h3 a:hover { |
200 | color: #06c; |
201 | text-decoration: none; |
202 | } |
203 | |
204 | a:hover { |
205 | color: #147; |
206 | text-decoration: underline; |
207 | } |
208 | |
209 | #wp-calendar #prev a, #wp-calendar #next a { |
210 | font-size: 9pt; |
211 | } |
212 | |
213 | #wp-calendar a { |
214 | text-decoration: none; |
215 | } |
216 | |
217 | #wp-calendar caption { |
218 | font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; |
219 | text-align: center; |
220 | } |
221 | |
222 | #wp-calendar th { |
223 | font-style: normal; |
224 | text-transform: capitalize; |
225 | } |
226 | /* End Typography & Colors */ |
227 | |
228 | |
229 | |
230 | /* Begin Structure */ |
231 | body { |
232 | margin: 0 0 20px 0; |
233 | padding: 0; |
234 | } |
235 | |
236 | #page { |
237 | background-color: white; |
238 | margin: 20px auto; |
239 | padding: 0; |
240 | width: 760px; |
241 | border: 1px solid #959596; |
242 | } |
243 | |
244 | #header { |
245 | background-color: #73a0c5; |
246 | margin: 0 0 0 1px; |
247 | padding: 0; |
248 | height: 200px; |
249 | width: 758px; |
250 | } |
251 | |
252 | #headerimg { |
253 | margin: 0; |
254 | height: 200px; |
255 | width: 100%; |
256 | } |
257 | |
258 | .narrowcolumn { |
259 | float: left; |
260 | padding: 0 0 20px 45px; |
261 | margin: 0px 0 0; |
262 | width: 450px; |
263 | } |
264 | |
265 | .widecolumn { |
266 | padding: 10px 0 20px 0; |
267 | margin: 5px 0 0 150px; |
268 | width: 450px; |
269 | } |
270 | |
271 | .post { |
272 | margin: 0 0 40px; |
273 | text-align: justify; |
274 | } |
275 | |
276 | .post hr { |
277 | display: block; |
278 | } |
279 | |
280 | .widecolumn .post { |
281 | margin: 0; |
282 | } |
283 | |
284 | .narrowcolumn .postmetadata { |
285 | padding-top: 5px; |
286 | } |
287 | |
288 | .widecolumn .postmetadata { |
289 | margin: 30px 0; |
290 | } |
291 | |
292 | .widecolumn .smallattachment { |
293 | text-align: center; |
294 | float: left; |
295 | width: 128px; |
296 | margin: 5px 5px 5px 0px; |
297 | } |
298 | |
299 | .widecolumn .attachment { |
300 | text-align: center; |
301 | margin: 5px 0px; |
302 | } |
303 | |
304 | .postmetadata { |
305 | clear: both; |
306 | } |
307 | |
308 | .clear { |
309 | clear: both; |
310 | } |
311 | |
312 | #footer { |
313 | padding: 0; |
314 | margin: 0 auto; |
315 | width: 760px; |
316 | clear: both; |
317 | } |
318 | |
319 | #footer p { |
320 | margin: 0; |
321 | padding: 20px 0; |
322 | text-align: center; |
323 | } |
324 | /* End Structure */ |
325 | |
326 | |
327 | |
328 | /* Begin Headers */ |
329 | h1 { |
330 | padding-top: 70px; |
331 | margin: 0; |
332 | } |
333 | |
334 | h2 { |
335 | margin: 30px 0 0; |
336 | } |
337 | |
338 | h2.pagetitle { |
339 | margin-top: 30px; |
340 | text-align: center; |
341 | } |
342 | |
343 | #sidebar h2 { |
344 | margin: 5px 0 0; |
345 | padding: 0; |
346 | } |
347 | |
348 | h3 { |
349 | padding: 0; |
350 | margin: 30px 0 0; |
351 | } |
352 | |
353 | h3.comments { |
354 | padding: 0; |
355 | margin: 40px auto 20px ; |
356 | } |
357 | /* End Headers */ |
358 | |
359 | |
360 | |
361 | /* Begin Images */ |
362 | p img { |
363 | padding: 0; |
364 | max-width: 100%; |
365 | } |
366 | |
367 | /* Using 'class="alignright"' on an image will (who would've |
368 | thought?!) align the image to the right. And using 'class="centered', |
369 | will of course center the image. This is much better than using |
370 | align="center", being much more futureproof (and valid) */ |
371 | |
372 | img.centered { |
373 | display: block; |
374 | margin-left: auto; |
375 | margin-right: auto; |
376 | } |
377 | |
378 | img.alignright { |
379 | padding: 4px; |
380 | margin: 0 0 2px 7px; |
381 | display: inline; |
382 | } |
383 | |
384 | img.alignleft { |
385 | padding: 4px; |
386 | margin: 0 7px 2px 0; |
387 | display: inline; |
388 | } |
389 | |
390 | .alignright { |
391 | float: right; |
392 | } |
393 | |
394 | .alignleft { |
395 | float: left |
396 | } |
397 | /* End Images */ |
398 | |
399 | |
400 | |
401 | /* Begin Lists |
402 | |
403 | Special stylized non-IE bullets |
404 | Do not work in Internet Explorer, which merely default to normal bullets. */ |
405 | |
406 | html>body .entry ul { |
407 | margin-left: 0px; |
408 | padding: 0 0 0 30px; |
409 | list-style: none; |
410 | padding-left: 10px; |
411 | text-indent: -10px; |
412 | } |
413 | |
414 | html>body .entry li { |
415 | margin: 7px 0 8px 10px; |
416 | } |
417 | |
418 | .entry ul li:before, #sidebar ul ul li:before { |
419 | content: "\00BB \0020"; |
420 | } |
421 | |
422 | .entry ol { |
423 | padding: 0 0 0 35px; |
424 | margin: 0; |
425 | } |
426 | |
427 | .entry ol li { |
428 | margin: 0; |
429 | padding: 0; |
430 | } |
431 | |
432 | .postmetadata ul, .postmetadata li { |
433 | display: inline; |
434 | list-style-type: none; |
435 | list-style-image: none; |
436 | } |
437 | |
438 | #sidebar ul, #sidebar ul ol { |
439 | margin: 0; |
440 | padding: 0; |
441 | } |
442 | |
443 | #sidebar ul li { |
444 | list-style-type: none; |
445 | list-style-image: none; |
446 | margin-bottom: 15px; |
447 | } |
448 | |
449 | #sidebar ul p, #sidebar ul select { |
450 | margin: 5px 0 8px; |
451 | } |
452 | |
453 | #sidebar ul ul, #sidebar ul ol { |
454 | margin: 5px 0 0 10px; |
455 | } |
456 | |
457 | #sidebar ul ul ul, #sidebar ul ol { |
458 | margin: 0 0 0 10px; |
459 | } |
460 | |
461 | ol li, #sidebar ul ol li { |
462 | list-style: decimal outside; |
463 | } |
464 | |
465 | #sidebar ul ul li, #sidebar ul ol li { |
466 | margin: 3px 0 0; |
467 | padding: 0; |
468 | } |
469 | /* End Entry Lists */ |
470 | |
471 | |
472 | |
473 | /* Begin Form Elements */ |
474 | #searchform { |
475 | margin: 10px auto; |
476 | padding: 5px 3px; |
477 | text-align: center; |
478 | } |
479 | |
480 | #sidebar #searchform #s { |
481 | width: 108px; |
482 | padding: 2px; |
483 | } |
484 | |
485 | #sidebar #searchsubmit { |
486 | padding: 1px; |
487 | } |
488 | |
489 | .entry form { /* This is mainly for password protected posts, makes them look better. */ |
490 | text-align:center; |
491 | } |
492 | |
493 | select { |
494 | width: 130px; |
495 | } |
496 | |
497 | #commentform input { |
498 | width: 170px; |
499 | padding: 2px; |
500 | margin: 5px 5px 1px 0; |
501 | } |
502 | |
503 | #commentform { |
504 | margin: 5px 10px 0 0; |
505 | } |
506 | #commentform textarea { |
507 | width: 100%; |
508 | padding: 2px; |
509 | } |
510 | #respond:after { |
511 | content: "."; |
512 | display: block; |
513 | height: 0; |
514 | clear: both; |
515 | visibility: hidden; |
516 | } |
517 | #commentform #submit { |
518 | margin: 0 0 5px auto; |
519 | float: right; |
520 | } |
521 | /* End Form Elements */ |
522 | |
523 | |
524 | |
525 | /* Begin Comments*/ |
526 | .alt { |
527 | margin: 0; |
528 | padding: 10px; |
529 | } |
530 | |
531 | .commentlist { |
532 | padding: 0; |
533 | text-align: justify; |
534 | } |
535 | |
536 | .commentlist li { |
537 | margin: 15px 0 10px; |
538 | padding: 5px 5px 10px 10px; |
539 | list-style: none; |
540 | |
541 | } |
542 | .commentlist li ul li { |
543 | margin-right: -5px; |
544 | margin-left: 10px; |
545 | } |
546 | |
547 | .commentlist p { |
548 | margin: 10px 5px 10px 0; |
549 | } |
550 | .children { padding: 0; } |
551 | |
552 | #commentform p { |
553 | margin: 5px 0; |
554 | } |
555 | |
556 | .nocomments { |
557 | text-align: center; |
558 | margin: 0; |
559 | padding: 0; |
560 | } |
561 | |
562 | .commentmetadata { |
563 | margin: 0; |
564 | display: block; |
565 | } |
566 | /* End Comments */ |
567 | |
568 | |
569 | |
570 | /* Begin Sidebar */ |
571 | #sidebar |
572 | { |
573 | padding: 20px 0 10px 0; |
574 | margin-left: 545px; |
575 | width: 190px; |
576 | } |
577 | |
578 | #sidebar form { |
579 | margin: 0; |
580 | } |
581 | /* End Sidebar */ |
582 | |
583 | |
584 | |
585 | /* Begin Calendar */ |
586 | #wp-calendar { |
587 | empty-cells: show; |
588 | margin: 10px auto 0; |
589 | width: 155px; |
590 | } |
591 | |
592 | #wp-calendar #next a { |
593 | padding-right: 10px; |
594 | text-align: right; |
595 | } |
596 | |
597 | #wp-calendar #prev a { |
598 | padding-left: 10px; |
599 | text-align: left; |
600 | } |
601 | |
602 | #wp-calendar a { |
603 | display: block; |
604 | } |
605 | |
606 | #wp-calendar caption { |
607 | text-align: center; |
608 | width: 100%; |
609 | } |
610 | |
611 | #wp-calendar td { |
612 | padding: 3px 0; |
613 | text-align: center; |
614 | } |
615 | |
616 | #wp-calendar td.pad:hover { /* Doesn't work in IE */ |
617 | background-color: #fff; } |
618 | /* End Calendar */ |
619 | |
620 | |
621 | |
622 | /* Begin Various Tags & Classes */ |
623 | acronym, abbr, span.caps { |
624 | cursor: help; |
625 | } |
626 | |
627 | acronym, abbr { |
628 | border-bottom: 1px dashed #999; |
629 | } |
630 | |
631 | blockquote { |
632 | margin: 15px 30px 0 10px; |
633 | padding-left: 20px; |
634 | border-left: 5px solid #ddd; |
635 | } |
636 | |
637 | blockquote cite { |
638 | margin: 5px 0 0; |
639 | display: block; |
640 | } |
641 | |
642 | .center { |
643 | text-align: center; |
644 | } |
645 | |
646 | .hidden { |
647 | display: none; |
648 | } |
649 | |
650 | hr { |
651 | display: none; |
652 | } |
653 | |
654 | a img { |
655 | border: none; |
656 | } |
657 | |
658 | .navigation { |
659 | display: block; |
660 | text-align: center; |
661 | margin-top: 10px; |
662 | margin-bottom: 60px; |
663 | } |
664 | /* End Various Tags & Classes*/ |
665 | |
666 | |
667 | |
668 | /* Captions */ |
669 | .aligncenter, |
670 | div.aligncenter { |
671 | display: block; |
672 | margin-left: auto; |
673 | margin-right: auto; |
674 | } |
675 | |
676 | .wp-caption { |
677 | border: 1px solid #ddd; |
678 | text-align: center; |
679 | background-color: #f3f3f3; |
680 | padding-top: 4px; |
681 | margin: 10px; |
682 | -moz-border-radius: 3px; |
683 | -khtml-border-radius: 3px; |
684 | -webkit-border-radius: 3px; |
685 | border-radius: 3px; |
686 | } |
687 | |
688 | .wp-caption img { |
689 | margin: 0; |
690 | padding: 0; |
691 | border: 0 none; |
692 | } |
693 | |
694 | .wp-caption p.wp-caption-text { |
695 | font-size: 11px; |
696 | line-height: 17px; |
697 | padding: 0 4px 5px; |
698 | margin: 0; |
699 | } |
700 | /* End captions */ |
701 | |
702 | |
703 | /* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you. |
704 | It won't be a stylish marriage, I can't afford a carriage. |
705 | But you'll look sweet upon the seat of a bicycle built for two." */ |