[z3-checkins] r5134 - in z3/www/trunk: . five
faassen at codespeak.net
faassen at codespeak.net
Wed Jun 16 20:28:24 MEST 2004
Author: faassen
Date: Wed Jun 16 20:28:24 2004
New Revision: 5134
Added:
z3/www/trunk/style.css
Modified:
z3/www/trunk/five/index.html
z3/www/trunk/index.html
Log:
Add some style to the website.
Modified: z3/www/trunk/five/index.html
==============================================================================
--- z3/www/trunk/five/index.html (original)
+++ z3/www/trunk/five/index.html Wed Jun 16 20:28:24 2004
@@ -1,8 +1,40 @@
-<html>
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html
+ PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Five, the Zope 3 in Zope 2 project</title>
+<link rel="stylesheet" type="text/css" href="../style.css" title="Design" />
</head>
<body>
+
+<div id="Header">
+ <ul>
+ <li>
+ <a href="../" class="home" title="Z3 Base">Z3 Base</a>
+ </li>
+ </ul>
+</div>
+
+<div id="Box">
+
+<div id="RightMenu">
+<h4>Quick links</h4>
+<ul>
+ <li>
+ <a href="http://codespeak.net/svn/z3/Five/">svn (the code)</a>
+ </li>
+ <li>
+ <a href="http://codespeak.net/mailman/listinfo/z3-five">z3-five mailing list</a>
+ </li>
+ <li>
+ <a href="http://codespeak.net/mailman/listinfo/z3-checkins">z3-checkins mailing list</a>
+ </li>
+</ul>
+</div>
+
+<div id="Content">
<h1>Five, the Zope 3 in Zope 2 project</h1>
<h2>What is Five?</h2>
@@ -42,7 +74,7 @@
system for us all.
</p>
-<h2>Where to find it?</h2>
+<h2>Joining the project</h2>
<p>
Five is kindly hosted on codespeak.net, and is part of the larger
@@ -85,6 +117,7 @@
<p>
We hope to hear from you!
</p>
-
+</div>
+</div>
</body>
</html>
Modified: z3/www/trunk/index.html
==============================================================================
--- z3/www/trunk/index.html (original)
+++ z3/www/trunk/index.html Wed Jun 16 20:28:24 2004
@@ -1,9 +1,46 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html
+ PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Zope 3 Base</title>
+ <link rel="stylesheet" type="text/css" href="style.css" title="Design" />
</head>
<body>
+<div id="Header">
+ <ul>
+ <li>
+ <a href="." class="home" title="Z3 Base">Z3 Base</a>
+ </li>
+ <li>
+ <a href="five" class="home" title="Five">Five</a>
+ </li>
+ <li>
+ <a href="modzope" class="home" title="Mod Zope">Mod Zope</a>
+ </li>
+ <li>
+ <a href="zopexml" class="home" title="Zope XML">Zope XML</a>
+ </li>
+ </ul>
+</div>
+
+<div id="Box">
+
+<div id="RightMenu">
+<h4>Quick links</h4>
+<ul>
+ <li>
+ <a href="http://codespeak.net/svn/z3/">svn (the code)</a>
+ </li>
+ <li>
+ <a href="http://codespeak.net/mailman/listinfo/z3-checkins">z3-checkins mailing list</a>
+ </li>
+</ul>
+</div>
+
+<div id="Content">
<h1>Zope 3 Base</h1>
<p><cite>All Your Bobobase Are Belong To Us</cite></p>
@@ -19,6 +56,9 @@
<li><a href="zopexml">zopexml: XML support for Zope3</a></li>
</ul>
+</div>
+</div>
+
</body>
</html>
Added: z3/www/trunk/style.css
==============================================================================
--- (empty file)
+++ z3/www/trunk/style.css Wed Jun 16 20:28:24 2004
@@ -0,0 +1,222 @@
+body {
+ background-color: #fffcc9;
+ color: #333;
+ font-size: 11px;
+ font-family: sans-serif;
+ margin: 0;
+ padding; 0;
+ background: url("../Layout/pattern.png");
+ text-align: center;
+}
+
+a { text-decoration: none; }
+
+a:link { color: #b500c5; }
+
+a:visited { color: #b600c6; }
+
+a:hover {
+ color: red;
+ border-style: none;
+ text-decoration: underline;
+ background-color: transparent;
+}
+
+a img { padding: 0; }
+
+a:hover img { border: 1px solid red; }
+
+
+#Header {
+ margin: 0 auto;
+ width: 686px;
+ border: 1px solid #555;
+ background-color: #fcfcfc;
+}
+
+#Backgroundimage img{
+ margin: 0;
+ padding: 0;
+ border-bottom: 2px solid black;
+}
+
+/* the navigation */
+#Header ul {
+ height: 1.3em;
+ margin: 0;
+ padding: 0.3em 0.5em;
+ white-space: nowrap;
+ font-size: 11px;
+ padding: 0;
+}
+
+#Header ul li {
+ float: left;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+#Header ul li a {
+ text-transform: lowercase;
+ display: block;
+ margin: 0;
+ padding: 0 10px;
+}
+
+#Header ul li a:hover {
+ color: white;
+ text-decoration: none;
+ background-color: #b500c5;
+}
+
+#Box {
+ margin: 0 auto;
+ width: 686px;
+ padding: 0px;
+ text-align: left;
+ background-color: #fcfcfc;
+ border: 1px solid black;
+ border-top: 2px solid #999;
+ background-color: #fffcc9;
+}
+
+#Footer {
+ margin: 0 auto;
+ width: 686px;
+ border: 1px solid black;
+ border-top: 0;
+ margin-bottom: 10px;
+ background-color: #d6d6d6;
+}
+
+#Footer a img {
+ border: 0;
+}
+
+#RightMenu {
+ width: 200px;
+ background-color: transparent;
+ color: #666;
+ float: right;
+ padding: 1em 0.5em 0 0.5em;
+}
+
+#RightMenu h4 {
+ font-size: 10px;
+ padding-left: 10px;
+ display: block;
+ border-bottom: 1px dotted #999;
+ background: url("../Layout/h4_rightmenu.gif") no-repeat left center;
+ color: #888;
+}
+
+#RightMenu a { color: #956198; }
+#Rightmenu a:hover { color: red; }
+
+#RightMenu ul {
+ margin: 0;
+ padding-left: 10px;
+ list-style: circle;
+}
+
+#RightMenu a img {
+ border: 1px solid black;
+}
+
+#RightMenu a:hover img {
+ border: 1px solid red;
+}
+
+#Content {
+ margin: 0;
+ border: 0px;
+ border-right: 1px dotted #CCC;
+ padding: 1em 0.5em 0 0.5em;
+ width: 450px;
+ font-size: 11px;
+}
+
+#Content h4 {
+ font-size: 130%;
+ border-bottom: 2px dotted black;
+ text-align: left;
+ font-family: Georgia, serif;
+ background: url(../Layout/arrow.png) no-repeat top center;
+}
+
+#Content a img { border: 1px solid black; }
+
+#Content a:hover img { border: 1px solid red; }
+
+#Content a { text-decoration: underline; }
+
+#Content p.par-image {
+ float: right;
+ margin: 3px;
+}
+
+#Content p {
+ margin: 0.5em 0 0.5em 0;
+ font-size: 11px;
+}
+
+
+td.description {
+ width: 90%;
+}
+
+input[type=text], textarea {
+ border: 1px solid #ccc;
+ background-color: #FCFCFC;
+ color: black;
+}
+
+input[type=submit] {
+ border: 1px solid #ccc;
+ background-color: #e7e1ba;
+ color: black;
+}
+
+textarea:focus, input[type=text]:focus {
+ border: 1px solid black;
+ background-color: white;
+ color: black;
+}
+
+input[type=submit]:focus {
+ border: 1px solid black;
+ color: black;
+ }
+
+thead td {
+ text-align:center;
+ font-size: 15pt;
+ font-weight: bold;
+}
+
+table.pixelzilla {
+ padding: 0;
+ margin: 0;
+ border-spacing: 0;
+ width: 100%;
+ }
+
+table.pixelzilla thead th.version{ width: 150px; }
+
+table.pixelzilla thead th { background-color: #eae9be; }
+
+table.pixelzilla td { border-bottom: 1px solid #eae9be; }
+
+.note { border: 1px solid red; }
+
+.resume {
+ border: 1px solid #ddd;
+ padding: 5em;
+}
+
+.resume h1 {
+ font-family: Georgia, Times, serif;
+ text-align: center;
+ text-decoration: underline;
+}
More information about the z3-checkins
mailing list