fixed the non-HTML formats.

Author: agentzh

ebooks.mk

@@ -23,29 +23,38 @@ pdf: $(name).pdf
 html: $(name).html
 
 %.pdf: $(name).html
+	cp tutorial-simple.css tutorial.css
 	ebook-convert $< $@ \
-	    --margin-bottom 30 \
-	    --margin-top 30 \
+	    --margin-bottom 25 \
+	    --margin-top 25 \
 	    --margin-left 20 \
 	    --margin-right 20 \
 	    --no-chapters-in-toc \
 	    --book-producer 'agentzh' \
+	    --pdf-default-font-size 1 \
+	    --pdf-mono-font-size 1 \
+	    --paper-size a4 \
 	    --output-profile kindle \
 	    --title "$(title)" --publisher 'agentzh' \
 	    --language $(lang2) --authors 'agentzh'
+	git co tutorial.css
 
 %.mobi: $(name).html
+	cp tutorial-simple.css tutorial.css
 	ebook-convert $< $@ \
 	    --output-profile kindle_dx --no-inline-toc \
 	    --title "$(title)" --publisher 'agentzh' \
 	    --language $(lang2) --authors 'agentzh'
+	git co tutorial.css
 
 %.epub: $(name).html
+	cp tutorial-simple.css tutorial.css
 	ebook-convert $< $@ \
 	    --no-default-epub-cover \
 	    --output-profile kindle_dx \
 	    --title "$(title)" --publisher 'agentzh' \
 	    --language $(lang2) --authors 'agentzh'
+	git co tutorial.css
 
 $(name).html: $(htmlfiles) ./utils/gen-html-index-$(lang2).pl
 	./utils/gen-html-index-$(lang2).pl -v $(ver) -o $@ $(htmlfiles)

tutorial-simple.css

@@ -0,0 +1,50 @@
+div.thumb img.thumbimage {
+    background-color: #FFFFFF;
+}
+
+html .thumbimage {
+    border: 1px solid #CCCCCC;
+}
+
+img {
+    vertical-align: middle;
+}
+
+div.thumbinner {
+    background-color: #F9F9F9;
+    border: 1px solid #CCCCCC;
+    font-size: 94%;
+    overflow: hidden;
+    padding: 3px !important;
+    text-align: center;
+    min-width: 100px;
+}
+
+.thumbcaption {
+    text-align: left;
+    border: medium none;
+    font-size: 94%;
+    line-height: 1.4em;
+    padding: 3px !important;
+}
+
+div.tright {
+    margin: 0.5em 1.3em 1.3em 1.4em;
+}
+
+div.thumb {
+    background-color: transparent;
+    width: auto;
+}
+
+div.tright, div.floatright, table.floatright {
+    clear: right;
+    float: right;
+}
+
+.magnify {
+    float: right;
+    background: none repeat scroll 0 0 transparent !important;
+    border: medium none !important;
+    direction: ltr;
+}