[Zope3-checkins] SVN: Zope3/trunk/ Bugfix Rotterdam, xmltree, statictree:

Roger Ineichen roger at projekt01.ch
Sun Mar 20 21:26:41 EST 2005


Log message for revision 29607:
  Bugfix Rotterdam, xmltree, statictree:
  - Replace the xmltree with the static tree for the next release.
    We bring back the xmltree in a new skin after the 3.1 release.
  - Added a new layout, css and navigation macro template which 
    uses a table layout.
  - Added a small bugfix to the static tree. 
    (use / in front of base links or the CheckBrokenLinks will 
     raise a error in unittests)

Changed:
  U   Zope3/trunk/doc/TODO.txt
  A   Zope3/trunk/src/zope/app/boston/TODO.txt
  U   Zope3/trunk/src/zope/app/boston/browser/skin.css
  U   Zope3/trunk/src/zope/app/rotterdam/configure.zcml
  A   Zope3/trunk/src/zope/app/rotterdam/navigation_macros_tablelayout.pt
  A   Zope3/trunk/src/zope/app/rotterdam/site_management_tablelayout.css
  A   Zope3/trunk/src/zope/app/rotterdam/template_tablelayout.pt
  A   Zope3/trunk/src/zope/app/rotterdam/zope3_tablelayout.css

-=-
Modified: Zope3/trunk/doc/TODO.txt
===================================================================
--- Zope3/trunk/doc/TODO.txt	2005-03-21 02:01:10 UTC (rev 29606)
+++ Zope3/trunk/doc/TODO.txt	2005-03-21 02:26:41 UTC (rev 29607)
@@ -92,3 +92,22 @@
 
 Bugs starting with * represent bugs that must be fixed for the 3.0.x branch as
 well.
+
+Done
+----
+
+85:  Close this issue. Jim agreed that this isn't requiered. I don't 
+     think SteveA is refactoring this part. Perhaps we can open another 
+     issue for Metadata, I think the Metadata views should also make use
+     of the form framwork, there are still implemented as normal pages.
+
+216: Close this issue, the preview is working correctly.
+
+243: This seems a old issue which was done for the 3.0 release, ri
+
+328 + 333: Replaced the xmltree with the static tree, don't close 
+     this is only not relevant for the 3.1 release since we use the 
+     static tree, ri
+
+378: It's not a bug, he just tries to use a Object field without the 
+     CustomWidgetFactory, ri

Added: Zope3/trunk/src/zope/app/boston/TODO.txt
===================================================================
--- Zope3/trunk/src/zope/app/boston/TODO.txt	2005-03-21 02:01:10 UTC (rev 29606)
+++ Zope3/trunk/src/zope/app/boston/TODO.txt	2005-03-21 02:26:41 UTC (rev 29607)
@@ -0,0 +1,20 @@
+====
+TODO
+====
+
+- Change slotbox layout macros to tables, because they don't expand the width
+  correctly in pure <div> CSS layout
+
+- Add JS for nested menu support
+
+- Integrate preferences for individual user settings.
+
+  Possible preferences are:
+
+  - static or xml tree
+
+  - navigation width of left slot
+
+  - order of boxes in left slot
+
+  - status of a box (collapsed or expanded)


Property changes on: Zope3/trunk/src/zope/app/boston/TODO.txt
___________________________________________________________________
Name: svn:eol-style
   + native

Modified: Zope3/trunk/src/zope/app/boston/browser/skin.css
===================================================================
--- Zope3/trunk/src/zope/app/boston/browser/skin.css	2005-03-21 02:01:10 UTC (rev 29606)
+++ Zope3/trunk/src/zope/app/boston/browser/skin.css	2005-03-21 02:26:41 UTC (rev 29607)
@@ -316,6 +316,7 @@
 }
 
 .slotbox div.header {
+    widht: 100%;
 	height: 22px;
 	color: white;
 	font-weight: bold;

Modified: Zope3/trunk/src/zope/app/rotterdam/configure.zcml
===================================================================
--- Zope3/trunk/src/zope/app/rotterdam/configure.zcml	2005-03-21 02:01:10 UTC (rev 29606)
+++ Zope3/trunk/src/zope/app/rotterdam/configure.zcml	2005-03-21 02:26:41 UTC (rev 29607)
@@ -15,8 +15,18 @@
       name="zope3.css" 
       file="zope3.css" 
       layer="zope.app.rotterdam.rotterdam" />
+  
+  <browser:resource 
+      name="zope3_tablelayout.css" 
+      file="zope3_tablelayout.css" 
+      layer="zope.app.rotterdam.rotterdam" />
 
   <browser:resource 
+      name="site_management_tablelayout.css" 
+      file="site_management_tablelayout.css" 
+      layer="zope.app.rotterdam.rotterdam" />
+
+  <browser:resource 
       name="site_management.css" 
       file="site_management.css" 
       layer="zope.app.rotterdam.rotterdam" />
@@ -87,7 +97,7 @@
       layer="zope.app.rotterdam.rotterdam"
       allowed_interface="zope.interface.common.mapping.IItemMapping" 
       />
-  
+  <!-- use a table driven layout since the left navigation is cuts long names
   <browser:page 
       for="*"
       name="skin_macros"
@@ -95,6 +105,14 @@
       layer="zope.app.rotterdam.rotterdam"
       template="template.pt" 
       />
+  -->
+  <browser:page 
+      for="*"
+      name="skin_macros"
+      permission="zope.View"
+      layer="zope.app.rotterdam.rotterdam"
+      template="template_tablelayout.pt" 
+      />
   
   <browser:page 
       for="*"
@@ -110,12 +128,13 @@
       layer="zope.app.rotterdam.rotterdam"
       template="dialog_macros.pt" />
 
+  <!-- use the static tree since the xmltree has to many issues -->
   <browser:page
       for="*"
       name="navigation_macros"
       permission="zope.View"
       layer="zope.app.rotterdam.rotterdam"
-      template="navigation_macros.pt"
+      template="navigation_macros_tablelayout.pt"
       />
 
   <browser:page

Added: Zope3/trunk/src/zope/app/rotterdam/navigation_macros_tablelayout.pt
===================================================================
--- Zope3/trunk/src/zope/app/rotterdam/navigation_macros_tablelayout.pt	2005-03-21 02:01:10 UTC (rev 29606)
+++ Zope3/trunk/src/zope/app/rotterdam/navigation_macros_tablelayout.pt	2005-03-21 02:26:41 UTC (rev 29607)
@@ -0,0 +1,98 @@
+<!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"
+      i18n:domain="zope">
+<body>
+
+  <!-- Java scripts for the navigation tree - none! -->
+
+  <metal:tree define-macro="navigation_tree_js">
+  </metal:tree>
+
+  <!-- Box containing the actual navigation tree -->
+
+  <metal:tree define-macro="navigation_tree_box">
+    <div class="box" id="navigationTree">
+      <h4 i18n:translate="">Navigation</h4>
+        <div class="treebody">
+<tal:block define="root context/@@root_cookie_tree;
+                   result root/getFlatDicts;
+                   nodeDictList python:result[0];
+                   maxDepth python:result[1]">
+
+<table cellspacing="0" cellpadding="0">
+<tr>
+  <td width="16">
+    <img src="" tal:define="icon root/context/@@zmi_icon | nothing"
+         tal:replace="structure icon" />
+  </td>
+  <td class="list-item"
+      tal:attributes="colspan python:maxDepth+2">
+    <a href=""
+       tal:attributes="href 
+           string:${root/context/@@absolute_url}/@@SelectedManagementView.html"
+       tal:content="root/getId() | string:[top]"></a>
+  </td>
+</tr>
+</table>
+
+<table cellspacing="0" cellpadding="0" tal:repeat="nodeInfo nodeDictList">
+<tr tal:define="node nodeInfo/node">
+  <td style="width:16px" tal:repeat="state nodeInfo/row-state">
+    <img tal:attributes="src context/++resource++tree_images/vline.png"
+         tal:condition="state" alt="|" border="0" />
+    <img src="" width="16" height="16"
+		     tal:condition="not:state"
+         tal:attributes="src context/++resource++tree_images/shim.gif" />
+  </td>
+  <td style="width:16px">
+    <a href=""
+       tal:attributes="href string:/?tree-state=${nodeInfo/tree-state}"
+       tal:condition="node/hasChildren">
+      <tal:block condition="not:nodeInfo/last-level-node">
+        <img tal:attributes="src context/++resource++tree_images/plus_vline.png"
+             tal:condition="not:node/expanded" alt="+" border="0" />
+        <img tal:attributes="src context/++resource++tree_images/minus_vline.png"
+             tal:condition="node/expanded" alt="-" border="0" />
+      </tal:block>
+      <tal:block condition="nodeInfo/last-level-node">
+        <img tal:attributes="src context/++resource++tree_images/plus.png"
+             tal:condition="not:node/expanded" alt="+" border="0" />
+        <img tal:attributes="src context/++resource++tree_images/minus.png"
+             tal:condition="node/expanded" alt="-" border="0" />
+      </tal:block>
+    </a>
+    <tal:block condition="not:node/hasChildren">
+      <img tal:attributes="src context/++resource++tree_images/tline.png"
+           tal:condition="not:nodeInfo/last-level-node" alt="" border="0" />
+      <img tal:attributes="src context/++resource++tree_images/lline.png"
+           tal:condition="nodeInfo/last-level-node" alt="" border="0" />
+    </tal:block>
+  </td>
+
+  <td align="left" style="width:16px"
+      tal:define="object nocall:node/context;
+                  icon   object/@@zmi_icon | nothing">
+    <img src="" tal:replace="structure icon" />
+    <img src="" width="16" height="16"
+		     tal:condition="not:icon"
+         tal:attributes="src context/++resource++tree_images/shim.gif" />
+  </td>
+
+  <td class="list-item"
+      tal:attributes="colspan python:maxDepth-len(nodeInfo['row-state'])+1">
+    &nbsp;<a href=""
+       tal:attributes="href 
+           string:${node/context/@@absolute_url}/@@SelectedManagementView.html"
+       tal:content="node/context/zope:name">
+      node/id
+    </a>
+  </td>
+</tr>
+</table>
+</tal:block>
+
+      </div>
+    </div>
+  </metal:tree>
+</body>
+</html>


Property changes on: Zope3/trunk/src/zope/app/rotterdam/navigation_macros_tablelayout.pt
___________________________________________________________________
Name: svn:eol-style
   + native

Added: Zope3/trunk/src/zope/app/rotterdam/site_management_tablelayout.css
===================================================================
--- Zope3/trunk/src/zope/app/rotterdam/site_management_tablelayout.css	2005-03-21 02:01:10 UTC (rev 29606)
+++ Zope3/trunk/src/zope/app/rotterdam/site_management_tablelayout.css	2005-03-21 02:26:41 UTC (rev 29607)
@@ -0,0 +1,70 @@
+/*
+** Customisations for the Site Management view 
+** Used when the URL contains ++etc++site
+*/
+a {
+	color: #963;
+}
+
+div#action {
+	height: 24px;
+	width: 100%;
+	background-color: #963;
+}
+
+div#action ul {
+	line-height: 24px;
+	color: #FFF;
+	white-space: nowrap;
+    float: right;
+	margin: 0px;
+    padding: 0px 5px 0px 0px;
+}
+
+div#action li {
+	list-style-type: none;
+	display: inline;
+}
+
+div#action li a {
+	color: #FFF;
+	text-decoration: none;
+    border-left: 1px dashed white;
+    padding: 0px 5px;
+}
+
+div#action li a:link {
+    color: #FFF:
+}
+
+div#action li a:hover {
+    color: black;
+    background-color: white;
+}
+
+.itemViews {
+    border-bottom: 1px solid #963;
+}
+
+.itemViews a {
+    border: 1px solid #963;
+}
+
+.itemViews a.selected {
+    background: #963;
+    border-bottom: #963 1px solid;
+}
+
+.itemViews a:hover {
+    background-color: #963;
+    color: White;
+}
+
+hr {
+    color: #963;
+}
+
+
+h1, h2, h3, h4, h5, h6 {
+    border-bottom: 1px solid #963;
+}


Property changes on: Zope3/trunk/src/zope/app/rotterdam/site_management_tablelayout.css
___________________________________________________________________
Name: svn:eol-style
   + native

Added: Zope3/trunk/src/zope/app/rotterdam/template_tablelayout.pt
===================================================================
--- Zope3/trunk/src/zope/app/rotterdam/template_tablelayout.pt	2005-03-21 02:01:10 UTC (rev 29606)
+++ Zope3/trunk/src/zope/app/rotterdam/template_tablelayout.pt	2005-03-21 02:26:41 UTC (rev 29607)
@@ -0,0 +1,210 @@
+<metal:block define-macro="page"><metal:block define-slot="doctype"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></metal:block>
+
+<html xmlns="http://www.w3.org/1999/xhtml"
+    xml:lang="en"
+    lang="en"
+    i18n:domain="zope"
+    tal:define="sitemgmt python:'/++etc++site/' in str(request.URL)">
+
+  <head>
+    <title metal:define-slot="title"
+           tal:content="string:Z3: ${context/zope:title_or_name}">Z3 UI</title>
+
+    <style type="text/css" media="all"
+           tal:content="string:@import url(${context/++resource++zope3_tablelayout.css});">
+      @import url(zope3_tablelayout.css);
+    </style>
+
+    <style type="text/css" media="all" tal:condition="sitemgmt"
+           tal:content="string:@import url(${context/++resource++site_management_tablelayout.css});">
+      @import url(site_management_tablelayout.css);
+    </style>
+
+    <meta http-equiv="Content-Type"
+          content="text/html;charset=utf-8" />
+
+    <metal:block define-slot="headers" />
+    <metal:block define-slot="style_slot" />
+    <metal:block define-slot="ecmascript_slot" />
+
+    <!-- Basic zope3 javascript's -->
+    <script type="text/javascript" src="zope3.js"
+            tal:attributes="src string:${context/++resource++zope3.js}" >
+    </script>
+
+    <metal:tree use-macro="context/@@standard_macros/navigation_tree_js" />
+
+    <link rel="icon" type="image/png"
+          tal:attributes="href context/++resource++favicon.png" />
+  </head>
+
+  <body tal:attributes="onload body_onload | nothing">
+        <table id="layout" border="0" cellspacing="0" cellpadding="0">
+            <tr>
+                <td colspan="2" id="top">
+                    <metal:slot define-slot="global">
+                        <div id="global" metal:define-macro="global">
+                            <div id="userDetails" metal:define-slot="user_details">
+                                <metal:block define-macro="logged_user">
+                                    <span tal:omit-tag="" i18n:translate="">User:</span>
+                                    <tal:block replace="request/principal/title">
+                                        User
+                                    </tal:block>
+                                </metal:block>
+                                <metal:block define-slot="login_logout">
+                                    <metal:macro define-macro="login_logout">
+                                    <tal:block content="structure context/@@login_logout" />
+                                    </metal:macro>
+                                </metal:block>
+                            </div>
+                            <metal:slot define-slot="logo">
+                                <a href="#" name="top"
+                                     tal:attributes="href string:${request/URL/0}/@@SelectedManagementView.html"><img tal:attributes="src context/++resource++zope3logo.gif" /></a>
+                            </metal:slot>
+                        </div>
+                        </metal:slot>
+                </td>
+            </tr>
+            <tr>
+                <td colspan="2">
+                    <metal:slot define-slot="breadcrumbs">
+                    <div id="breadcrumbs" metal:define-macro="breadcrumbs">
+                        <div tal:omit-tag="" i18n:translate="">Location:</div>&nbsp;<tal:block
+                             repeat="breadcrumb context/@@absolute_url/breadcrumbs"
+                            ><a href=""
+                                    tal:condition="repeat/breadcrumb/start"
+                                    tal:attributes="
+                                    href string:${breadcrumb/url}/@@SelectedManagementView.html"
+                                    i18n:translate="">[top]</a>
+                            <a href=""
+                                 tal:condition="not:repeat/breadcrumb/start"
+                                 tal:content="string:${breadcrumb/name}"
+                                 tal:attributes="
+                                 href string:${breadcrumb/url}/@@SelectedManagementView.html">
+                                breadcrumb item</a> / </tal:block>
+                    </div>
+                    </metal:slot>
+                </td>
+            </tr>
+            <tr>
+                <td id="navigation">
+                <metal:slot define-slot="navigators">
+                <div id="navigators" metal:define-macro="navigators">
+                    <!-- Navigation tree box -->
+                    <metal:tree use-macro="context/@@standard_macros/navigation_tree_box" />
+                    <tal:block condition="python: macroname == 'view'">
+                        <div class="box" id="commonTasks"
+                                 tal:define="view context/@@commonTasks|nothing"
+                                 tal:condition="view/strip|nothing">
+                            <h4 i18n:translate="">Add:</h4>
+                            <div class="body">
+                                <span tal:replace="structure view" />
+                            </div>
+                        </div>
+                    </tal:block>
+                </div>
+                </metal:slot>
+                </td>
+                <td id="content">
+                <div id="workspace" metal:define-macro="workspace">
+                    <metal:slot define-slot="tabs">
+                    <div tal:condition="python: macroname == 'view'" class="itemViews">
+                        <tal:block repeat="view context/@@view_get_menu/zmi_views">
+                            <a href=""
+                                tal:attributes="href view/action;
+                                                                class view/selected;"
+                                tal:content="view/title"
+                                i18n:translate="">
+                                label
+                            </a>
+                        </tal:block>
+                    </div>
+                    <!-- OnlineHelp with popup support -->
+                    <!-- note, we reverse the actions list 'cos they're packed to the
+                             screen from the right -->
+                    <div tal:condition="python: macroname == 'view'" id="action"
+                             tal:define="
+                                     help_actions context/@@view_get_menu/help_actions|nothing;
+                                     actions context/@@view_get_menu/zmi_actions">
+                        <ul>
+                            <li tal:condition="actions" tal:repeat="info actions"
+                                ><a href="#"
+                                         tal:attributes="href info/action"
+                                         tal:content="info/title"
+                                         i18n:translate="">
+                                        Action name
+                                </a></li>
+                            <li tal:condition="help_actions" tal:repeat="help_info help_actions"
+                                ><a href="#"
+                                     tal:define="url string:'${view/__name__}/${help_info/action}';
+                                                             name string:'OnlineHelp';
+                                                             settings string:'height=500
+                                                                                             ,width=950
+                                                                                             ,resizable=1
+                                                                                             ,scrollbars=yes
+                                                                                             ,location=no
+                                                                                             ,status=no
+                                                                                             ,toolbar=no
+                                                                                             ,menubar=no'"
+                                     tal:attributes="href python:'javascript:popup('
+                                                                                             + url + ','
+                                                                                             + name + ','
+                                                                                             + settings +')'"
+                                     tal:content="help_info/title"
+                                     i18n:translate="">
+                                    Action name
+                                </a></li>
+                        </ul>
+                    </div>
+                    </metal:slot>
+                    <div id="viewspace" metal:define-slot="viewspace">
+                        <div metal:define-slot="message" id="message">
+                        </div>
+                        <div id="body">
+                            <metal:block define-slot="body">
+                                <table class="listing">
+                                    <thead>
+                                        <th>Test</th>
+                                        <th>Another</th>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td>content</td>
+                                            <td>thingy</td>
+                                        </tr>
+                                        <tr class="even">
+                                            <td>more</td>
+                                            <td>data</td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </metal:block>
+                        </div>
+                        <div id="context_information" metal:define-slot="context_information">
+                            <div id="helpers" metal:define-slot="helpers">
+                                <div class="box" id="itemHelp" tal:condition="pagetip|nothing">
+                                    <h4 i18n:translate="">Tip</h4>
+                                    <div class="body">
+                                        <div class="content odd">
+                                            <metal:block define-slot="pagetip"
+                                                                     tal:replace="structure pagetip">
+                                                A short tip goes here
+                                            </metal:block>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="spacer">
+                            &nbsp;
+                        </div>
+                    </div>
+                </div>
+                <div id="footer" metal:define-macro="footer" />
+                <div id="logger" metal:define-slot="logger" />
+                </td>
+            </tr>
+        </table>
+  </body>
+</html>
+</metal:block>


Property changes on: Zope3/trunk/src/zope/app/rotterdam/template_tablelayout.pt
___________________________________________________________________
Name: svn:eol-style
   + native

Added: Zope3/trunk/src/zope/app/rotterdam/zope3_tablelayout.css
===================================================================
--- Zope3/trunk/src/zope/app/rotterdam/zope3_tablelayout.css	2005-03-21 02:01:10 UTC (rev 29606)
+++ Zope3/trunk/src/zope/app/rotterdam/zope3_tablelayout.css	2005-03-21 02:26:41 UTC (rev 29607)
@@ -0,0 +1,615 @@
+/*
+** Zope3 style sheet for CSS2-capable browsers.
+** For future skin see zope.app.boston.
+*/
+
+/*
+* { border: 1px dotted red }
+*/
+
+
+/* Basic Elements */
+
+body {
+    font: 85% Helvetica, Arial, sans-serif;
+    background: White;
+    color: Black;
+    margin: 0;
+    padding: 0;
+/* These work in IE only, changes the look of the scrollbar + textareas */
+    scrollbar-base-color: White;
+    scrollbar-highlight-color: White;
+    scrollbar-track-color: #F8F8F8;
+    scrollbar-darkshadow-color: #F8F8F8;
+    scrollbar-3dlight-color: #369;
+    scrollbar-shadow-color: #369;
+    scrollbar-arrow-color: Black;
+}
+
+table {
+    border-collapse: collapse;
+    font-size: 100%;
+}
+
+a {
+    text-decoration: none;
+    color: #369;
+    background-color: transparent;
+}
+
+a[href]:active {
+    text-decoration: underline;
+}
+
+img {
+    border: none;
+    vertical-align: middle;
+}
+
+p {
+    margin: 0.5em 0em 1em 0em;
+    line-height: 1.5em;
+}
+
+p a:visited {
+    color: Purple;
+    background-color: transparent;
+}
+
+p a:active {
+    color: Red;
+    background-color: transparent;
+}
+
+p img {
+    border: 0;
+    margin: 0;
+}
+
+
+hr {
+    clear: both;
+    height: 1px;
+    color: #369;
+    background-color: transparent;
+}
+
+
+h1, h2, h3, h4, h5, h6 {
+    color: Black;
+    clear: left;
+    font: 100% bold Verdana, Helvetica, Arial, sans-serif;
+    margin: 0;
+    padding-top: 0.5em;
+    border-bottom: 1px solid #369;
+}
+
+h1 {
+    font-size: 160%;
+}
+
+h2 {
+    font-size: 150%;
+}
+
+h3 {
+    font-size: 140%;
+}
+
+h4 {
+    font-size: 120%;
+}
+
+h5 {
+    font-size: 100%;
+}
+
+h6 {
+    font-size: 80%;
+}
+
+ul {
+    line-height: 1.5em;
+    /* list-style-image: url("bullet.gif"); */
+    margin-left: 2em;
+    padding:0;
+}
+
+ol {
+    line-height: 1.5em;
+    margin-left: 2em;
+    padding:0;
+}
+
+dl {
+}
+
+dt {
+    font-weight: bold;
+}
+
+dd {
+    line-height: 1.5em;
+    margin-bottom: 1em;
+}
+
+
+fieldset {
+    border: 1px solid #A0A0A0;
+    /*
+    margin: 2em 0em 1em 0em;
+    padding: 1em 0em;
+    */
+    margin: 0em 0em 2em 0em;
+    padding: 0 1em 1em 1em;
+}
+
+legend {
+    background: White;
+    padding: 0.5em;
+}
+
+
+form {
+    border: none;
+    margin: 0;
+}
+
+textarea {
+    color: Black;
+    width: 88%;
+    padding: 0.1em;
+}
+
+input {
+    font: normal 100% Verdana, Helvetica, Arial, sans-serif;
+    color: Black;
+    vertical-align: middle;
+    margin-bottom: 1px; /* IE bug fix */
+    padding: 0.1em;
+}
+
+select {
+    font: normal 100% Verdana, Helvetica, Arial, sans-serif;
+    vertical-align: top;
+}
+
+abbr, acronym, .explain {
+    border-bottom: 1px dotted Black;
+    color: Black;
+    background-color: transparent;
+    cursor: help;
+}
+
+q {
+    font-family: Times, "Times New Roman", serif;
+    font-style: italic;
+    font-size: 120%;
+}
+
+blockquote {
+    font-family: Times, "Times New Roman", serif;
+    font-style: italic;
+    font-size: 120%;
+}
+
+code {
+    font-size: 120%;
+    color: Black;
+    background-color: #CCCCCC;
+}
+
+pre {
+    font-size: 120%;
+    padding: 1em;
+    border: 1px solid #A0A0A0;
+    color: Black;
+    background-color: #CCCCCC;
+}
+
+.netscape4 {
+    display: none;
+}
+
+/* layout table
+*/
+
+#layout {
+    width: 100%;
+    table-layout: auto;
+    font-size: 100%;
+    border-collapse: collapse;
+    padding: 0px;
+    margin: 0px;
+}
+
+#layout td {
+    vertical-align: top;
+}
+
+#layout td.global {
+    width: 100%;
+}
+
+#layout td.navigators {
+    width: 200px;
+}
+
+#layout td.workspace {
+}
+
+
+/* Structural elements 
+*/
+
+#top {
+    border-bottom: 0.1em solid black;
+}
+
+#top #userDetails {
+    float:right;
+    margin-top: 1.2em;
+    padding-right: 0.5em;
+}
+
+div#action {
+    height: 24px;
+    width: 100%;
+    background-color: #336699;
+}
+
+div#action ul {
+    line-height: 24px;
+    color: #FFF;
+    white-space: nowrap;
+    float: right;
+    margin: 0px;
+    padding: 0px 5px 0px 0px;
+}
+
+div#action li {
+    list-style-type: none;
+    display: inline;
+}
+
+div#action li a {
+    color: #FFF;
+    text-decoration: none;
+    border-left: 1px dashed white;
+    padding: 0px 5px;
+}
+
+div#action li a:link {
+    color: #FFF:
+}
+
+div#action li a:hover {
+    color: black;
+    background-color: white;
+}
+
+#breadcrumbs {
+    margin: 0;
+    padding: 5px 5px 5px 5px;
+}
+
+#navigation {
+    width: 200px;
+    vertical-align: top;
+    padding: 0px;
+    margin: 0px;
+}
+
+#navigators {
+    padding: 10px 20px 0px 5px;
+}
+
+/* slot boxes
+*/
+
+div.box {
+    background: #CCCCCC;
+    border-right: 1px solid #CCCCCC;
+    border-left: 1px solid #CCCCCC;
+    margin-bottom: 10px;
+    padding: 0px;
+}
+
+div.box h4 {
+    background: #CCCCCC;
+    border: 1px solid #CCCCCC;
+    border-style: solid solid none solid;
+    color: #808080;
+    padding: 0px 5px;
+    display: block;
+    height: 22px;
+}
+
+.box div.body {
+    background: white;
+    border-bottom: 1px solid #CCCCCC;
+}
+
+.box div.body div {
+    color: #777777;
+    padding: 2px 0px 5px 5px;
+    margin: 0px;
+}
+
+.box div.treebody {
+    background: white;
+    border-bottom: 1px solid #CCCCCC;
+}
+
+.box div.treebody table {
+    margin: 2px;
+}
+
+.box div.body div.tip {
+    color: #B30000;
+    padding: 2px 0px 5px 5px;
+}
+
+.box div.body div.even {
+    background: #EBEBE2;
+    padding: 4px;
+}
+
+.box div.body div.odd {
+    padding: 4px;
+}
+
+.box div.body a:hover {
+    text-decoration: underline;
+}
+
+.box .content {
+    padding: 0.5em;
+}
+
+.box h1,
+.box h2,
+.box h3,
+.box h4 {
+    margin: 0;
+}
+
+
+#content {
+}
+
+#context_information {
+    padding-top: 1em;
+    width: 15%;
+    float: left;
+    padding-left: 0.5em;
+}
+
+#workspace {
+    width: 100%;
+}
+
+#helpers {
+}
+
+#inspectors {
+}
+
+#footer {
+    border-bottom: 1px solid black;
+    float: left;
+    clear: both;
+}
+
+input.textType {
+    width: 88%; /* Same as textarea */
+}
+
+input.editcheck {
+    float:left;
+    position:relative;
+    top:1em;
+}
+
+div.row {
+    padding-top: 1em;
+}
+
+/*
+div.label {
+    #clear: both;
+    padding-top: 10px;
+}
+*/
+
+/* XXX: div.row div.field doesn't appear to be selecting. div.row div
+        is a workaround */
+/* This seems to work in Firefox 1.0 and IE6. */
+
+div.row div.field {
+    clear: left;
+    padding-top: 1px;
+}
+
+div.row div.label {
+    background: #369;
+    color: #fff;
+    padding: 0.1em 0.5em 0.1em 0.5em; /* Same as .itemViews */
+    border: 1px solid #369; /* Same as .itemViews */
+    margin: 0;
+    float: left;
+    clear: both;
+}
+
+div.row span.error {
+    background: red;
+    color: white;
+    padding: 0.1em 0.5em 0.1em 0.5em; /* Same as .itemViews */
+    border: 1px solid red; /* Same as .itemViews */
+    margin: 0;
+    float: left;
+    clear: both;
+}
+/*
+div.row div.error:before {
+    content: "\2190  "; /* Left pointing arrow */
+}
+*/
+
+#metadata .label {
+    font-size: 80%;
+}
+
+.itemViews {
+    background: transparent;
+    border-collapse: collapse;
+    border-bottom: 1px solid #369;
+    padding-top: 1px;
+    padding-bottom: 1px;
+    padding-left: 1em;
+    margin-top: 0.8em;
+    white-space: nowrap;
+}
+
+.itemViews a {
+    background: transparent;
+    border: 1px solid #369;
+    color: Black;
+    font-weight: normal;
+    margin-right: 0.5em;
+    padding: 0.1em 0.5em 0.1em 0.5em;
+}
+
+.itemViews a.selected {
+    background: #369;
+    border-bottom: #369 1px solid;
+    color: White;
+    font-weight: normal;
+}
+
+
+.itemViews a:hover {
+    background-color: #369;
+    color: White;
+}
+
+#viewspace {
+    border-collapse: collapse;
+    margin: 0;
+}
+
+table.listingdescription, table.listing {
+    /* The default table for document listings. Contains name, document types, modification times etc in a file-browser-like fashion */
+    border-collapse: collapse;
+    border-left: 1px solid #CCCCCC;
+    border-bottom: 1px solid #CCCCCC;
+    margin: 1em 0em 1em 0em;
+/*    clear: both; */
+}
+
+table.listingdescription {
+    width: 100%;
+}
+
+table.listingdescription th, table.listing th {
+    background: #CCCCCC;
+    border-top: 1px solid #CCCCCC;
+    border-bottom: 1px solid #CCCCCC;
+    border-right: 1px solid #CCCCCC;
+    color: #808080;
+    font-weight: normal;
+    padding: 0em 1em 0em 1em;
+    white-space: nowrap;
+}
+
+table.listingdescription td.top, table.listing td.top {
+    border-left: 1px solid White;
+    border-top: 1px solid White ! important;
+    border-right: 1px solid White ! important;
+    text-align: right ! important;
+    padding: 0em 0em 1em 0em;
+    /* insane IE row bug workaround */
+    position: relative;
+    left: -1px;
+    top: -1px;
+}
+
+table.listingdescription tr.odd, table.listing tr.odd {
+    /*every second line should be shaded */
+    background: White;
+}
+
+table.listingdescription tr.even, table.listing tr.even {
+    background: #F8F8F8;
+}
+
+table.listing td {
+    border-right: 1px solid #CCCCCC;
+    padding: 0em 0.3em;
+    text-align: left;
+    white-space: nowrap;
+}
+
+
+table.listingdescription img, table.listing img {
+    vertical-align: middle;
+}
+
+table.listingdescription td {
+    border-right: 1px solid #CCCCCC;
+    padding: 5px;
+    text-align: left;
+}
+
+
+/*colorize the matrix table used in grant.html*/
+table.matrix td.default {
+    background: green;
+}
+
+
+table.matrix td.changed {
+    background: red;
+}
+
+
+div.spacer {
+    clear: both;
+}
+
+
+.registrationSummary {
+    margin-left: 2em;
+    margin-bottom: 1em;
+}
+.registrationSummary .usageSummary {
+    font-weight: bold;
+}
+.registrationSummary .modificationLink {
+    display: block;
+}
+
+
+div.message {
+    background: #FFCE7B;
+    border: 1px solid #FFA500;
+    color: Black;
+    font: bold 80% Verdana, Helvetica, Arial, sans-serif;
+    margin: 2em 0em 1em 0em;
+    padding: 0.5em 1em;
+    vertical-align: middle;
+}
+
+div.message a {
+    color: Black;
+}
+
+/* Style for page error divs.  Use this for displaying errors for a
+   page as a whole.
+ */
+div.page_error {
+    background: #FFCE7B;
+    font: bold 80% Verdana, Helvetica, Arial, sans-serif;
+    padding: 0.5em 1em;
+    vertical-align: middle;
+}


Property changes on: Zope3/trunk/src/zope/app/rotterdam/zope3_tablelayout.css
___________________________________________________________________
Name: svn:eol-style
   + native



More information about the Zope3-Checkins mailing list