- XHTML 1.1, more semantic, formating, cleanup

- added glossar - linked all references
2006-02-17 07:33:35 +00:00
parent f76ada3e96
commit 446e3ea5a6
4 changed files with 2823 additions and 3051 deletions
--- a/6
+++ b/6
@@ -5,6 +5,12 @@ phpMyAdmin - Changelog
 $Id$
 $Source$

+2006-02-14 Sebastian Mendel <cybot_tm@users.sourceforge.net>
+    * docs.css, Documentation.html, translators.html:
+      - XHTML 1.1, more semantic, formating
+      - added glossar
+      - linked all references
+
 2006-02-16 Marc Delisle  <lem9@users.sourceforge.net>
    * lang/italian: update, thanks to Luca Rebellato
    * lang/german: remove duplicates
--- a/Documentation.html
+++ b/Documentation.html
--- a/docs.css
+++ b/docs.css
@@ -6,61 +6,101 @@
 body {
    background-color: #ffffff;
    font-family: sans-serif;
-    color: #000;
-    margin: 0px;
-    padding: 2em 0px 2em 0px;
+    color: #000000;
+    margin: 0;
+    padding: 2em 0 2em 0;
+}
+
+img {
+    border: 0;
+}
+
+abbr, acronym {
+    border-bottom: 1px dotted;
+}
+
+abbr, acronym {
+    cursor: help;
 }

 a {
    text-decoration: none;
    color: #000099;
    background-color: #ffffff;
-    font-weight: normal;
+/*    font-weight: normal;*/
 }
+
 a:hover {
-    background-color: #99CCFF;
+/*    background-color: #99CCFF;*/
+    color: #000099;
    background-color: #ffffff;
-    font-weight: bolder
+    text-decoration: underline;
+/*    font-weight: bolder */
+}
+
+sup {
+    font-size: 0.7em;
+}
+
+sup:before {
+    content: ' [';
+}
+
+sup:after {
+    content: ']';
 }


-div.header {
+ul.header {
    width: 100%;
    background-color: #ddeeff;
    color: #000000;
    text-align: center;
-    padding-bottom: 2px;
+    padding: 0 0 2px 0;
    border-bottom: 1px solid #000000;
    font-weight: bold;
-    left: 0px;
-    top: 0px;
+    left: 0;
+    top: 0;
    position: fixed;
+    margin: 0;
    /* following MSIE hack was originally written by Riki Fridrich
     * <http://www.fczbkk.com> */
-    position: expression("absolute");
-    width: expression(document.body.clientWidth);
-    top: expression(document.body.scrollTop + this.offsetHeight - this.offsetHeight);
+/*    position: expression("absolute");*/
+/*    width: expression(document.body.clientWidth);*/
+/*    top: expression(document.body.scrollTop + this.offsetHeight - this.offsetHeight);*/
 }

-div.header hr {
-    display: none;
+ul.header li {
+    margin: 0;
+    padding: 0;
+    display: inline;
 }
-div.header a {
+
+ul.header li:before {
+    content: ' - ';
+}
+ul.header li:first-child:before {
+    content: '';
+}
+
+ul.header a {
    text-decoration: none;
    font-size: medium;
    color: #000099;
    background-color: #ddeeff;
    font-weight: normal;
 }
-div.header a:hover {
+ul.header a:hover {
+    color: #000099;
    background-color: #99CCFF;
-    font-weight: bolder
+/*    font-weight: bolder;*/
 }

 h1 {
    text-align: center;
    padding-left: 8%;
    margin-top: 1em;
+    color: #000000;
    background-color: #ddeeff;
    font-size: x-large;
    border-top: 1px solid #000000;
@@ -70,32 +110,63 @@ h1 {

 h2 {
    padding-left: 8%;
+    padding-top: 2em;
    margin-top: 1em;
+    color: #000000;
    background-color: #ddeeff;
    font-size: large;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    clear: both;
+    counter-reset: heading3;
+    counter-increment: heading2;
 }
+
+h2:before {
+    content: counter(heading2) '. ';
+}
+
 h3 {
    padding-left: 10%;
+    padding-top: 3em;
    margin-top: 1em;
+    color: #000000;
    background-color: #ddeeff;
    font-size: medium;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    clear: both;
+    counter-reset: heading4;
+    counter-increment: heading3;
 }

-h4 {
-    padding: 0px;
+h3:before {
+    content: counter(heading2) '.' counter(heading3) '. ';
+}
+
+h4, h5 {
+    padding: 3em 0 0 0;
    margin: 10px 5% 2px 5%;
    font-weight: bold;
    color: #000099;
+    background-color: #ffffff;
+    counter-increment: heading4;
+}
+
+h4:before {
+    content: counter(heading2) '.' counter(heading3) '.' counter(heading4) '. ';
+}
+
+h5 {
+    counter-increment: heading5;
+}
+
+h5:before {
+    content: counter(heading2) '.' counter(heading3) '.' counter(heading4) counter(heading5,lower-alpha);
 }

 p {
-    margin: 2px 5% 2px 5%;
+    margin: 2px 5% 1em 5%;
 }

 table {
@@ -114,6 +185,7 @@ table.translators {
 }

 table.translators th {
+    color: #000000;
    background-color: #d3dce3;
 }

@@ -127,9 +199,18 @@ ul {
 }

 pre {
-    margin: 2px 5% 2px 5%;
-
+    margin: 1em 5% 1em 5%;
+    border: 1px solid silver;
+    color: #000000;
+    background-color: #eeeeee;
+    padding: 0.5em;
 }
+
+/* no more intend inside li */
+li pre {
+    margin: 1em 0 1em 0;
+}
+
 pre.wrap {
    white-space: normal;
 }
@@ -140,25 +221,57 @@ dl {
 dt {
    font-weight: bold;
    margin-left: 2em;
-    padding-top: 6px;
+    padding-top: 3em;
 }
 dd {
    margin-left: 4em;
+    margin-bottom: 1em;
 }

 ol {
    margin: 1em 6% 1em 6%;
 }

+li {
+    margin-bottom: 1em;
+}
+
+.configrule {
+    font-family: monospace;
+}
+
+dt.configrule {
+    font-weight: bold;
+}
+
 .important {
    color: #bb0000;
+    background-color: #ffeeee;
+    padding: 0 0.5em 0 0.5em;
+}
+
+p.important {
+    border: 1px dotted #ff0000;
+    padding: 0.5em;
+}
+
+.important:first-word {
+    font-weight: bold;
 }

 p.footnote {
-    margin: 2px 5% 2px 7%;
+    margin: 0 5% 2px 7%;
+    padding-top: 3em;
 }

 p.footnote:first-line {
    margin-left: -2%;
 }

+p#bottom {
+    text-align: right;
+}
+
+p#bottom img {
+    margin: 1em;
+}
--- a/translators.html
+++ b/translators.html
@@ -1,6 +1,7 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US"
+    version="-//W3C//DTD XHTML 1.1//EN" dir="ltr">
 <!-- $Id$ -->

 <head>
@@ -13,44 +14,39 @@

 <body>

-<div class="header">
-<hr noshade="noshade" width="100%" />
-    <a href="Documentation.html#top">Top</a> &nbsp;-&nbsp;
-    <a href="Documentation.html#require">Requirements</a> &nbsp;-&nbsp;
-    <a href="Documentation.html#intro">Introduction</a> &nbsp;-&nbsp;
-    <a href="Documentation.html#setup">Installation</a> &nbsp;-&nbsp;
-    <a href="Documentation.html#config">Configuration</a>
-    <br />
-    <a href="Documentation.html#transformations">Transformations</a> &nbsp;-&nbsp;
-    <a href="Documentation.html#faq">FAQ</a> &nbsp;-&nbsp;
-    <a href="Documentation.html#developers">Developers</a> &nbsp;-&nbsp;
-    <a href="Documentation.html#credits">Credits</a> &nbsp;-&nbsp;
-    <a href="translators.html">Translators</a>
-<hr noshade="noshade" width="100%" />
-</div>
+<!-- TOP MENU -->
+<ul class="header">
+    <li><a href="Documentation.html#top">Top</a></li>
+    <li><a href="Documentation.html#require">Requirements</a></li>
+    <li><a href="Documentation.html#intro">Introduction</a></li>
+    <li><a href="Documentation.html#setup">Installation</a></li>
+    <li><a href="Documentation.html#setup_script">Setup script</a></li>
+    <li><a href="Documentation.html#config">Configuration</a></li>
+    <li><a href="Documentation.html#transformations">Transformations</a></li>
+    <li><a href="Documentation.html#faq"><abbr title="Frequently Asked Questions">
+        FAQ</abbr></a></li>
+    <li><a href="Documentation.html#developers">Developers</a></li>
+    <li><a href="Documentation.html#credits">Credits</a></li>
+    <li><a href="translators.html">Translators</a></li>
+    <li><a href="Documentation.html#glossary">Glossary</a></li>
+</ul>

 <h1>phpMyAdmin 2.9.0-dev official translators list</h1>

-<p>
-    Here is the list of the &quot;official translators&quot; of
-    phpMyAdmin.
-</p>
-<p>
-    <span class="important">If you want to suggest some improvements on a
+<p> Here is the list of the &quot;official translators&quot; of
+    phpMyAdmin.</p>
+
+<p> <span class="important">If you want to suggest some improvements on a
    translation please ask them</span>: we (the phpMyAdmin developement team)
    don't know anything about most of these languages and then we can't have
-    any opinion on grammar issues or bad translations!
-</p>
-<p>
-    All translations listed here are included in this distribution.
+    any opinion on grammar issues or bad translations!</p>
+
+<p> All translations listed here are included in this distribution.
    <span class="important">Please do <b>not</b> ask the translators to send
-    you a localized phpMyAdmin version!</span>
-</p>
-<p>
-    <span class="important">Please do <b>not</b> expect the translators to
-    provide e-mail support.</span>
-</p>
-<br />
+    you a localized phpMyAdmin version!</span></p>
+
+<p> <span class="important">Please do <b>not</b> expect the translators to
+    provide e-mail support.</span></p>

 <table class="translators">
 <tr>
@@ -411,6 +407,13 @@
 </tr>
 </table>

-</body>
+<p id="bottom">
+    <a href="http://validator.w3.org/check/referer">
+        <img src="http://www.w3.org/Icons/valid-xhtml11" alt="Valid XHTML 1.1!"
+            height="31" width="88" /></a>
+    <a href="http://jigsaw.w3.org/css-validator/">
+        <img src="http://www.w3.org/Icons/valid-css" alt="Valid CSS!" width="88"
+            height="31" /></a></p>

+</body>
 </html>