[Zope-CVS] CVS: ZopeProducts/RotterdamSprint - template.pt:1.2 zope3.css:1.2
Jan-Wijbrand Kolman
jw@infrae.com
Tue, 3 Dec 2002 08:22:06 -0500
Update of /cvs-repository/ZopeProducts/RotterdamSprint
In directory cvs.zope.org:/tmp/cvs-serv7262
Modified Files:
template.pt zope3.css
Log Message:
First mockup of Zope3 Ui layout
=== ZopeProducts/RotterdamSprint/template.pt 1.1 => 1.2 ===
--- ZopeProducts/RotterdamSprint/template.pt:1.1 Tue Dec 3 06:46:43 2002
+++ ZopeProducts/RotterdamSprint/template.pt Tue Dec 3 08:22:04 2002
@@ -1,10 +1,75 @@
-<html>
+<!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"
+ xml:lang="en"
+ lang="en" >
<head>
+ <title>Z3 UI</title>
+ <style type="text/css" media="all">
+ @import url(zope3.css);
+ </style>
</head>
<body>
- <h1>
- Rotterdam Sprint
- </h1>
+
+ <div id="global">
+ Global elements
+ </div>
+
+ <div id="personal">
+ Personal elements
+ </div>
+
+ <div id="breadcrumbs">
+ Breadcrumb navigation
+ </div>
+
+
+
+ <div id="navigators">
+ Navigators
+
+ <div id="navigationTree">
+ Navigation tree
+ </div>
+
+ <div id="commonTasks">
+ Common tasks
+ </div>
+
+ </div>
+
+
+ <div id="content">
+ Main content
+
+ <div class="views">
+ Views indicator/switcher
+ </div>
+
+ <div id="messages">
+ Status and error messages
+ </div>
+
+ </div>
+
+
+
+ <div id="helpers">
+ Help elements
+ </div>
+
+
+ <div id="inspectors">
+ Inspectors
+
+ <div id="metadata">
+ Metadata information
+ </div>
+
+ </div>
+
+
+
</body>
</html>
=== ZopeProducts/RotterdamSprint/zope3.css 1.1 => 1.2 ===
--- ZopeProducts/RotterdamSprint/zope3.css:1.1 Tue Dec 3 06:09:09 2002
+++ ZopeProducts/RotterdamSprint/zope3.css Tue Dec 3 08:22:04 2002
@@ -2,8 +2,50 @@
** Plone style sheet for CSS2-capable browsers.
** Alexander Limi, 2002 - http://limi.net
**
-** Thanks to Geir Bækholt, Stian Søiland for input and guidance.
**
-** Style sheet documentation can be found at http://plone.org/documentation
-**
-*/
\ No newline at end of file
+*/
+
+/*
+* { border: 1px dotted red }
+*/
+
+#global {
+ border-bottom: 1px solid black;
+}
+
+#personal {
+ border-bottom: 1px solid black;
+ text-align: right;
+}
+
+#breadcrumbs {
+ border-bottom: 1px solid black;
+ color: blue;
+}
+
+#navigators {
+ border: 1px solid black;
+ float: left;
+ width: 15%;
+
+}
+
+#content {
+ border: 1px dotted black;
+ float: left;
+ width: 60%;
+
+}
+
+#helpers {
+ border: 1px solid black;
+ float: left;
+ width: 15%;
+}
+
+#inspectors {
+ border: 1px solid black;
+ float: left;
+ width: 15%;
+}
+