1 files changed, 456 insertions, 0 deletions
diff --git a/chimere/static/styles.css b/chimere/static/styles.css
new file mode 100644
index 0000000..5e7e2cd
--- /dev/null
+++ b/chimere/static/styles.css
@@ -0,0 +1,456 @@
+body{
+background-color:#b488ff;
+font-family:arial;
+font-size:80%;
+}
+
+fieldset{
+background-color:#FFF;
+-moz-border-radius: 10px;
+-webkit-border-radius: 10px;
+border-radius: 10px;
+}
+
+legend{
+font-weight:bold;
+color:#b400ff;
+}
+
+a{
+color:#b400ff;
+}
+
+h2{
+font-size:16px;
+text-align:center;
+margin:0;
+margin-bottom:10px;
+padding:0;
+width:100%;
+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:#b400ff;
+}
+
+h4{
+color:#5e1e68;
+font-weight:normal;
+font-style:italic;
+}
+
+hr.spacer{
+clear:both;
+border:None;
+visibility: hidden;
+}
+
+fieldset{
+margin-top:8px;
+}
+
+.edit label{
+display:block;
+}
+
+ul#action{
+position:absolute;
+z-index:5;
+list-style-type:none;
+top:20px;
+left:80px;
+margin:0;
+padding:3px;
+padding-left:0;
+}
+
+#action li{
+font-size:15px;
+display:inline;
+padding:1px 5px;
+margin-right:6px;
+border:1px solid #888;
+-moz-border-radius: 4px;
+-webkit-border-radius: 4px;
+border-radius: 4px;
+background-color:#FFF;
+}
+
+#action li.selected{
+background-color:#b400ff;
+border-color:#b400ff;
+color:white;
+}
+
+#action a{
+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;
+}
+
+#map-footer{
+position:absolute;
+z-index:5;
+background-color:white;
+bottom:5px;
+right:5px;
+border:1px solid #888;
+padding:2px;
+}
+
+#panel{
+padding:0;
+border:1px solid #888;
+height:200px;
+position:absolute;
+z-index:5;
+top:50px;
+bottom:20px;
+right:18px;
+width:300px;
+background-color:#FFF;
+opacity:0.8;
+-moz-border-radius:10px;
+-webkit-border-radius:10px;
+border-radius:10px;
+}
+
+#areas{
+padding:0;
+border:1px solid #888;
+height:115px;
+position:absolute;
+z-index:5;
+bottom:105px;
+left:18px;
+width:200px;
+background-color:#FFF;
+opacity:0.8;
+-moz-border-radius:10px;
+-webkit-border-radius:10px;
+border-radius:10px;
+overflow:auto;
+}
+
+#areas ul{
+margin:0;
+padding:0 10px;
+}
+
+#areas  li{
+list-style:none;
+}
+
+#popup_link{
+text-align:center;
+}
+
+#welcome{
+padding:6px 10px;
+border:1px solid #888;
+position:absolute;
+z-index:5;
+top:50px;
+bottom:102px;
+left:80px;
+margin-right:360px;
+background-color:#FFF;
+opacity:0.9;
+-moz-border-radius:10px;
+-webkit-border-radius:10px;
+border-radius:10px;
+}
+
+#detail{
+display:None;
+padding:6px 10px;
+border:1px solid #888;
+position:absolute;
+z-index:5;
+top:274px;
+bottom:38px;
+right:18px;
+width:300px;
+background-color:#FFF;
+-moz-border-radius:10px;
+-webkit-border-radius:10px;
+border-radius:10px;
+}
+
+#detail_content{
+overflow:auto;
+height:90%;
+}
+
+#detail_content img{
+width:280px;
+}
+
+#welcome h2{
+padding:10px 0;
+}
+
+.detail_footer{
+text-align:center;
+position:absolute;
+top:15px;
+right:18px;
+}
+
+.detail_footer a{
+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 #888;
+position:absolute;
+z-index:5;
+top:120px;
+bottom:180px;
+left:100px;
+right:50px;
+margin-right:360px;
+background-color:#FFF;
+opacity:0.9;
+-moz-border-radius:10px;
+-webkit-border-radius:10px;
+border-radius:10px;
+}
+
+#category_detail h2{
+padding:10px 0;
+}
+
+
+#category_desc_content{
+overflow:auto;
+height:88%;
+}
+
+#map{
+position:absolute;
+border:1px solid #888;
+margin:0px;
+padding:0px;
+height:98%;
+margin:0;
+padding:0;
+top:8px;
+bottom:8px;
+left:8px;
+right:8px;
+z-index:0;
+}
+
+.news{
+}
+
+.news h3{
+padding:0px;
+margin:0;
+}
+
+.info{
+border-top:1px dashed;
+padding:10px;
+margin:0;
+}
+
+ul#categories{
+margin:0;
+padding:0 10px;
+overflow:auto;
+height:160px;
+width:270px;
+}
+
+ul#categories li{
+font-variant:small-caps;
+list-style:none;
+}
+
+ul#categories li li{
+font-variant:normal;
+margin-left:20px;
+}
+
+ul#categories li li a{
+line-height:25px;
+margin-left:0;
+font-weight:bold;
+}
+
+ul#categories ul{
+margin:0;
+padding:0;
+}
+
+ul.subcategories label img{
+height:20px;
+}
+
+ul#categories li#display_submited{
+font-variant:normal;
+color:#b400ff;
+}
+
+.zoom_image{
+cursor:pointer;
+}
+
+.control_image{
+cursor:pointer;
+vertical-align:text-bottom;
+}
+
+.errorlist{
+color:#b400ff;
+font-weight:bold;
+}
+
+.fieldWrapper{
+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:12px;
+left:20px;
+width:180px;
+font-size:small;
+background-color:#b400ff;
+text-align:center;
+}
+
+.olControlPermalink a{
+color:white;
+font-size:14px;
+text-align:center;
+text-decoration:none;
+}
+
+.olControlScaleLine {
+bottom:12px;
+left:220px;
+}