Convert documentation to similar style as our web site uses.

This commit is contained in:
Michal Čihař
2008-11-21 13:41:50 +00:00
parent a64e87203c
commit a0db803a8e
4 changed files with 126 additions and 136 deletions

View File

@@ -16,6 +16,13 @@
</head> </head>
<body id="top"> <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 --> <!-- TOP MENU -->
<ul class="header"> <ul class="header">
@@ -33,7 +40,7 @@
<li><a href="#glossary">Glossary</a></li> <li><a href="#glossary">Glossary</a></li>
</ul> </ul>
<h1>phpMyAdmin 3.2.0-dev Documentation</h1> <div id="body">
<ul><li><a href="http://www.phpmyadmin.net/"> <ul><li><a href="http://www.phpmyadmin.net/">
phpMyAdmin homepage</a></li> 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 - an open-source, cross-platform data compression library by Jean-loup
Gailly and Mark Adler.</li> Gailly and Mark Adler.</li>
</ul> </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> </body>
</html> </html>

217
docs.css
View File

@@ -8,13 +8,66 @@ body {
font-family: sans-serif; font-family: sans-serif;
color: #000000; color: #000000;
margin: 0; margin: 0;
padding: 2em 0 2em 0; padding: 0;
background: url('themes/original/img/logo_right.png') no-repeat fixed bottom right;
} }
img { img {
border: 0; 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 { abbr, acronym {
border-bottom: 1px dotted; border-bottom: 1px dotted;
} }
@@ -25,17 +78,12 @@ abbr, acronym {
a { a {
text-decoration: none; text-decoration: none;
color: #000099; color: #c17d11;
background-color: #ffffff;
/* font-weight: normal;*/
} }
a:hover { a:hover {
/* background-color: #99CCFF;*/ text-decoration: underline;
color: #000099; color: #8f5902;
background-color: #ffffff;
text-decoration: underline;
/* font-weight: bolder */
} }
sup { sup {
@@ -52,125 +100,65 @@ sup:after {
ul.header { ul.header {
width: 100%; background: url(themes/original/img/docs_menu_bg.png) transparent fixed;
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;
position: fixed; position: fixed;
margin: 0; top: 3em;
/* following MSIE hack was originally written by Riki Fridrich left: auto;
* <http://www.fczbkk.com> */ width: 8.5em;
/* position: expression("absolute");*/ right: 2em;
/* width: expression(document.body.clientWidth);*/ text-align: center;
/* top: expression(document.body.scrollTop + this.offsetHeight - this.offsetHeight);*/ margin: 1em;
padding: 1em;
border: 1px solid black;
} }
ul.header li { ul.header li {
margin: 0; margin: 0;
padding: 0; padding: 0;
display: inline; display: block;
}
ul.header li:before {
content: ' - ';
}
ul.header li:first-child:before {
content: '';
} }
ul.header a { ul.header a {
text-decoration: none; text-decoration: none;
font-size: medium; font-size: medium;
color: #000099; color: #036;
background-color: #ddeeff; background-color: transparent;
font-weight: normal; font-weight: bolder;
display: block;
} }
ul.header a:hover { ul.header a:hover {
color: #000099; color: #000099;
background-color: #99CCFF; 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 { h2 {
padding-left: 8%; color: #727e0a;
padding-top: 2em; max-width: 70em;
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 { h3 {
padding-left: 10%; color: #727e0a;
padding-top: 3em; max-width: 70em;
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; */
} }
/*h3:before {
content: counter(heading2) '.' counter(heading3) '. ';
} */
h4, h5 { h4, h5 {
padding: 3em 0 0 0; padding-left: 2em;
margin: 10px 5% 2px 5%; color: #727e0a;
font-weight: bold; max-width: 70em;
color: #000099;
background-color: #ffffff;
/* counter-increment: heading4; */
} }
/* h4:before { h4 a {
content: counter(heading2) '.' counter(heading3) '.' counter(heading4) '. '; color: #727e0a;
} }
h5 {
counter-increment: heading5;
}
h5:before {
content: counter(heading2) '.' counter(heading3) '.' counter(heading4) counter(heading5,lower-alpha);
} */
p { p {
margin: 2px 5% 1em 5%; max-width: 70em;
margin: 1em;
} }
table { table {
margin: 2px 5% 2px 5%; margin: 1em;
border: none; border: none;
} }
@@ -194,16 +182,26 @@ table.translators td, table.translators th {
padding: 5px; padding: 5px;
} }
ul { ul, dl, ol {
margin: 2px 5% 2px 5%; margin: 1em;
max-width: 70em;
}
ul ul, ol ul {
margin-bottom: 0;
}
li {
margin-top: 0.5em;
} }
pre { pre {
margin: 1em 5% 1em 5%; margin: 1em;
border: 1px solid silver; border: 1px solid silver;
color: #000000; color: #000000;
background-color: #eeeeee; background-color: #eeeeee;
padding: 0.5em; padding: 0.5em;
max-width: 70em;
} }
/* no more intend inside li */ /* no more intend inside li */
@@ -215,27 +213,16 @@ pre.wrap {
white-space: normal; white-space: normal;
} }
dl {
margin: 1em 6% 1em 6%;
}
dt { dt {
font-weight: bold; font-weight: bold;
margin-left: 2em; margin-left: 2em;
padding-top: 3em;
} }
dd { dd {
margin-left: 4em; margin-left: 4em;
margin-bottom: 1em; margin-bottom: 1em;
} }
ol {
margin: 1em 6% 1em 6%;
}
li {
margin-bottom: 1em;
}
.configrule { .configrule {
font-family: monospace; font-family: monospace;
} }
@@ -267,11 +254,3 @@ p.footnote {
p.footnote:first-line { p.footnote:first-line {
margin-left: -2%; margin-left: -2%;
} }
p#bottom {
text-align: right;
}
p#bottom img {
margin: 1em;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 148 B

View File

@@ -13,6 +13,13 @@
</head> </head>
<body> <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 --> <!-- TOP MENU -->
<ul class="header"> <ul class="header">
@@ -31,8 +38,6 @@
<li><a href="Documentation.html#glossary">Glossary</a></li> <li><a href="Documentation.html#glossary">Glossary</a></li>
</ul> </ul>
<h1>phpMyAdmin 3.2.0-dev official translators list</h1>
<p> Here is the list of the &quot;official translators&quot; of <p> Here is the list of the &quot;official translators&quot; of
phpMyAdmin.</p> phpMyAdmin.</p>
@@ -428,13 +433,12 @@
</tr> </tr>
</table> </table>
<p id="bottom"> <ul id="footer">
<a href="http://validator.w3.org/check/referer"> <li>Copyright &copy; 2003 - 2008 <a href="${base_url}team.${file_ext}">phpMyAdmin devel team</a></li>
<img src="http://www.w3.org/Icons/valid-xhtml11" alt="Valid XHTML 1.1!" <li><a href="LICENSE">License</a></li>
height="31" width="88" /></a> <li><a href="http://www.phpmyadmin.net/home_page/donate.php">Donate</a></li>
<a href="http://jigsaw.w3.org/css-validator/"> <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>
<img src="http://www.w3.org/Icons/valid-css" alt="Valid CSS!" width="88" </ul>
height="31" /></a></p>
</body> </body>
</html> </html>