Convert documentation to similar style as our web site uses.

2008-11-21 13:41:50 +00:00
parent a64e87203c
commit a0db803a8e
4 changed files with 126 additions and 136 deletions
--- a/Documentation.html
+++ b/Documentation.html
@@ -16,6 +16,13 @@
 </head>

 <body id="top">
+<div id="header">
+    <h1>
+        <a href="http://www.phpmyadmin.net/">php<span class="myadmin">MyAdmin</span></a>
+        3.2.0-dev 
+        Documentation
+    </h1>
+</div>

 <!-- TOP MENU -->
 <ul class="header">
@@ -33,7 +40,7 @@
    <li><a href="#glossary">Glossary</a></li>
 </ul>

-<h1>phpMyAdmin 3.2.0-dev Documentation</h1>
+<div id="body">

 <ul><li><a href="http://www.phpmyadmin.net/">
            phpMyAdmin homepage</a></li>
@@ -4523,14 +4530,14 @@ Original Credits of Version 2.1.0
         - an open-source, cross-platform data compression library by Jean-loup
         Gailly and Mark Adler.</li>
 </ul>
+</div>

-<p id="bottom">
-    <a href="http://validator.w3.org/check?uri=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>

+  <ul id="footer">
+    <li>Copyright &copy; 2003 - 2008 <a href="${base_url}team.${file_ext}">phpMyAdmin devel team</a></li>
+    <li><a href="LICENSE">License</a></li>
+    <li><a href="http://www.phpmyadmin.net/home_page/donate.php">Donate</a></li>
+    <li class="last">Valid <a href="http://validator.w3.org/check/referer">HTML</a> and <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a></li>
+  </ul>
 </body>
 </html>
--- a/docs.css
+++ b/docs.css
@@ -8,13 +8,66 @@ body {
    font-family: sans-serif;
    color: #000000;
    margin: 0;
-    padding: 2em 0 2em 0;
+    padding: 0;
+    background: url('themes/original/img/logo_right.png') no-repeat fixed bottom right;
 }

 img {
    border: 0;
 }

+#header {
+    margin: 0px;
+    padding: 1em 0.5em 0.5em 1em;
+	background: #036;
+	border: 0px;
+    border-bottom: 1px solid black;
+}
+
+#header h1 {
+    padding: 0;
+    margin: 0;
+    margin-right: 1em;
+    color: white;
+}
+
+#header h1 a {
+	color: #7584b3;
+}
+
+#header h1 a .myadmin {
+	color: #ffad17;
+}
+
+#body {
+	margin: 2em 1em 1em 1em;
+	padding: 0px;
+}
+
+ul#footer {
+    padding: 0;
+    margin: 0;
+    border-top: 1px solid black;
+    max-width: 100%;
+}
+
+#footer li {
+    font-size: smaller;
+    list-style: none;
+    float: left;
+	padding: 1em;
+    color: gray;
+    border: none;
+}
+
+#footer li.logo {
+    padding: 0.5em;
+}
+
+#footer a {
+	color: #c19e66;
+}
+
 abbr, acronym {
    border-bottom: 1px dotted;
 }
@@ -25,17 +78,12 @@ abbr, acronym {

 a {
    text-decoration: none;
-    color: #000099;
-    background-color: #ffffff;
-/*    font-weight: normal;*/
+	color: #c17d11;
 }

 a:hover {
-/*    background-color: #99CCFF;*/
-    color: #000099;
-    background-color: #ffffff;
-    text-decoration: underline;
-/*    font-weight: bolder */
+	text-decoration: underline;
+	color: #8f5902;
 }

 sup {
@@ -52,125 +100,65 @@ sup:after {


 ul.header {
-    width: 100%;
-    background-color: #ddeeff;
-    color: #000000;
-    text-align: center;
-    padding: 0 0 2px 0;
-    border-bottom: 1px solid #000000;
-    font-weight: bold;
-    left: 0;
-    top: 0;
+    background: url(themes/original/img/docs_menu_bg.png) transparent fixed;
    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);*/
+    top: 3em;
+    left: auto;
+    width: 8.5em;
+    right: 2em;
+    text-align: center;
+    margin: 1em;
+    padding: 1em;
+    border: 1px solid black;
 }

 ul.header li {
    margin: 0;
    padding: 0;
-    display: inline;
-}
-
-ul.header li:before {
-    content: ' - ';
-}
-ul.header li:first-child:before {
-    content: '';
+    display: block;
 }

 ul.header a {
    text-decoration: none;
    font-size: medium;
-    color: #000099;
-    background-color: #ddeeff;
-    font-weight: normal;
+    color: #036;
+    background-color: transparent;
+    font-weight: bolder;
+    display: block;
 }
+
 ul.header a:hover {
    color: #000099;
    background-color: #99CCFF;
-/*    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;
-    border-bottom: 1px solid #000000;
-    clear: both;
 }

 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; */
+	color: #727e0a;
+    max-width: 70em;
 }

-/*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; */
+	color: #727e0a;
+    max-width: 70em;
 }

-/*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; */
+	padding-left: 2em;
+	color: #727e0a;
+    max-width: 70em;
 }

-/* h4:before {
-    content: counter(heading2) '.' counter(heading3) '.' counter(heading4) '. ';
-} 
-
-h5 {
-    counter-increment: heading5;
+h4 a {
+	color: #727e0a;
 }

-h5:before {
-    content: counter(heading2) '.' counter(heading3) '.' counter(heading4) counter(heading5,lower-alpha);
-} */
-
 p {
-    margin: 2px 5% 1em 5%;
+    max-width: 70em;
+    margin: 1em;
 }

 table {
-    margin: 2px 5% 2px 5%;
+    margin: 1em;
    border: none;
 }

@@ -194,16 +182,26 @@ table.translators td, table.translators th {
    padding: 5px;
 }

-ul {
-    margin: 2px 5% 2px 5%;
+ul, dl, ol {
+    margin: 1em;
+    max-width: 70em;
+}
+
+ul ul, ol ul {
+    margin-bottom: 0;
+}
+
+li {
+    margin-top: 0.5em;
 }

 pre {
-    margin: 1em 5% 1em 5%;
+    margin: 1em;
    border: 1px solid silver;
    color: #000000;
    background-color: #eeeeee;
    padding: 0.5em;
+    max-width: 70em;
 }

 /* no more intend inside li */
@@ -215,27 +213,16 @@ pre.wrap {
    white-space: normal;
 }

-dl {
-    margin: 1em 6% 1em 6%;
-}
 dt {
    font-weight: bold;
    margin-left: 2em;
-    padding-top: 3em;
 }
+
 dd {
    margin-left: 4em;
    margin-bottom: 1em;
 }

-ol {
-    margin: 1em 6% 1em 6%;
-}
-
-li {
-    margin-bottom: 1em;
-}
-
 .configrule {
    font-family: monospace;
 }
@@ -267,11 +254,3 @@ p.footnote {
 p.footnote:first-line {
    margin-left: -2%;
 }
-
-p#bottom {
-    text-align: right;
-}
-
-p#bottom img {
-    margin: 1em;
-}
--- a/themes/original/img/docs_menu_bg.png
+++ b/themes/original/img/docs_menu_bg.png
--- a/translators.html
+++ b/translators.html
@@ -13,6 +13,13 @@
 </head>

 <body>
+<div id="header">
+    <h1>
+        <a href="http://www.phpmyadmin.net/">php<span class="myadmin">MyAdmin</span></a>
+        3.2.0-dev 
+        official translators list
+    </h1>
+</div>

 <!-- TOP MENU -->
 <ul class="header">
@@ -31,8 +38,6 @@
    <li><a href="Documentation.html#glossary">Glossary</a></li>
 </ul>

-<h1>phpMyAdmin 3.2.0-dev official translators list</h1>
-
 <p> Here is the list of the &quot;official translators&quot; of
    phpMyAdmin.</p>

@@ -428,13 +433,12 @@
 </tr>
 </table>

-<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>
+  <ul id="footer">
+    <li>Copyright &copy; 2003 - 2008 <a href="${base_url}team.${file_ext}">phpMyAdmin devel team</a></li>
+    <li><a href="LICENSE">License</a></li>
+    <li><a href="http://www.phpmyadmin.net/home_page/donate.php">Donate</a></li>
+    <li class="last">Valid <a href="http://validator.w3.org/check/referer">HTML</a> and <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a></li>
+  </ul>

 </body>
 </html>