added asides, new styles

This commit is contained in:
Mark Pilgrim
2009-03-28 15:58:35 -05:00
parent fe57cb0215
commit 1a4ce72944
9 changed files with 127 additions and 83 deletions
+16 -7
View File
@@ -62,11 +62,11 @@ abbr{font-variant:small-caps;text-transform:lowercase;letter-spacing:0.1em}
.note{margin:3.5em 4.94em}
.note span{display:block;float:left;font-size:xx-large;line-height:0.875;margin:0 0.22em 0 -1.22em}
.c,pre,.w,.w a,.d{line-height:2.154}
.f:first-letter{float:left;color:#ddd;padding:0.11em 4px 0 0;font:normal 4em/0.68 serif}
h1,h2,h3,p,ul,ol{margin:1.75em 0;font-size:medium}
.f:first-letter{float:left;color:lightblue;padding:0.11em 4px 0 0;font:normal 4em/0.68 serif}
p,ul,ol{margin:1.75em 0;font-size:medium}
/* basics */
html{background:#fff;color:#000}
html{background:#fff;color:#333}
body{margin:1.75em 28px}
form div{float:right}
.c{text-align:center;margin:2.154em 0}
@@ -74,7 +74,7 @@ form div{float:right}
/* links */
a{text-decoration:none;border-bottom:1px dotted}
a:hover{border-bottom:1px solid}
a:link,.w a{color:#26c}
a:link,.w a{color:steelblue}
a:visited{color:#93c}
.c a{color:inherit}
@@ -92,10 +92,19 @@ kbd{font-weight:bold}
li ol,.q{margin:0}
pre a,.w a,pre a:hover{border:0}
/* headers */
h1{background:PapayaWhip;width:100%} /* all hail PapayaWhip */
/* headers and pullquotes */
h1,h2,h3,aside{font-family:"Book Antiqua",Palatino,Georgia,serif}
h1,h2,h3{font-variant:small-caps}
h1,h2{letter-spacing:-1px}
h1,h1 code{font-size:xx-large}
h2,h2 code{font-size:x-large}
h3,h3 code{font-size:large}
h1{border-bottom:4px double;width:100%;margin:1em 0}
h1:before{content:"Chapter " counter(h1) ". "}
h1{counter-reset:h2}
h2:before{counter-increment:h2;content:counter(h1) "." counter(h2) ". "}
h2{counter-reset:h3}
h2{counter-reset:h3;border-top:1px dotted;margin-top:1.75em;padding-top:1.75em}
#toc + h2{border:0;margin:0;padding:0}
#toc + h2:before{content:""}
h3:before{counter-increment:h3;content:counter(h1) "." counter(h2) "." counter(h3) ". "}
aside{display:block;float:right;font-style:oblique;font-size:xx-large;width:25%;margin:1.75em 0 .75em 1.75em;background:steelblue;color:white;padding:1.75em;border:1px solid;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em}