From: Erik Abele <erikabele@apache.org>
Date: Thu, 5 Sep 2002 23:06:17 +0000 (+0000)
Subject: Adding the 'heart' of the new manual style :-)
X-Git-Url: https://granicus.if.org/sourcecode?a=commitdiff_plain;h=b88e67fe1c7200700142433577133a00d1d70f02;p=apache

Adding the 'heart' of the new manual style :-)


git-svn-id: https://svn.apache.org/repos/asf/httpd/httpd/trunk@96652 13f79535-47bb-0310-9956-ffa450edef68
---

diff --git a/docs/manual/style/css/manual-loose-100pc-b.css b/docs/manual/style/css/manual-loose-100pc-b.css
new file mode 100644
index 0000000000..ba549d6f81
--- /dev/null
+++ b/docs/manual/style/css/manual-loose-100pc-b.css
@@ -0,0 +1,25 @@
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * manual.css
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+@import url(manual-loose-100pc.css);
+
+body,
+h1,
+h3,
+div.example,
+div.note,
+div.warning {
+    color: #000;
+}
+
+div#page-header p.apache {
+    background-color: #000;
+}
+
+div#footer {
+    border-top-color: #000;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * -> The End <-
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
diff --git a/docs/manual/style/css/manual-loose-100pc.css b/docs/manual/style/css/manual-loose-100pc.css
new file mode 100644
index 0000000000..4e44fd9aad
--- /dev/null
+++ b/docs/manual/style/css/manual-loose-100pc.css
@@ -0,0 +1,665 @@
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * manual.css
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * mainframe ;-)
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+body {
+    background-color: #fff;
+    color: #036;
+    padding: 0 1em 0 0;
+    margin: 0;
+    font-family: Arial, Helvetica, sans-serif;
+    font-weight: normal;
+}
+
+pre, code {
+    font-family: "Courier New", Courier, monospace;
+    font-weight: normal;
+}
+
+strong {
+    font-weight: bold;
+}
+
+/* fixup IE & Opera
+ * otherwise they forget to inherit
+ * the computed font-size value
+ */
+table, code {
+    font-size: 1em;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * Links
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+/* normal links           */
+/* ====================== */
+a:link {
+    color: #0073c7;
+    background-color: inherit;
+    text-decoration: underline;
+}
+
+a:visited {
+    color: #5A88B5; /* #54acc4; */
+    background-color: inherit;
+    text-decoration: underline;
+}
+
+a:hover,
+a:active {
+    color: #0073c7;
+    background-color: #f0f0f0;
+    text-decoration: underline;
+}
+
+/* code.module [links]    */
+/* ====================== */
+code.module,
+code.module a:link {
+    color: #0073c7; /* #bc0f00; */
+    background-color: inherit;
+}
+
+code.module a:visited {
+    color: #54acc4; /* #a06b66; */
+    background-color: inherit;
+}
+
+code.module a:hover,
+code.module a:active {
+    color: #0073c7; /* #bc0f00; */
+    background-color: #f0f0f0;
+}
+
+/* code.directive [links] */
+/* ====================== */
+code.directive,
+code.directive a:link {
+    color: #287f00; /* #35a500; */
+    background-color: inherit;
+}
+
+code.directive a:visited {
+    color: #35a500; /* #99af76; */
+    background-color: inherit;
+}
+
+code.directive a:hover,
+code.directive a:active {
+    color: #287f00; /* #35a500; */
+    background-color: #f0f0f0;
+}
+
+/* page header & footer   */
+/* ====================== */
+div#page-header p.menu a:link,
+div#page-header p.menu a:visited,
+div#path a:link,
+div#path a:visited,
+div#footer a:link,
+div#footer a:visited {
+    text-decoration: underline;
+}
+
+div#page-header p.menu a:hover,
+div#page-header p.menu a:active,
+div#path a:hover,
+div#path a:active,
+div#footer a:hover,
+div#footer a:active {
+    text-decoration: underline;
+    background-color: #f0f0f0;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * Headings
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+/* h1                     */
+/* ====================== */
+h1 {
+    padding: 0.2em;
+    margin: 0 0 0.5em 0;
+    border: 1px solid #405871;
+    background-color: inherit;
+    color: #036;
+    text-decoration: none;
+    font-size: 1.5em;
+    font-weight: bold;
+}
+
+/* h2                     */
+/* ====================== */
+h2 {
+    padding: 0.2em 0 0.2em 0.7em;
+    margin: 0 0 0.5em 0;
+    text-decoration: none;
+    font-size: 1.2em;
+    font-weight: bold;
+}
+
+.section h2 {
+    background-color: #405871;
+    color: #fff;
+}
+
+.directive-section h2 {
+    background-color: #557697;
+    color: #fff;
+}
+
+/* take care of <a name>s inside */
+h2 a,
+h2 a:hover,
+h2 a:active {
+    color: inherit;
+    background-color: inherit;
+    text-decoration: none;
+}
+
+/* h3                     */
+/* ====================== */
+h3 {
+    background-color: inherit;
+    color: #036;
+    text-decoration: none;
+    font-weight: bold;
+    font-size: 1.1em;
+    margin: 1.3em 0 0.4em 0;
+    padding: 0;
+}
+
+/* margin adjustment */
+h3 + * {
+    margin-top: 0;
+}
+
+/* IE confuses the + * :-( 
+ * so reset some things
+ */
+ul, .section table, .directive-section table {
+    margin-bottom: 1em;
+}
+
+/* titles for 
+ * examples, notes and warnings
+ */
+div.example h3,
+div.note h3,
+div.warning h3 {
+    margin: 0 0 0.5em 0;
+    text-align: center;
+    font-size: 1em;
+}
+
+div#quickview h3 {
+    margin-top: 0;
+}
+
+/* take care of <a name>s inside */
+h3 a,
+h3 a:hover,
+h3 a:active {
+    color: inherit;
+    background-color: inherit;
+    text-decoration: none;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * Up & Top helper images
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+/* arrow left             */
+/* ====================== */
+div.up {
+    width: 30px;
+    height: 20px;
+    padding: 0;
+    margin: -20px 0 1px 0;
+    text-align: center;
+    vertical-align: top;
+}
+
+div.up img {
+    vertical-align: top;
+    width: 11px;
+    height: 11px;
+    border-style: none;
+}
+
+/* arrow up (to page top) */
+/* ====================== */
+div.top {
+    width: 30px;
+    padding: 0 0 0 30px;
+    margin: 0;
+}
+
+div.top img {
+    margin-top: 0.5em;
+    vertical-align: bottom;
+    width: 11px;
+    height: 11px;
+    border-style: none;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * Tables
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+/* general                */
+/* ====================== */
+table {
+    border: 1px solid #aaa;
+    border-collapse: collapse;
+    padding: 2px;
+    margin-top: 0.5em;
+    margin-bottom: 0;
+}
+
+td, th {
+    empty-cells: show; /* show border around empty cells */
+    padding: 0.1em 0.2em;
+    vertical-align: top;
+    text-align: left;
+    line-height: 1.3em;
+}
+
+th {
+    font-weight: bold;
+}
+
+/* bordered table cells   */
+/* ====================== */
+
+/* turn off borders in tables nested in 
+ * bordered tables per default
+ */
+table.bordered table td,
+table.bordered table th {
+    border-style: none;
+}
+
+table.bordered td,
+table.bordered th,
+table table.bordered td,
+table table.bordered th {
+    border: 1px solid #aaa;
+}
+
+/* module overview table  */
+/* ====================== */
+table.module th a:link,
+table.module th a:visited {
+    text-decoration: underline;
+    white-space: nowrap;
+}
+
+table.module th a:hover,
+table.module th a:active {
+    text-decoration: underline;
+    background-color: #f0f0f0;
+}
+
+/* directive overview table */
+/* ======================== */
+table.directive th a:link,
+table.directive th a:visited {
+    text-decoration: underline;
+    white-space: nowrap;
+}
+
+table.directive th a:hover,
+table.directive th a:active {
+    text-decoration: underline;
+}
+
+/* related modules & dir. */
+/* ====================== */
+
+/* assuming, all links are enclosed by
+ * <code class="directive"> or
+ * <code class="module">
+ */
+
+table.related {
+    border-collapse: separate;
+}
+
+table.related th {
+    padding: 0.2ex 0.3em;
+    background-color: #e5ecf3;
+    color: #405871;
+    vertical-align: middle;
+}
+
+table.related td {
+    padding: 0.2ex 0.3em;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * Lists
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+/* list default values    */
+/* ====================== */
+ul {
+    list-style-type: disc;
+}
+
+ul ul {
+    list-style-type: square;
+}
+
+ul ul ul {
+    list-style-type: circle;
+}
+
+li, dt, dd {
+    line-height: 1.3em;
+}
+
+dt {
+    margin-top: 0.5em;
+    font-weight: bold;
+}
+
+ol li {
+    margin-top: 0.5em;
+}
+
+ol.up-A {
+    list-style-type: upper-alpha;
+}
+
+/* table of contents      */
+/* ====================== */
+#toc,
+#topics {
+    margin: 0 0 1em 0;
+    padding: 0;
+}
+
+#toc li,
+#topics li {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
+
+#toc li img,
+#topics li img {
+    margin-right: 19px;
+}
+
+/* see also               */
+/* ====================== */
+.seealso {
+    margin: 0 0 1em 0;
+    padding: 0;
+}
+
+.seealso li {
+    list-style-type: none;
+    margin: 0;
+    padding: 0 0 0 34px;
+}
+
+/* related modules & dir. */
+/* ====================== */
+table.related td ul,
+table.related td li {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
+
+/* list of all directives */
+/* ====================== */
+div#directive-list ul {
+    margin: 0;
+    padding: 0;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * main page sections
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+/* page header            */
+/* ====================== */
+div#page-header {
+    margin-left: 30px;
+}
+
+div#page-header img {
+    padding: 0;
+    display: block;
+    margin: -70px 0 1px 2em;
+    width: 248px;
+    height: 70px;
+}
+
+div#page-header p.apache {
+    background-color: #405871;
+    color: #fff;
+    padding: 0 0 0 248px;
+    margin: 0;
+    text-align: center;
+    vertical-align: middle;
+    font-size: 16px;
+    font-weight: bold;
+    line-height: 29px;
+}
+
+div#page-header p.menu {
+    text-align: right;
+    font-size: smaller;
+    margin: 30px 0 0.5em 0;
+    padding: 0;
+}
+
+/* breadcrumb navigation */
+div#path {
+    margin: 0.2em 0 1.2em 30px;
+    padding: 0;
+    font-size: smaller;
+}
+
+/* content sections       */
+/* ====================== */
+div#preamble {
+    padding-bottom: 1em;
+    margin-left: 30px;
+}
+
+div.section,
+div.directive-section {
+    margin: -1.2em 0 0 60px;
+    padding: 0;
+}
+
+.section p,
+.directive-section p {
+    margin: 0 0 1em 0;
+    padding: 0;
+}
+
+/* look for this on directive
+ * list page...
+ */
+div#directive-list {
+    margin-left: 30px;
+    padding: 0 0 1em 1em;
+}
+
+div#quickview {
+    margin-left: 30px;
+}
+
+/* in general */
+p {
+    line-height: 1.3em;
+}
+
+/* page footer            */
+/* ====================== */
+div#footer {
+    margin-left: 30px;
+    font-size: smaller;
+    border-top: 1px solid #405871;
+    padding-top: 0.2em;
+}
+
+div#footer p.apache {
+    float: left;
+    text-align: left;
+    padding: 0 0 1em 0;
+    margin-top: 0;
+    font-weight: bold;
+}
+
+div#footer p.menu {
+    float: right;
+    text-align: right;
+    margin-top: 0;
+    padding: 0 0 1em 0;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * subsections (examples, notes, warnings)
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+/* examples               */
+/* ====================== */
+div.example {
+    background-color: #e5ecf3;
+    color: #000;
+    padding: 0.5em;
+    margin: 1em 2em 1em 1em;
+}
+
+/* example inside a note:
+ * blue in gray doesn't look good
+ * so simply draw a border around
+ * and keep it gray
+ */
+div.note div.example {
+    border: 1px solid #aaa;
+    background-color: transparent;
+    color: inherit;
+    margin-right: 1em;
+}
+
+
+/* example inside table */
+table div.example {
+    margin-right: 1em;
+}
+
+/* the following [block] elements
+ * may appear inside example...
+ */
+div.example p,
+div.example pre,
+div.example table {
+    padding: 0;
+    margin: 0;
+}
+
+div.example p {
+    line-height: 1em;
+}
+
+div.example pre,
+div.example p > code {
+    font-size: 0.9em;
+}
+
+/* notes & warnings       */
+/* ====================== */
+div.note,
+div.warning {
+    background-color: #eee;
+    color: #036;
+    padding: 0.5em;
+    margin: 1em 2em 1em 1em;
+}
+
+div.note p,
+div.warning p {
+    margin: 0;
+    padding: 0;
+}
+
+div.note pre,
+div.warning pre {
+    font-size: 0.9em;
+}
+
+/* inside table */
+table div.note,
+table div.warning {
+    margin-right: 1em;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * quotations, indented paragraphs and figures
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+p.letters {
+    text-align: center;
+    background-color: inherit;
+    color: #ccc;
+}
+
+p.letters a:link,
+p.letters a:visited {
+    text-decoration: none;
+    font-weight: bold;
+}
+
+p.letters a:hover,
+p.letters a:active {
+    text-decoration: underline;
+    font-weight: bold;
+}
+
+blockquote p {
+    font-style: italic;
+    margin: 0;
+}
+
+blockquote p.cite {
+    font-style: normal;
+    margin-top: 0;
+    margin-left: 2em;
+}
+
+blockquote p.cite cite {
+    font-style: normal;
+}
+
+p.indent {
+    margin-left: 2em;
+    margin-top: 1em;
+}
+
+p.figure {
+    margin-left: 2em;
+    font-style: italic;
+}
+
+p.figure img {
+    border: 1px solid #aaa;
+}
+
+p.figure dfn {
+    font-weight: bold;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * -> The End <-
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
diff --git a/docs/manual/style/css/manual-loose-90pc-b.css b/docs/manual/style/css/manual-loose-90pc-b.css
new file mode 100644
index 0000000000..80299785b5
--- /dev/null
+++ b/docs/manual/style/css/manual-loose-90pc-b.css
@@ -0,0 +1,12 @@
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * manual.css
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+@import url(manual-loose-100pc-b.css);
+
+html {
+    font-size: 90%;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * -> The End <-
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
diff --git a/docs/manual/style/css/manual-loose-90pc.css b/docs/manual/style/css/manual-loose-90pc.css
new file mode 100644
index 0000000000..9ed564c5e8
--- /dev/null
+++ b/docs/manual/style/css/manual-loose-90pc.css
@@ -0,0 +1,12 @@
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * manual.css
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+@import url(manual-loose-100pc.css);
+
+html {
+    font-size: 90%;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * -> The End <-
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
diff --git a/docs/manual/style/css/manual-loose-fix13-b.css b/docs/manual/style/css/manual-loose-fix13-b.css
new file mode 100644
index 0000000000..5ba2c2066b
--- /dev/null
+++ b/docs/manual/style/css/manual-loose-fix13-b.css
@@ -0,0 +1,25 @@
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * manual.css
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+@import url(manual-loose-fix13.css);
+
+body,
+h1,
+h3,
+div.example,
+div.note,
+div.warning {
+    color: #000;
+}
+
+div#page-header p.apache {
+    background-color: #000;
+}
+
+div#footer {
+    border-top-color: #000;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * -> The End <-
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
diff --git a/docs/manual/style/css/manual-loose-fix13.css b/docs/manual/style/css/manual-loose-fix13.css
new file mode 100644
index 0000000000..8d6e2e298f
--- /dev/null
+++ b/docs/manual/style/css/manual-loose-fix13.css
@@ -0,0 +1,47 @@
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * manual.css
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+@import url(manual-loose-100pc.css);
+
+html {
+    font-size: 13px;
+}
+
+h1 {
+    font-size: 20px;
+}
+
+h2 {
+    font-size: 18px;
+}
+
+h3 {
+    font-size: 16px;
+}
+
+/* titles for 
+ * examples, notes and warnings
+ */
+div.example h3,
+div.note h3,
+div.warning h3,
+div.example pre,
+div.example code,
+div.note pre,
+div.warning pre {
+    font-size: 13px;
+}
+
+div#page-header p.apache {
+    font-size: 16px;
+}
+
+div#page-header p.menu,
+div#path,
+div#footer {
+    font-size: 11px;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * -> The End <-
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
diff --git a/docs/manual/style/css/manual-loose-fix15-b.css b/docs/manual/style/css/manual-loose-fix15-b.css
new file mode 100644
index 0000000000..fc2981727d
--- /dev/null
+++ b/docs/manual/style/css/manual-loose-fix15-b.css
@@ -0,0 +1,25 @@
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * manual.css
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+@import url(manual-loose-fix15.css);
+
+body,
+h1,
+h3,
+div.example,
+div.note,
+div.warning {
+    color: #000;
+}
+
+div#page-header p.apache {
+    background-color: #000;
+}
+
+div#footer {
+    border-top-color: #000;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * -> The End <-
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
diff --git a/docs/manual/style/css/manual-loose-fix15.css b/docs/manual/style/css/manual-loose-fix15.css
new file mode 100644
index 0000000000..867fcb547a
--- /dev/null
+++ b/docs/manual/style/css/manual-loose-fix15.css
@@ -0,0 +1,47 @@
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * manual.css
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+@import url(manual-loose-100pc.css);
+
+html {
+    font-size: 15px;
+}
+
+h1 {
+    font-size: 22px;
+}
+
+h2 {
+    font-size: 18px;
+}
+
+h3 {
+    font-size: 16px;
+}
+
+/* titles for 
+ * examples, notes and warnings
+ */
+div.example h3,
+div.note h3,
+div.warning h3,
+div.example pre,
+div.example code,
+div.note pre,
+div.warning pre {
+    font-size: 15px;
+}
+
+div#page-header p.apache {
+    font-size: 16px;
+}
+
+div#page-header p.menu,
+div#path,
+div#footer {
+    font-size: 13px;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * -> The End <-
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
diff --git a/docs/manual/style/css/manual-sbar-left-100pc-b.css b/docs/manual/style/css/manual-sbar-left-100pc-b.css
new file mode 100644
index 0000000000..94b452e6a6
--- /dev/null
+++ b/docs/manual/style/css/manual-sbar-left-100pc-b.css
@@ -0,0 +1,21 @@
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * manual.css
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+@import url(manual-sbar-right-100pc-b.css);
+
+div#quickview {
+    left: 30px;
+}
+
+/* move content right */
+div#page-content {
+    padding-top: 0;
+    margin-left: 13em;
+    margin-right: 0;
+    padding-right: 0;
+    padding-left: 30px;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * -> The End <-
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
diff --git a/docs/manual/style/css/manual-sbar-left-100pc.css b/docs/manual/style/css/manual-sbar-left-100pc.css
new file mode 100644
index 0000000000..60e3d15ecb
--- /dev/null
+++ b/docs/manual/style/css/manual-sbar-left-100pc.css
@@ -0,0 +1,21 @@
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * manual.css
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+@import url(manual-sbar-right-100pc.css);
+
+div#quickview {
+    left: 30px;
+}
+
+/* move content right */
+div#page-content {
+    padding-top: 0;
+    margin-left: 13em;
+    margin-right: 0;
+    padding-right: 0;
+    padding-left: 30px;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * -> The End <-
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
diff --git a/docs/manual/style/css/manual-sbar-left-90pc-b.css b/docs/manual/style/css/manual-sbar-left-90pc-b.css
new file mode 100644
index 0000000000..2f54ec5ae6
--- /dev/null
+++ b/docs/manual/style/css/manual-sbar-left-90pc-b.css
@@ -0,0 +1,17 @@
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * manual.css
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+@import url(manual-sbar-left-100pc-b.css);
+
+html {
+    font-size: 90%;
+}
+
+div#quickview {
+    top: 5.5em;
+    margin-top: 39px;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * -> The End <-
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
diff --git a/docs/manual/style/css/manual-sbar-left-90pc.css b/docs/manual/style/css/manual-sbar-left-90pc.css
new file mode 100644
index 0000000000..44900d2be0
--- /dev/null
+++ b/docs/manual/style/css/manual-sbar-left-90pc.css
@@ -0,0 +1,17 @@
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * manual.css
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+@import url(manual-sbar-left-100pc.css);
+
+html {
+    font-size: 90%;
+}
+
+div#quickview {
+    top: 5.5em;
+    margin-top: 39px;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * -> The End <-
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
diff --git a/docs/manual/style/css/manual-sbar-left-fix13-b.css b/docs/manual/style/css/manual-sbar-left-fix13-b.css
new file mode 100644
index 0000000000..e06fc64a1d
--- /dev/null
+++ b/docs/manual/style/css/manual-sbar-left-fix13-b.css
@@ -0,0 +1,21 @@
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * manual.css
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+@import url(manual-sbar-right-fix13-b.css);
+
+div#quickview {
+    left: 30px;
+}
+
+/* move content right */
+div#page-content {
+    padding-top: 0;
+    margin-left: 13em;
+    margin-right: 0;
+    padding-right: 0;
+    padding-left: 30px;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * -> The End <-
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
diff --git a/docs/manual/style/css/manual-sbar-left-fix13.css b/docs/manual/style/css/manual-sbar-left-fix13.css
new file mode 100644
index 0000000000..9fd974030d
--- /dev/null
+++ b/docs/manual/style/css/manual-sbar-left-fix13.css
@@ -0,0 +1,21 @@
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * manual.css
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+@import url(manual-sbar-right-fix13.css);
+
+div#quickview {
+    left: 30px;
+}
+
+/* move content right */
+div#page-content {
+    padding-top: 0;
+    margin-left: 13em;
+    margin-right: 0;
+    padding-right: 0;
+    padding-left: 30px;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * -> The End <-
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
diff --git a/docs/manual/style/css/manual-sbar-left-fix15-b.css b/docs/manual/style/css/manual-sbar-left-fix15-b.css
new file mode 100644
index 0000000000..e7fa101956
--- /dev/null
+++ b/docs/manual/style/css/manual-sbar-left-fix15-b.css
@@ -0,0 +1,21 @@
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * manual.css
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+@import url(manual-sbar-right-fix15-b.css);
+
+div#quickview {
+    left: 30px;
+}
+
+/* move content right */
+div#page-content {
+    padding-top: 0;
+    margin-left: 13em;
+    margin-right: 0;
+    padding-right: 0;
+    padding-left: 30px;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * -> The End <-
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
diff --git a/docs/manual/style/css/manual-sbar-left-fix15.css b/docs/manual/style/css/manual-sbar-left-fix15.css
new file mode 100644
index 0000000000..d4d028c3ef
--- /dev/null
+++ b/docs/manual/style/css/manual-sbar-left-fix15.css
@@ -0,0 +1,21 @@
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * manual.css
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+@import url(manual-sbar-right-fix15.css);
+
+div#quickview {
+    left: 30px;
+}
+
+/* move content right */
+div#page-content {
+    padding-top: 0;
+    margin-left: 13em;
+    margin-right: 0;
+    padding-right: 0;
+    padding-left: 30px;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * -> The End <-
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
diff --git a/docs/manual/style/css/manual-sbar-right-100pc-b.css b/docs/manual/style/css/manual-sbar-right-100pc-b.css
new file mode 100644
index 0000000000..18a8ca033a
--- /dev/null
+++ b/docs/manual/style/css/manual-sbar-right-100pc-b.css
@@ -0,0 +1,25 @@
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * manual.css
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+@import url(manual-sbar-right-100pc.css);
+
+body,
+h1,
+h3,
+div.example,
+div.note,
+div.warning {
+    color: #000;
+}
+
+div#page-header p.apache {
+    background-color: #000;
+}
+
+div#footer {
+    border-top-color: #000;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * -> The End <-
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
diff --git a/docs/manual/style/css/manual-sbar-right-100pc.css b/docs/manual/style/css/manual-sbar-right-100pc.css
new file mode 100644
index 0000000000..7daa87203e
--- /dev/null
+++ b/docs/manual/style/css/manual-sbar-right-100pc.css
@@ -0,0 +1,81 @@
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * manual.css
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+@import url(manual-loose-100pc.css);
+
+/* sidebar */
+div#quickview {
+    position: absolute;
+    top: 4.9em;
+    right: 1em;
+    margin-left: 0;
+    margin-top: 40px;
+    padding: 4px;
+    width: 13.5em;
+    background-color: #f0f0f0;
+    color: inherit;
+}
+
+div#quickview li {
+    font-size: smaller;
+}
+
+div#quickview a:hover,
+div#quickview a:active {
+    background-color: #fff;
+}
+
+div#quickview h3 {
+    margin: 1em 0 0.3em 0.5em;
+    font-size: 1em;
+}
+
+div#quickview h3.directives {
+    margin-top: 0.3em;
+}
+
+div#quickview ul {
+    margin: 0 0 15px 0;
+    padding: 0;
+}
+
+div#quickview ul#toc {
+    margin: 0 0 0 0.5em;
+    padding: 0;
+}
+
+div#quickview ul#toc li {
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+}
+
+div#quickview li img {
+    display: none;
+}
+
+#manual-page div#quickview ul#toc,
+div#quickview #topics,
+div#quickview .seealso {
+    padding-left: 15px;
+}
+
+#manual-page div#quickview ul#toc li,
+div#quickview #topics li,
+div#quickview .seealso li {
+    margin: 0 0 2px 0;
+    padding: 0;
+    list-style-type: square;
+    list-style-position: outside;
+}
+
+/* move content left */
+div#page-content {
+    padding-top: 0;
+    margin-right: 13em;
+    padding-right: 30px;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * -> The End <-
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
diff --git a/docs/manual/style/css/manual-sbar-right-90pc-b.css b/docs/manual/style/css/manual-sbar-right-90pc-b.css
new file mode 100644
index 0000000000..3e91455a7f
--- /dev/null
+++ b/docs/manual/style/css/manual-sbar-right-90pc-b.css
@@ -0,0 +1,17 @@
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * manual.css
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+@import url(manual-sbar-right-100pc-b.css);
+
+html {
+    font-size: 90%;
+}
+
+div#quickview {
+    top: 5.5em;
+    margin-top: 39px;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * -> The End <-
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
diff --git a/docs/manual/style/css/manual-sbar-right-90pc.css b/docs/manual/style/css/manual-sbar-right-90pc.css
new file mode 100644
index 0000000000..244763fa28
--- /dev/null
+++ b/docs/manual/style/css/manual-sbar-right-90pc.css
@@ -0,0 +1,17 @@
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * manual.css
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+@import url(manual-sbar-right-100pc.css);
+
+html {
+    font-size: 90%;
+}
+
+div#quickview {
+    top: 5.5em;
+    margin-top: 39px;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * -> The End <-
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
diff --git a/docs/manual/style/css/manual-sbar-right-fix13-b.css b/docs/manual/style/css/manual-sbar-right-fix13-b.css
new file mode 100644
index 0000000000..5923967223
--- /dev/null
+++ b/docs/manual/style/css/manual-sbar-right-fix13-b.css
@@ -0,0 +1,25 @@
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * manual.css
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+@import url(manual-sbar-right-fix13.css);
+
+body,
+h1,
+h3,
+div.example,
+div.note,
+div.warning {
+    color: #000;
+}
+
+div#page-header p.apache {
+    background-color: #000;
+}
+
+div#footer {
+    border-top-color: #000;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * -> The End <-
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
diff --git a/docs/manual/style/css/manual-sbar-right-fix13.css b/docs/manual/style/css/manual-sbar-right-fix13.css
new file mode 100644
index 0000000000..762786a284
--- /dev/null
+++ b/docs/manual/style/css/manual-sbar-right-fix13.css
@@ -0,0 +1,57 @@
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * manual.css
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+@import url(manual-sbar-right-100pc.css);
+
+html {
+    font-size: 13px;
+}
+
+h1 {
+    font-size: 20px;
+}
+
+h2 {
+    font-size: 18px;
+}
+
+h3 {
+    font-size: 16px;
+}
+
+/* titles for 
+ * examples, notes and warnings
+ */
+div.example h3,
+div.note h3,
+div.warning h3,
+div.example pre,
+div.example code,
+div.note pre,
+div.warning pre {
+    font-size: 13px;
+}
+
+div#page-header p.apache {
+    font-size: 16px;
+}
+
+div#page-header p.menu,
+div#path,
+div#footer,
+div#quickview li {
+    font-size: 11px;
+}
+
+div#quickview {
+    top: 5.3em;
+    margin-top: 40px;
+}
+
+div#quickview h3 {
+    font-size: 13px;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * -> The End <-
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
diff --git a/docs/manual/style/css/manual-sbar-right-fix15-b.css b/docs/manual/style/css/manual-sbar-right-fix15-b.css
new file mode 100644
index 0000000000..4c8dfd555c
--- /dev/null
+++ b/docs/manual/style/css/manual-sbar-right-fix15-b.css
@@ -0,0 +1,25 @@
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * manual.css
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+@import url(manual-sbar-right-fix15.css);
+
+body,
+h1,
+h3,
+div.example,
+div.note,
+div.warning {
+    color: #000;
+}
+
+div#page-header p.apache {
+    background-color: #000;
+}
+
+div#footer {
+    border-top-color: #000;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * -> The End <-
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
diff --git a/docs/manual/style/css/manual-sbar-right-fix15.css b/docs/manual/style/css/manual-sbar-right-fix15.css
new file mode 100644
index 0000000000..a634f76e84
--- /dev/null
+++ b/docs/manual/style/css/manual-sbar-right-fix15.css
@@ -0,0 +1,57 @@
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * manual.css
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+@import url(manual-sbar-right-100pc.css);
+
+html {
+    font-size: 15px;
+}
+
+h1 {
+    font-size: 22px;
+}
+
+h2 {
+    font-size: 18px;
+}
+
+h3 {
+    font-size: 16px;
+}
+
+/* titles for 
+ * examples, notes and warnings
+ */
+div.example h3,
+div.note h3,
+div.warning h3,
+div.example pre,
+div.example code,
+div.note pre,
+div.warning pre {
+    font-size: 15px;
+}
+
+div#page-header p.apache {
+    font-size: 16px;
+}
+
+div#page-header p.menu,
+div#path,
+div#footer,
+div#quickview li {
+    font-size: 13px;
+}
+
+div#quickview {
+    top: 5.2em;
+    margin-top: 40px;
+}
+
+div#quickview h3 {
+    font-size: 15px;
+}
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ * -> The End <-
+ * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
diff --git a/docs/manual/style/lang/de.xml b/docs/manual/style/lang/de.xml
new file mode 100644
index 0000000000..8ac0f62463
--- /dev/null
+++ b/docs/manual/style/lang/de.xml
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+<!DOCTYPE translations [ <!ENTITY nbsp "&#160;"> ]>
+
+<!--                   -->
+<!-- Language: German  -->
+<!--                   -->
+
+<!-- Some strings might be used in other contexts, than stated in the -->
+<!-- comments...                                                      -->
+<messages lang="de">
+ <!-- Used for the moduleindex -->
+ <message name="corefeatures">Kernfunktionen und Multi-Processing-Module</message>
+ <message name="othermodules">Andere Module</message>
+
+ <!-- Title for modulesynopsis -->
+ <message name="apachemodule">Apache-Module</message>
+
+ <!-- Used in description box for modulesynopsis -->
+ <message name="description">Beschreibung</message>
+ <message name="seealso">Siehe auch</message>
+ <message name="topics">Themen</message>
+ <message name="status">Status</message>
+ <message name="moduleidentifier">Modulbezeichner</message>
+ <message name="compatibility">Kompatibilit&#228;t</message>
+
+ <!-- Used in manualpage -->
+ <message name="relatedmodules">Referenzierte Module</message>
+ <message name="relateddirectives">Referenzierte Direktiven</message>
+
+ <!-- Used in description box for directives -->
+ <message name="syntax">Syntax</message>
+ <message name="default">Voreinstellung</message>
+ <message name="context">Kontext</message>
+ <message name="override">AllowOverride</message>
+ <message name="status">Status</message>
+ <message name="module">Modul</message>
+
+ <!-- Used for directive lists -->
+ <message name="directives">Direktiven</message>
+ <message name="directive">Direktive</message>
+ <message name="nodirectives">Dieses Modul enth&#228;lt keine Direktiven.</message>
+
+ <!-- Used in summaries -->
+ <message name="summary">Zusammenfassung</message>
+
+ <!-- Used in headers and footers -->
+ <message name="apachetitle">- Apache HTTP Server</message>
+ <message name="apachehttpserver">Apache HTTP Server Version 2.0</message>
+ <message name="apachedocalt">[APACHE DOCUMENTATION]</message>
+ <message name="index">Index</message> <!-- deprecated -->
+ <message name="home">Startseite</message> <!-- deprecated -->
+
+ <!-- breadcrumb links -->
+ <message name="apache">Apache</message>
+ <message name="http-server">HTTP-Server</message>
+ <message name="documentation">Dokumentation</message>
+ <message name="version">Version 2.0</message>
+
+ <!-- super menu -->
+ <message name="modules">Module</message>
+ <message name="faq">FAQ</message>
+ <message name="glossary">Glossar</message>
+ <message name="sitemap">Seitenindex</message>
+
+ <!-- footer line -->
+ <message name="maintainedby">Gepflegt durch das</message>
+</messages>
\ No newline at end of file
diff --git a/docs/manual/style/lang/en.xml b/docs/manual/style/lang/en.xml
new file mode 100644
index 0000000000..1530280344
--- /dev/null
+++ b/docs/manual/style/lang/en.xml
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+<!DOCTYPE translations [ <!ENTITY nbsp "&#160;"> ]>
+
+<!--                   -->
+<!-- Language: English -->
+<!--                   -->
+
+<!-- Some strings might be used in other contexts, than stated in the -->
+<!-- comments...                                                      -->
+<messages lang="en">
+ <!-- Used for the moduleindex -->
+ <message name="corefeatures">Core Features and Multi-Processing Modules</message>
+ <message name="othermodules">Other Modules</message>
+
+ <!-- Title for modulesynopsis -->
+ <message name="apachemodule">Apache Module</message>
+
+ <!-- Used in description box for modulesynopsis -->
+ <message name="description">Description</message>
+ <message name="seealso">See also</message>
+ <message name="topics">Topics</message>
+ <message name="status">Status</message>
+ <message name="moduleidentifier">Module&nbsp;Identifier</message>
+ <message name="compatibility">Compatibility</message>
+
+ <!-- Used in manualpage -->
+ <message name="relatedmodules">Related Modules</message>
+ <message name="relateddirectives">Related Directives</message>
+
+ <!-- Used in description box for directives -->
+ <message name="syntax">Syntax</message>
+ <message name="default">Default</message>
+ <message name="context">Context</message>
+ <message name="override">Override</message>
+ <message name="status">Status</message>
+ <message name="module">Module</message>
+
+ <!-- Used for directive lists -->
+ <message name="directives">Directives</message>
+ <message name="directive">Directive</message>
+ <message name="nodirectives">This module provides no directives.</message>
+
+ <!-- Used in summaries -->
+ <message name="summary">Summary</message>
+
+ <!-- Used in headers and footers -->
+ <message name="apachetitle">- Apache HTTP Server</message>
+ <message name="apachehttpserver">Apache HTTP Server Version 2.0</message>
+ <message name="apachedocalt">[APACHE DOCUMENTATION]</message>
+ <message name="index">Index</message> <!-- deprecated -->
+ <message name="home">Home</message> <!-- deprecated -->
+
+ <!-- breadcrumb links -->
+ <message name="apache">Apache</message>
+ <message name="http-server">HTTP Server</message>
+ <message name="documentation">Documentation</message>
+ <message name="version">Version 2.0</message>
+
+ <!-- super menu -->
+ <message name="modules">Modules</message>
+ <message name="faq">FAQ</message>
+ <message name="glossary">Glossary</message>
+ <message name="sitemap">Sitemap</message>
+
+ <!-- footer line -->
+ <message name="maintainedby">Maintained by the</message>
+</messages>
diff --git a/docs/manual/style/lang/ja.xml b/docs/manual/style/lang/ja.xml
new file mode 100644
index 0000000000..1e4c38d854
--- /dev/null
+++ b/docs/manual/style/lang/ja.xml
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="iso-2022-jp"?>
+<!DOCTYPE translations [ <!ENTITY nbsp "&#160;"> ]>
+<!-- English revision: 1.6 -->
+
+<!--                    -->
+<!-- Language: Japanese -->
+<!--                    -->
+<messages lang="ja">
+ <!-- Used for the moduleindex -->
+ <message name="corefeatures">$B%3%"5!G=$H(B MPM</message>
+ <message name="othermodules">$BB>$N%b%8%e!<%k(B</message>
+
+ <!-- Title for modulesynopsis -->
+ <message name="apachemodule">Apache $B%b%8%e!<%k(B</message>
+
+ <!-- Used in description box for modulesynopsis -->
+ <message name="description">$B@bL@(B</message>
+ <message name="seealso">$B;2>H(B</message>
+ <message name="status">$B%9%F!<%?%9(B</message>
+ <message name="moduleidentifier">$B%b%8%e!<%k<1JL;R(B</message>
+ <message name="compatibility">$B8_49@-(B</message>
+
+ <!-- Used in manualpage -->
+ <message name="relatedmodules">$B4XO"%b%8%e!<%k(B</message>
+ <message name="relateddirectives">$B4XO"%G%#%l%/%F%#%V(B</message>
+
+ <!-- Used in description box for directives -->
+ <message name="syntax">$B9=J8(B</message>
+ <message name="default">$B%G%U%)%k%H(B</message>
+ <message name="context">$B%3%s%F%-%9%H(B</message>
+ <message name="override">$B>e=q$-(B</message>
+ <message name="status">$B%9%F!<%?%9(B</message>
+ <message name="module">$B%b%8%e!<%k(B</message>
+
+ <!-- Used for directive lists -->
+ <message name="directives">$B%G%#%l%/%F%#%V(B</message>
+ <message name="directive">$B%G%#%l%/%F%#%V(B</message>
+ <message name="nodirectives">$B$3$N%b%8%e!<%k$K%G%#%l%/%F%#%V$O$"$j$^$;$s!#(B</message>
+
+ <!-- Used in summaries -->
+ <message name="summary">$B35MW(B</message>
+
+ <!-- Used in headers and footers -->
+ <message name="apachetitle">- Apache HTTP Server</message>
+ <message name="apachehttpserver">Apache HTTP Server Version 2.0</message>
+ <message name="apachedocalt">[APACHE DOCUMENTATION]</message>
+ <message name="index">$B:w0z(B</message>
+ <message name="home">$B%[!<%`(B</message>
+</messages>
diff --git a/docs/manual/style/lang/sv.xml b/docs/manual/style/lang/sv.xml
new file mode 100644
index 0000000000..7ec487bf28
--- /dev/null
+++ b/docs/manual/style/lang/sv.xml
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+
+<!-- Swedish -->
+<messages>
+ <message name="seealso">Se även</message>
+ <message name="description">Beskrivning</message>
+ <message name="apachemodule">Apache Modul</message>
+ <message name="status">Status</message>
+ <message name="moduleidentifier">Module Identifier</message>
+ <message name="compatibility">Compatibility</message>
+ <message name="syntax">Syntax</message>
+ <message name="default">Default</message>
+ <message name="context">Context</message>
+ <message name="override">Override</message>
+ <message name="status">Status</message>
+ <message name="module">Modul</message>
+ <message name="nodirective">This module provides no directives.</message>
+ <message name="apachedocalt">[APACHE DOKUMENTATION]</message>
+ <message name="apachehttpserver">Apache HTTP Server Version 2.0</message>
+ <message name="index">Index</message>
+ <message name="home">Hem</message>
+ <message name="directives">Directives</message>
+ <message name="directive">Directive</message>
+</messages>
\ No newline at end of file
diff --git a/docs/manual/style/manual.sv.xsl b/docs/manual/style/manual.sv.xsl
new file mode 100644
index 0000000000..c824d63d67
--- /dev/null
+++ b/docs/manual/style/manual.sv.xsl
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+<xsl:stylesheet version="1.0"
+              xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
+
+<xsl:output 
+  method="xml"
+  encoding="ISO-8859-1"
+  indent="no"
+  doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN"
+  doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
+/>
+
+<!-- Read the localized messages from the specified language file -->
+<xsl:variable name="messages" select="document('lang/sv.xml')/messages"/>
+
+<!-- Now get the real guts of the stylesheet -->
+<xsl:include href="xsl/common.xsl"/>
+
+</xsl:stylesheet>
\ No newline at end of file
diff --git a/docs/manual/style/xsl/common.xsl b/docs/manual/style/xsl/common.xsl
new file mode 100644
index 0000000000..8d86e64f24
--- /dev/null
+++ b/docs/manual/style/xsl/common.xsl
@@ -0,0 +1,681 @@
+<?xml version="1.0"?>
+<!DOCTYPE xsl:stylesheet [ <!ENTITY nbsp "&#160;"> ]>
+<xsl:stylesheet version="1.0"
+              xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
+                  xmlns="http://www.w3.org/1999/xhtml">
+
+  <!--                                                          -->
+  <!-- Please, don't hard-code output strings! Use the language -->
+  <!-- files and the translation "stuff"...                     -->
+  <!--                                                          -->
+
+  <!-- Constants used for case translation -->
+  <xsl:variable name="lowercase" select="'abcdefghijklmnopqrstuvwxyz'" />
+  <xsl:variable name="uppercase" select="'ABCDEFGHIJKLMNOPQRSTUVWXYZ'" />
+
+  <!--
+    space separated list of blockelements defined in common.dtd
+    used for inline content catching in <example>s
+  -->
+  <xsl:variable name="blockelements">
+    p  example  note  table  ul  ol  dl  pre  img  blockquote
+  </xsl:variable>
+
+  <!-- relative path to /manual/ -->
+  <xsl:variable name="path">
+    <xsl:choose>
+      <xsl:when test="*/relativepath/@href">
+        <xsl:value-of select="*/relativepath/@href"/>
+      </xsl:when>
+      <xsl:otherwise>
+        <xsl:value-of select="'..'"/>
+      </xsl:otherwise>
+    </xsl:choose>
+  </xsl:variable>
+
+  <!-- load outsourced page types -->
+  <xsl:include href="moduleindex.xsl"/>
+  <xsl:include href="directiveindex.xsl"/>
+  <xsl:include href="manualpage.xsl"/>
+  <xsl:include href="synopsis.xsl"/>
+
+  <!--                                                            -->
+  <!--    Utility templates for constructing pages                -->
+  <!--                                                            -->
+
+
+  <!--                                                            -->
+  <!-- HTML head                                                  -->
+  <!--                                                            -->
+  <xsl:template name="head">
+    <head>
+      <xsl:comment>
+        XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+              This file is generated from xml source: DO NOT EDIT
+        XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+      </xsl:comment>
+
+      <title>
+        <xsl:choose>
+          <xsl:when test="name">
+            <xsl:value-of select="name"/>
+          </xsl:when>
+
+          <xsl:otherwise>
+            <xsl:value-of select="title"/>
+          </xsl:otherwise>
+        </xsl:choose>
+
+        <xsl:text> </xsl:text>
+        <xsl:value-of select="$messages/message[@name='apachetitle']"/>
+      </title>
+      
+      <link title="right sidebar - blue (font 100%)"    type="text/css" media="all" rel="alternate stylesheet"
+             href="{$path}/style/css/manual-sbar-right-100pc.css" />
+      <link title="right sidebar - blue (font 90%)"     type="text/css" media="all" rel="alternate stylesheet"
+             href="{$path}/style/css/manual-sbar-right-90pc.css" />
+      <link title="right sidebar - blue (font fix 15)"  type="text/css" media="all" rel="stylesheet"
+             href="{$path}/style/css/manual-sbar-right-fix15.css" />
+      <link title="right sidebar - blue (font fix 13)"  type="text/css" media="all" rel="alternate stylesheet"
+             href="{$path}/style/css/manual-sbar-right-fix13.css" />
+      <link title="right sidebar - black (font 100%)"   type="text/css" media="all" rel="alternate stylesheet"
+             href="{$path}/style/css/manual-sbar-right-100pc-b.css" />
+      <link title="right sidebar - black (font 90%)"    type="text/css" media="all" rel="alternate stylesheet"
+             href="{$path}/style/css/manual-sbar-right-90pc-b.css" />
+      <link title="right sidebar - black (font fix 15)" type="text/css" media="all" rel="alternate stylesheet"
+             href="{$path}/style/css/manual-sbar-right-fix15-b.css" />
+      <link title="right sidebar - black (font fix 13)" type="text/css" media="all" rel="alternate stylesheet"
+             href="{$path}/style/css/manual-sbar-right-fix13-b.css" />
+
+      <link title="left sidebar - blue (font 100%)"     type="text/css" media="all" rel="alternate stylesheet"
+             href="{$path}/style/css/manual-sbar-left-100pc.css" />
+      <link title="left sidebar - blue (font 90%)"      type="text/css" media="all" rel="alternate stylesheet"
+             href="{$path}/style/css/manual-sbar-left-90pc.css" />
+      <link title="left sidebar - blue (font fix 15)"   type="text/css" media="all" rel="alternate stylesheet"
+             href="{$path}/style/css/manual-sbar-left-fix15.css" />
+      <link title="left sidebar - blue (font fix 13)"   type="text/css" media="all" rel="alternate stylesheet"
+             href="{$path}/style/css/manual-sbar-left-fix13.css" />
+      <link title="left sidebar - black (font 100%)"    type="text/css" media="all" rel="alternate stylesheet"
+             href="{$path}/style/css/manual-sbar-left-100pc-b.css" />
+      <link title="left sidebar - black (font 90%)"     type="text/css" media="all" rel="alternate stylesheet"
+             href="{$path}/style/css/manual-sbar-left-90pc-b.css" />
+      <link title="left sidebar - black (font fix 15)"  type="text/css" media="all" rel="alternate stylesheet"
+             href="{$path}/style/css/manual-sbar-left-fix15-b.css" />
+      <link title="left sidebar - black (font fix 13)"  type="text/css" media="all" rel="alternate stylesheet"
+             href="{$path}/style/css/manual-sbar-left-fix13-b.css" />
+
+      <link title="loose style - blue (font 100%)"      type="text/css" media="all" rel="alternate stylesheet"
+             href="{$path}/style/css/manual-loose-100pc.css" />
+      <link title="loose style - blue (font 90%)"       type="text/css" media="all" rel="alternate stylesheet"
+             href="{$path}/style/css/manual-loose-90pc.css" />
+      <link title="loose style - blue (font fix 15)"    type="text/css" media="all" rel="alternate stylesheet"
+             href="{$path}/style/css/manual-loose-fix15.css" />
+      <link title="loose style - blue (font fix 13)"    type="text/css" media="all" rel="alternate stylesheet"
+             href="{$path}/style/css/manual-loose-fix13.css" />
+      <link title="loose style - black (font 100%)"     type="text/css" media="all" rel="alternate stylesheet"
+             href="{$path}/style/css/manual-loose-100pc-b.css" />
+      <link title="loose style - black (font 90%)"      type="text/css" media="all" rel="alternate stylesheet"
+             href="{$path}/style/css/manual-loose-90pc-b.css" />
+      <link title="loose style - black (font fix 15)"   type="text/css" media="all" rel="alternate stylesheet"
+             href="{$path}/style/css/manual-loose-fix15-b.css" />
+      <link title="loose style - black (font fix 13)"   type="text/css" media="all" rel="alternate stylesheet"
+             href="{$path}/style/css/manual-loose-fix13-b.css" />
+
+      <link rel="shortcut icon" href="{$path}/images/favicon.ico" />
+    </head>
+  </xsl:template>
+  <!-- /head -->
+
+
+  <!--                                                            -->
+  <!-- page top                                                   -->
+  <!--                                                            -->
+  <xsl:template name="top">
+    <div id="page-header">
+      <xsl:call-template name="super-menu" />
+
+      <p class="apache">
+        <xsl:value-of select="$messages/message[@name='apachehttpserver']"/>
+      </p>
+
+      <img src="{$path}/images/feather.gif" alt="" />
+    </div> <!-- /page-header -->
+
+    <div class="up">
+      <a href="./"><img src="{$path}/images/left.gif" alt="&lt;-" title="&lt;-" /></a>
+    </div>
+
+    <div id="path">
+
+      <!-- XXX: choose just for now, so it works until the
+           translations are done! -->
+      <xsl:choose>
+        <xsl:when test="$messages/message[@name='maintainedby']">
+          <a href="http://www.apache.org/">
+            <xsl:value-of select="$messages/message[@name='apache']"/>
+          </a>
+          <xsl:text> &gt; </xsl:text>
+          <a href="http://httpd.apache.org/">
+            <xsl:value-of select="$messages/message[@name='http-server']"/>
+          </a>
+          <xsl:text> &gt; </xsl:text>
+          <a href="http://httpd.apache.org/docs-project/">
+            <xsl:value-of select="$messages/message[@name='documentation']"/>
+          </a>
+          <xsl:text> &gt; </xsl:text>
+          <a href="{$path}/">
+            <xsl:value-of select="$messages/message[@name='version']"/>
+          </a>
+          <xsl:if test="../modulesynopsis or ../directiveindex">
+            <xsl:text> &gt; </xsl:text>
+            <a href="./">
+              <xsl:value-of select="$messages/message[@name='modules']"/>
+            </a>
+          </xsl:if>
+        </xsl:when>
+
+        <xsl:otherwise>
+          <a href="http://www.apache.org/">Apache</a>
+          <xsl:text> &gt; </xsl:text>
+          <a href="http://httpd.apache.org/">HTTP Server</a>
+          <xsl:text> &gt; </xsl:text>
+          <a href="http://httpd.apache.org/docs-project/">Documentation</a>
+          <xsl:text> &gt; </xsl:text>
+          <a href="{$path}/">Version 2.0</a>
+          <xsl:if test="../modulesynopsis or ../directiveindex">
+            <xsl:text> &gt; </xsl:text>
+            <a href="./">Modules</a>
+          </xsl:if>
+        </xsl:otherwise>
+      </xsl:choose>
+
+    </div> <!-- /path -->
+  </xsl:template>
+  <!-- /top -->
+
+
+  <!--                                                            -->
+  <!-- page bottom                                                -->
+  <!--                                                            -->
+  <xsl:template name="bottom">
+    <div id="footer">
+      <p class="apache">
+
+        <!-- XXX: choose just for now, so it works until the
+             translations are done! -->
+        <xsl:choose>
+          <xsl:when test="$messages/message[@name='maintainedby']">
+            <xsl:value-of select="$messages/message[@name='maintainedby']"/>
+          </xsl:when>
+
+          <xsl:otherwise>
+            <xsl:text>Maintained by the</xsl:text>
+          </xsl:otherwise>
+        </xsl:choose>
+
+        <xsl:text> </xsl:text>
+        <a href="http://httpd.apache.org/docs-project/">Apache HTTP Server Documentation Project</a>
+      </p>
+
+      <xsl:call-template name="super-menu"/>
+
+    </div> <!-- /footer -->
+  </xsl:template>
+  <!-- /bottom -->
+
+
+  <!--                                                            -->
+  <!-- Process a documentation section                            -->
+  <!--                                                            -->
+  <xsl:template match="section">
+
+    <xsl:call-template name="toplink"/>
+
+    <div class="section">
+
+      <!-- Section heading -->
+      <h2>
+        <xsl:if test="@id">
+          <a id="{@id}" name="{@id}">
+            <xsl:apply-templates select="title" mode="print"/>
+          </a>
+        </xsl:if>
+
+        <xsl:if test="not(@id)">
+          <xsl:apply-templates select="title" mode="print"/>
+        </xsl:if>
+      </h2>
+
+      <!-- Section body -->
+      <xsl:apply-templates/>
+
+    </div> <!-- /.section -->
+  </xsl:template>
+  <!-- /section -->
+
+
+  <!--                                                            -->
+  <!-- handle subsections (lower level headings)                  -->
+  <!--                                                            -->
+  <xsl:template match="section/section">
+
+    <!-- Section heading -->
+    <h3>
+      <xsl:if test="@id">
+        <a id="{@id}" name="{@id}">
+          <xsl:apply-templates select="title" mode="print"/>
+        </a>
+      </xsl:if>
+
+      <xsl:if test="not(@id)">
+        <xsl:apply-templates select="title" mode="print"/>
+      </xsl:if>
+    </h3>
+    
+    <!-- Section body -->
+    <xsl:apply-templates/>
+
+  </xsl:template>
+  <!-- /section/section -->
+
+
+  <!--                                                            -->
+  <!-- (sub)section titles                                        -->
+  <!--                                                            -->
+  <xsl:template match="section/title" mode="print">
+    <xsl:apply-templates/>
+  </xsl:template>
+
+  <xsl:template match="section/title">
+    <!-- Don't print the title twice -->
+  </xsl:template>
+  <!-- /section/title -->
+
+
+  <!--                                                            -->
+  <!-- generate section index                                     -->
+  <!--                                                            -->
+  <xsl:template match="section" mode="index">
+
+    <xsl:if test="@id">
+      <li>
+        <img src="{$path}/images/down.gif" alt="" />
+        <xsl:text> </xsl:text>
+        <a href="#{@id}">
+          <xsl:apply-templates select="title" mode="print"/>
+        </a>
+      </li>
+    </xsl:if>
+
+    <xsl:if test="not(@id)">
+      <li>
+        <img src="{$path}/images/down.gif" alt="" />
+        <xsl:text> </xsl:text>
+        <xsl:apply-templates select="title" mode="print"/>
+
+        <!-- nested sections -->
+        <!-- NOT FOR NOW     -->
+        <!--
+        <xsl:if test="section">
+          <ul>
+            <xsl:apply-templates select="section" mode="index"/>
+          </ul>
+        </xsl:if>
+        -->
+      </li>
+    </xsl:if>
+
+  </xsl:template>
+  <!-- /section index -->
+
+
+  <!--                                                            -->
+  <!-- docs super menu                                            -->
+  <!--                                                            -->
+  <xsl:template name="super-menu">
+    <p class="menu">
+
+      <!-- XXX: choose just for now, so it works until the
+           translations are done! -->
+      <xsl:choose>
+        <xsl:when test="$messages/message[@name='maintainedby']">
+          <a href="{$path}/mod/">
+            <xsl:value-of select="$messages/message[@name='modules']"/>
+          </a>
+          <xsl:text> | </xsl:text>
+          <a href="{$path}/mod/directives.html">
+            <xsl:value-of select="$messages/message[@name='directives']"/>
+          </a>
+          <xsl:text> | </xsl:text>
+          <a href="{$path}/faq/">
+            <xsl:value-of select="$messages/message[@name='faq']"/>
+          </a>
+          <xsl:text> | </xsl:text>
+          <a href="{$path}/glossary.html">
+            <xsl:value-of select="$messages/message[@name='glossary']"/>
+          </a>
+          <xsl:text> | </xsl:text>
+          <a href="{$path}/sitemap.html">
+            <xsl:value-of select="$messages/message[@name='sitemap']"/>
+          </a>
+        </xsl:when>
+
+        <xsl:otherwise>
+          <a href="{$path}/mod/">Modules</a>
+          <xsl:text> | </xsl:text>
+          <a href="{$path}/mod/directives.html">Directives</a>
+          <xsl:text> | </xsl:text>
+          <a href="{$path}/faq/">FAQ</a>
+          <xsl:text> | </xsl:text>
+          <a href="{$path}/glossary.html">Glossary</a>
+          <xsl:text> | </xsl:text>
+          <a href="{$path}/sitemap.html">Sitemap</a>
+        </xsl:otherwise>
+      </xsl:choose>
+
+    </p>
+  </xsl:template>
+  <!-- /super-menu -->
+
+
+  <!--                                                    -->
+  <!-- <example>                                          -->
+  <!-- iterate over *all* nodes; bare text and other      -->
+  <!-- inline stuff is wrapped into <p><code>, block      -->
+  <!-- level elements (defined in $blockelements) are     -->
+  <!-- applied "as is"                                    -->
+  <!--                                                    -->
+  <xsl:variable name="blocks"
+              select="concat(' ', normalize-space($blockelements), ' ')"/>
+
+  <xsl:template match="example">
+    <div class="example">
+       <xsl:apply-templates select="title" mode="print"/>
+
+       <xsl:for-each select="./node()">
+         <xsl:variable name="is-block-node" select="boolean(contains($blocks, concat(' ',local-name(),' ')))"/>
+         <xsl:variable name="bb" select="count(preceding-sibling::*[contains($blocks,concat(' ',local-name(),' '))])"/>
+
+         <xsl:if test="$is-block-node or position()=last()">
+           <xsl:variable name="content">
+             <xsl:apply-templates select="preceding-sibling::node()[count(preceding-sibling::*[contains($blocks,concat(' ',local-name(),' '))]) &gt;= $bb]"/>
+             <xsl:apply-templates select="self::node()[not($is-block-node)]"/>
+           </xsl:variable>
+           
+           <!-- apply bare text only, if it's not only \s or empty -->
+           <xsl:if test="normalize-space($content) != ''">
+             <p><code>
+               <xsl:copy-of select="$content"/>
+             </code></p>
+           </xsl:if>
+
+           <xsl:apply-templates select="self::node()[$is-block-node]"/>
+         </xsl:if>
+         
+       </xsl:for-each>
+       <!-- /node() -->
+
+     </div> <!-- /.example -->
+  </xsl:template>
+  <!-- /example -->
+
+
+  <!--                                                    -->
+  <!-- example/title                                      -->
+  <!--                                                    -->
+  <xsl:template match="example/title" mode="print">
+    <h3>
+        <xsl:apply-templates/>
+    </h3>
+  </xsl:template> 
+
+  <xsl:template match="example/title">
+    <!-- don't print twice -->
+  </xsl:template>
+  <!-- /example/title -->
+
+
+  <!--                                                    -->
+  <!-- <note>                                             -->
+  <!-- Notes are placed in a table. Uses different back-  -->
+  <!-- ground colors, depending on type of note.          -->
+  <!--                                                    -->
+  <xsl:template match="note">
+    <xsl:choose>
+       <xsl:when test="@type='warning'">
+         <div class="warning">
+           <xsl:apply-templates/>
+         </div>
+       </xsl:when>
+
+       <xsl:otherwise>
+         <div class="note">
+           <xsl:apply-templates/>
+         </div>
+       </xsl:otherwise>
+     </xsl:choose>
+  </xsl:template>  
+  <!-- /note -->
+
+
+  <!--                                                    -->
+  <!-- <note><title>                                      -->
+  <!--                                                    -->
+  <xsl:template match="note/title">
+    <h3>
+      <xsl:apply-templates/>
+    </h3>
+  </xsl:template> 
+  <!-- /note/title -->
+
+
+  <!--                                                    -->
+  <!-- <directive>                                        -->
+  <!-- Inserts link to another directive, which might be  -->
+  <!-- in another module. References are converted into   --> 
+  <!-- lower case.                                        -->
+  <!--                                                    -->
+  <xsl:template match="directive" name="directive">
+    <code class="directive">
+
+      <xsl:if test="@module">
+        <xsl:variable name="lowerdirective" select="translate(., $uppercase, $lowercase)"/>
+
+        <xsl:choose>
+          <xsl:when test="@module = /modulesynopsis/name">
+            <a href="#{$lowerdirective}">
+              <xsl:if test="@type='section'">&lt;</xsl:if>
+              <xsl:value-of select="."/>
+              <xsl:if test="@type='section'">&gt;</xsl:if>
+            </a>
+          </xsl:when>
+
+          <xsl:otherwise>
+            <a href="{$path}/mod/{@module}.html#{$lowerdirective}">
+              <xsl:if test="@type='section'">&lt;</xsl:if>
+              <xsl:value-of select="."/>
+              <xsl:if test="@type='section'">&gt;</xsl:if>
+            </a>
+          </xsl:otherwise>
+        </xsl:choose>
+      </xsl:if>
+
+      <xsl:if test="not(@module)">
+        <xsl:if test="@type='section'">&lt;</xsl:if>
+        <xsl:value-of select="."/>
+        <xsl:if test="@type='section'">&gt;</xsl:if>
+      </xsl:if>
+
+    </code>
+  </xsl:template>
+  <!-- /directive -->
+
+
+  <!--                                                    -->
+  <!-- <module>                                           -->
+  <!-- Inserts a link to refereed module                  -->
+  <!--                                                    -->
+  <xsl:template match="module" name="module">
+    <code class="module">
+      <a href="{$path}/mod/{.}.html">
+        <xsl:value-of select="."/>
+      </a>
+    </code>
+  </xsl:template> 
+  <!-- /module -->
+
+
+  <!--                                                    -->
+  <!-- <related>                                          -->
+  <!--                                                    -->
+  <xsl:template match="related">
+    <table class="related">
+      <tr>
+        <th>
+          <xsl:value-of select="$messages/message[@name='relatedmodules']"/>
+        </th>
+        <th>
+          <xsl:value-of select="$messages/message[@name='relateddirectives']"/>
+        </th>
+      </tr>
+
+      <tr>
+        <td>
+          <xsl:if test="count(modulelist/*) &gt; 0">
+	    <ul>
+	      <xsl:apply-templates select="modulelist"/>
+	    </ul>
+	  </xsl:if>
+        </td>
+
+        <td>
+          <xsl:if test="count(directivelist/*) &gt; 0">
+            <ul>
+	      <xsl:apply-templates select="directivelist"/>
+            </ul>
+          </xsl:if>
+        </td>
+      </tr>
+    </table>
+  </xsl:template>
+  <!-- /related -->
+
+
+  <xsl:template match="related/modulelist">
+    <xsl:for-each select="module">
+      <li>
+        <xsl:call-template name="module"/>
+      </li>
+    </xsl:for-each>
+  </xsl:template>
+
+
+
+  <xsl:template match="related/directivelist">
+    <xsl:for-each select="directive">
+      <li>
+        <xsl:call-template name="directive"/>
+      </li>
+    </xsl:for-each>
+  </xsl:template>
+
+
+  <!--                                                    -->
+  <!-- <table border>                                     -->
+  <!--                                                    -->
+  <xsl:template match="table">
+    <xsl:if test="@border">
+      <table class="bordered">
+        <xsl:apply-templates/>
+      </table>
+    </xsl:if>
+
+    <xsl:if test="not(@border)">
+      <table>
+        <xsl:apply-templates/>
+      </table>
+    </xsl:if>
+  </xsl:template>
+  <!-- /table border -->
+
+
+  <!--                                                    -->
+  <!-- <ol type                                           -->
+  <!--                                                    -->
+  <xsl:template match="ol">
+    <xsl:if test="@type = 'A'">
+      <ol class="up-A">
+        <xsl:apply-templates/>
+      </ol>
+    </xsl:if>
+
+    <xsl:if test="not(@type)">
+      <ol>
+        <xsl:apply-templates/>
+      </ol>
+    </xsl:if>
+  </xsl:template>
+  <!-- /ol type -->
+
+
+  <!--                                                    -->
+  <!-- <summary>                                          -->
+  <!-- Passes through content                             -->
+  <!--                                                    -->
+  <xsl:template match="summary">
+    <xsl:apply-templates/>
+  </xsl:template> 
+  <!-- /summary -->
+
+
+  <!--                                                    -->
+  <!-- <description>                                      -->
+  <!-- Passes through content                             -->
+  <!--                                                    -->
+  <xsl:template match="description">
+    <xsl:apply-templates/>
+  </xsl:template> 
+  <!-- /description -->
+
+
+  <!--                                                    -->
+  <!-- <usage>                                            -->
+  <!-- Passes through content                             -->
+  <!--                                                    -->
+  <xsl:template match="usage">
+    <xsl:apply-templates/>
+  </xsl:template> 
+  <!-- /usage -->
+
+
+  <!--                                                    -->
+  <!-- <syntax>                                           -->
+  <!-- Passes through content                             -->
+  <!--                                                    -->
+  <xsl:template match="syntax">
+    <xsl:apply-templates/>
+  </xsl:template> 
+  <!-- /syntax -->
+
+
+  <!--                                                    -->
+  <!-- toplink                                            -->
+  <!--                                                    -->
+  <xsl:template name="toplink">
+    <div class="top">
+      <a href="#page-header"><img src="{$path}/images/up.gif" alt="top" /></a>
+    </div>
+  </xsl:template> 
+  <!-- /toplink -->
+
+
+  <!--                                                    -->
+  <!-- Process everything else by just passing it through -->
+  <!--                                                    -->
+  <xsl:template match="*|@*">
+    <xsl:copy>
+      <xsl:apply-templates select="@*|*|text()"/>
+    </xsl:copy>
+  </xsl:template>
+
+</xsl:stylesheet>
diff --git a/docs/manual/style/xsl/directiveindex.xsl b/docs/manual/style/xsl/directiveindex.xsl
new file mode 100644
index 0000000000..b7b832e5df
--- /dev/null
+++ b/docs/manual/style/xsl/directiveindex.xsl
@@ -0,0 +1,103 @@
+<?xml version="1.0"?>
+<!DOCTYPE xsl:stylesheet [ <!ENTITY nbsp "&#160;"> ]>
+<xsl:stylesheet version="1.0"
+              xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
+                  xmlns="http://www.w3.org/1999/xhtml">
+
+  <!--                                                    -->
+  <!-- <directiveindex>                                   -->
+  <!-- Builds the directive index page                    -->
+  <!--                                                    -->
+  <xsl:template match="directiveindex">
+    <html xml:lang="{$messages/@lang}" lang="{$messages/@lang}">
+      <xsl:call-template name="head"/>
+
+      <body id="directive-index">
+        <xsl:call-template name="top"/>
+
+        <div id="preamble">
+          <h1>
+            <xsl:value-of select="title"/>
+          </h1>
+
+          <xsl:apply-templates select="summary" />
+
+          <!-- letter line -->
+          <xsl:if test="letters">
+            <p class="letters">
+              <xsl:for-each select="letters/*">
+                <xsl:variable name="letter" select="."/>
+
+                <!-- check on directives starting with $letter -->
+                <xsl:if test="count(document(/*/modulefilelist/modulefile)/modulesynopsis/directivesynopsis[not(@location)][$letter=translate(substring(normalize-space(name),1,1),$lowercase,$uppercase)]) &gt; 0">
+                  <xsl:if test="position() > 1"> <!-- assume, we always have directives starting with "A" -->
+                    <xsl:text> | </xsl:text>
+                  </xsl:if>
+
+                  <a href="#{$letter}">&nbsp;<xsl:value-of select="$letter"/>&nbsp;</a>
+                </xsl:if>
+
+              </xsl:for-each>
+            </p>
+          </xsl:if>
+          <!-- /letter line -->
+
+        </div> <!-- /preamble -->
+
+        <div id="directive-list">
+          <ul>
+            <xsl:if test="letters">
+              <xsl:for-each select="letters/*">
+                <xsl:variable name="letter" select="."/>
+
+                <xsl:for-each select="document(/*/modulefilelist/modulefile)/modulesynopsis/directivesynopsis[not(@location)][$letter=translate(substring(normalize-space(name),1,1),$lowercase,$uppercase)]">
+                  <xsl:sort select="name"/>
+
+                  <li>
+                    <xsl:if test="position()=1">
+                      <a name="{$letter}" id="{$letter}" href="{../name}.html#{translate(name,$uppercase,$lowercase)}">
+                        <xsl:if test="@type = 'section'">&lt;</xsl:if>
+                        <xsl:value-of select="name"/>
+                        <xsl:if test="@type = 'section'">&gt;</xsl:if>
+                      </a>
+                    </xsl:if>
+
+                    <xsl:if test="position() != 1">
+		      <a href="{../name}.html#{translate(name,$uppercase,$lowercase)}">
+                        <xsl:if test="@type = 'section'">&lt;</xsl:if>
+                        <xsl:value-of select="name"/>
+                        <xsl:if test="@type = 'section'">&gt;</xsl:if>
+                      </a>
+                    </xsl:if>
+                  </li>
+                </xsl:for-each> <!-- /directives -->
+              </xsl:for-each> <!-- /letters -->
+            </xsl:if>
+            <!-- /if letters -->
+
+              <!-- this branch is only applied, if there's no <letters> specified in directives.xml.
+                   you may remove the this branch if you want the letters generally -->
+            <xsl:if test="not(letters)">
+              <xsl:for-each select="document(/*/modulefilelist/modulefile)/modulesynopsis/directivesynopsis[not(@location)]">
+                <xsl:sort select="name"/>
+
+                <li>
+                  <a href="{../name}.html#{translate(name,$uppercase,$lowercase)}">
+                    <xsl:if test="@type = 'section'">&lt;</xsl:if>
+                    <xsl:value-of select="name"/>
+                    <xsl:if test="@type = 'section'">&gt;</xsl:if>
+                  </a>
+                </li>
+              </xsl:for-each>
+            </xsl:if>
+            <!-- /no letters -->
+
+          </ul>
+        </div> <!-- /directive-index -->
+
+        <xsl:call-template name="bottom"/>
+      </body>
+    </html>
+  </xsl:template> 
+
+</xsl:stylesheet>
diff --git a/docs/manual/style/xsl/manualpage.xsl b/docs/manual/style/xsl/manualpage.xsl
new file mode 100644
index 0000000000..1ce8941e47
--- /dev/null
+++ b/docs/manual/style/xsl/manualpage.xsl
@@ -0,0 +1,59 @@
+<?xml version="1.0"?>
+<!DOCTYPE xsl:stylesheet [ <!ENTITY nbsp "&#160;"> ]>
+<xsl:stylesheet version="1.0"
+              xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
+                  xmlns="http://www.w3.org/1999/xhtml">
+
+  <!--                                                    -->
+  <!-- <manualpage>                                       -->
+  <!-- Process an entire document into an HTML page       -->
+  <!--                                                    -->
+  <xsl:template match="manualpage">
+    <html xml:lang="{$messages/@lang}" lang="{$messages/@lang}">
+      <xsl:call-template name="head"/>
+
+      <body id="manual-page">
+        <xsl:call-template name="top"/>          
+
+        <div id="page-content">
+          <div id="preamble">        
+            <h1>
+              <xsl:value-of select="title"/>
+            </h1>
+
+            <xsl:apply-templates select="summary"/>
+          </div> <!-- /preamble -->
+          
+          <xsl:if test="count(section) > 1 or seealso">
+            <div id="quickview">
+              <xsl:if test="count(section) > 1">
+                <ul id="toc">
+                  <xsl:apply-templates select="section" mode="index"/>
+                </ul>
+              </xsl:if>
+
+              <xsl:if test="seealso">
+                <h3>
+                  <xsl:value-of select="$messages/message[@name='seealso']"/>
+                </h3>
+                <ul class="seealso">
+                  <xsl:for-each select="seealso">
+                    <li>
+                      <xsl:apply-templates/>
+                    </li>
+                  </xsl:for-each>
+                </ul>
+              </xsl:if>
+
+	    </div> <!-- /quickview -->
+          </xsl:if>
+
+          <xsl:apply-templates select="section"/>
+        </div> <!-- /page-content -->
+
+        <xsl:call-template name="bottom"/>
+      </body>
+    </html>
+  </xsl:template>
+
+</xsl:stylesheet>
diff --git a/docs/manual/style/xsl/moduleindex.xsl b/docs/manual/style/xsl/moduleindex.xsl
new file mode 100644
index 0000000000..4a8048acd1
--- /dev/null
+++ b/docs/manual/style/xsl/moduleindex.xsl
@@ -0,0 +1,84 @@
+<?xml version="1.0"?>
+<!DOCTYPE xsl:stylesheet [ <!ENTITY nbsp "&#160;"> ]>
+<xsl:stylesheet version="1.0"
+              xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
+                  xmlns="http://www.w3.org/1999/xhtml">
+
+  <!--                              -->
+  <!-- Builds the moduleindex page  -->
+  <!--                              -->
+  <xsl:template match="moduleindex">
+    <html xml:lang="{$messages/@lang}" lang="{$messages/@lang}">
+      <xsl:call-template name="head"/>
+
+      <body id="module-index">
+        <xsl:call-template name="top"/>  
+
+        <div id="preamble">
+          <h1>
+            <xsl:value-of select="title"/>
+          </h1>
+          
+          <xsl:apply-templates select="summary" />
+        </div>
+          
+        <xsl:call-template name="toplink"/>
+
+        <div class="section">
+          <h2>
+            <xsl:value-of select="$messages/message[@name='corefeatures']"/>
+          </h2>
+
+          <dl>
+            <xsl:for-each select="document(modulefilelist/modulefile)/modulesynopsis">
+              <xsl:sort select="name"/>
+
+              <xsl:if test="status='MPM' or status='Core'">
+                <dt>
+                  <a href="{name}.html">
+                    <xsl:value-of select="name"/>
+                  </a>
+                </dt>
+                <dd>
+                  <xsl:apply-templates select="description"/>
+                </dd>
+              </xsl:if>
+            </xsl:for-each>
+          </dl>
+        </div>
+        <!-- /core section -->
+
+        <xsl:call-template name="toplink"/>
+
+        <div class="section">
+          <h2>
+            <xsl:value-of select="$messages/message[@name='othermodules']"/>
+          </h2>
+            
+          <dl>
+            <xsl:for-each select="document(modulefilelist/modulefile)/modulesynopsis">
+              <xsl:sort select="name"/>
+                
+              <xsl:if test="status!='MPM' and status!='Core'">
+                <dt>
+                  <a href="{name}.html">
+                    <xsl:value-of select="name"/>
+                  </a>
+                </dt>
+                <dd>
+                  <xsl:apply-templates select="description"/>
+                </dd>
+              </xsl:if>
+            </xsl:for-each>
+          </dl>
+        </div>
+        <!-- /modules section -->
+
+        <xsl:call-template name="bottom"/>
+
+      </body>
+    </html>
+  </xsl:template> 
+  <!-- /moduleindex -->
+
+</xsl:stylesheet>
diff --git a/docs/manual/style/xsl/synopsis.xsl b/docs/manual/style/xsl/synopsis.xsl
new file mode 100644
index 0000000000..cf3446b573
--- /dev/null
+++ b/docs/manual/style/xsl/synopsis.xsl
@@ -0,0 +1,363 @@
+<?xml version="1.0"?>
+<!DOCTYPE xsl:stylesheet [ <!ENTITY nbsp "&#160;"> ]>
+<xsl:stylesheet version="1.0"
+              xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
+                  xmlns="http://www.w3.org/1999/xhtml">
+
+  <!--                                                    -->
+  <!-- <modulesynopsis>                                   -->
+  <!-- Process an entire document into an HTML page       -->
+  <!--                                                    -->
+  <xsl:template match="modulesynopsis">
+    <html xml:lang="{$messages/@lang}" lang="{$messages/@lang}">
+      <xsl:call-template name="head"/>
+
+      <body>
+        <xsl:call-template name="top"/>
+
+        <div id="page-content">
+          <div id="preamble">
+            <h1>
+              <xsl:value-of select="$messages/message[@name='apachemodule']"/>
+              <xsl:text> </xsl:text> 
+              <xsl:value-of select="name"/>
+            </h1>
+
+            <!-- Description and module-headers -->
+            <table class="module">
+              <tr>
+                <th>
+                  <xsl:value-of select="$messages/message[@name='description']"/>:
+                </th>
+                <td>
+                  <xsl:apply-templates select="description"/>
+                </td>
+              </tr>
+
+              <tr>
+                <th>
+                  <a href="module-dict.html#Status">
+                    <xsl:value-of select="$messages/message[@name='status']"/>:
+                  </a>
+                </th>
+                <td>
+                  <xsl:value-of select="status"/>
+                </td>
+              </tr>
+
+              <xsl:if test="identifier">
+              <tr>
+                <th>
+                  <a href="module-dict.html#ModuleIdentifier">
+                    <xsl:value-of select="$messages/message[@name='moduleidentifier']"/>:
+                  </a> 
+                </th>
+                <td>
+                  <xsl:value-of select="identifier"/>
+                </td>
+              </tr>
+              </xsl:if>
+
+              <xsl:if test="compatibility">
+              <tr>
+                <th>
+                  <a href="module-dict.html#Compatibility">
+                    <xsl:value-of select="$messages/message[@name='compatibility']"/>:
+                  </a>
+                </th>
+                <td>
+                  <xsl:value-of select="compatibility"/>
+                </td>
+              </tr>
+              </xsl:if>
+            </table>
+
+            <!-- Summary of module features/usage (1 to 3 paragraphs, optional) -->
+            <xsl:if test="summary">
+              <h3>
+                <xsl:value-of select="$messages/message[@name='summary']"/>
+              </h3>
+
+              <xsl:apply-templates select="summary"/>
+            </xsl:if>
+          </div> <!-- /preamble -->
+
+          <div id="quickview">
+
+            <!-- Index of directives, automatically generated from
+                 directivesynopsis/name -->
+            <h3 class="directives">
+              <xsl:value-of select="$messages/message[@name='directives']"/>
+            </h3>
+
+            <xsl:if test="directivesynopsis">
+              <ul id="toc">
+                <xsl:for-each select="directivesynopsis">
+                  <xsl:sort select="name"/>
+                  <xsl:variable name="lowername" select="translate(name, $uppercase, $lowercase)"/>
+
+                  <xsl:if test="not(@location)">
+                    <li>
+                      <img src="{$path}/images/down.gif" alt="" />
+                      <xsl:text> </xsl:text>
+                      <a href="#{$lowername}">
+                        <xsl:if test="@type='section'">&lt;</xsl:if>
+                        <xsl:value-of select="name"/>
+                        <xsl:if test="@type='section'">&gt;</xsl:if>
+                      </a>
+                    </li>
+                  </xsl:if>
+
+                  <xsl:if test="@location">
+                    <xsl:variable name="lowerlocation" select="translate(@location, $uppercase, $lowercase)"/>
+
+                    <li>
+                      <img src="{$path}/images/right.gif" alt="" />
+                      <xsl:text> </xsl:text>
+                      <a href="{$lowerlocation}.html#{$lowername}">
+                        <xsl:if test="@type='section'">&lt;</xsl:if>
+                        <xsl:value-of select="name"/>
+                        <xsl:if test="@type='section'">&gt;</xsl:if>
+                      </a>
+                    </li>
+                  </xsl:if>
+                </xsl:for-each>
+              </ul> <!-- /toc -->
+            </xsl:if>
+
+            <xsl:if test="not(directivesynopsis)">
+              <p>
+                <xsl:value-of select="$messages/message[@name='nodirectives']"/>
+              </p>
+            </xsl:if>
+
+            <xsl:if test="section">
+              <h3>
+                <xsl:value-of select="$messages/message[@name='topics']"/>
+              </h3>
+              <ul id="topics">
+                <xsl:apply-templates select="section" mode="index"/>
+              </ul>
+            </xsl:if>
+
+            <xsl:if test="seealso">
+	      <h3>
+                  <xsl:value-of select="$messages/message[@name='seealso']"/>
+              </h3>
+            
+              <ul class="seealso">
+                <xsl:for-each select="seealso">
+                  <li>
+                    <xsl:apply-templates/>
+                  </li>
+                </xsl:for-each>
+              </ul>
+            </xsl:if>
+
+          </div> <!-- /quickview -->
+
+          <!-- Sections of documentation about the module as a whole -->
+          <xsl:apply-templates select="section"/>
+
+          <!-- Directive documentation -->
+          <xsl:apply-templates select="directivesynopsis">
+            <xsl:sort select="name"/>
+          </xsl:apply-templates>
+
+        </div> <!-- /page-content -->
+
+        <xsl:call-template name="bottom"/>
+      </body>
+    </html>
+  </xsl:template>
+  <!-- /modulesynopsis -->
+
+
+  <!--                                                            -->
+  <!--    Directivesynopsis                                       -->
+  <!--                                                            -->
+  <xsl:template match="directivesynopsis">
+    <xsl:if test="not(@location)">
+
+      <xsl:call-template name="toplink"/>
+
+      <div class="directive-section">
+        <xsl:variable name="lowername" select="translate(name, $uppercase, $lowercase)"/>
+
+        <!-- Directive heading gets both mixed case and lowercase anchors,
+             and includes lt/gt only for "section" directives -->
+        <h2>
+          <a id="{name}" name="{name}">
+            <xsl:if test="@type='section'">&lt;</xsl:if>
+            <xsl:value-of select="name"/>
+            <xsl:if test="@type='section'">&gt;</xsl:if>
+          </a>
+          <xsl:text> </xsl:text>
+          <a id="{$lowername}" name="{$lowername}">
+            <xsl:value-of select="$messages/message[@name='directive']"/>
+          </a>
+        </h2>
+
+        <!-- Directive header -->
+        <table class="directive">
+          <tr>
+            <th>
+              <xsl:value-of select="$messages/message[@name='description']"/>: 
+            </th>
+            <td>
+              <xsl:value-of select="description"/>
+            </td>
+          </tr>
+
+          <tr>
+            <th>
+              <a href="directive-dict.html#Syntax">
+                <xsl:value-of select="$messages/message[@name='syntax']"/>:
+              </a> 
+            </th>
+            <td>
+              <xsl:apply-templates select="syntax"/>
+            </td>
+          </tr>
+
+          <xsl:if test="default">
+          <tr>
+            <th>
+              <a href="directive-dict.html#Default">
+                <xsl:value-of select="$messages/message[@name='default']"/>: 
+              </a> 
+            </th>
+            <td>
+              <code>
+                <xsl:value-of select="default"/>
+              </code>
+            </td>
+          </tr>
+          </xsl:if>
+
+          <tr>
+            <th>
+              <a href="directive-dict.html#Context">
+                <xsl:value-of select="$messages/message[@name='context']"/>:
+              </a> 
+            </th>
+            <td>
+              <xsl:apply-templates select="contextlist"/>
+            </td>
+          </tr>
+
+          <xsl:if test="override">
+          <tr>
+            <th>
+              <a href="directive-dict.html#Override">
+                <xsl:value-of select="$messages/message[@name='override']"/>:
+              </a> 
+            </th>
+            <td>
+              <xsl:value-of select="override"/>
+            </td>
+          </tr>
+          </xsl:if>
+
+          <tr>
+            <th>
+              <a href="directive-dict.html#Status">
+                <xsl:value-of select="$messages/message[@name='status']"/>:
+              </a> 
+            </th>
+            <td>
+              <xsl:value-of select="../status"/>
+            </td>
+          </tr>
+
+          <tr>
+            <th>
+              <a href="directive-dict.html#Module">
+                <xsl:value-of select="$messages/message[@name='module']"/>:
+              </a> 
+            </th>
+            <td>
+              <xsl:if test="modulelist">
+                <xsl:apply-templates select="modulelist"/>
+              </xsl:if>
+
+              <xsl:if test="not(modulelist)">
+                <xsl:value-of select="../name"/>
+              </xsl:if>
+            </td>
+          </tr>
+
+          <xsl:if test="compatibility">
+          <tr>
+            <th>
+              <a href="directive-dict.html#Compatibility">
+                <xsl:value-of select="$messages/message[@name='compatibility']"/>:
+              </a> 
+            </th>
+            <td>
+              <xsl:value-of select="compatibility"/>
+            </td>
+          </tr>
+          </xsl:if>
+        </table>
+
+        <xsl:apply-templates select="usage"/>
+
+        <xsl:if test="seealso">
+          <h3>
+            <xsl:value-of select="$messages/message[@name='seealso']"/>
+          </h3>
+
+          <ul>
+            <xsl:for-each select="seealso">
+              <li>
+                <xsl:apply-templates/>
+              </li>
+            </xsl:for-each>
+          </ul>
+        </xsl:if>
+
+      </div> <!-- /directive-section -->
+    </xsl:if>
+  </xsl:template>
+  <!-- /directivesynopsis -->
+
+
+  <!--                                                    -->
+  <!-- <contextlist>                                      -->
+  <!-- Passes through content                             -->
+  <!--                                                    -->
+  <xsl:template match="contextlist">
+    <xsl:apply-templates select="context"/>
+  </xsl:template> 
+  <!-- /contextlist -->
+
+
+  <!--                                                    -->
+  <!-- <context>                                          -->
+  <!-- Each entry is separeted with a comma               -->
+  <!--                                                    -->
+  <xsl:template match="context">
+    <xsl:value-of select="."/>
+    <xsl:if test="position() != last()">
+      <xsl:text>, </xsl:text>
+    </xsl:if>
+  </xsl:template> 
+  <!-- /context -->
+
+
+  <!--                                                    -->
+  <!-- <modulelist>                                       -->
+  <!-- Passes through content                             -->
+  <!--                                                    -->
+  <xsl:template match="modulelist">
+    <xsl:for-each select="module">
+      <xsl:call-template name="module"/>
+      <xsl:if test="position() != last()">
+        <xsl:text>, </xsl:text>
+      </xsl:if>
+    </xsl:for-each>
+  </xsl:template> 
+  <!-- /modulelist -->
+
+</xsl:stylesheet>