no need to redefine all the stuff.

the 100% style now imports the main CSS and
adjusts particular style rules.


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

1 files changed, 49 insertions, 589 deletions

diff --git a/docs/manual/style/css/manual-loose-100pc.css b/docs/manual/style/css/manual-loose-100pc.css
index 4e44fd9aad..af93bdd478 100644
--- a/docs/manual/style/css/manual-loose-100pc.css
+++ b/docs/manual/style/css/manual-loose-100pc.css
@@ -1,577 +1,113 @@
 /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
- * manual.css
+ * manual.css - no sidebar, 100% normal font height
  * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
-/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
- * 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
+/* import the main CSS, so we
+ * have to adjust only a few things
  */
-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;
-}
+@import url(manual.css);
 
-/* code.module [links]    */
-/* ====================== */
-code.module,
-code.module a:link {
-    color: #0073c7; /* #bc0f00; */
-    background-color: inherit;
+html {
+    font-size: 100%;
 }
 
-code.module a:visited {
-    color: #54acc4; /* #a06b66; */
-    background-color: inherit;
-}
-
-code.module a:hover,
-code.module a:active {
-    color: #0073c7; /* #bc0f00; */
+/* "sidebar" background is white here */
+div#quickview a:hover,
+div#quickview a:active {
     background-color: #f0f0f0;
+    color: #0073c7;
 }
 
-/* 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; */
+div#quickview code.module a:hover,
+div#quickview code.module a:active {
     background-color: #f0f0f0;
+    color: #8b4513;
 }
 
-/* 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;
+div#quickview code.directive a:hover,
+div#quickview code.directive a:active {
     background-color: #f0f0f0;
+    color: #287f00;
 }
 
-/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
- * 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;
+div#quickview h3,
+div#quickview h3.directives {
+    margin: 1em 0 0.3em 0;
+    font-size: 1.1em;
 }
 
-ol li {
-    margin-top: 0.5em;
+div#quickview h3.directives {
+    margin-top: 0;
 }
 
-ol.up-A {
-    list-style-type: upper-alpha;
+div#quickview li {
+    font-size: 1em;
 }
 
-/* table of contents      */
-/* ====================== */
-#toc,
-#topics {
-    margin: 0 0 1em 0;
-    padding: 0;
+div#quickview ul {
+    margin-bottom: 1em;
 }
 
-#toc li,
-#topics li {
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
+div#quickview ul#toc {
+    margin-left: 0;
 }
 
-#toc li img,
-#topics li img {
+div#quickview li img {
+    display: inline;
     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;
+#manual-page div#quickview ul#toc,
+div#quickview #topics {
+    padding-left: 0;
 }
 
-/* related modules & dir. */
-/* ====================== */
-table.related td ul,
-table.related td li {
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
+div#quickview .seealso {
+    padding-left: 34px;
 }
 
-/* list of all directives */
-/* ====================== */
-div#directive-list ul {
+#manual-page div#quickview ul#toc li,
+div#quickview #topics li,
+div#quickview .seealso li {
     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;
+    list-style-type: none;
 }
 
-/* page footer            */
-/* ====================== */
+div#page-header p.menu,
+div#path,
 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 {
+div#quickview {
+    position: static;
+    margin: 0 0 1em 30px;
     padding: 0;
-    margin: 0;
+    width: auto;
+    background-color: #fff;
 }
 
-div.example p {
-    line-height: 1em;
+div#page-content {
+    margin-right: 0;
+    padding-right: 0;
 }
 
 div.example pre,
@@ -579,87 +115,11 @@ 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 <-
  * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */