[Zope-Checkins] CVS: Zope3/lib/python/Zope/App/ZMI/Browser/ZopeTop/www - test_style.html:1.1 standard_macros.pt:1.3 standard_widgets.pt:1.3 zopetopBasic.css:1.2 zopetopStructure.css:1.2 zopetopWidgets.css:1.2

Sidnei da Silva sidnei@x3ng.com.br
Fri, 12 Jul 2002 20:44:38 -0400


Update of /cvs-repository/Zope3/lib/python/Zope/App/ZMI/Browser/ZopeTop/www
In directory cvs.zope.org:/tmp/cvs-serv1018

Modified Files:
	standard_macros.pt standard_widgets.pt zopetopBasic.css 
	zopetopStructure.css zopetopWidgets.css 
Added Files:
	test_style.html 
Log Message:
* Stylesheet Cleanup * Style Test Page.

=== Added File Zope3/lib/python/Zope/App/ZMI/Browser/ZopeTop/www/test_style.html ===
<?xml version="1.0" encoding="iso-8859-1"?>
<!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">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="zopetopBasic.css" rel="stylesheet" type="text/css" />
<link href="zopetopStructure.css" rel="stylesheet" type="text/css" />
<link href="zopetopWidgets.css" rel="stylesheet" type="text/css" />
</head>

<body>
<h1>Stylesheet Test Page</h1>
<h1>H1</h1>
<h2>H2</h2>
<h3>H3</h3>
<h4>H4</h4>
<h5>H5</h5>
<h6>H6</h6>
Default Text<br />
<b>Bold Text</b><br />
<em>Em Text</em><br />
<i>Italic</i><br />
<div>Standard Div</div>
<div class="background">Background Color</div>
<div class="hilite">Highlight Color</div>
<div class="darker">Highlight Color</div>
<pre>Preformatted Text
Preformatted Text
Preformatted Text
</pre>
<blockquote>Block Quote
Block Quote
Block Quote</blockquote>
<p>Paragraph 
Paragraph
Paragraph
Paragraph
Paragraph
<a href="#" >A URL</a>
</p>
<form action="." method="post">
<fieldset>
<legend>Legend</legend><br />
<div class="row"><label>First Name: <input name="firstname" type="text" accesskey="n" tabindex="1" title="First Name" dir="ltr" lang="en" size="35" maxlength="30" /></label></div>
<div class="row"><label>Last Name:<input name="lastname" type="text" accesskey="n" tabindex="1" title="Last Name" dir="ltr" lang="en" size="35" maxlength="30" /></label></div>
<div class="row"><label>Free Form Text: <textarea name="text" cols="20" rows="20" accesskey="t" tabindex="3" title="Free Form Text" dir="ltr" lang="en" label="Free Form Text"></textarea></label><br /></div>
<div class="row"><label>CheckBox:<input name="checkbox" type="checkbox" accesskey="c" tabindex="4" title="A Checkbox" dir="ltr" lang="en" value="1" checked="checked" />    </label></div>
<div class="row">Radio Group: 
    <label>
    <input type="radio" name="RadioGroiup" value="radio1" />
    Radio1</label>
    <label>
    <input type="radio" name="RadioGroiup" value="radio2" />
    Radio2</label>
</div>
<div class="row">
  Select: 
    <select name="select" accesskey="s" tabindex="7" title="Select Box" dir="ltr" lang="en">
      <option value="1" selected="selected">Value1</option>
      <option value="2">Value2</option>
      <option value="3">Value3</option>
    </select>
</div>
<div class="row">
    Multiple Select: 
    <select name="select_multiple" size="5" multiple="multiple" accesskey="m" tabindex="8" title="Select Multiple">
      <option value="1" selected="selected">Value1</option>
      <option value="2">Value2</option>
      <option value="3" selected="selected">Value3</option>
    </select>
</div>
<div class="row">
  <input name="Image Field" type="image" accesskey="i" tabindex="9" title="Image Field" value="1" src="arrowUp.gif" alt="Arrow Up" /></div>
  <div class="row">
  <input name="file" type="file" accesskey="f" tabindex="10" title="File Upload" dir="ltr" lang="en" size="25" /></div>
  
<div class="row"> <input name="button" type="button" accesskey="b" tabindex="11" title="Button" value="button" />
    <input name="submit" type="submit" accesskey="s" tabindex="12" title="Submit Button" dir="ltr" lang="en" value="submit" />
<input name="reset" type="reset" accesskey="r" tabindex="13" title="Reset" dir="ltr" lang="en" value="reset" />
</div>

  </fieldset>

</form>

<table>
  <caption>
  Normal Table 
  </caption>
  <thead>
    <tr> 
      <th> TH </th>
      <th> TH </th>
      <th> TH </th>
    </tr>
    <tr class="even"> 
      <td> TR</td>
      <td> Class</td>
      <td> Even</td>
    </tr>
    <tr class="odd"> 
      <td> TR</td>
      <td> Class</td>
      <td> Odd</td>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>
<table class="listing">
  <caption>
  Table Class: Listing 
  </caption>
  <thead>
    <tr> 
      <th> TH </th>
      <th> TH </th>
      <th> TH </th>
      <th> TH </th>
      <th> TH </th>
      <th> TH </th>
    </tr>
  </thead>
  <tbody>
    <tr> 
      <td> TD </td>
      <td> TD </td>
      <td> TD </td>
      <td> TD </td>
      <td> TD </td>
      <td> TD </td>
    </tr>
  </tbody>
</table>
<table class="box">
  <caption>
  Table Class: Box 
  </caption>
  <tr> 
    <th> TH </th>
      <th> TH </th>
      <th> TH </th>
      <th> TH </th>
      <th> TH </th>
      <th> TH </th>
    </tr>


    <tr> 
      <td> TD </td>
      <td> TD </td>
      <td> TD </td>
      <td> TD </td>
      <td> TD </td>
      <td> TD </td>
    </tr>

</table>
<div class="document">Document Style Div</div>
<div class="message">Message Style Div</div>
<div class="error">Error Style Div</div>
<div class="clock">Clock Style Div</div>
<div class="editableDocument">Editable Document Style Div</div>
<div class="personalBar">Personal Bar Style Div</div>
<div class="comment">Comment Style Div</div>
<div class="expired">Expired Style Div</div>
<div class="private">Private Style Div</div>
<div class="published">Published Style Div</div>
<div class="pending">Pending Style Div</div>
<div class="syndicated">Syndicated Style Div</div>
<div class="breadcrumbs">Breadcrumbs Style Div</div>

</body>
</html>


=== Zope3/lib/python/Zope/App/ZMI/Browser/ZopeTop/www/standard_macros.pt 1.2 => 1.3 ===
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html metal:define-macro="page">
-<head>
-<title 
-    metal:define-slot="title"
-    tal:content="options/getTitle|view/getTitle|context/getTitle|default"
-    >Zope</title>
-<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-<link href="zopetopBasic.css" rel="stylesheet" type="text/css"
-        tal:attributes="href context/++resource++zopetopBasic.css" />
-<link href="zopetopWidgets.css" rel="stylesheet" type="text/css"
-        tal:attributes="href context/++resource++zopetopWidgets.css" />
-<link href="zopetopStructure.css" rel="stylesheet" type="text/css"
-        tal:attributes="href context/++resource++zopetopStructure.css" />
-<div metal:define-slot="headers">
-</div>
-</head>
-<body>
-<table width="100%" border="0" cellspacing="0" cellpadding="0">
-  <tr> 
-    <td background="bg_top.jpg"
-        tal:attributes="background context/++resource++bg_top.jpg"> 
-      <table width="100%" border="0" cellspacing="0" cellpadding="0">
-        <tr> 
-          <td><img src="zope3logo.jpg" width="366" height="37" 
-                   alt="Zope 3 Logo"
-                   tal:attributes="src context/++resource++zope3logo.jpg" /></td>
-          <td>
-            <table border="0" align="right" cellpadding="0" cellspacing="0">
-              <tr> 
-                <td><span metal:use-macro="views/standard_widgets/logged_user">Logged in as user</span></td>
-                <td>&nbsp;<img src="spacer1.gif" alt="" width="2" height="25"
-                               tal:attributes="src context/++resource++spacer1.gif" 
-                  />&nbsp;</td>
-                <td><select name="select">
-                    <option value="1">Zope Quick Start</option>
-                  </select></td>
-                <td>&nbsp;
-                  <input name="Go" type="submit" id="Go" value="Go" />
-                  &nbsp;</td>
-              </tr>
-            </table>
-          </td>
-        </tr>
-      </table></td>
-  </tr>
-  <tr> 
-    <td background="bg_bar.jpg"
-         tal:attributes="background context/++resource++bg_bar.jpg"> 
-      <span metal:use-macro="views/standard_widgets/services_bar" />
-    </td>
-  </tr>
-  <tr> 
-    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
-        <tr> 
-          <td width="176" align="center" valign="top"> 
-            <table width="100%" border="0" cellspacing="0" cellpadding="0">
-              <tr> 
-                <td background="bg_root_folder.jpg"
-                    tal:attributes="background context/++resource++bg_root_folder.jpg"
-                  ><img src="bg_root_folder.jpg" width="176" height="16" 
-                       tal:attributes="src context/++resource++bg_root_folder.jpg"
-                /></td>
-              </tr>
-            </table>
-	    <span metal:use-macro="views/standard_widgets/explorer_box" />
-            <img src="spacer3.gif" width="176" height="12"
-                 tal:attributes="src context/++resource++spacer3.gif"/> 
-            <span metal:use-macro="views/standard_widgets/actions_box" />
-
-            <img src="spacer3.gif" width="176" height="12"
-             tal:attributes="src context/++resource++spacer3.gif"/> </td>
-          <td width="1" bgcolor="#7B7AC6"> <img src="x.gif" 
-            alt="" width="1" height="400"
-             tal:attributes="src context/++resource++x.gif"/></td>
-          <td valign="top" bgcolor="#DFDEFF">
-            <table width="100%" border="0" cellspacing="0" cellpadding="0">
-              <tr> 
-                <td background="bg_content.jpg"
-                    tal:attributes="background context/++resource++bg_content.jpg">
-                <img
-                    src="bg_content.jpg" width="15" height="6" 
-                    tal:attributes="src context/++resource++bg_content.jpg"/></td>
-              </tr>
-            </table>
-            <table width="100%" border="0" align="center" cellpadding="0" cellspacing="10">
-              <tr> 
-                <td bgcolor="#CCCCFF">
-		  <span metal:use-macro="views/standard_widgets/content_header_bar" />
-		</td>
-              </tr>
-              <tr> 
-                <td> <span metal:define-slot="body"> 
-                  <div align="center"> 
-                    <select name="select2">
-                      <option value="1">Select type to add...</option>
-                    </select>
-                    <input name="Add" type="submit" id="Add" value="Add" />
-                  </div>
-                  <div align="center"> 
-                    <input name="Rename" type="submit" id="Rename" value="Rename" />
-                    <input name="Cut" type="submit" id="Cut" value="Cut" />
-                    <input name="Copy" type="submit" id="Copy" value="Copy" />
-                    <input name="Paste" type="submit" id="Paste" value="Paste" />
-                    <input name="Delete" type="submit" id="Delete" value="Delete" />
-                    <input name="Import" type="submit" id="Import" value="Import" />
-                    <input name="Export" type="submit" id="Export" value="Export" />
-                    <input name="All" type="submit" id="All" value="All" />
-                    <input name="None" type="submit" id="None" value="None" />
-                  </div>
-                  <table width="100%" border="0" cellpadding="2" cellspacing="1" class="listing">
-                    <thead>
-                    </thead>
-                    <th colspan="2">Type</th>
-                    <th>Name</th>
-                    <th>Size</th>
-                    <th>Last Modified</th>
-                    <tr> 
-                      <td width="30"> <input type="checkbox" name="checkbox" value="checkbox" /> 
-                      </td>
-                      <td width="30"> <img src="control_panels_folder.gif" width="25" height="25"
-                 tal:attributes="src context/++resource++control_panels_folder.gif"/> </td>
-                      <td>Control Panel </td>
-                      <td>&nbsp; </td>
-                      <td>18/06/2002@10:53 PM BRT </td>
-                    </tr>
-                  </table>
-                  <div align="center"> 
-                    <input name="Rename" type="submit" id="Rename" value="Rename" />
-                    <input name="Cut" type="submit" id="Cut" value="Cut" />
-                    <input name="Copy" type="submit" id="Copy" value="Copy" />
-                    <input name="Paste" type="submit" id="Paste" value="Paste" />
-                    <input name="Delete" type="submit" id="Delete" value="Delete" />
-                    <input name="Import" type="submit" id="Import" value="Import" />
-                    <input name="Export" type="submit" id="Export" value="Export" />
-                    <input name="All" type="submit" id="All" value="All" />
-                    <input name="None" type="submit" id="None" value="None" />
-                  </div>
-                  </span> </td>
-              </tr>
-            </table></td>
-        </tr>
-      </table></td>
-  </tr>
-</table>
-</body>
-</html>
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html metal:define-macro="page">
+<head>
+<title 
+    metal:define-slot="title"
+    tal:content="options/getTitle|view/getTitle|context/getTitle|default"
+    >Zope</title>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<link href="zopetopBasic.css" rel="stylesheet" type="text/css"
+        tal:attributes="href context/++resource++zopetopBasic.css" />
+<link href="zopetopWidgets.css" rel="stylesheet" type="text/css"
+        tal:attributes="href context/++resource++zopetopWidgets.css" />
+<link href="zopetopStructure.css" rel="stylesheet" type="text/css"
+        tal:attributes="href context/++resource++zopetopStructure.css" />
+<div metal:define-slot="headers">
+</div>
+</head>
+<body>
+<table width="100%" border="0" cellspacing="0" cellpadding="0">
+  <tr> 
+    <td background="bg_top.jpg"
+        tal:attributes="background context/++resource++bg_top.jpg"> 
+      <table width="100%" border="0" cellspacing="0" cellpadding="0">
+        <tr> 
+          <td><img src="zope3logo.jpg" width="366" height="37" 
+                   alt="Zope 3 Logo"
+                   tal:attributes="src context/++resource++zope3logo.jpg" /></td>
+          <td>
+            <table border="0" align="right" cellpadding="0" cellspacing="0">
+              <tr> 
+                <td><span metal:use-macro="views/standard_widgets/logged_user">Logged in as user</span></td>
+                <td>&nbsp;<img src="spacer1.gif" alt="" width="2" height="25"
+                               tal:attributes="src context/++resource++spacer1.gif" 
+                  />&nbsp;</td>
+                <td><select name="select">
+                    <option value="1">Zope Quick Start</option>
+                  </select></td>
+                <td>&nbsp;
+                  <input name="Go" type="submit" id="Go" value="Go" />
+                  &nbsp;</td>
+              </tr>
+            </table>
+          </td>
+        </tr>
+      </table></td>
+  </tr>
+  <tr> 
+    <td background="bg_bar.jpg"
+         tal:attributes="background context/++resource++bg_bar.jpg"> 
+      <span metal:use-macro="views/standard_widgets/services_bar" />
+    </td>
+  </tr>
+  <tr> 
+    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
+        <tr> 
+          <td width="176" align="center" valign="top"> 
+            <table width="100%" border="0" cellspacing="0" cellpadding="0">
+              <tr> 
+                <td background="bg_root_folder.jpg"
+                    tal:attributes="background context/++resource++bg_root_folder.jpg"
+                  ><img src="bg_root_folder.jpg" width="176" height="16" 
+                       tal:attributes="src context/++resource++bg_root_folder.jpg"
+                /></td>
+              </tr>
+            </table>
+	    <span metal:use-macro="views/standard_widgets/explorer_box" />
+            <img src="spacer3.gif" width="176" height="12"
+                 tal:attributes="src context/++resource++spacer3.gif"/> 
+            <span metal:use-macro="views/standard_widgets/actions_box" />
+
+            <img src="spacer3.gif" width="176" height="12"
+             tal:attributes="src context/++resource++spacer3.gif"/> </td>
+          <td width="1" class="darker"> <img src="x.gif" 
+            alt="" width="1" height="400"
+             tal:attributes="src context/++resource++x.gif"/></td>
+          <td valign="top" class="hilite">
+            <table width="100%" border="0" cellspacing="0" cellpadding="0">
+              <tr> 
+                <td background="bg_content.jpg"
+                    tal:attributes="background context/++resource++bg_content.jpg">
+                <img
+                    src="bg_content.jpg" width="15" height="6" 
+                    tal:attributes="src context/++resource++bg_content.jpg"/></td>
+              </tr>
+            </table>
+            <table width="100%" border="0" align="center" cellpadding="0" cellspacing="10">
+              <tr> 
+                <td class="background">
+		  <span metal:use-macro="views/standard_widgets/content_header_bar" />
+		</td>
+              </tr>
+              <tr> 
+                <td> <span metal:define-slot="body"> 
+                  <div align="center"> 
+                    <select name="select2">
+                      <option value="1">Select type to add...</option>
+                    </select>
+                    <input name="Add" type="submit" id="Add" value="Add" />
+                  </div>
+                  <div align="center"> 
+                    <input name="Rename" type="submit" id="Rename" value="Rename" />
+                    <input name="Cut" type="submit" id="Cut" value="Cut" />
+                    <input name="Copy" type="submit" id="Copy" value="Copy" />
+                    <input name="Paste" type="submit" id="Paste" value="Paste" />
+                    <input name="Delete" type="submit" id="Delete" value="Delete" />
+                    <input name="Import" type="submit" id="Import" value="Import" />
+                    <input name="Export" type="submit" id="Export" value="Export" />
+                    <input name="All" type="submit" id="All" value="All" />
+                    <input name="None" type="submit" id="None" value="None" />
+                  </div>
+                  <table width="100%" border="0" cellpadding="2" cellspacing="1" class="listing">
+                    <thead>
+                    </thead>
+                    <th colspan="2">Type</th>
+                    <th>Name</th>
+                    <th>Size</th>
+                    <th>Last Modified</th>
+                    <tr> 
+                      <td width="30"> <input type="checkbox" name="checkbox" value="checkbox" /> 
+                      </td>
+                      <td width="30"> <img src="control_panels_folder.gif" width="25" height="25"
+                 tal:attributes="src context/++resource++control_panels_folder.gif"/> </td>
+                      <td>Control Panel </td>
+                      <td>&nbsp; </td>
+                      <td>18/06/2002@10:53 PM BRT </td>
+                    </tr>
+                  </table>
+                  <div align="center"> 
+                    <input name="Rename" type="submit" id="Rename" value="Rename" />
+                    <input name="Cut" type="submit" id="Cut" value="Cut" />
+                    <input name="Copy" type="submit" id="Copy" value="Copy" />
+                    <input name="Paste" type="submit" id="Paste" value="Paste" />
+                    <input name="Delete" type="submit" id="Delete" value="Delete" />
+                    <input name="Import" type="submit" id="Import" value="Import" />
+                    <input name="Export" type="submit" id="Export" value="Export" />
+                    <input name="All" type="submit" id="All" value="All" />
+                    <input name="None" type="submit" id="None" value="None" />
+                  </div>
+                  </span> </td>
+              </tr>
+            </table></td>
+        </tr>
+      </table></td>
+  </tr>
+</table>
+</body>
+</html>


=== Zope3/lib/python/Zope/App/ZMI/Browser/ZopeTop/www/standard_widgets.pt 1.2 => 1.3 ===
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-<body>
-<span metal:define-macro="logged_user">Logged in as dtremea</span>
-
-<table metal:define-macro="services_bar" border="0" cellspacing="0" cellpadding="0">
-  <tr tal:on-error="string: No services available">
-    <td>&nbsp;
-      <img src="service_manager.gif" alt="Sort" 
-      tal:attributes="src context/++resource++service_manager.gif"/>
-    </td>
-    <td>
-      <a href="./++etc++Services/"
-      tal:condition="context/hasServiceManager">Services</a>
-      <a href="@@addServiceManager.html" 
-      tal:condition="not: context/hasServiceManager">Allow Services</a>
-    </td>     
-    <td><img src="spacer2.gif" width="15" height="28"
-      tal:attributes="src context/++resource++spacer2.gif"/>
-    </td>
-    <td><img src="user_accounts.gif" width="22" height="28"
-      tal:attributes="src context/++resource++user_accounts.gif"/>
-    </td>
-    <td nowrap="nowrap">User Accounts
-    </td>
-    <td><img src="spacer2.gif" width="15" height="28"
-      tal:attributes="src context/++resource++spacer2.gif"/>
-    </td>
-    <td><img src="control_panels.gif" width="24" height="28"
-      tal:attributes="src context/++resource++control_panels.gif"/>
-    </td>
-    <td nowrap="nowrap">Control Panels
-    </td>
-    <td><img src="spacer2.gif" width="15" height="28"
-      tal:attributes="src context/++resource++spacer2.gif"/>
-    </td>
-    <td><img src="system_security.gif" width="23" height="28"
-      tal:attributes="src context/++resource++system_security.gif"/>
-    </td>
-    <td nowrap="nowrap">System Security
-    </td>
-    <td><img src="spacer2.gif" width="15" height="28"
-      tal:attributes="src context/++resource++spacer2.gif"/>
-    </td>
-    <td><img src="add_more.gif" width="26" height="28"
-      tal:attributes="src context/++resource++add_more.gif"/>
-    </td>
-    <td nowrap="nowrap">Add More
-    </td>
-  </tr>
-</table>
-
-<table metal:define-macro="explorer_box" align="center" class="box" width="150">
-  <thead>
-    <tr> 
-      <th align="center" >Root Folder</th>
-      <th class="empty">&nbsp;</th>
-    </tr>
-    </thead>
-    <tbody>
-    <tr> 
-      <td colspan="2" class="odd"><a href="#"><img src="plus.gif" width="19" height="25"
-	tal:attributes="src context/++resource++plus.gif"/><img
-	src="closed_folder.gif" width="26" height="25"
-	tal:attributes="src context/++resource++closed_folder.gif"
-	/>Folder Name</a>
-      </td>
-    </tr>
-    <tr> 
-      <td colspan="2" class="odd"><a href="#"><img src="plus.gif" 
-	width="19" height="25"
-	tal:attributes="src context/++resource++plus.gif"/><img 
-	src="closed_folder.gif" width="26" height="25"
-	tal:attributes="src context/++resource++closed_folder.gif"
-	/>Folder Name</a>
-      </td>
-    </tr>
-    <tr> 
-      <td colspan="2" class="even"><a 
-	href="#"><img src="minus.gif" width="19" height="25"
-	tal:attributes="src context/++resource++minus.gif"/><img 
-	src="closed_folder.gif" width="26" height="25"
-	tal:attributes="src context/++resource++closed_folder.gif"
-	/>Folder Name</a>
-      </td>
-    </tr>
-    </tbody>
-  </table>
-
-  <table metal:define-macro="actions_box" align="center" class="box" width="150">
-    <thead>
-      <tr> 
-	<th align="center">Actions</th>
-	<th class="empty">&nbsp;</th>
-      </tr>
-      </thead>
-      <tbody>
-      <tr tal:repeat="view views/ZMIUtility/getZMIViews"> 
-	<td colspan="2"> <a href="" 
-	  tal:attributes="href view/action">
-	  <span style="color: #E9A90F; font-size: 15px;
-	  font-weight: bold;">&raquo;</span> 
-                    <span tal:content="view/title">Contents</span></a>
-	</td>
-      </tr>
-      </tbody>
-    </table>
-
-<table metal:define-macro="content_header_bar" width="100%" border="0" cellpadding="0" cellspacing="0">
-  <tr> 
-    <td width="26"> <img src="closed_folder.gif" width="26" height="25"
-      tal:attributes="src context/++resource++closed_folder.gif"/>
-    </td>
-    <td width="95">Folder at - </td>
-    <td><span
-      metal:define-macro="breadcrumbs"
-      tal:repeat="breadcrumb context/@@absolute_url/breadcrumbs">
-      <a href="" 
-      tal:attributes="href breadcrumb/url"
-      tal:content="string:${breadcrumb/name}/"
-      >name</a>&nbsp</span>
-    </td>
-    <td width="45" align="right">Help </td>
-    <td width="25"> <img src="help.gif" width="25" height="25"
-      tal:attributes="src context/++resource++help.gif"/>
-    </td>
-  </tr>
-</table>
-		    
-</body>
-</html>
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+<head>
+<link href="zopetopBasic.css" rel="stylesheet" type="text/css" />
+<link href="zopetopStructure.css" rel="stylesheet" type="text/css" />
+<link href="zopetopWidgets.css" rel="stylesheet" type="text/css" />
+</head>
+<body>
+
+
+<span metal:define-macro="logged_user">Logged in as dtremea</span>
+
+<table metal:define-macro="services_bar" border="0" cellspacing="0" cellpadding="0">
+  <tr tal:on-error="string: No services available">
+    <td>&nbsp;
+      <img src="service_manager.gif" alt="Sort" 
+      tal:attributes="src context/++resource++service_manager.gif"/>
+    </td>
+    <td>
+      <a href="./++etc++Services/"
+      tal:condition="context/hasServiceManager">Services</a>
+      <a href="@@addServiceManager.html" 
+      tal:condition="not: context/hasServiceManager">Allow Services</a>
+    </td>     
+    <td><img src="spacer2.gif" width="15" height="28"
+      tal:attributes="src context/++resource++spacer2.gif"/>
+    </td>
+    <td><img src="user_accounts.gif" width="22" height="28"
+      tal:attributes="src context/++resource++user_accounts.gif"/>
+    </td>
+    <td nowrap="nowrap">User Accounts
+    </td>
+    <td><img src="spacer2.gif" width="15" height="28"
+      tal:attributes="src context/++resource++spacer2.gif"/>
+    </td>
+    <td><img src="control_panels.gif" width="24" height="28"
+      tal:attributes="src context/++resource++control_panels.gif"/>
+    </td>
+    <td nowrap="nowrap">Control Panels
+    </td>
+    <td><img src="spacer2.gif" width="15" height="28"
+      tal:attributes="src context/++resource++spacer2.gif"/>
+    </td>
+    <td><img src="system_security.gif" width="23" height="28"
+      tal:attributes="src context/++resource++system_security.gif"/>
+    </td>
+    <td nowrap="nowrap">System Security
+    </td>
+    <td><img src="spacer2.gif" width="15" height="28"
+      tal:attributes="src context/++resource++spacer2.gif"/>
+    </td>
+    <td><img src="add_more.gif" width="26" height="28"
+      tal:attributes="src context/++resource++add_more.gif"/>
+    </td>
+    <td nowrap="nowrap">Add More
+    </td>
+  </tr>
+</table>
+
+<table metal:define-macro="explorer_box" align="center" class="box" width="150">
+  <thead>
+    <tr> 
+      <th align="center" >Root Folder</th>
+      <th class="empty">&nbsp;</th>
+    </tr>
+    </thead>
+    <tbody>
+    <tr> 
+      <td colspan="2" class="odd"><a href="#"><img src="plus.gif" width="19" height="25"
+	tal:attributes="src context/++resource++plus.gif"/><img
+	src="closed_folder.gif" width="26" height="25"
+	tal:attributes="src context/++resource++closed_folder.gif"
+	/>Folder Name</a>
+      </td>
+    </tr>
+    <tr> 
+      <td colspan="2" class="odd"><a href="#"><img src="plus.gif" 
+	width="19" height="25"
+	tal:attributes="src context/++resource++plus.gif"/><img 
+	src="closed_folder.gif" width="26" height="25"
+	tal:attributes="src context/++resource++closed_folder.gif"
+	/>Folder Name</a>
+      </td>
+    </tr>
+    <tr> 
+      <td colspan="2" class="even"><a 
+	href="#"><img src="minus.gif" width="19" height="25"
+	tal:attributes="src context/++resource++minus.gif"/><img 
+	src="closed_folder.gif" width="26" height="25"
+	tal:attributes="src context/++resource++closed_folder.gif"
+	/>Folder Name</a>
+      </td>
+    </tr>
+    </tbody>
+  </table>
+
+  <table metal:define-macro="actions_box" align="center" class="box" width="150">
+    <thead>
+      <tr> 
+	<th align="center">Actions</th>
+	<th class="empty">&nbsp;</th>
+      </tr>
+      </thead>
+      <tbody>
+      <tr tal:repeat="view views/ZMIUtility/getZMIViews"> 
+	<td colspan="2"> <a href="" 
+	  tal:attributes="href view/action">
+	  <span style="color: #E9A90F; font-size: 15px;
+	  font-weight: bold;">&raquo;</span> 
+                    <span tal:content="view/title">Contents</span></a>
+	</td>
+      </tr>
+      </tbody>
+    </table>
+
+<table metal:define-macro="content_header_bar" width="100%" border="0" cellpadding="0" cellspacing="0">
+  <tr> 
+    <td width="26"> <img src="closed_folder.gif" width="26" height="25"
+      tal:attributes="src context/++resource++closed_folder.gif"/>
+    </td>
+    <td width="95">Folder at </td>
+    <td><span
+      metal:define-macro="breadcrumbs"
+	  tal:omit-tag=""
+      tal:repeat="breadcrumb context/@@absolute_url/breadcrumbs"> <a href="" 
+      tal:attributes="href breadcrumb/url"
+      tal:content="string:${breadcrumb/name}/"
+      >name</a></span></td>
+    <td width="45" align="right">Help </td>
+    <td width="25"> <img src="help.gif" width="25" height="25"
+      tal:attributes="src context/++resource++help.gif"/>
+    </td>
+  </tr>
+</table>
+		    
+</body>
+</html>


=== Zope3/lib/python/Zope/App/ZMI/Browser/ZopeTop/www/zopetopBasic.css 1.1 => 1.2 ===
     color: #000066;
     margin: 0;
     padding: 0;
-    scrollbar-base-color: #DEE7EC;
-    scrollbar-highlight-color: #DEE7EC;
-    scrollbar-track-color: #F7F9FA;
-    scrollbar-darkshadow-color: #F7F9FA;
-    scrollbar-3dlight-color: #8CACBB;
-    scrollbar-shadow-color: #8CACBB;
-    scrollbar-arrow-color: #436976;
 }
 
 a {
@@ -40,7 +33,7 @@
 }
 
 table {
-    font: 1em Verdana, Helvetica, Arial, sans-serif;
+    font: 1em Tahoma, Helvetica, Arial, sans-serif;
 }
 
 
@@ -51,7 +44,7 @@
 
 p {
 /* Default paragraph style*/
-    font: 1em Verdana, Helvetica, Arial, sans-serif;
+    font: 1em Tahoma, Helvetica, Arial, sans-serif;
     margin: 1em 0em;
     text-align: justify;
 }
@@ -84,34 +77,36 @@
 }
 
 
-h1, h2, h3, h4, h5, h6 {        /* Style for the headlines */
-    color: Black;
-    font: 1em Tahoma, Helvetica, Arial, sans-serif;
-    margin-top: 0;
+h1, h2, h3, h4, h5, h6 {
+	color: Black;
+	margin-top: 0;
+	font-family: Tahoma, Helvetica, Arial, sans-serif;
+
+
 }
 
 h1 {
-    font-size: 1.1em;
+    font-size: 1.8em;
 }
 
 h2 {
-    font-size: 1em;
+    font-size: 1.6em;
 }
 
 h3 {
-    font-size: 0.95em;
+    font-size: 1.4em;
 }
 
 h4 {
-    font-size: 0.9em;
+    font-size: 1.2em;
 }
 
 h5 {
-    font-size: 0.85em;
+    font-size: 1.1em;
 }
 
 h6 {
-    font-size: 0.80em;
+    font-size: 1.0em;
 }
 
 ul { 
@@ -175,13 +170,13 @@
 }
 
 code {
-    font-size: 120%;
+    font-size: 1.2em;
     color: Black;
     background-color: #dee7ec;
 }
 
 pre {
-    font-size: 120%;
+    font-size: 1.2em;
     padding: 1em;
     border: 1px solid #8cacbb;
     color: Black;


=== Zope3/lib/python/Zope/App/ZMI/Browser/ZopeTop/www/zopetopStructure.css 1.1 => 1.2 ===
-/*****************************************************************************
- *
- * Copyright (c) 2001, 2002 Zope Corporation and Contributors.
- * All Rights Reserved.
- * 
- * This software is subject to the provisions of the Zope Public License,
- * Version 2.0 (ZPL).  A copy of the ZPL should accompany this distribution.
- * THIS SOFTWARE IS PROVIDED "AS IS" AND ANY AND ALL EXPRESS OR IMPLIED
- * WARRANTIES ARE DISCLAIMED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
- * WARRANTIES OF TITLE, MERCHANTABILITY, AGAINST INFRINGEMENT, AND FITNESS
- * FOR A PARTICULAR PURPOSE.
- * 
- *****************************************************************************
- 
- The Structure CSS contains elements that make up the structure of Plone,
- generally stuff that is used once on a page - general layout, opposed to the
- Widgets, that are used several times in a page.
-
- KNOWN BUG: The selected tab cannot have image backdrop. FIXME
-
- $Id$
-*/
-
-div.top {
-/* Top section */
-    background: transparent;
-    margin: 0;
-    padding: 0;
-    width: 100%;
-}
-
-.logo {
-/* Logo properties */
-    margin: 1em 0em 1em 2em;
-    padding: 0;
-}
-
-div.searchBox {
-/*searchbox style and positioning */
-    background-color: transparent;
-    color: Black;
-    float: right;
-    margin: 3em 0em 0em 0em;
-    padding: 0em 2em 0em 0em;
-    text-align: right;
-}
-
-input.searchGadget {
-}
-
-div.tabs {
-/* Navigational Plone Tabs(tm), implemented by customizing the a tag - they
-   are surprisingly elegant. The power of CSS runs strong in these :) */
-    background: transparent;
-    border-collapse: collapse;
-    border-bottom-color: #8CACBB;
-    border-bottom-style: solid;
-    border-bottom-width: 1px;
-    padding: 0.5em 0em 0em 2em;
-    white-space: nowrap;
-}
-
-div.tabs a {
-/* The normal, unselected tabs. They are all links */
-    background: transparent;
-    border-color: #8CACBB;
-    border-width: 1px; 
-    border-style: solid solid none solid;
-    color: #436976;
-    font-weight: normal;
-    margin-right: 0.5em;
-    padding: 0em 2em;
-}
-
-div.tabs a.selected {
-/* The selected tab. There's only one of this */
-    background: #DEE7EC;
-    border: 1px solid #8CACBB;
-    border-bottom: #DEE7EC 1px solid;
-    color: #436976;
-    font-weight: normal;
-}
-
-div.tabs a:hover {
-    background: #DEE7EC;
-    border-color: #8CACBB;
-    border-bottom-color: #DEE7EC;
-    color: #436976;
-}
-
-div.personalBar {
-/* Bar with personalized menu (user preferences, favorites etc) */
-    background: #DEE7EC;
-    border-bottom-color: #8CACBB;
-    border-bottom-style: solid;
-    border-bottom-width: 1px;
-    color: Black;
-    padding-right: 3em;
-    text-align: right;
-}
-
-div.personalBar a{
-    background-color: transparent;
-    color: #436976;
-    font-weight: normal;
-}
-
-div.pathBar {
-/* The path bar, including breadcrumbs and add to favorites */
-    border-bottom-color: #8CACBB;
-    border-bottom-style: solid;
-    border-bottom-width: 1px;
-    padding-left: 2em;
-    padding-right: 2em;
-}
-
-.breadcrumbs {
-    float: left;
-}
-
-.addFavorite {
-    vertical-align: bottom;
-}
-
-.clock {
-    /* The portal time indicator */
-    float: right;
-    white-space: nowrap;
-}
-
-table.columns {
-    width: 100%;
-}
-
-table.columns td.left {
-    vertical-align: top;
-    width: 15%;
-    padding: 2em 1em 1em 2em;
-}
-
-table.columns td.main {
-    vertical-align: top;
-    padding: 2em 2em 1em 1em;
-    margin: 0;
-}
-
-table.columns td.right {
-    vertical-align: top;
-    width: 15%;
-    padding: 2em 2em 1em 0em;
-}
-
-div.contentTabs {
-/* Local Tabs(tm), used in the content display */
-    background: transparent;
-    border-collapse: collapse;
-    border-bottom: 1px solid #74AE0B;
-    padding-left: 1em;
-    white-space: nowrap;
-}
-
-div.contentTabs a {
-/* The normal, unselected tabs. They are all links */
-    background: transparent;
-    border: 1px solid #74AE0B;
-    color: #578308;
-    font-weight: normal;
-    margin-right: 0.5em;
-    padding: 0em 2em;
-}
-
-div.contentTabs a.selected {
-/* The selected tab. There's only one of this */
-    background: #CDE2A7;
-    border-bottom: #CDE2A7 1px solid;
-    color: #578308;
-    font-weight: normal;
-}
-
-div.contentTabs a:hover {
-    background-color: #CDE2A7;
-    color: #578308;
-}
-
-div.contentBar {
-    background: #CDE2A7;
-    border-left: 1px solid #74AE0B;
-    border-right: 1px solid #74AE0B;
-    color: #578308;
-    text-align: right;
-}
-
-div.document {
-/* The document class encloses the object content when editing is not
-   permitted */
-    background: transparent;
-    padding: 0;
-    margin: 0em 0em 2em 0em;
-}
-
-div.editableDocument {
-/* The class surrounding content when editing is permitted */
-    background: transparent;
-    border: 1px solid #74AE0B;
-    margin: 0em 0em 2em 0em;
-    padding: 2em;
-}
-
-div.message {
-/* The portal messages for cut/paste operations etc */
-    background: #FFCE7B;
-    border: 1px solid #FFA500;
-    color: Black;
-    font: bold 100% Tahoma, Helvetica, Arial, sans-serif;
-    margin: 0em 0em 1em 0em;
-    padding: 0.5em 1em;
-    vertical-align: middle;
-    
-}
-
-div.message a {
-    color: Black;
-    text-decoration: underline;
-}
-
-
-.description {
-/* The summary text describing the document */
-    font: bold 1em Tahoma, Helvetica, Arial, sans-serif;
-    display: block;
-    margin-bottom: 1em;
-}
-
-.footer {
-    background: #DEE7EC;
-    border-top: 1px solid #8CACBB;
-    border-bottom: 1px solid #8CACBB;
-    color: Black;
-    clear: both;
-    float: none;
-    margin: 2em 0em;
-    padding: 0.5em 0em 1em 0em;
-    text-align: center;
-}
+/*****************************************************************************
+ *
+ * Copyright (c) 2001, 2002 Zope Corporation and Contributors.
+ * All Rights Reserved.
+ * 
+ * This software is subject to the provisions of the Zope Public License,
+ * Version 2.0 (ZPL).  A copy of the ZPL should accompany this distribution.
+ * THIS SOFTWARE IS PROVIDED "AS IS" AND ANY AND ALL EXPRESS OR IMPLIED
+ * WARRANTIES ARE DISCLAIMED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+ * WARRANTIES OF TITLE, MERCHANTABILITY, AGAINST INFRINGEMENT, AND FITNESS
+ * FOR A PARTICULAR PURPOSE.
+ * 
+ *****************************************************************************
+ 
+ The Structure CSS contains elements that make up the structure of Plone,
+ generally stuff that is used once on a page - general layout, opposed to the
+ Widgets, that are used several times in a page.
+
+ KNOWN BUG: The selected tab cannot have image backdrop. FIXME
+
+ $Id$
+*/
+
+div.top {
+/* Top section */
+    background: transparent;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+}
+
+.logo {
+/* Logo properties */
+    margin: 1em 0em 1em 2em;
+    padding: 0;
+}
+
+div.searchBox {
+/*searchbox style and positioning */
+    background-color: transparent;
+    color: Black;
+    float: right;
+    margin: 3em 0em 0em 0em;
+    padding: 0em 2em 0em 0em;
+    text-align: right;
+}
+
+input.searchGadget {
+}
+
+div.tabs {
+/* Navigational Plone Tabs(tm), implemented by customizing the a tag - they
+   are surprisingly elegant. The power of CSS runs strong in these :) */
+    background: transparent;
+    border-collapse: collapse;
+    border-bottom-color: #8CACBB;
+    border-bottom-style: solid;
+    border-bottom-width: 1px;
+    padding: 0.5em 0em 0em 2em;
+    white-space: nowrap;
+}
+
+div.tabs a {
+/* The normal, unselected tabs. They are all links */
+    background: transparent;
+    border-color: #8CACBB;
+    border-width: 1px; 
+    border-style: solid solid none solid;
+    color: #436976;
+    font-weight: normal;
+    margin-right: 0.5em;
+    padding: 0em 2em;
+}
+
+div.tabs a.selected {
+/* The selected tab. There's only one of this */
+    background: #DEE7EC;
+    border: 1px solid #8CACBB;
+    border-bottom: #DEE7EC 1px solid;
+    color: #436976;
+    font-weight: normal;
+}
+
+div.tabs a:hover {
+    background: #DEE7EC;
+    border-color: #8CACBB;
+    border-bottom-color: #DEE7EC;
+    color: #436976;
+}
+
+div.personalBar {
+/* Bar with personalized menu (user preferences, favorites etc) */
+    background: #DEE7EC;
+    border-bottom-color: #8CACBB;
+    border-bottom-style: solid;
+    border-bottom-width: 1px;
+    color: Black;
+    padding-right: 3em;
+    text-align: right;
+}
+
+div.personalBar a{
+    background-color: transparent;
+    color: #436976;
+    font-weight: normal;
+}
+
+div.pathBar {
+/* The path bar, including breadcrumbs and add to favorites */
+    border-bottom-color: #8CACBB;
+    border-bottom-style: solid;
+    border-bottom-width: 1px;
+    padding-left: 2em;
+    padding-right: 2em;
+}
+
+.breadcrumbs {
+    float: left;
+}
+
+.addFavorite {
+    vertical-align: bottom;
+}
+
+.clock {
+    /* The portal time indicator */
+    float: right;
+    white-space: nowrap;
+}
+
+table.columns {
+    width: 100%;
+}
+
+table.columns td.left {
+    vertical-align: top;
+    width: 15%;
+    padding: 2em 1em 1em 2em;
+}
+
+table.columns td.main {
+    vertical-align: top;
+    padding: 2em 2em 1em 1em;
+    margin: 0;
+}
+
+table.columns td.right {
+    vertical-align: top;
+    width: 15%;
+    padding: 2em 2em 1em 0em;
+}
+
+div.contentTabs {
+/* Local Tabs(tm), used in the content display */
+    background: transparent;
+    border-collapse: collapse;
+    border-bottom: 1px solid #74AE0B;
+    padding-left: 1em;
+    white-space: nowrap;
+}
+
+div.contentTabs a {
+/* The normal, unselected tabs. They are all links */
+    background: transparent;
+    border: 1px solid #74AE0B;
+    color: #578308;
+    font-weight: normal;
+    margin-right: 0.5em;
+    padding: 0em 2em;
+}
+
+div.contentTabs a.selected {
+/* The selected tab. There's only one of this */
+    background: #CDE2A7;
+    border-bottom: #CDE2A7 1px solid;
+    color: #578308;
+    font-weight: normal;
+}
+
+div.contentTabs a:hover {
+    background-color: #CDE2A7;
+    color: #578308;
+}
+
+div.contentBar {
+    background: #CDE2A7;
+    border-left: 1px solid #74AE0B;
+    border-right: 1px solid #74AE0B;
+    color: #578308;
+    text-align: right;
+}
+
+div.document {
+/* The document class encloses the object content when editing is not
+   permitted */
+    background: transparent;
+    padding: 0;
+    margin: 0em 0em 2em 0em;
+}
+
+div.editableDocument {
+/* The class surrounding content when editing is permitted */
+    background: transparent;
+    border: 1px solid #74AE0B;
+    margin: 0em 0em 2em 0em;
+    padding: 2em;
+}
+
+div.message {
+/* The portal messages for cut/paste operations etc */
+    background: #FFCE7B;
+    border: 1px solid #FFA500;
+    color: Black;
+    font: bold 100% Tahoma, Helvetica, Arial, sans-serif;
+    margin: 0em 0em 1em 0em;
+    padding: 0.5em 1em;
+    vertical-align: middle;
+    
+}
+
+div.message a {
+    color: Black;
+    text-decoration: underline;
+}
+
+.darker {
+	background: #7B7AC6;
+}
+
+.hilite {
+    background: #DFDEFF;
+}
+
+.background {
+    background: #CCCCFF;
+}
+
+.description {
+/* The summary text describing the document */
+    font: bold 1em Tahoma, Helvetica, Arial, sans-serif;
+    display: block;
+    margin-bottom: 1em;
+}
+
+.footer {
+    background: #DEE7EC;
+    border-top: 1px solid #8CACBB;
+    border-bottom: 1px solid #8CACBB;
+    color: Black;
+    clear: both;
+    float: none;
+    margin: 2em 0em;
+    padding: 0.5em 0em 1em 0em;
+    text-align: center;
+}


=== Zope3/lib/python/Zope/App/ZMI/Browser/ZopeTop/www/zopetopWidgets.css 1.1 => 1.2 ===
     margin-right: 1em;
     margin-bottom: 1em;
 }
-