[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;
+}