[Zope3-checkins] CVS: Zope3/src/zope/app/browser/skins/rotterdam - configure.zcml:1.9 template.pt:1.13 zope3.css:1.12 all_links.css:NONE content_links.css:NONE
Alexander Limi
limi@plone.org
Wed, 5 Feb 2003 12:29:54 -0500
Update of /cvs-repository/Zope3/src/zope/app/browser/skins/rotterdam
In directory cvs.zope.org:/tmp/cvs-serv1017/src/zope/app/browser/skins/rotterdam
Modified Files:
configure.zcml template.pt zope3.css
Removed Files:
all_links.css content_links.css
Log Message:
- restructuring of the skin
- moved from three- to two+two-column layout.
- actions now have their own dedicated action bar, which we have further plans for ;)
- updated some of the icons
=== Zope3/src/zope/app/browser/skins/rotterdam/configure.zcml 1.8 => 1.9 ===
--- Zope3/src/zope/app/browser/skins/rotterdam/configure.zcml:1.8 Mon Jan 13 11:06:27 2003
+++ Zope3/src/zope/app/browser/skins/rotterdam/configure.zcml Wed Feb 5 12:29:51 2003
@@ -10,12 +10,6 @@
name="zope3.css" file="zope3.css" layer="rotterdam" />
<browser:resource
- name="all_links.css" file="all_links.css" layer="rotterdam" />
-
-<browser:resource
- name="content_links.css" file="content_links.css" layer="rotterdam" />
-
-<browser:resource
name="xmltree.js" file="xmltree.js" layer="rotterdam" />
<browser:resource
=== Zope3/src/zope/app/browser/skins/rotterdam/template.pt 1.12 => 1.13 ===
--- Zope3/src/zope/app/browser/skins/rotterdam/template.pt:1.12 Mon Feb 3 15:41:08 2003
+++ Zope3/src/zope/app/browser/skins/rotterdam/template.pt Wed Feb 5 12:29:51 2003
@@ -7,7 +7,7 @@
<head>
- <title metal:define-slot="title">Z3 UI</title>
+ <title metal:define-slot="title">Z3 UI</title>
<style type="text/css"
@@ -17,10 +17,9 @@
>
@import url(zope3.css);
</style>
-
- <link rel="alternate stylesheet" type="text/css" tal:attributes="href context/++resource++all_links.css" title="All links underlined" />
-
- <link rel="alternate stylesheet" type="text/css" tal:attributes="href context/++resource++content_links.css" title="Content box links underlined" />
+
+ <meta http-equiv="Content-Type"
+ content="text/html;charset=utf-8" />
<metal:block define-slot="headers" />
<metal:block define-slot="style_slot" />
@@ -44,16 +43,21 @@
<img tal:attributes="src context/++resource++zope3logo.gif" />
</div>
+
<div id="personal">
- <metal:block define-macro="logged_user">
- User:
- <tal:block replace="request/user/getTitle">
- User
- </tal:block>
- </metal:block>
+ <div id="userDetails">
- (Personal elements)
+ <metal:block define-macro="logged_user">
+ User:
+ <tal:block replace="request/user/getTitle">
+ User
+ </tal:block>
+ </metal:block>
+
+ </div>
+
+ [Personalized Elements]
</div>
@@ -79,9 +83,11 @@
<div class="body">
- <metal:block define-slot="commonTasks">
-
- </metal:block>
+ <div class="content">
+ <metal:block define-slot="commonTasks">
+
+ </metal:block>
+ </div>
</div>
@@ -90,25 +96,8 @@
</div>
- <div id="content">
+ <div id="workspace">
- <div id="breadcrumbs"
- metal:define-macro="breadcrumbs"
- > Location: <tal:block
- repeat="breadcrumb context/@@absolute_url/breadcrumbs"
- ><a href=""
- tal:condition="repeat/breadcrumb/start"
- tal:content="string:[top]"
- tal:attributes="
- href string:${breadcrumb/url}/@@SelectedManagementView.html"
- >XXX should not hardcode root folder name string</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>
-
<div class="itemViews"
metal:define-macro="zmi_tabs">
@@ -126,15 +115,49 @@
</tal:block>
</div>
+
+ <div id="actions"
+ tal:define="actions context/@@view_get_menu/zmi_actions"
+ tal:condition="actions"
+ >
+ <a href="#"
+ tal:attributes="href info/action"
+ tal:repeat="info actions"
+ tal:content="info/title"
+ >
+ Action name
+ </a>
+
- <div class="itemViewsBar">
-
</div>
+
+ <div id="viewspace">
- <div class="item">
+ <div id="breadcrumbs"
+ metal:define-macro="breadcrumbs"
+ > Location: <tal:block
+ repeat="breadcrumb context/@@absolute_url/breadcrumbs"
+ ><a href=""
+ tal:condition="repeat/breadcrumb/start"
+ tal:content="string:[top]"
+ tal:attributes="
+ href string:${breadcrumb/url}/@@SelectedManagementView.html"
+ >XXX should not hardcode root folder name string</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>
+
+ <div metal:define-slot="message" id="message">
- <metal:block define-slot="body">
+ </div>
+
+ <div id="content">
+ <metal:block define-slot="body">
<table class="listing">
@@ -168,22 +191,9 @@
</table>
</metal:block>
-
- </div>
-
-
- <div id="messages">
-
- Status and error messages
-
- <div id="logger"></div>
-
- </div>
-
</div>
-
- <div id="context_information">
+<div id="context_information">
<div id="helpers">
@@ -210,60 +220,42 @@
<div id="inspectors">
- <div class="box" id="metadata"
- tal:define="view context/@@MetaDataBox|nothing"
- tal:condition="view"
- >
+ <div class="box" id="metadata">
<h4>Metadata</h4>
- <div class="body" tal:content="structure view">
-
- <div class="content odd">
- testing testing
- </div>
-
- <div class="content even">
- and some more
+ <div class="body"
+ tal:define="view context/@@MetaDataBox|nothing"
+ tal:condition="view"
+ >
+
+ <div class="content" tal:content="structure view">
+ Some metadata
</div>
- </div>
-
+ </div>
</div>
- <div class="box"
- id="Actions"
- tal:define="actions context/@@view_get_menu/zmi_actions"
- tal:condition="actions"
- >
-
- <h4>Actions</h4>
+
- <div class="body">
-
- <a href="#"
- tal:attributes="href info/action"
- tal:repeat="info actions"
- >
- <div tal:define="oddrow repeat/info/odd"
- tal:attributes="class python:oddrow and 'even' or 'odd';
- value info/id|default"
- tal:content="info/title">Do something
- </div>
- </a>
-
- </div>
-
- </div>
+ </div>
+
+ </div>
+
+ <div class="spacer">
+
+ </div>
+
+ </div>
<div class="box" id="help"
- tal:define="results view/@@find_help_topics|nothing"
+ tal:define="results view/@@find_help_topics|nothing"
tal:condition="results">
<h4>Online Help</h4>
<div class="body">
<a href="#"
tal:repeat="entry results"
- tal:attributes="href entry/url">
+ tal:attributes="href entry/url">
<div tal:define="oddrow repeat/entry/odd"
tal:attributes="class python:oddrow and 'even' or 'odd'"
tal:content="entry/topic/title">Topic Title
@@ -272,16 +264,17 @@
</div>
</div>
-</div>
+
</div>
<div id="footer"
metal:define-macro="footer">
- Powered by Zope
+
</div>
+ <div id="logger" />
</body>
=== Zope3/src/zope/app/browser/skins/rotterdam/zope3.css 1.11 => 1.12 ===
--- Zope3/src/zope/app/browser/skins/rotterdam/zope3.css:1.11 Thu Jan 16 14:50:33 2003
+++ Zope3/src/zope/app/browser/skins/rotterdam/zope3.css Wed Feb 5 12:29:51 2003
@@ -11,19 +11,19 @@
/* Basic Elements */
body {
- font: 75% Verdana, Helvetica, Arial, sans-serif;
+ 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: #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;
+ scrollbar-base-color: White;
+ scrollbar-highlight-color: White;
+ scrollbar-track-color: #F8F8F8;
+ scrollbar-darkshadow-color: #F8F8F8;
+ scrollbar-3dlight-color: #336699;
+ scrollbar-shadow-color: #336699;
+ scrollbar-arrow-color: Black;
}
table {
@@ -32,13 +32,10 @@
a {
text-decoration: none;
- color: #436976;
+ color: #336699;
background-color: transparent;
}
-a:hover, div.box div.body a:hover div {
- text-decoration: underline;
-}
table {
@@ -79,7 +76,7 @@
hr {
clear: both;
height: 1px;
- color: #8CACBB;
+ color: #336699;
background-color: transparent;
}
@@ -87,10 +84,10 @@
h1, h2, h3, h4, h5, h6 {
color: Black;
clear: left;
- font: 100% Verdana, Helvetica, Arial, sans-serif;
+ font: 100% bold Verdana, Helvetica, Arial, sans-serif;
margin: 0;
- padding-top: 1em;
- border-bottom: 1px solid #8CACBB;
+ padding-top: 0.5em;
+ border-bottom: 1px solid #336699;
}
h1 {
@@ -148,7 +145,7 @@
fieldset {
- border: 1px solid #8cacbb;
+ border: 1px solid #A0A0A0;
margin: 2em 0em 1em 0em;
padding: 1em 0em;
}
@@ -165,26 +162,21 @@
}
textarea {
- border: 1px solid #8cacbb;
color: Black;
- background-color: white;
- width: 93%;
+ width: 88%;
padding: 0.1em;
}
input {
- font: 100% Verdana, Helvetica, Arial, sans-serif;
- border: 1px solid #8cacbb;
+ font: normal 100% Verdana, Helvetica, Arial, sans-serif;
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;
+ font: normal 100% Verdana, Helvetica, Arial, sans-serif;
vertical-align: top;
}
@@ -210,15 +202,15 @@
code {
font-size: 120%;
color: Black;
- background-color: #dee7ec;
+ background-color: #CCCCCC;
}
pre {
font-size: 120%;
padding: 1em;
- border: 1px solid #8cacbb;
+ border: 1px solid #A0A0A0;
color: Black;
- background-color: #dee7ec;
+ background-color: #CCCCCC;
}
.netscape4 {
@@ -231,7 +223,7 @@
#navtreecontents a {
cursor: pointer;
- height: 18px;
+ height: 20px;
}
#navtreecontents loading {
@@ -249,16 +241,18 @@
#navtreecontents icon {
background-repeat: no-repeat;
- padding-left: 17px;
+ padding-left: 20px;
display: inline;
cursor: auto;
}
#navtreecontents collection {
display: block;
- margin-left: 8px;
+ margin-left: 10px;
/* border: red solid 1pt; */
height: auto;
+ padding-top: 0.5em;
+ padding-bottom: 0.5em;
}
@@ -274,38 +268,72 @@
#personal {
border-bottom: 1px solid black;
text-align: left;
+ padding: 0.1em 1em;
+}
+
+#userDetails {
+ float: right;
+}
+
+#actions {
+ background: #336699;
+ border-left: 1px solid #336699;
+ border-right: 1px solid #336699;
+ padding: 0.3em;
+ color: Black;
+ border-collapse: collapse;
+}
+
+#actions a {
+ color: White;
+ float: right;
+ border-left: 1px dashed white;
+ padding: 0 0.5em;
+}
+
+#actions a:hover {
+ color: black;
+ background-color: White;
}
#breadcrumbs {
- border: 1px solid #74AE0B;
- padding: 0.1em 1em;
- margin-top: 0.8em;
+ border: 1px solid #336699;
+ border-style: none none solid none;
+ margin: 0;
}
+
#navigators {
float: left;
- width: 20%;
+ width: 15%;
+ padding: 1em;
+}
+
+#workspace {
+ width: 79%;
+ float: left;
}
#content {
float: left;
- width: 64%;
}
#context_information {
- float: left;
+ float: right;
width: 15%;
+ padding-top: 1em;
+ padding-left: 0.5em;
}
+
#helpers {
}
#inspectors {
}
-
#footer {
border-bottom: 1px solid black;
- float: none;
+ float: left;
clear: both;
}
@@ -326,57 +354,47 @@
}
div.box {
- background: transparent;
- border-collapse: collapse;
- margin: .8em;
- border: none;
-}
-
-div.box h4 {
- background: #DEE7EC;
- border: 1px solid #8CACBB;
- border-style: solid solid none;
- color: Black;
- text-transform: lowercase;
- margin: 0px;
- font-weight: normal;
-
- padding: 0.1em 1em 0.3em 0.5em;
-/* height: 1em; */
+ margin: 0em 0em 2em 0em;
+ padding: 0;
+ overflow: auto;
}
-/*div.box h4 {
- background: #DEE7EC;
- border-style: solid solid none;
- border: 1px solid #8CACBB;
- color: Black;
- display: inline;
+div.box h4 {
+ background: #CCCCCC;
+ border: 1px solid #CCCCCC;
+ border-style: solid solid none solid;
+ color: #808080;
+ padding: 0em 1em 0em 1em;
+ display: block;
font-size: 1em;
- font-weight: normal;
height: 1em;
- margin: 0px;
- padding: 0px 1em;
- text-transform: lowercase;
-}*/
+ text-align: center;
+}
+
div.box div.body {
background: transparent;
border-collapse: collapse;
- border: 1px solid #8CACBB;
+ border: 1px solid #CCCCCC;
+}
+
+div.box .content {
+ padding: 0.5em;
+}
+
+div.box h1,
+div.box h2,
+div.box h3,
+div.box h4 {
margin: 0;
- padding: 0.1em 1em 0.3em 0.5em;
}
-div.box div.body a div.odd {
- padding: 0.2em 0;
- background: transparent;
+div.box .even {
+ background-color: #F8F8F8;
}
-div.box div.body a div.even {
- padding: 0.2em 0;
-/* background: #F7F9FA; */
- border-bottom: 1px dotted #8CACBB;
- border-top: 1px dotted #8CACBB;
+div.box .odd {
+ background-color: White;
}
@@ -387,7 +405,7 @@
.itemViews {
background: transparent;
border-collapse: collapse;
- border-bottom: 1px solid #74AE0B;
+ border-bottom: 1px solid #336699;
padding-left: 1em;
margin-top: 0.8em;
white-space: nowrap;
@@ -395,70 +413,50 @@
.itemViews a {
background: transparent;
- border: 1px solid #74AE0B;
- color: #578308;
+ border: 1px solid #336699;
+ color: Black;
font-weight: normal;
margin-right: 0.5em;
padding: 0em 0.5em;
- text-transform: lowercase;
}
.itemViews a.selected {
- background: #CDE2A7;
- border-bottom: #CDE2A7 1px solid;
- color: #578308;
+ background: #336699;
+ border-bottom: #336699 1px solid;
+ color: White;
font-weight: normal;
}
-.itemViews p.selected {
- background: #CDE2A7;
- border: 1px solid #74AE0B;
- border-bottom: #CDE2A7 1px solid;
- color: #578308;
- font-weight: normal;
- margin-right: 0.5em;
- padding: 0em 0.5em;
- text-transform: lowercase;
- display: inline;
-}
.itemViews a:hover {
- background-color: #CDE2A7;
- color: #578308;
+ background-color: #336699;
+ color: White;
}
-.itemViewsBar {
- background: #CDE2A7;
- border-left: 1px solid #74AE0B;
- border-right: 1px solid #74AE0B;
- color: #578308;
- text-align: right;
- text-transform: lowercase;
-}
-
-.item {
- border: 1px solid #74AE0B;
+#viewspace {
+ border: 1px solid #336699;
+ border-collapse: collapse;
padding: 10px;
+ margin: 0;
}
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;
+ border-left: 1px solid #CCCCCC;
+ border-bottom: 1px solid #CCCCCC;
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;
+ 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;
- text-transform: lowercase;
white-space: nowrap;
}
@@ -476,15 +474,15 @@
table.listing tr.odd {
/*every second line should be shaded */
- background: transparent;
+ background: White;
}
table.listing tr.even {
- background: #F7F9FA;
+ background: #F8F8F8;
}
table.listing td {
- border-right: 1px solid #8CACBB;
+ border-right: 1px solid #CCCCCC;
padding: 0em 1em;
text-align: left;
}
@@ -495,7 +493,9 @@
}
-
+div.spacer {
+ clear: both;
+}
=== Removed File Zope3/src/zope/app/browser/skins/rotterdam/all_links.css ===
=== Removed File Zope3/src/zope/app/browser/skins/rotterdam/content_links.css ===