[Zope-Checkins] CVS: Zope3/lib/python/Zope/App/ZMI/www - standard_macros.pt:1.5.2.4 zopetopBasic.css:1.2.2.3 zopetopWidgets.css:1.2.2.3

Sidnei da Silva sidnei@x3ng.com.br
Tue, 18 Jun 2002 14:43:11 -0400


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

Modified Files:
      Tag: sidnei-zopetop-branch
	standard_macros.pt zopetopBasic.css zopetopWidgets.css 
Log Message:
More css cleanup

=== Zope3/lib/python/Zope/App/ZMI/www/standard_macros.pt 1.5.2.3 => 1.5.2.4 ===
   <link href="zopetopStructure.css" rel="stylesheet" type="text/css"
         tal:attributes="href string:/@@/zopetopStructure.css" />
-  <div metal:define-slot="headers">
+  </head><body><div metal:define-slot="headers">
   </div>
-</head>
 
-<body>
+
+
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr> 
     <td background="bg_top.jpg"
@@ -86,59 +86,63 @@
   <tr>
     <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr>
-          <td width="180" valign="top">
+          <td width="180" valign="top"> 
             <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr> 
-                <td background="bg_root_folder.jpg"
-		    tal:attributes="background string:/@@/bg_root_folder.jpg">
-		  <img src="closed_folder.gif" width="26" height="25"
-		       tal:attributes="src string:/@@/closed_folder.gif"/></td>
-                <td colspan="2" background="bg_root_folder.jpg"
-		    tal:attributes="background string:/@@/bg_root_folder.jpg">Root Folder</td>
-              </tr>
-              <tr> 
-                <td width="26" align="right"><img src="plus.gif" width="19" height="25"
-		                                  tal:attributes="src string:/@@/plus.gif"/></td>
-                <td width="26"><img src="closed_folder.gif" width="26" height="25"
-		                    tal:attributes="src string:/@@/closed_folder.gif"/></td>
-                <td>Folder Name</td>
+                <td height="24" align="center" background="bg_root_folder.jpg"
+				    tal:attributes="background string:/@@/bg_root_folder.jpg"> Section Name </td>
               </tr>
               <tr> 
-                <td width="26" align="right"><img src="plus.gif" width="19" height="25"
-		                                  tal:attributes="src string:/@@/plus.gif"/></td>
-                <td width="26"><img src="closed_folder.gif" width="26" height="25"
-		                    tal:attributes="src string:/@@/closed_folder.gif"/></td>
-                <td>Folder Name</td>
-              </tr>
-              <tr> 
-                <td width="26" align="right"><img src="minus.gif" width="19" height="25"
-		                                  tal:attributes="src string:/@@/minus.gif"/></td>
-                <td width="26"><img src="closed_folder.gif" width="26" height="25"
-		                    tal:attributes="src string:/@@/closed_folder.gif"/></td>
-                <td>Folder Name</td>
+                <td><img src="x.gif" width="176" height="6" tal:attributes="src string:/@@/x.gif"/></td>
               </tr>
             </table>
+            <table align="center" class="box">
+              <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 string:/@@/plus.gif"/><img src="closed_folder.gif" width="26" height="25"
+		                    tal:attributes="src string:/@@/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 string:/@@/plus.gif"/><img src="closed_folder.gif" width="26" height="25"
+		                    tal:attributes="src string:/@@/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 string:/@@/minus.gif"/><img src="closed_folder.gif" width="26" height="25"
+		                    tal:attributes="src string:/@@/closed_folder.gif"/>Folder 
+                    Name</a></td>
+                </tr>
+              </tbody>
+            </table>
             <img src="spacer3.gif" width="176" height="12"
 	         tal:attributes="src string:/@@/spacer3.gif"/>
-            <table width="100%" border="0" cellspacing="0" cellpadding="0">
-              <tr> 
-                <td width="26" align="center">&nbsp;</td>
-                <td width="26"><img src="users_folder.gif" width="25" height="25"
-		                    tal:attributes="src string:/@@/users_folder.gif"/></td>
-                <td>Users Folder</td>
-              </tr>
-              <tr> 
-                <td width="26" align="center">&nbsp;</td>
-                <td width="26"><img src="control_panels_folder.gif" width="25" height="25"
-		                    tal:attributes="src string:/@@/control_panels_folder.gif"/></td>
-                <td>Control Panels</td>
-              </tr>
-              <tr> 
-                <td width="26" align="center">&nbsp;</td>
-                <td width="26"><img src="website_settings.gif" width="25" height="25"
-		                    tal:attributes="src string:/@@/website_settings.gif"/></td>
-                <td>Website Settings</td>
-              </tr>
+<table align="center" class="box">
+              <thead>
+                <tr> 
+                  <th width="26" 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">
+		    <img src="closed_folder.gif" width="25" height="25"
+		                    tal:attributes="src view/icon|string:/@@/closed_folder.gif" />
+		    <span tal:content="view/label">Contents</span></a>
+		  </td>
+		</tr>
+              </tbody>
             </table>
             <img src="spacer3.gif" width="176" height="12"
 	         tal:attributes="src string:/@@/spacer3.gif"/>
@@ -147,15 +151,15 @@
 	    <img src="x.gif" alt="" width="1" height="400"
 	         tal:attributes="src string:/@@/x.gif"/></td> 
           <td valign="top" bgcolor="#DFDEFF">
-	    <table width="100%" border="0" cellspacing="0" cellpadding="0">
-              <tr>
+		    <table width="100%" border="0" cellspacing="0" cellpadding="0">
+              <tr> 
                 <td background="bg_content.jpg"
-		    tal:attributes="background string:/@@/bg_content.jpg">
-		  <img src="bg_content.jpg" width="100%" height="15"
-		       tal:attributes="src string:/@@/bg_content.jpg"/></td>
+				    tal:attributes="background string:/@@/bg_content.jpg">
+				  <img src="bg_content.jpg" width="15" height="6" 
+					   tal:attributes="src string:/@@/bg_content.jpg"/></td>
               </tr>
             </table>
-	    <table width="100%" border="0" align="center" cellpadding="10" cellspacing="0">
+            <table width="100%" border="0" align="center" cellpadding="0" cellspacing="10">
               <tr>
                 <td>
 		  <table border="0" cellspacing="0" cellpadding="0">
@@ -172,7 +176,7 @@
 			       tal:attributes="src string:/@@/tab_m_0_0.gif"/></td>
                       <td background="tab_0.gif"
 			  tal:attributes="background string:/@@/tab_0.gif">Inactive Tab #2</td>
-                      <td><img src="tab_e_0.gif" width="30" height="28"
+                      <td><img src="tab_e_0.gif" width="42" height="28"
 			       tal:attributes="src string:/@@/tab_e_0.gif"/></td>
                     </tr>
 		  </table>
@@ -236,11 +240,11 @@
 
 		  <table width="100%" border="0" cellpadding="2" cellspacing="1" class="listing">
            <thead> 
-		      <th colspan="2">Type</th>
+		      </thead><th colspan="2">Type</th>
 		      <th>Name</th>
 		      <th>Size</th>
 		      <th>Last Modified</th>
-		    </thead>
+		    
 		    <tr> 
 		      <td width="30">
 			<input type="checkbox" name="checkbox" value="checkbox" />


=== Zope3/lib/python/Zope/App/ZMI/www/zopetopBasic.css 1.2.2.2 => 1.2.2.3 ===
     font: 0.8em Tahoma, Helvetica, Arial, sans-serif;
     background: #CCCCFF;
-    color: Black;
+    color: #000066;
     margin: 0;
     padding: 0;
-
     scrollbar-base-color: #DEE7EC;
     scrollbar-highlight-color: #DEE7EC;
     scrollbar-track-color: #F7F9FA;
@@ -34,10 +33,9 @@
     scrollbar-arrow-color: #436976;
 }
 
-
 a {
-        text-decoration: none;
-    color: #336699;
+    text-decoration: none;
+    color: #000066;
     background-color: transparent;
 }
 
@@ -63,12 +61,12 @@
 }
 
 p a:visited {
-        color: Purple;
+    color: Purple;
     background-color: transparent;
 }
 
 p a:active {
-        color: Red;
+    color: Red;
     background-color: transparent;
 }
 
@@ -159,13 +157,13 @@
 /*    border: 1px solid #8cacbb;   */
     color: Black;
 /*    background-color: white; */
-    margin: 0em 0em 1em 0em;
+    margin: 1px 1px 1px 1px;
 }
 
 select {
     font: 1em Tahoma, Helvetica, Arial, sans-serif;
 /*    border: 1px solid #8cacbb;  */
-    margin: 0em 0em 1em 0em;
+    margin: 1px 1px 1px 1px;
 }
 
 abbr, acronym, .explain {
@@ -175,8 +173,6 @@
     background-color: transparent;
     cursor: help;
 }
-
-
 
 code {
     font-size: 120%;


=== Zope3/lib/python/Zope/App/ZMI/www/zopetopWidgets.css 1.2.2.2 => 1.2.2.3 ===
 
 input.standalone {
-    background: #DEE7EC url(linkOpaque.gif) left no-repeat;
+    background: #A1A1F1 url(linkOpaque.gif) left no-repeat;
     color: Black;
     cursor: pointer;
     font-weight: normal;
@@ -51,7 +51,7 @@
 }
 
 .group {
-    border: 1px solid #8cacbb;
+    border: 1px solid #7B7AC6;
     margin: 2em 0em 1em 0em;
     width: 94%;
     padding: 1em 0em;
@@ -100,8 +100,8 @@
 }
 
 span.card {
-    background: #DEE7EC;
-    border-color: #8CACBB;
+    background: #A1A1F1;
+    border-color: #7B7AC6;
     border-width: 1px;
     border-style: solid;
     float: left;
@@ -155,27 +155,27 @@
 /* The Plone Box(tm) (Navigation, Related etc) */
     background: transparent;
     border-collapse: collapse;
-    border-bottom: 1px solid #8CACBB;
-    border-left: 1px solid #8CACBB;
-    margin: 0;
-    margin-bottom: 2em;
+    border-bottom: 1px solid #7B7AC6;
+    border-left: 1px solid #7B7AC6;
+    margin: 0px;
+    margin-bottom: 1px;
 }
 
 table.box th {
-    background: #DEE7EC;
-    border-top: 1px solid #8CACBB;
-    border-bottom: 1px solid #8CACBB;
-    border-right: 1px solid #8CACBB;
+    background: #A1A1F1;
+    border-top: 1px solid #7B7AC6;
+    border-bottom: 1px solid #7B7AC6;
+    border-right: 1px solid #7B7AC6;
     color: Black;
     font-weight: normal;
-    padding: 0em 1em;
+    padding: 0px 1px;
     text-align: left;
 }
 
 table.box th.empty {
     background-color: transparent;
     border: none;
-    border-bottom: 1px solid #8CACBB;
+    border-bottom: 1px solid #7B7AC6;
 }
 
 table.box tr.odd {
@@ -188,8 +188,8 @@
 }
 
 table.box td {
-    border-right: 1px solid #8CACBB;
-    padding: 1em;
+    border-right: 1px solid #7B7AC6;
+    padding: 0px 4px 0px 2px;
 }
 
 table.box img{
@@ -256,12 +256,12 @@
     width: 20em;
     background: transparent;
     border-collapse: collapse;
-    border: 1px solid #8CACBB;
+    border: 1px solid #7B7AC6;
 }
 
 div.box div.heading {
-    background: #DEE7EC;
-    border-bottom: 1px solid #8CACBB;
+    background: #A1A1F1;
+    border-bottom: 1px solid #7B7AC6;
     color: Black;
     font-weight: normal;
     padding: 0em 0em 0em 1em;
@@ -271,7 +271,7 @@
 div.box a.close {
     float: right;
     text-transform: none;
-    border-left: 1px solid #8CACBB;
+    border-left: 1px solid #7B7AC6;
     padding: 0em 0.2em;
 }
 
@@ -311,8 +311,8 @@
 
 
 div.listingBar {
-    background: #DEE7EC;
-    border-color: #8CACBB;
+    background: #A1A1F1;
+    border-color: #7B7AC6;
     border-style: solid;
     border-width: 1px;
     padding: 0em 1em;