Changeset 1981Tweet

Timestamp:

11/16/07 16:11:19 (6 years ago)

Author:

sam

Message:

• New website look proposal.

Location:

www

Files:

• header.inc (modified) (1 diff)
• img/back1.png (added)
• img/back2.png (added)
• img/back3.png (added)
• img/back4.png (added)
• main.css (modified) (12 diffs)

www/header.inc

@@ -14 +14 @@
 </div>
 
-<div class="links" style="clear: both;">
+<div class="menubar" style="clear: both;">
   <p>
-    <a class="menu" href="/">about</a>
-    <a class="menu" href="/manual/">manual</a>
-    <a class="menu" href="/download.html">download</a>
-    <a class="menu" href="/devel.html">devel</a>
-    <a class="menu" href="/list/">mailing-list</a>
-    <a class="menu" href="/toilet.html">TOIlet</a>
-    <a class="menu" href="/cacatris.html">cacatris</a>
-    <a class="menu" href="/ttyvaders.html">ttyvaders</a>
-    <a class="menu" href="/neercs.html">neercs</a>
+    <a class="menubutton" href="/">about</a>
+    <a class="menubutton" href="/manual/">manual</a>
+    <a class="menubutton" href="/download.html">download</a>
+    <a class="menubutton" href="/devel.html">devel</a>
+    <a class="menubutton" href="/list/">mailing-list</a>
+    <a class="menubutton" href="/toilet.html">TOIlet</a>
+    <a class="menubutton" href="/cacatris.html">cacatris</a>
+    <a class="menubutton" href="/ttyvaders.html">ttyvaders</a>
+    <a class="menubutton" href="/neercs.html">neercs</a>
   </p>
 </div>

www/main.css

@@ -15 +15 @@
 body {
   color: black;
+  background: url('/img/back1.png') repeat left top;
   background-color: white;
 }
@@ -25 +26 @@
   font-size: 1.6em;
   font-variant: small-caps;
-  color: #88bb66;
+  color: #002200;
   background-color: inherit;
 }
@@ -32 +33 @@
   text-indent: 0.5em;
   border-style: solid;
-  border-color: #ffaa88;
+  border-color: #dd7788;
   background-color: inherit;
 }
@@ -39 +40 @@
   font-size: 1.3em;
   font-variant: small-caps;
-  color: #66aa44;
+  color: #224422;
   border-width: 0 0 2px 0;
 }
@@ -45 +46 @@
 h3 {
   font-size: 1.1em;
-  color: #559922;
+  color: #335533;
   border-width: 0 0 1px 0;
 }
@@ -57 +58 @@
 
 div.gradleft {
-  color: inherit;
-  background: url('/img/green-left.png') repeat-y left top;
-  background-color: #ddeebb;
+  /* no longer used */
 }
 
 div.gradright {
-  background: url('/img/green-right.png') repeat-y right top;
-  text-align: center;
+  /* no longer used */
 }
 
@@ -71 +69 @@
   display: table-caption;
   color: inherit;
-  background: white;
+  background: url('/img/back4.png') repeat left top;
   padding: 0 10px 0 10px;
   border-style: solid;
-  border-width: 0 1px 0 1px;
-  border-color: #449933;
+  border-width: 0 2px 0 2px;
+  border-color: black;
   margin: 0 auto 0 auto;
   text-align: justify;
@@ -81 +79 @@
 
 div.top {
-   border-width: 1px 1px 0 1px;
+   border-width: 2px 2px 0 2px;
+   margin-top: 5px;
 }
 
@@ -92 +91 @@
    clear: both;
    position: relative;
-   border-width: 0 1px 1px 1px;
+   border-width: 0 2px 2px 2px;
+   margin-bottom: 5px;
 }
 
@@ -102 +102 @@
   border-style: solid;
   border-width: 2px 0 0 0;
-  border-color: #ffaa88;
-}
-
-div.links {
-  text-align: center;
-  color: inherit;
-  background: #ffaa88;
-  border-style: solid;
-  border-width: 1px 0 1px 0;
-  border-color: #449933;
-  padding: 0px;
+  border-color: #dd7788;
 }
 
 img.caca {
-  border: solid 2px #ffaa88;
+  border: solid 2px #dd7788;
   margin: 10px 20px 10px 20px;
   float: right;
@@ -122 +112 @@
 
 img.inline {
-  border: solid 2px #ffaa88;
+  border: solid 2px #dd7788;
   padding: 2px;
 }
 
 div.toilet {
-  border: solid 2px #ffaa88;
+  border: solid 2px #dd7788;
   padding-left: 10px;
   padding-right: 10px;
@@ -146 +136 @@
 a:active  { color: #88ff77; background-color: inherit; }
 
-a.menu {
+/* Top menubar handling */
+
+div.menubar {
+  text-align: center;
   color: inherit;
-  background-color: white;
+  background: url('/img/back3.png') repeat right top;
+  border-style: solid;
+  border-width: 2px 0 2px 0;
+  border-color: black;
+  padding: 0px;
+}
+
+a.menubutton {
+  color: inherit;
+  background: url('/img/back2.png') repeat left top;
   text-decoration: none;
   font-weight: bold;
-  border: solid #449922 1px;
+  border: solid black 2px;
   padding: 4px 10px 4px 10px;
   margin: 0 5px 0 5px;
 }
 
-a.menu:hover {
-  color: inherit;
-  background-color: #ddeebb;
+a.menubutton:hover {
+  color: #ffffff;
+  border-color: #ffffff;
+  background: inherit;
 }