css fiddling

dip2

@@ -48,10 +48,6 @@
 <li><a href="#d0e9975">4.6.1. Using the and-or Trick</a>
 </ul>
 
-<li><a href="#apihelper.lambda">4.7. Using lambda Functions</a><ul>
-<li><a href="#d0e10403">4.7.1. Real-World lambda Functions</a>
-</ul>
-
 <li><a href="#apihelper.alltogether">4.8. Putting It All Together</a>
 <li><a href="#apihelper.summary">4.9. Summary</a>
 </ul>

dip3.css

@@ -60,13 +60,13 @@ abbr{font-variant:small-caps;text-transform:lowercase;letter-spacing:0.1em}
 .q{text-align:right;font-style:oblique}
 .q span{font-size:large}
 .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}
+.note span{display:block;float:left;font-size:xx-large;line-height:0.875;margin:0 0.22em 0 -1.22em;color:steelblue}
 .c,pre,.w,.w a,.d{line-height:2.154}
 .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:#333}
+html{background:white;color:darkslategray}
 body{margin:1.75em 28px}
 form div{float:right}
 .c{text-align:center;margin:2.154em 0}
@@ -75,7 +75,7 @@ form div{float:right}
 a{text-decoration:none;border-bottom:1px dotted}
 a:hover{border-bottom:1px solid}
 a:link,.w a{color:steelblue}
-a:visited{color:#93c}
+a:visited{color:darkorchid}
 .c a{color:inherit}
 
 /* code blocks */
@@ -103,8 +103,9 @@ 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;border-top:1px dotted;margin-top:1.75em;padding-top:1.75em}
+h2{counter-reset:h3;border-top:1px dotted;padding-top:1.75em}
+h2,h3{margin-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}
+aside{display:block;float:right;font-style:oblique;font-size:xx-large;width:25%;margin:1.75em 0 .75em 1.75em;background:steelblue url(bsb.png) repeat-x;color:white;padding:1.75em;border:1px solid;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em}

publish

@@ -3,7 +3,7 @@
 # make build directory and copy original files there for preflighting
 rm -rf build
 mkdir build
-cp robots.txt *.js *.css build/
+cp robots.txt *.js *.css *.png build/
 cp -R examples build/
 
 # minimize HTML (note: this script is quite fragile and relies on knowledge of how I write HTML)
@@ -35,8 +35,8 @@ sed -i -e "s|=http:|=|g" build/*.html
 sed -i -e "s|href=index.html|href=/|g" build/*.html
 
 # set file permissions (hg resets these, don't know why)
-chmod 644 build/*.html build/*.css build/*.js build/examples/*.py build/examples/*.txt build/*.txt
+chmod 644 build/*.html build/*.css build/*.js build/examples/*.py build/examples/*.txt build/*.txt build/*.png
 
 # ship it!
 rsync -essh -avzP build/$revision.js build/html5.js diveintomark.org:~/web/wearehugh.com/dip3/
-rsync -essh -avzP build/*.html build/examples build/*.txt diveintomark.org:~/web/diveintopython3.org/
+rsync -essh -avzP build/*.html build/examples build/*.txt build/*.png diveintomark.org:~/web/diveintopython3.org/

your-first-python-program.html

@@ -5,7 +5,9 @@
 <link rel=stylesheet type=text/css href=dip3.css>
 <style>
 body{counter-reset:h1 1}
-th{font-family:inherit !important}
+table{border:1px solid #bbb;border-collapse:collapse;margin:auto}
+td,th{border:1px solid #bbb;padding:0 1.75em}
+th{text-align:left}
 </style>
 </head>
 <form action=http://www.google.com/cse><div><input type=hidden name=cx value=014021643941856155761:l5eihuescdw><input type=hidden name=ie value=UTF-8>&nbsp;<input name=q size=31>&nbsp;<input type=submit name=sa value=Search></div></form>