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

[svn_mapbender at osgeo.org]

Author: marc
Date: 2009-03-26 16:43:13 -0400 (Thu, 26 Mar 2009)
New Revision: 3815

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

Modified: branches/astroidex_25/http/css/login.css
===================================================================
--- branches/astroidex_25/http/css/login.css	2009-03-26 20:41:15 UTC (rev 3814)
+++ branches/astroidex_25/http/css/login.css	2009-03-26 20:43:13 UTC (rev 3815)
@@ -1,22 +1,17 @@
-
 body{
 	font-family: Arial, Helvetica, sans-serif;
 	font-size : 12px;
 	color: #808080;
 	background-color: White;
 }
-h1{
-font-size:16pt;
-}
+
 table{
 	font-family: Arial, Helvetica, sans-serif;
 	font-size : 12px;
 	color: #808080;
 }
 
-img {
-	border: 0;
-}
+
 input{
 	width: 180px;
 	font-size : 12px;
@@ -65,100 +60,97 @@
 height:22px;
 border:0px;
 }
-
+img {
+	border: 0;
+}
 /* BEGIN gui listing */
 
 
-/* Hides WMS Container */
-#Container{
-display:none;
+/* defines Headings */
+h1{
+font-size:14pt;
 }
 
-#menu {
-width: 20em; /* set width of menu */
-background: #eee;
-margin-left:10px;
-} 
+h2{
+	font-size:12pt;
+}
 
+/* defines the Background of the Zebra (default=gray #eee) */
+h2.gui_category,
+p.gui_category_description,
+ul.gui_list {
+  width:60%;
+	padding: 3px;
+	padding-left:3px;
+  border: 1px solid black;
+  margin:0px;
+  background-color: #eee;
+
+}
+
+
 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;
+	font-size:1.10em;
+	margin-bottom:3px;
+	margin-top:6px;
+  margin-left:10px;
+	float:left;
+  font-style:italic;
 }
 
-ul li ul li {
-display:block;
-height:15pt;
-cursor:pointer;
-margin:0px;
-padding:0px;
-position:relative;
+/* defines cathegory heading*/
+.gui_category h2{
+	font-size:1.25em;
+	margin-bottom:3px;
+	margin-top:6px;
+	text-decoration:underline;
+	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;
+/* removes list styles like circles from Zebra*/
+ul.gui_list,
+ul li ul li{
+	list-style: none;
 }
 
-
-#menu ul { /* remove bullets and list indents */
-list-style: none;
-margin: 0px;
-padding: 0px;
+/* defines inner border and normal listing background-colors*/
+ul.gui_list ul li {
+	clear: both;
+	margin-top: -1px;
+  margin-left:-20px;
+	padding: .1em .5em;
+	background-color: #ffe;
+	border: 1px solid #666;
+	cursor: pointer;
 }
 
-/* style, color and size links and headings to suit */
-#menu a, #menu h2 {
-font: bold 11px/16px arial, helvetica, sans-serif;
-display: block;
-border-width: 1px;
-border-style: solid;
-border-color: #ccc #888 #555 #bbb;
-margin: 0;
-padding: 2px 3px;
-border-bottom-style:none;
 
+/* defines list background-colors (alternated listings)*/
+ul.gui_list li.alternate,
+ul.gui_list ul li.alternate ul li {
+	background-color: #fff;
 }
 
-#menu h2 {
-color: #000;
-background: #ffe;
-font-size:1.1em;
-text-decoration:underline;
-text-align:center;
-margin:0px;
+/* defines hover color*/
+ul.gui_list ul li:hover,
+ul.gui_list ul li:hover ul li {
+	background-color: #ff9;
 }
 
-#menu a {
-color: #000;
-background: #efefef;
-text-decoration: none;
-border-style:outset;
-margin:0px;
-padding:0px;
-
+/* Gui descriptions*/
+ul.gui_list ul li ul li  {
+position:relative;
+font-style:italic;
+border:0px;
+cursor:pointer;
+font-size:0.9em;
 }
 
-#menu a:hover {
-color: #a00;
-background: #fff;
-border-style:inset;
-border:inset 1px black;
+
+/* Hides WMS Container */
+
+#Container{
+display:none;
 }
 /* END gui listing */