Source: maint-guide Severity: wishlist Tags: patch As discussed on the d-www mailing list , this is a patch to adding style to the html pages. It includes an update of the pictures used for browsing the page (previous, next and home links).
The patch is a git diff of the source code modifications and an archive of the new pictures. The pictures (in 'png' directory) have to overwrite the files with the same name in /usr/share/xml/docbook/stylesheet/docbook-xml/images The source of the picture comes from Tango icons. Only the color in the SVG is modified for 'back' and 'previous' pictures, then a PNG has been exported. There was only an export for home.svg. The svg files are available in the archive, in 'svg' directory. The CSS is based on the CSS of Publican. There is a temporary demo of the final rendering at: http://stephane.yaal.fr/tmp/maint-guide-demo/ For info, there are others pictures copied by the Makefile (caution.png, important.png, note.png, tip.png and warning.png) but they are not used in the generated html files. No change were done here. -- Imprimez ce message en A2 et en couleur au moins 500 fois! Brûlez des arbres!! -- envoyé depuis ma centrale à charbon Stéphane
diff --git a/Makefile b/Makefile
index e3a1cef..56538f1 100644
--- a/Makefile
+++ b/Makefile
@@ -206,7 +206,7 @@ css:
mkdir -p $(TMPDIR)/images
cp -f $(DXSL)/$(MANUAL).css $(TMPDIR)/$(MANUAL).css
echo "AddCharset UTF-8 .txt" > $(TMPDIR)/.htaccess
- cd $(DIMG) ; cp caution.png home.gif important.png next.gif note.png
prev.gif tip.png up.gif warning.png $(TMPDIR)/images
+ cd $(DIMG) ; cp caution.png home.png important.png next.png note.png
prev.png tip.png up.gif warning.png $(TMPDIR)/images
#######################################################################
# $ make html # update all HTML in $(TMPDIR)
diff --git a/xslt/maint-guide.css b/xslt/maint-guide.css
index 285864a..597517c 100644
--- a/xslt/maint-guide.css
+++ b/xslt/maint-guide.css
@@ -1,10 +1,117 @@
/* Cascading stylesheet for the Debian Installer Installation Guide */
-/* Use grey background for examples */
-pre.screen {
- background-color : #E0E0E0;
+/* global style of the page */
+body {
+ background-color: #EEEEEE;
+ border: 40px solid #EEEEEE;
+ margin: 0;
+ padding: 0 10px;
+ font-family: "liberation sans", "Myriad ", "Bitstream Vera Sans", "Lucida
Grande", "Luxi Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif;
+ line-height: 1.2em;
+}
+
+body > div.book, body > div.article, body > div.set, body > div.preface, body
> div.chapter, body > div.section, body > div.appendix, body > div.part {
+ margin-top: 0;
+ padding: 2em 6em 6em;
+}
+body > div.book, body > div.article, body > div.set, body > div.preface, body
> div.chapter, body > div.section, body > div.appendix, body > div.part {
+ padding: 2em;
+}
+
+body > div.book, body > div.article, body > div.set, body > div.preface, body
> div.chapter, body > div.section, body > div.appendix, body > div.part, body >
div.index {
+ background-color: #FFFFFF;
+ margin: 40px auto 4em;
+ padding: 1px 40px 20px 30px;
+}
+
+@media (max-width: 1024px) {
+ body > div.book, body > div.article, body > div.set, body > div.preface,
body > div.chapter, body > div.section, body > div.appendix, body > div.part,
body > div.index {
+ max-width: 45em;
+ }
+}
+@media (min-width: 1025px) {
+ body > div.book, body > div.article, body > div.set, body > div.preface,
body > div.chapter, body > div.section, body > div.appendix, body > div.part,
body > div.index {
+ max-width: 70em;
+ }
+}
+
+hr {
+ border-top: 1px dotted #808080;
+ margin: 0;
+}
+
+a:link {
+ color: #0035C7;
+ text-decoration: none;
+}
+a:visited {
+ color: #00207A;
+ text-decoration: none;
+}
+a:link:hover {
+ color: #00207A;
+ text-decoration: underline;
+}
+
+code {
+ font-family: "liberation mono","bitstream vera mono","dejavu
mono",monospace;
+ font-weight: bold;
+ word-wrap: break-word;
+}
+
+h1 {
+ color: #C70036;
}
-code.literal {
- background-color : #E0E0E0;
+h2, h3, h4, h5, h6 {
+ color: #C70036;
}
+
+
+/* for first page */
+.book > .titlepage h1.title {
+ text-align: center;
+}
+.titlepage h1.title {
+ text-align: left;
+}
+
+.authorgroup div {
+ text-align: center;
+}
+
+
+/* table in content */
+
+.informaltable table {
+ border: 1px solid #AAAAAA;
+}
+
+.informaltable table th {
+ border-width: 0;
+ background-color: #CC0000;
+}
+
+.informaltable table td {
+ border-width: 0;
+}
+
+
+/* Terminal examples */
+pre.screen {
+ -moz-tab-size: 4;
+ background-color: #F5F5F5;
+ border-radius: 11px 11px 11px 11px;
+ border-style: none;
+ box-shadow: 0 2px 5px #AAAAAA inset;
+ color: #000000;
+ display: block;
+ font-family: "liberation mono","bitstream vera mono","dejavu
mono",monospace;
+ font-size: 0.9em;
+ margin-bottom: 1em;
+ padding: 0.5em 1em;
+ page-break-inside: avoid;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+
diff --git a/xslt/style-html.xsl b/xslt/style-html.xsl
index 0045a3f..abcecd6 100644
--- a/xslt/style-html.xsl
+++ b/xslt/style-html.xsl
@@ -28,6 +28,7 @@
<xsl:param name="admon.graphics" select="1"/>
<!-- Do we want fancy icons instead of Next, Prev, Up, Home? -->
<xsl:param name="navig.graphics" select="1"/>
+<xsl:param name="navig.graphics.extension">.png</xsl:param>
<xsl:param name="toc.section.depth">4</xsl:param>
<xsl:param name="section.label.includes.component.label" select="1"/>
pictures.tar.gz
Description: GNU Zip compressed data
