Update of the CSS - #75

git-svn-id: http://www.peacefrogs.net/svn/chimere/trunk@58 9215b0d5-fb2c-4bbd-8d3e-bd2e9090e864

1 files changed, 178 insertions, 47 deletions

diff --git a/static/styles.css b/static/styles.css
index e64a7a0..5e7e2cd 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -1,5 +1,5 @@
 body{
-background-color:#EEF;
+background-color:#b488ff;
 font-family:arial;
 font-size:80%;
 }
@@ -13,11 +13,11 @@ border-radius: 10px;
 
 legend{
 font-weight:bold;
-color:purple;
+color:#b400ff;
 }
 
 a{
-color:purple;
+color:#b400ff;
 }
 
 h2{
@@ -27,15 +27,27 @@ margin:0;
 margin-bottom:10px;
 padding:0;
 width:100%;
-background-color:white;
-border:solid 1px purple;
+color:white;
+background-color:#b400ff;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 }
 
+#areas h2, #panel h2{
+-moz-border-radius: 4px 4px 0 0;
+-webkit-border-radius: 4px 4px 0 0;
+border-radius: 4px 4px 0 0;
+}
+
 h3{
-color:purple;
+color:#b400ff;
+}
+
+h4{
+color:#5e1e68;
+font-weight:normal;
+font-style:italic;
 }
 
 hr.spacer{
@@ -45,7 +57,7 @@ visibility: hidden;
 }
 
 fieldset{
-margin-top:4px;
+margin-top:8px;
 }
 
 .edit label{
@@ -53,28 +65,32 @@ display:block;
 }
 
 ul#action{
-background-color:#EEF;
+position:absolute;
+z-index:5;
 list-style-type:none;
+top:20px;
+left:80px;
 margin:0;
 padding:3px;
 padding-left:0;
-border-bottom:1px solid black;
 }
 
 #action li{
+font-size:15px;
 display:inline;
-padding:3px;
-padding-top:0px;
+padding:1px 5px;
 margin-right:6px;
-border:1px solid black;
--moz-border-radius: 4px 4px 0 0;
--webkit-border-radius: 4px 4px 0 0;
-border-radius: 4px 4px 0 0;
+border:1px solid #888;
+-moz-border-radius: 4px;
+-webkit-border-radius: 4px;
+border-radius: 4px;
+background-color:#FFF;
 }
 
-#action li#selected{
-background-color:#FFF;
-border-top:solid 2px purple;
+#action li.selected{
+background-color:#b400ff;
+border-color:#b400ff;
+color:white;
 }
 
 #action a{
@@ -82,6 +98,36 @@ text-decoration:None;
 color:black;
 }
 
+#action li ul{
+margin:8px 6px;
+position:absolute;
+width:600px;
+}
+
+#action li.selected a{
+color:white;
+}
+
+#action li.selected li a{
+color:black;
+}
+
+#action li.selected li.selected a{
+color:white;
+}
+
+#content{
+margin:4px;
+margin-top:14px;
+padding:20px;
+padding-top:46px;
+background-color:white;
+-moz-border-radius: 10px;
+-webkit-border-radius: 10px;
+border-radius: 10px;
+border:1px solid #888;
+}
+
 #footer{
 text-align:center;
 }
@@ -92,13 +138,13 @@ z-index:5;
 background-color:white;
 bottom:5px;
 right:5px;
-border:1px solid black;
+border:1px solid #888;
 padding:2px;
 }
 
 #panel{
-padding:6px 10px;
-border: 1px solid black;
+padding:0;
+border:1px solid #888;
 height:200px;
 position:absolute;
 z-index:5;
@@ -114,12 +160,12 @@ border-radius:10px;
 }
 
 #areas{
-padding:6px;
-border: 1px solid black;
-height:140px;
+padding:0;
+border:1px solid #888;
+height:115px;
 position:absolute;
 z-index:5;
-bottom:100px;
+bottom:105px;
 left:18px;
 width:200px;
 background-color:#FFF;
@@ -132,7 +178,7 @@ overflow:auto;
 
 #areas ul{
 margin:0;
-padding:0;
+padding:0 10px;
 }
 
 #areas  li{
@@ -145,11 +191,11 @@ text-align:center;
 
 #welcome{
 padding:6px 10px;
-border: 1px solid black;
+border:1px solid #888;
 position:absolute;
 z-index:5;
 top:50px;
-bottom:58px;
+bottom:102px;
 left:80px;
 margin-right:360px;
 background-color:#FFF;
@@ -162,7 +208,7 @@ border-radius:10px;
 #detail{
 display:None;
 padding:6px 10px;
-border: 1px solid black;
+border:1px solid #888;
 position:absolute;
 z-index:5;
 top:274px;
@@ -184,21 +230,33 @@ height:90%;
 width:280px;
 }
 
+#welcome h2{
+padding:10px 0;
+}
+
 .detail_footer{
 text-align:center;
+position:absolute;
+top:15px;
+right:18px;
 }
 
 .detail_footer a{
-color:white;
-background-color:purple;
+color:#b400ff;
+padding:2px;
+background-color:#FFF;
+border:1px solid;
 display:block;
 text-decoration:None;
+-moz-border-radius:4px;
+-webkit-border-radius:4px;
+border-radius:4px;
 }
 
 #category_detail{
 display:None;
 padding:6px 10px;
-border: 1px solid black;
+border:1px solid #888;
 position:absolute;
 z-index:5;
 top:120px;
@@ -213,6 +271,11 @@ opacity:0.9;
 border-radius:10px;
 }
 
+#category_detail h2{
+padding:10px 0;
+}
+
+
 #category_desc_content{
 overflow:auto;
 height:88%;
@@ -220,13 +283,13 @@ height:88%;
 
 #map{
 position:absolute;
-border: 1px solid black;
+border:1px solid #888;
 margin:0px;
 padding:0px;
-height:92%;
+height:98%;
 margin:0;
 padding:0;
-top:40px;
+top:8px;
 bottom:8px;
 left:8px;
 right:8px;
@@ -249,9 +312,10 @@ margin:0;
 
 ul#categories{
 margin:0;
-padding:0;
+padding:0 10px;
 overflow:auto;
-height:180px;
+height:160px;
+width:270px;
 }
 
 ul#categories li{
@@ -281,7 +345,7 @@ height:20px;
 
 ul#categories li#display_submited{
 font-variant:normal;
-color:purple;
+color:#b400ff;
 }
 
 .zoom_image{
@@ -294,7 +358,7 @@ vertical-align:text-bottom;
 }
 
 .errorlist{
-color:purple;
+color:#b400ff;
 font-weight:bold;
 }
 
@@ -302,24 +366,91 @@ font-weight:bold;
 padding:6px;
 }
 
+div.warning{
+margin-top:18px;
+padding:0 10px;
+border:1px solid #888;
+-moz-border-radius: 10px;
+-webkit-border-radius: 10px;
+border-radius: 10px;
+background-color:#ffdbdb;
+}
+
+#logos{
+text-align:center;
+z-index:5;
+position: absolute;
+bottom:46px;
+left:18px;
+}
+
+#logos ul{
+margin:0;
+margin-right:20px;
+padding:4px;
+border:1px solid #888;
+-moz-border-radius: 10px;
+-webkit-border-radius: 10px;
+border-radius: 10px;
+background-color:white;
+height:40px;
+float:left;
+}
+
+#logos li{
+display:inline;
+}
+
+#logos img{
+height:40px;
+text-decoration:None;
+border-width:0;
+}
+
+#logos li a{
+text-decoration:None;
+border-width:0;
+}
+
+#welcome_button {
+display: block;
+position: absolute;
+bottom:40px;
+left:29px;
+width:180px;
+font-size:small;
+background-color:#b400ff;
+text-align:center;
+z-index:4;
+}
+
+#welcome_button a{
+color:white;
+font-size:14px;
+text-align:center;
+text-decoration:none;
+}
+
 /* openlayer customisation */
 .olControlPermalink {
 display: block;
 position: absolute;
-bottom:10px;
-left:10px;
-width:150px;
+bottom:12px;
+left:20px;
+width:180px;
 font-size:small;
-font-weight:bold;
-background-color:white;
+background-color:#b400ff;
 text-align:center;
-border:1px solid;
 }
 
 .olControlPermalink a{
-text-decoration:None;
+color:white;
+font-size:14px;
+text-align:center;
+text-decoration:none;
 }
 
 .olControlScaleLine {
-bottom: 35px;
+bottom:12px;
+left:220px;
 }