[Mapbender-commits] r3814 - branches/astroidex_25/http/css

[svn_mapbender at osgeo.org]

Author: marc
Date: 2009-03-26 16:41:15 -0400 (Thu, 26 Mar 2009)
New Revision: 3814

Modified:
   branches/astroidex_25/http/css/login.css
Log:
gui list style in a alernative style

Modified: branches/astroidex_25/http/css/login.css
===================================================================
--- branches/astroidex_25/http/css/login.css	2009-03-26 20:38:35 UTC (rev 3813)
+++ branches/astroidex_25/http/css/login.css	2009-03-26 20:41:15 UTC (rev 3814)
@@ -13,10 +13,10 @@
 	font-size : 12px;
 	color: #808080;
 }
+
 img {
 	border: 0;
 }
-
 input{
 	width: 180px;
 	font-size : 12px;
@@ -70,27 +70,60 @@
 
 
 /* Hides WMS Container */
+#Container{
+display:none;
+}
 
 #menu {
-width: 1000px;
-background: #fff;
-float: left;
+width: 20em; /* set width of menu */
+background: #eee;
+margin-left:10px;
+} 
 
+label.gui_category_description{
+color: #000;
+background: #ffe;
+display:block;
+position:relative;
+border-width: 1px;
+border-style: solid;
+border-top-width:0px;
+border-color: #ccc #888 #555 #bbb;
+text-align: center;
+font-style:italic;
 }
-#menu ul   {
-margin: 0;
-padding: 0;
+
+ul li ul li {
+display:block;
+height:15pt;
+cursor:pointer;
+margin:0px;
+padding:0px;
+position:relative;
 }
-#menu ul li  {
-float:left;
 
+/* style of the gui discription */
+ul li ul li ul li{
+display:block;
+height:0pt;
+position:absolute;
+width:1000px;
+left:20.2em;
+top:-0px;
+height:0.1em;
+cursor:pointer;
+margin:0px;
+padding:0px;
+}
+
+
+#menu ul { /* remove bullets and list indents */
 list-style: none;
 margin: 0px;
-padding: 0;
-width: 12em;
+padding: 0px;
 }
 
-
+/* style, color and size links and headings to suit */
 #menu a, #menu h2 {
 font: bold 11px/16px arial, helvetica, sans-serif;
 display: block;
@@ -99,63 +132,33 @@
 border-color: #ccc #888 #555 #bbb;
 margin: 0;
 padding: 2px 3px;
+border-bottom-style:none;
+
 }
 
 #menu h2 {
 color: #000;
 background: #ffe;
-text-transform: uppercase;
-height:30px;
+font-size:1.1em;
+text-decoration:underline;
 text-align:center;
-
+margin:0px;
 }
 
 #menu a {
 color: #000;
 background: #efefef;
 text-decoration: none;
+border-style:outset;
+margin:0px;
+padding:0px;
 
+}
 
-}
 #menu a:hover {
 color: #a00;
 background: #fff;
+border-style:inset;
+border:inset 1px black;
 }
-
-div#menu ul label {
-display: none;
-}
-
-div#menu ul label:hover {
-display: block;
-}
-
-#menu li {position: relative;}
-
-/* Position of the tags*/
-#menu ul ul {
-position: absolute;
-z-index: 500;
-}
-
-#menu ul ul ul {
-position: absolute;
-top: 5px;
-left: 105%;
-border:dotted thin #a00;
-}
-
-/* Hover Effects*/
-div#menu ul ul,
-div#menu ul li:hover ul ul,
-div#menu ul ul li:hover ul ul
-{display: none;}
-
-div#menu ul li:hover ul,
-div#menu ul ul li:hover ul,
-div#menu ul ul ul li:hover ul
-{display: block;}
-
-
-
 /* END gui listing */