[Zope-CVS] CVS: ZopeProducts/RotterdamSprint - template.pt:1.4 zope3.css:1.4

Jan-Wijbrand Kolman jw@infrae.com
Tue, 3 Dec 2002 12:00:36 -0500


Update of /cvs-repository/ZopeProducts/RotterdamSprint
In directory cvs.zope.org:/tmp/cvs-serv29695

Modified Files:
	template.pt zope3.css 
Log Message:
Adding boxes, integrating first view tabs

=== ZopeProducts/RotterdamSprint/template.pt 1.3 => 1.4 ===
--- ZopeProducts/RotterdamSprint/template.pt:1.3	Tue Dec  3 08:42:03 2002
+++ ZopeProducts/RotterdamSprint/template.pt	Tue Dec  3 12:00:36 2002
@@ -28,24 +28,67 @@
 
 
     <div id="navigators">
-      Navigators
 
-      <div id="navigationTree">
-        Navigation tree
+      <div class="box" id="navigationTree">
+        <h3>Navigation</h3>
+        <div class="body">
+          <div class="content odd">
+            testing testing
+          </div>
+          <div class="content even">
+            and some more
+          </div>
+
+        </div>
       </div>
 
-      <div id="commonTasks">
-        Common tasks
+      <div class="box" id="commonTasks">
+        <h3>Common Tasks</h3>
+        <div class="body">
+          <div class="content odd">
+            testing testing
+          </div>
+          <div class="content even">
+            and some more
+          </div>
+
+        </div>
       </div>
 
     </div>
 
 
     <div id="content">
-      Main content
 
-      <div class="views">
-      Views indicator/switcher
+      <div class="itemViews" metal:define-macro="zmi_tabs">
+        <tal:block repeat="view views/standard_macros/getZMIViews">
+          <a href="" tal:attributes="href view/action" tal:content="view/title">
+            label
+          </a>
+        </tal:block>
+      </div>
+
+      <div class="item">
+
+        <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>
+
+
       </div>
 
       <div id="messages">
@@ -57,15 +100,36 @@
     
     
     <div id="helpers">
-      Help elements
+    
+      <div class="box" id="itemHelp">
+        <h3>Item Help</h3>
+        <div class="body">
+          <div class="content odd">
+            testing testing
+          </div>
+          <div class="content even">
+            and some more
+          </div>
+
+        </div>
+      </div>
+
     </div>
 
 
     <div id="inspectors">
-      Inspectors
 
-      <div id="metadata">
-        Metadata information
+      <div class="box" id="metadata">
+        <h3>Metadata</h3>
+        <div class="body">
+          <div class="content odd">
+            testing testing
+          </div>
+          <div class="content even">
+            and some more
+          </div>
+
+        </div>
       </div>
 
     </div>


=== ZopeProducts/RotterdamSprint/zope3.css 1.3 => 1.4 ===
--- ZopeProducts/RotterdamSprint/zope3.css:1.3	Tue Dec  3 08:42:03 2002
+++ ZopeProducts/RotterdamSprint/zope3.css	Tue Dec  3 12:00:36 2002
@@ -1,7 +1,5 @@
 /* 
-** Plone style sheet for CSS2-capable browsers.
-** Alexander Limi, 2002 - http://limi.net
-**
+** Zope3 style sheet for CSS2-capable browsers.
 **
 */
 
@@ -24,46 +22,39 @@
 }
 
 #navigators {
-    border: 1px solid black;
     float: left;
-    width: 15%;
-
+    width: 18%;
 }
 
 #content {
-    border: 1px dotted black;
     float: left;
-    width: 60%;
-
+    width: 64%;
 }
 
 #helpers {
-    border: 1px solid black;
     float: left;
-    width: 15%;
+    width: 18%;
 }
 
 #inspectors {
-    border: 1px solid black;
     float: left;
-    width: 15%;
+    width: 18%;
 }
 
 div.box {
     background: transparent;
     border-collapse: collapse;
-    margin: 0px 0px 2em;
+    margin: 2em 1em 0em 1em;
     border: none;
 }
 
 div.box h3 {
-    background: &dtml-boxHeaderBackground;;
-    border: &dtml-boxBorder;;
+    background: #DEE7EC;
+    border: 1px solid #8CACBB;
     border-style: solid solid none;
-    color: &dtml-boxHeaderFontColor;;
+    color: Black;
     padding: 0px 1em;
-    text-transform: &dtml-textTransform;;
-
+    text-transform: lowercase;
     margin: 0px;
     display: inline;
     font-weight: normal;
@@ -74,7 +65,352 @@
 div.box div.body {
     background: transparent;
     border-collapse: collapse;
-    border: &dtml-boxBorder;;
+    border: 1px solid #8CACBB;
     margin: 0;
     padding: 0;
-}
\ No newline at end of file
+}
+
+
+.itemViews {
+    background: transparent;
+    border-collapse: collapse;
+    border-bottom: 1px solid #74AE0B;
+    padding-left: 1em;
+    margin-top: 2em;
+    white-space: nowrap;
+}
+
+.itemViews a {
+    background: transparent;
+    border: 1px solid #74AE0B;
+    color: #578308;
+    font-weight: normal;
+    margin-right: 0.5em;
+    padding: 0em 2em;
+    text-transform: lowercase;
+}
+
+.itemViews a.selected {
+    background: #CDE2A7;
+    border-bottom: #CDE2A7 1px solid;
+    color: #578308;
+    font-weight: normal;
+}
+
+.itemViews a:hover {
+    background-color: #CDE2A7;
+    color: #578308;
+}
+
+.itemViewsBar {
+    background: #CDE2A7;
+    border-left: 1px solid #74AE0B;
+    border-right: 1px solid #74AE0B;
+    color: #578308;
+    text-align: right;
+    text-transform: lowercase;
+}
+
+.item {
+    border-left: 1px solid #74AE0B;
+    border-right: 1px solid #74AE0B;
+    border-bottom: 1px solid #74AE0B;
+}
+
+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 #8CACBB;
+    border-bottom: 1px solid #8CACBB;
+    font-size: 80%;
+    margin: 1em 0em 1em 0em;
+    clear: both;
+}
+
+table.listing th {
+    background: #DEE7EC;
+    border-top: 1px solid #8CACBB;
+    border-bottom: 1px solid #8CACBB;
+    border-right: 1px solid #8CACBB;
+    color: Black;
+    font-weight: normal;
+    padding: 0em 1em 0em 1em;
+    text-transform: lowercase;
+    white-space: nowrap;
+}
+
+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.listing tr.odd {
+    /*every second line should be shaded */
+    background: transparent;
+}
+
+table.listing tr.even {
+    background: #F7F9FA;
+}
+
+table.listing td {
+    border-right: 1px solid #8CACBB;
+    padding: 0em 1em;
+    text-align: left;
+}
+
+table.listing a:hover {
+    text-decoration: underline;
+}
+
+table.listing img {
+	vertical-align: middle;
+}
+
+
+
+
+
+
+
+
+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;
+    text-decoration: underline;
+}
+
+
+
+
+
+
+
+/* Basic Elements */
+
+body {
+    font: 65% Verdana, 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: #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;
+}
+
+table {
+    font-size: 100%;
+}
+
+a {
+	text-decoration: none;
+    color: #436976;
+    background-color: transparent;
+}
+
+table {
+
+}
+
+
+img {
+    border: none;
+	vertical-align: middle;
+}
+
+p {
+    margin: 0.5em 0em 1em 0em;
+    text-align: justify;
+    line-height: 1.5em;
+}
+
+p a {
+    text-decoration: underline;
+}
+
+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: #8CACBB;
+    background-color: transparent;
+}
+
+
+h1, h2, h3, h4, h5, h6 {
+    color: Black;
+    clear: left;
+    font: 100% Verdana, Helvetica, Arial, sans-serif;
+    margin: 0;
+    padding-top: 1em;
+    border-bottom: 1px solid #8CACBB;
+}
+
+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;
+}
+
+ul a, ol a {
+    text-decoration: underline;
+}
+
+dl {
+}
+
+dt {
+    font-weight: bold;    
+}
+
+dd {
+    line-height: 1.5em;
+    margin-bottom: 1em;
+}
+
+
+fieldset {
+    border: 1px solid #8cacbb;
+    margin: 2em 0em 1em 0em;
+    padding: 1em 0em;
+}
+
+legend {
+    background: White;
+    padding: 0.5em;
+}
+
+
+form {
+    border: none;
+    margin: 0;
+}
+
+textarea {
+    border: 1px solid #8cacbb;  
+    color: Black;
+    background-color: white;
+    width: 93%;
+    padding: 0.1em;
+}
+
+input {
+    font: 100% Verdana, Helvetica, Arial, sans-serif;
+    border: 1px solid #8cacbb;  
+    color: Black;
+    background-color: white;
+    vertical-align: middle;
+    margin-bottom: 1px; /* IE bug fix */
+    padding: 0.1em;
+}
+
+select {
+    font: 100% Verdana, Helvetica, Arial, sans-serif;
+    border: 1px solid #8cacbb;  
+    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: #dee7ec;
+}
+
+pre {
+    font-size: 120%;
+    padding: 1em;
+    border: 1px solid #8cacbb;
+    color: Black;
+    background-color: #dee7ec;
+}
+
+.netscape4 {
+    display: none;
+}