Make www style.css link up to example.style.css much nicer.

1 files changed, 32 insertions, 39 deletions

diff --git a/style.css b/style.css
index b5da66b0..8270eb78 100644
--- a/style.css
+++ b/style.css
@@ -1,54 +1,47 @@
 /* $Id$ */
 
-html		{ max-width: 800px; }
-body		{ color: #333333;
-		  font-size: 0.93em;
-		  font-family: Times, serif; }
+/*
+ * This is an example style-sheet provided for mandoc(1) and the -Thtml
+ * or -Txhtml output mode.
+ *
+ * It mimics the appearance of the traditional cvsweb output.
+ *
+ * See mdoc(7) and man(7) for macro explanations.
+ */
+
+html		{ max-width: 880px; }
+body		{ font-size: smaller; font-family: Helvetica,Arial,sans-serif; }
+h1		{ margin-bottom: 1ex; font-size: 110%; margin-left: -4ex; } /* Section header (Sh, SH). */
+h2		{ margin-bottom: 1ex; font-size: 105%; margin-left: -2ex; } /* Sub-section header (Ss, SS). */
+table		{ width: 100%; margin-top: 0ex; margin-bottom: 0ex; } /* All tables. */
+td		{ vertical-align: top; } /* All table cells. */
+p		{ } /* Paragraph: Pp, Lp. */
+blockquote	{ margin-top: 0ex; margin-bottom: 0ex; } /* D1. */
+div.section	{ margin-bottom: 2ex; margin-left: 5ex; } /* Sections (Sh, SH). */
+div.subsection	{ } /* Sub-sections (Ss, SS). */
+table.synopsis	{ } /* SYNOPSIS section table. */
 
 /* Preamble structure. */
 
-table.foot	{ width: 100%; 
-		  font-size: 0.8em;
-		  margin-top: 1em;
-		  border-top: 1px dotted #dddddd; 
-		  color: #999999; } /* Document footer. */
+table.foot	{ font-size: smaller; margin-top: 1em; border-top: 1px dotted #dddddd; } /* Document footer. */
 td.foot-date	{ width: 50%; } /* Document footer: date. */
 td.foot-os	{ width: 50%; text-align: right; } /* Document footer: OS/source. */
-table.head	{ width: 100%; 
-		  font-size: 0.8em;
-		  margin-bottom: 1em;
-		  border-bottom: 1px dotted #dddddd; 
-		  color: #999999; } /* Document header. */
+table.head	{ font-size: smaller; margin-bottom: 1em; border-bottom: 1px dotted #dddddd; } /* Document header. */
 td.head-ltitle	{ width: 10%; } /* Document header: left-title. */
 td.head-vol	{ width: 80%; text-align: center; } /* Document header: volume. */
 td.head-rtitle	{ width: 10%; text-align: right; } /* Document header: right-title. */
 
-/* Sections. */
-
-h1		{ margin-bottom: 0px; color: #000000; font-size: 0.93em; margin-left: -4ex; } /* Section header (Sh, SH). */
-h2		{ margin-bottom: 0px; color: #000000; font-size: 0.93em; margin-left: -2ex; } /* Sub-section header (Ss, SS). */
-div.section	{ margin-bottom: 2ex; margin-left: 4ex; } /* Sections (Sh, SH). */
-div.subsection	{ } /* Sub-sections (Ss, SS). */
-table.synopsis	{ } /* SYNOPSIS section table. */
-
-/* Vertical spacing. */
-
-p		{ } /* Paragraph: Pp, Lp. */
-blockquote	{ margin-top: 0px; margin-bottom: 0px; }
-table		{ margin-top: 0px; margin-bottom: 0px; }
-td 		{ vertical-align: top; } /* SYNOPSIS section table. */
-
 /* General font modes. */
 
+i		{ } /* Italic: BI, IB, I, (implicit). */
 .emph		{ font-style: italic; font-weight: normal; } /* Emphasis: Em, Bl -emphasis. */
+b		{ } /* Bold: SB, BI, IB, BR, RB, B, (implicit). */
 .symb		{ font-style: normal; font-weight: bold; } /* Symbolic: Sy, Ms, Bf -symbolic. */
+small		{ } /* Small: SB, SM. */
 
 /* Block modes. */
 
-.display	{ background-color: #EEEEEE; 
-		  margin: 3px;
-		  padding: 3px;
-		  border: 1px solid #339999; } /* Top of all Bd, D1, Dl. */
+.display	{ } /* Top of all Bd, D1, Dl. */
 .list		{ } /* Top of all Bl. */
 
 /* Context-specific modes. */
@@ -73,7 +66,7 @@ span.lib	{ } /* Library (Lb). */
 i.link-sec	{ font-weight: normal; } /* Section links (Sx). */
 code.lit	{ font-style: normal; font-weight: normal; } /* Literal: Dl, Li, Bf -literal, Bl -literal, Bl -unfilled. */
 b.macro		{ font-style: normal; } /* Macro-ish thing (Fd). */
-b.name		{ color: blue; font-style: normal; } /* Name of utility (Nm). */
+b.name		{ font-style: normal; } /* Name of utility (Nm). */
 span.opt	{ } /* Options (Op, Oo/Oc). */
 span.ref	{ } /* Citations (Rs). */
 span.ref-auth	{ } /* Reference author (%A). */
@@ -94,14 +87,14 @@ span.unix	{ } /* Unices (Ux, Ox, Nx, Fx, Bx, Bsx, Dx). */
 b.utility	{ font-style: normal; } /* Name of utility (Ex). */
 b.var		{ font-style: normal; } /* Variables (Rv). */
 
-a.link-ext	{ background: transparent url(external.png) center right no-repeat; padding-right: 12px; }/* Off-site link (Lk). */
+a.link-ext	{ } /* Off-site link (Lk). */
 a.link-includes	{ } /* Include-file link (In). */
-a.link-mail 	{ background: transparent url(external.png) center right no-repeat; padding-right: 12px; }/* Mailto links (Mt). */
+a.link-mail	{ } /* Mailto links (Mt). */
 a.link-man	{ } /* Manual links (Xr). */
 a.link-ref	{ } /* Reference section links (%Q). */
-a.link-sec	{ text-decoration: none; border-bottom: 1px dotted #339999; } /* Section links (Sx). */
+a.link-sec	{ } /* Section links (Sx). */
 
-/* Formatting for lists. */
+/* Formatting for lists.  See mdoc(7). */
 
 dl.list-diag	{ }
 dt.list-diag	{ }
@@ -117,7 +110,7 @@ dd.list-inset	{ }
 
 dl.list-ohang	{ }
 dt.list-ohang	{ }
-dd.list-ohang	{ margin-left: 0em; }
+dd.list-ohang	{ margin-left: 0ex; }
 
 dl.list-tag	{ }
 dt.list-tag	{ }