You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@forrest.apache.org by st...@apache.org on 2002/03/16 18:47:52 UTC
cvs commit: xml-forrest/src/resources/layout/xml.apache.org/images chapter.gif chapter_open.gif current.gif page.gif printer.gif singlepage.gif
stefano 02/03/16 09:47:52
Added: src/resources/layout/xml.apache.org page.css page.html
src/resources/layout/xml.apache.org/images chapter.gif
chapter_open.gif current.gif page.gif printer.gif
singlepage.gif
Log:
Added HTML version of the general documentation page (this uses the Documentation_v11 DTD), kudos to Konstantin for starting this
Revision Changes Path
1.1 xml-forrest/src/resources/layout/xml.apache.org/page.css
Index: page.css
===================================================================
body { background-color: #FFFFFF; margin: 0px 0px 0px 0px; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif}
form { margin: 0px; padding: 0px; border: 0px; }
ul,ol { margin: 10px 5px 10px 40px; padding: 0px; }
li { margin: 2px 0px 2px 0px; }
dl { margin: 10px 5px 10px 20px; padding: 0px; }
dt { font-weight: bold; margin: 5px 0px 0px 0px; }
table { border: 0px; width: 100%; }
td { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif }
img { border: 0px; }
pre { padding: 10px 10px 10px 10px; margin-bottom: 0px }
a:link { color: #0F3660 }
a:visited { color: #880000 }
a:active { font-weight: bold }
a:hover { color: #880000; }
.path { font-size: 12px; background-color: #CFDCED; border-bottom-color: #4A6D8C; border-bottom-style: solid; border-bottom-width: 2px; padding: 2px; }
.path .current { font-weight: bold; }
.top { background-color: #294563; }
.top img { margin: 5px; }
.topline { background-color: #4C6C8F; }
.navbar { background-color: #CFDCED; color: #4C6C8F; font-weight: bold; border-bottom-color: #4A6D8C; border-bottom-style: solid; border-bottom-width: 1px; padding: 2px;}
.search { font-size: 13px; color: #ffffff; margin-right: 10px; padding: 10px 5px 3px 5px; background-color: #4A6D8C; }
.tabs { font-size: 12px; background-color: #294563; padding: 2px 7px 5px 7px; }
.tabs .tab { background-color: #CFDCED; padding: 4px 6px 4px 6px;}
.tabs .current { background-color: #4C6C8F; font-weight: bold; padding: 5px 6px 6px 6px; ; color: #FFFFFF}
.copyright { text-align: center; font-size: 10px; background-color: #CFDCED; border-top-color: #4A6D8C; border-top-style: solid; border-top-width: 1px; padding: 2px; }
.menu { background-color: #4C6C8F; margin: 0px; padding: 3px 8px 5px 3px;}
.menu a:link { color: #FFFFFF }
.menu a:visited { color: #FFFFFF }
.menu a:active { font-weight: bold }
.menu a:hover { color: #880000; }
.menu ul { margin: 0px 0px 0px 20px; padding: 0px; }
.menu li .chapter { list-style-image: url('images/chapter.gif'); font-weight: bold }
.menu li .open { list-style-image: url('images/chapter_open.gif'); font-weight: bold }
.menu li .page { list-style-image: url('images/page.gif') }
.menu li .current { list-style-image: url('images/current.gif'); color: #FFD700; font-weight: bold; }
.content { padding: 5px 5px 5px 10px; }
.frame { width: 100%; margin: 5px 20px 5px 20px; font-size: 11px; }
.frame .content { margin: 0px; }
.note { border: solid 1px #7099C5; background-color: #f0f0ff; }
.note .label { background-color: #7099C5; color: #ffffff; }
.warning { border: solid 1px #D00000; background-color: #fff0f0; }
.warning .label { background-color: #D00000; color: #ffffff; }
.fixme { border: solid 1px #C6C600; background-color: #FAF9C3; }
.fixme .label { background-color: #C6C600; color: #ffffff; }
.code { border-color: #CFDCED; border-style: solid; border-width: 1px; }
table.table { width: 100%; font-size: 11px; background-color: #7099C5; color: #ffffff; }
.table caption { text-align: left; text-weight: bold; color: black; }
.table th { text-align: center; text-weight: bold; }
.table td { background-color: #f0f0ff; color: black; }
.dida { font-size: 9px; }
.figure {}
.icon {}
.highlight { background-color: yellow; }
1.1 xml-forrest/src/resources/layout/xml.apache.org/page.html
Index: page.html
===================================================================
<html>
<head>
<title>Cocoon Documentation</title>
<link rel="stylesheet" href="page.css" type="text/css">
</head>
<body>
<form method="get" action="http://www.google.com/search" onsubmit="q.value = query.value + ' site:xml.apache.org'">
<div class="path">
<a href="">Area 3</a> > <a href="">Chapter 3</a> > <a href="">Section 3.3</a> > <a href="">Section 3.3.3</a> > <span class="current">Page 3.3.3.3 [1]</span>
</div>
<table class="top" cellspacing="0" cellpadding="0" summary="the top bar">
<tr>
<td><img src="images/biglogo.gif"></td>
<td valign="middle" align="center" width="100%"><img src="images/cocoon.gif"></td>
<td valign="top" nowrap height="69">
<div class="search">
<input type="hidden" name="q"/>
<input type="text" id="query" size="15"/> <input type="button" value="Search" name="Search"/><br>
<input type="radio" name="web" value="web">web site <input type="radio" name="mail" value="mail">mail lists
</div>
</td>
</tr>
</table>
<div class="tabs">
<span class="tab"><a href="">Area 1</a></span>
<span class="tab"><a href="">Area 2</a></span>
<span class="current">Area 3</span>
<span class="tab"><a href="">Area 4</a></span>
<span class="tab"><a href="">Area 5</a></span>
</div>
<div class="topline"> </div>
<table cellspacing="0" cellpadding="0" summary="the content pane">
<tr>
<td width="5" class="navbar"> </td>
<td rowspan="2" valign="top" nowrap>
<div class="menu">
<ul>
<li><a href="" class="page">Page 1</a></li>
<li><a href="" class="page">Page 2</a></li>
<li><a href="" class="chapter">Chapter 1</a>
<li><a href="" class="page">Page 3</a></li>
<li class="current"><a href="" class="chapter open">Chapter 3</a>
<ul>
<li><a href="" class="page">Page 3.1</a></li>
<li><a href="" class="page">Page 3.2</a></li>
<li><a href="" class="chapter open">Section 3.3</a>
<ul>
<li><a href="" class="page">Page 3.3.1</a></li>
<li><a href="" class="page">Page 3.3.2</a></li>
<li><a href="" class="chapter open">Section 3.3.3</a>
<ul>
<li><a href="" class="page">Page 3.3.3.1</a></li>
<li><a href="" class="page">Page 3.3.3.2<br/> on two lines</a></li>
<li class="current">Page 3.3.3.3</li>
<li><a href="" class="page">Page 3.3.3.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="" class="page">Page 3.4</a></li>
<li><a href="" class="page">Page 3.5</a></li>
</ul>
</li>
<li><a class="chapter" href="">Chapter 4</a></li>
<li><a class="chapter" href="">Chapter 5</a></li>
<li><a href="" class="page">Page 4</a></li>
<li><a href="" class="page">Page 5</a></li>
</ul>
</div>
</td>
<td valign="top" class="navbar" align="left">Page 1 of 5</td>
<td width="*" valign="top" class="navbar" align="right">
<a href="#">« prev</a> <strong>[1]</strong> <a href="#">next »</a>
</td>
</tr>
<tr>
<td> </td>
<td colspan="2" valign="top" class="content">
<table>
<tr>
<td valign="middle">
<h2>Page 3.3.3.3</h2>
</td>
<td align="center" width="80" nowrap><a href="" class="dida"><img src="images/singlepage.gif"><br>
single page<br>
version</a></td>
<td align="center" width="80" nowrap><a href="" class="dida"><img src="images/printer.gif"><br>
print-friendly<br>
version</a></td>
</tr>
</table>
<p>This is a paragraph. A paragraph is a block of text that describes
one or more concepts. It is usually formatted to look like a block of
text and for this reason is separated by other block-type elements with
top and bottom paddings.</p>
<h3>Section</h3>
<p>This is a paragraph under a section.</p>
<pre class="code">This is a preformatted text,
normally used for source code or other textual information
that should preserv
its original
formatting.</pre>
<p>This is another paragraph. A paragraph is a block of text that describes
one or more concepts. It is usually formatted to look like a block of
text and for this reason is separated by other block-type elements with
top and bottom paddings. </p>
<p>This is paragraph with an unordered list:
<ul>
<li>List item</li>
<li>List item</li>
<li><strong>Strong</strong> list item</li>
<li><em>Emphasized</em> list item</li>
<li>Some more...</li>
</ul>
</p>
<p>This is paragraph with an ordered list:
<ol>
<li>List item 1</li>
<li>List item 2</li>
<li><strong>Strong</strong> List item 3</li>
<li><em>Emphasized</em> List item 4</li>
<li>Some more...</li>
</ol>
</p>
<p>This is paragraph with a description list:
<dl>
<dt>some term</dt>
<dd>blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah
</dd>
<dt>some other term</dt>
<dd>blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah
</dd>
<dt>something</dt>
<dd>blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah
</dd>
<dt>even more</dt>
<dd>blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah
</dd>
</dl>
</p>
<h4>Subsection</h4>
<p>Text can have inline decorations such as: <strong>strong</strong>,
<em>emphasis</em>, <code>code</code>, <sub>subscript</sub>, <sup>superscript</sup>
and <span class="highlight">highlight</span>.</p>
<p>This is another paragraph. A paragraph is a block of text that describes
one or more concepts. It is usually formatted to look like a block of
text and for this reason is separated by other block-type elements with
top and bottom paddings. </p>
<div class="frame note">
<div class="label">Note</div>
<div class="content">This is a note paragraph. It is used to indicate something
that should stand out to the reader but without indicating problems,
but only information that she/he might have missed or not understood.</div>
</div>
<p>This is another paragraph. A paragraph is a block of text that describes
one or more concepts. It is usually formatted to look like a block of
text and for this reason is separated by other block-type elements with
top and bottom paddings. </p>
<div class="frame warning">
<div class="label">Warning</div>
<div class="content">This is a warning paragraph. It is used to indicate
something that could be potentially harmful or create problems. It
should stand out in a somewhat more provocative way than 'notes'</div>
</div>
<p>This is another paragraph. A paragraph is a block of text that describes
one or more concepts. It is usually formatted to look like a block of
text and for this reason is separated by other block-type elements with
top and bottom paddings. </p>
<div class="frame fixme">
<div class="label">Fixme</div>
<div class="content">This is a fixme paragraph. This is used by document
writers to write down information about things that should be modified,
changed, or otherwise fixed. The system should normally avoid rendering
these paragraphs on a public documentation, but only for internal
development builds.</div>
</div>
<h3>Section</h3>
<p>This is another paragraph. A paragraph is a block of text that describes
one or more concepts. It is usually formatted to look like a block of
text and for this reason is separated by other block-type elements with
top and bottom paddings. </p>
<table class="table" cellspacing="1" cellpadding="4">
<caption>This is the table caption</caption>
<tr>
<th>First Column</th><th>Second Column</th><th>Third Column</th>
</tr>
<tr>
<td>This is a regular cell</td><td rowspan="2">This cell spans two columns</td><td>Another regular cell</td>
</tr>
<tr>
<td>Regular Cell</td><th>Header Cell</th>
</tr>
<tr>
<td colspan="2">blah blah blah blah blah</td><td>blah blah blah blah blah</td>
</tr>
<tr>
<td>blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah</td>
<th>Another Header Cell</th>
<td>blah blah blah blah blahblah blah blah blah blahblah blah blah blah blahblah blah blah blah blahblah blah blah blah blahblah blah blah blah blah</td>
</tr>
</table>
<h3>Section</h3>
<p>What follows is a figure, an image that is treated as a block, thus
centered:</p>
<div align="center"><img class="figure" src="graphs.gif"></div>
<p>This is, instead, the use of an image as an <code>icon</code> <img class="icon" src="images/current.gif">
which is normally used as an element inside a block.</p>
</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<div class="copyright">
Copyright © 1999-2002 <a href="http://www.apache.org/">Apache Software Foundation</a>. All Rights Reserved.
</div>
</form>
</body>
</html>
1.1 xml-forrest/src/resources/layout/xml.apache.org/images/chapter.gif
<<Binary file>>
1.1 xml-forrest/src/resources/layout/xml.apache.org/images/chapter_open.gif
<<Binary file>>
1.1 xml-forrest/src/resources/layout/xml.apache.org/images/current.gif
<<Binary file>>
1.1 xml-forrest/src/resources/layout/xml.apache.org/images/page.gif
<<Binary file>>
1.1 xml-forrest/src/resources/layout/xml.apache.org/images/printer.gif
<<Binary file>>
1.1 xml-forrest/src/resources/layout/xml.apache.org/images/singlepage.gif
<<Binary file>>