Return-Path: <stefano@apache.org>
Mailing-List: contact forrest-dev-help@xml.apache.org; run by ezmlm
Delivered-To: mailing list forrest-dev@xml.apache.org
Received: (qmail 56118 invoked by uid 500); 16 Mar 2002 17:47:53 -0000
Delivered-To: apmail-xml-forrest-cvs@apache.org
Received: (qmail 56115 invoked from network); 16 Mar 2002 17:47:52 -0000
Received: from icarus.apache.org (63.251.56.143)
  by daedalus.apache.org with SMTP; 16 Mar 2002 17:47:52 -0000
Received: (qmail 31207 invoked by uid 1010); 16 Mar 2002 17:47:52 -0000
Date: 16 Mar 2002 17:47:52 -0000
Message-ID: <20020316174752.31206.qmail@icarus.apache.org>
From: stefano@apache.org
To: xml-forrest-cvs@apache.org
Subject: cvs commit: xml-forrest/src/resources/layout/xml.apache.org/images
 chapter.gif chapter_open.gif current.gif page.gif printer.gif singlepage.gif
X-Spam-Rating: daedalus.apache.org 1.6.2 0/1000/N

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>&nbsp;&gt;&nbsp;<a href="">Chapter 3</a>&nbsp;&gt;&nbsp;<a href="">Section 3.3</a>&nbsp;&gt;&nbsp;<a href="">Section 3.3.3</a>&nbsp;&gt;&nbsp;<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"/>&nbsp;<input type="button" value="Search" name="Search"/><br>
         <input type="radio" name="web" value="web">web site&nbsp;<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">&nbsp;</div>
  
    <table cellspacing="0" cellpadding="0" summary="the content pane">
      <tr> 
        <td width="5" class="navbar">&nbsp;</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="#">&laquo prev</a> <strong>[1]</strong> <a href="#">next &raquo</a>
        </td>
      </tr>
      
      <tr> 
        <td>&nbsp;</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>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table>
  
  <div class="copyright">
  Copyright &copy; 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>>