[or-cvs] changes to stylesheet for gui project, and changes to the b...

[le at seul.org]

Update of /home/or/cvsroot/website
In directory moria:/home/le/public_html

Modified Files:
	stylesheet.css 
Log Message:
changes to stylesheet for gui project, and changes to the banner
styles which make the language buttons fit and align nicely.



Index: stylesheet.css
===================================================================
RCS file: /home/or/cvsroot/website/stylesheet.css,v
retrieving revision 1.22
retrieving revision 1.23
diff -u -d -r1.22 -r1.23
--- stylesheet.css	9 Aug 2005 01:09:21 -0000	1.22
+++ stylesheet.css	9 Aug 2005 22:45:03 -0000	1.23
@@ -14,12 +14,18 @@
     border: 0;
 }
 
+
+li { 
+   margin: .2em .2em .2em 1em;
+  
+}
+
 /* this centers the page */
 
 .center {
     text-align: center;
     background-color: white;
-    margin: 10px auto 0 auto;
+    margin: 0px auto 0 auto;
     width: 85%;
 }
 
@@ -49,7 +55,7 @@
     width: 110px;
 }
 
-/* the banner */
+
 
 div.banner {
     text-align: center;
@@ -64,6 +70,9 @@
     background-repeat: no-repeat;
 }
 
+
+
+
 div.bottom {
     font-size: 0.8em;
     margin-top: 2cm;
@@ -76,7 +85,7 @@
 
 div.sidebar {
     float: right;
-    padding-top: 0px;
+    padding-top: 10px;
     padding-right: 10px;
     padding-bottom: 15px;
     padding-left: 10px;
@@ -84,16 +93,11 @@
     text-align: center;
 }
 
-a.current {
-    color: #FF7F00;
-    font-weight: bold;
-    font-size: 1em;
-}
 
 /* The main column (left text) */
 
 div.main-column {
-    padding: 0 0 10px 10px;
+    padding: 15px 0 10px 10px;
     text-indent: 0pt;
     font-size: 1em;
     text-align: left;
@@ -158,7 +162,10 @@
     font-size: 0.8em;
 }
 
+/* the banner */
+
 table.banner {
+    width: 100%;
     height: 79px;
     margin-left: auto;
     margin-right: auto;
@@ -180,7 +187,7 @@
     font-size: 1em;
 }
 
-td.banner-middle a:link, td.banner-middle a:visited {
+td.banner-middle a, td.banner-middle a:visited {
     color: white;
     font-weight: bold;
     font-size: 1em;
@@ -195,8 +202,21 @@
 td.banner-right {
     background-image: url("images/top-right.png");
     background-repeat: no-repeat;
+<<<<<<< stylesheet.css
+    width: 40px;
+    background-position: right;
+    padding-top: 8px;
+}
+
+.banner-middle a.current {
+    text-decoration: none;	       
+    color: #FF7F00;
+    font-weight: bold;
+    font-size: 1em;
+=======
     width: auto;
     text-align: auto;
+>>>>>>> 1.22
 }
 
 .donatebutton {
@@ -225,3 +245,93 @@
         color: orange;
 }
 
+/* these styles are for the menu on the gui contest pages */
+
+.guileft {
+	 width: 25%;
+	 float: left;
+	 padding: 0;
+	 margin: 0;
+}
+
+.guimenu {
+	 border: 1px solid #AAA6AB;
+	 background-color: #E2DFE3;
+	 margin: 0 15px 15px 0;
+	 padding: 0;
+}
+
+.guimenuinner a {
+	      display: block;
+	      text-decoration: none;
+	      padding: 2px 0px 0px 12px;
+	      margin: 0 0 0 0px;
+	      color: #333333;
+}
+
+.guimenuinner a:visited {
+	      color: #333333;
+}
+
+.guimenuinner a:hover {
+	      background-image: url(gui/img/arrow.png);
+	      background-repeat: no-repeat;
+	      background-position: left;
+	      color: #EF8012;
+}
+
+.guimenuinner a.on {
+	      background-image: url(gui/img/arrow.png);
+	      background-repeat: no-repeat;
+	      background-position: left;
+	      color: #EF8012;
+}
+
+
+.guimenu h1 {
+         width: 85%;
+	 font-size: 16px;
+	 margin: 0 0 8px 0;
+	 padding: 0;
+	 border-bottom: 1px solid #AAA6AB;
+}
+
+.curveleft {
+	   background-image: url(gui/img/corner-topleft.png);
+	   background-repeat: no-repeat;
+	   background-position: top left;
+	   margin: -1px;
+}
+
+.curveright {
+	    background-image: url(gui/img/corner-topright.png);
+	    background-repeat: no-repeat;
+	    background-position: top right;
+}
+
+.guimenuinner {
+	      
+	      padding: 0 10px 0 10px;
+}
+
+//.wiki {
+      padding: 5px 40px 0 0;
+      display: block;
+      text-align: right;
+}
+
+
+.curvebottomleft {
+		 background-image: url(gui/img/corner-bottomleft.png);
+		 background-repeat: no-repeat;
+		 background-position: bottom left;
+		 margin: -1px;
+}
+
+.curvebottomright {
+		  background-image: url(gui/img/corner-bottomright.png);
+		  background-repeat: no-repeat;
+		  background-position: bottom right;
+}
+
+