[Yanel-commits] rev 23258 - public/yanel/trunk/src/webapp/htdocs

[michi at wyona.com]

Author: michi
Date: 2007-03-14 10:27:08 +0100 (Wed, 14 Mar 2007)
New Revision: 23258

Modified:
   public/yanel/trunk/src/webapp/htdocs/toolbar.css
Log:
layout fixed

Modified: public/yanel/trunk/src/webapp/htdocs/toolbar.css
===================================================================
--- public/yanel/trunk/src/webapp/htdocs/toolbar.css	2007-03-14 09:26:17 UTC (rev 23257)
+++ public/yanel/trunk/src/webapp/htdocs/toolbar.css	2007-03-14 09:27:08 UTC (rev 23258)
@@ -1,24 +1,21 @@
-body,
-html{
+body, html{
 	margin:0;
 	padding:0;
 }
 body {
 	min-width:720px; /* Prevent content from becoming unreachable in Gecko */
-  padding-top: 24px;
 }
-/* position:absolute for all browsers - the whole page scrolls */
+/* the whole page should scrolls */
 div#headerwrap {
   position:absolute;
   width:100%;
   top:0;
   left:0;
-  height:24px;
+  height:23px;
   margin:0 auto;
-border-right-width:20px;
-  z-index: 400; /* this z-index has to be bigger than any z-index of the page content */
+/*border-right-width:20px;*/
 }
-/* position:fixed for modern browsers - header and footer do not scroll */
+/* position:fixed for modern browsers - header should not scroll */
 body>div#headerwrap {
 	position:fixed;
 }
@@ -26,26 +23,22 @@
 /* set a left margin to compensate for IE/Win always making room for a scrollbar */
 div#middlewrap {
 /* set left margin and bottom padding for IE5/Win */
-	padding:20px 0 0 0;
+	padding:24px 0 0 0;
 	margin-left:0;
 /* set left margin and bottom padding for others */
-
 	margin-left:16px;
-
 }
+
 /* set left margin for modern browsers */
 body>div#middlewrap {
 	margin-left:0;
 }
 
-
-
-/* Styling rules to make this demo page look nice. */
-
 div#headerwrap{
-  background:slategray;
-  color:#eee;
-  border-bottom:1px solid #444444;
+  background:lightgrey;
+  color:#000;
+  border-bottom:1px solid #888;
+  font:normal 12px "lucida grande", tahoma, verdana, arial, sans-serif;
 }
 /* toolbar style ends here */
 
@@ -63,69 +56,68 @@
   top: 3px;
 }
 
-
-
 /* menu style starts here */
 #menu{
-width:100%;
-float:left;
-margin-top:4px;
-margin-left:4px;
-text-align:left;
+  width:100%;
+  float:left;
+  margin-top:0px;
+  margin-left:6px;
+  text-align:left;
 }
 
-#menu a, #menu h2{
-display:block;
-color:#000;
-white-space:nowrap;
-margin:0;
-padding:1px 0 1px 3px;
+#menu a, #menu #menutitle{
+  display:block;
+  color:#000;
+  white-space:nowrap;
+  margin:0;
 }
 
 #menu a{
-background:#eee;
-text-decoration:none;
+  text-decoration:none;
 }
 
 #menu a, #menu a:visited{
-color:#000;
+  color:#000;
 }
 
 #menu a:hover{
-color:#000;
-background:#ddd;
+  color:#000;
 }
 
 #menu a:active{
-color:#060;
-background:#ccc;
+  color:#060;
+  background:#ccc;
 }
 
 #menu ul{
-left:0px;
-list-style:none;
-margin:0;
-padding:0;
-float:left;
-width:9em;
+  left:0px;
+  list-style:none;
+  margin:0px;
+  padding:0px;
+  float:left;
+  width:9em;
 }
 
 #menu li{
-position:relative;
-margin:0;
-padding:0;
+  position:relative;
+  margin:0px;
+  padding:4px;
 }
 
+#menu li li{
+  background:lightgrey;
+}
+
 #menu ul ul{
-position:absolute;
-z-index:500;
-top:auto;
-display:none;
+  position:absolute;
+  z-index:500;
+  top:auto;
+  display:none;
 }
 
 #menu ul ul ul{
-top:0;
-left:100%;
+  top:0;
+  left:100%;
 }
 
 /* Begin non-anchor hover selectors */
@@ -136,14 +128,14 @@
 improves IE's performance speed to use the older
 file and this method */
 
-div#menu h2:hover,div#menu ul:hover{
-color:#000;
-background:#ddd;
+div#menu #menutitle:hover,div#menu ul:hover{
+  color:#000;
 }
 
 div#menu li:hover{
-cursor:pointer;
-z-index:100;
+  cursor:pointer;
+  z-index:500;
+  background:lightsteelblue;
 }
 
 div#menu li:hover ul ul,
@@ -160,25 +152,21 @@
 
 /* End of non-anchor hover selectors */
 
-/* Styling for Expand */
+/* Styling for Expand 
 
 #menu a.x, #menu a.x:visited{
-font-weight:bold;
 color:#000;
-background:#eee;
 }
-
 #menu a.x:hover{
 color:#a00;
-background:#ddd;
 }
-
+*/
 #menu a.x:active{
-color:#060;
-background:#ccc;
+  color:#060;
+  background:#ccc;
 }
 
-#menu h2, #menu a{
-  height:1%;
-  font:normal 10px "lucida grande", tahoma, verdana, arial, sans-serif;
-}
+/*
+#menu #menutitle, #menu a{
+  height:10%;
+}*/