UI works for areas, permalink and welcom message - add welcome message

to area management

1 files changed, 30 insertions, 32 deletions

diff --git a/chimere/static/chimere/css/styles.css b/chimere/static/chimere/css/styles.css
index 1906536..1c5d923 100644
--- a/chimere/static/chimere/css/styles.css
+++ b/chimere/static/chimere/css/styles.css
@@ -15,9 +15,7 @@ a, a:link, a:visited, legend,
 
 h2, h3, th, .action li, .action li a,
 .action li li a,
-#footer a, #footer a:link, #footer a:visited, .ui-widget-header,
-a#welcome_button, a:visited#welcome_button, a:link#welcome_button,
-.olControlPermalink a{
+#footer a, #footer a:link, #footer a:visited, .ui-widget-header{
     color:#fff;
 }
 
@@ -31,10 +29,8 @@ a#welcome_button, a:visited#welcome_button, a:link#welcome_button,
 body, h2, h3, th,
 .ui-widget-header,
 .action li.selected,
-#welcome_button,
 #content .olControlLayerSwitcher .layersDiv,
-#content .olControlLayerSwitcher span,
-.olControlPermalink{
+#content .olControlLayerSwitcher span{
     background-color:#4ea30d;
 }
 
@@ -57,9 +53,7 @@ div.warning, .errorlist{
     background-color:transparent;
 }
 
-.action li.selected,
-#welcome_button,
-.olControlPermalink{
+.action li.selected{
     border:1px solid #54c200;
 }
 
@@ -253,18 +247,30 @@ ul#action-2 {
     top:5px;
 }
 
-#areas, #areas-select-div{
+#utils-div{
     position:absolute;
     z-index:5;
 }
 
-#areas-select-div{
+#utils-div{
     left:28px;
-    bottom:65px;
+    bottom:20px;
+    padding:0.3em;
+    padding-right:1.4em;
+    width:auto;
+}
+
+#areas-div,
+#areas-div label{
     padding:0.3em;
 }
 
 #areas{
+    position:absolute;
+    z-index:5;
+}
+
+#areas{
     bottom:105px;
     left:18px;
     padding:0;
@@ -286,17 +292,6 @@ ul#action-2 {
     text-align:center;
 }
 
-/*
-#welcome{
-    padding:6px 10px;
-    position:absolute;
-    z-index:5;
-    top:50px;
-    bottom:102px;
-    left:80px;
-    margin-right:360px;
-}*/
-
 #detail{
     display:none;
     padding:0;
@@ -501,23 +496,26 @@ div.errors ul{
 p.warning{
 }
 
-#welcome_button {
+#welcome_button,
+#permalink{
     display: block;
-    position: absolute;
-    bottom:40px;
-    left:29px;
-    width:180px;
-    font-size:small;
     text-align:center;
-    z-index:4;
+    margin:0.3em;
+    padding:0.2em;
 }
 
-a#welcome_button{
+a#welcome_button,
+#permalink{
     font-size:14px;
     text-align:center;
     text-decoration:none;
 }
 
+#welcome_button,
+#permalink{
+    width:100%;
+}
+
 /* forms */
 
 table.inline-table{
@@ -550,7 +548,7 @@ table.inline-table td input[type=file]{
     position: absolute;
     bottom:14px;
     left:28px;
-    width:180px;
+    width:160px;
     font-size:small;
     font-size:80%;
     text-align:center;