6 files changed, 535 insertions, 0 deletions
diff --git a/chimere_example_static/chimere/css/extra-styles.css b/chimere_example_static/chimere/css/extra-styles.css
new file mode 100644
index 0000000..9cec018
--- /dev/null
+++ b/chimere_example_static/chimere/css/extra-styles.css
@@ -0,0 +1,393 @@
+#content{
+    border:0 solid transparent;
+    margin-top:40px;
+}
+
+h2, h3 {
+    color: #449506;
+    background-color: transparent;
+}
+
+a:hover, a:focus {
+    color: #327E04;
+}
+
+.modal-backdrop.in {
+    opacity: 0.1;
+}
+
+#footer a, #footer a:link, #footer a:visited{
+    color:#327E04;
+}
+
+#welcome{
+    background-color:transparent;
+}
+
+@media (min-width: 1000px) {
+    .modal-lg {
+        width: 900px;
+    }
+}
+
+.control_image {
+    vertical-align: -1px;
+}
+
+input{
+    display:inline-block;
+}
+
+.nav-pills{
+    margin-top:5px;
+}
+
+.nav.navbar-nav >li > a{
+    padding-top:15px;
+    padding-bottom:15px;
+}
+
+.nav-pills > li.active > a, .nav-pills > li.active > a:hover,
+.nav-pills > li.active > a:focus {
+    background-color: #327E04;
+}
+
+#permalink{
+    display:inherit;
+    margin:0;
+    margin-left:2px;
+    padding:inherit;
+    width:inherit;
+}
+
+label.labelSpan.olButton{
+    margin:0;
+    margin-left:5px;
+}
+
+.baseLayersDiv input{
+    margin-left:5px;
+}
+
+#content .olControlLayerSwitcher .layersDiv {
+    border-radius: 0;
+    border:1px solid;
+    border-color: #E6E6E6;
+}
+
+.container{
+    max-width:none;
+    padding-right: 0;
+}
+
+#utils-div{
+    border-color: #DDD;
+}
+
+#search-box {
+    position: relative;
+    z-index: 200;
+    left: auto;
+    top: auto;
+    border: 0px solid transparent;
+    display:none;
+}
+
+.ac-results{
+    position: absolute;
+    background-color: white;
+    border: 1px solid #CCC;
+    padding: 0.2em 0.4em;
+}
+
+#content .olControlLayerSwitcher .layersDiv, #panel, #detail-wrapper{
+    background-color: #F8F8F8;
+}
+
+#panel{
+    max-height:none;
+    right:0;
+    bottom:0;
+    border:0 transparent;
+    border-left:1px solid #E7E7E7;
+    padding:16px;
+    padding-top:60px;
+    width:400px;
+    background-image:url('../img/logo.jpg');
+    background-position:bottom center;
+    background-repeat:no-repeat;
+    z-index:12;
+}
+
+#detail {
+    position:static;
+    border:0 transparent;
+}
+
+#detail div {
+    margin:auto;
+}
+
+#detail-wrapper div {
+    margin: 4px 8px;
+}
+
+#detail-wrapper{
+    position:absolute;
+    z-index:5;
+    right:auto;
+    left:0;
+    bottom:0;
+    top:0;
+    width:400px;
+    padding-top:50px;
+    border:0 transparent;
+    border-right:1px solid #E7E7E7;
+    border-top:1px solid #E7E7E7;
+}
+
+#categories input{
+    display:None;
+}
+
+.subcategory label{
+    padding: 0.2em 0.5em;
+    border-radius:5px;
+}
+
+.subcategory.selected label{
+    background-color:rgb(175, 231, 175);
+}
+
+#panel #categories,
+#categories > ul {
+    width:auto;
+}
+
+#categories{
+    display:none;
+}
+
+#main-map {
+    height: auto;
+    bottom: 0px;
+    top:50px;
+}
+
+#footer .map-footer {
+    bottom: 0;
+    right: 420px;
+    margin:0;
+    background-color:#fff;
+    opacity:0.8;
+}
+
+#layer_selection {
+    display:none;
+}
+
+.olControlPanPanel {
+    top: 60px;
+}
+
+.olControlZoomPanel {
+    top: 125px;
+}
+
+a#welcome_button{
+    padding:0 10px;
+    margin:0;
+}
+
+span#permalink, .navbar-nav .lbl, #areas-div label, #permalink, #simple_button,
+#categories-lnk, #search-lnk, .fa-chimere-action, #news-lnk a,
+.nav-pills > li#news-lnk > a > .fa{
+    font-variant: small-caps;
+    font-size: 1.1em;
+    margin-left: 0.3em;
+    color:#777;
+    padding-left:0;
+    font-weight:normal;
+}
+
+.nav > li > a, #simple_button{
+    padding:10px;
+}
+
+#areas-div{
+    line-height: 32px;
+}
+
+#areas-div, span#permalink, #simple_button{
+    display: inline;
+    padding: 0px;
+}
+
+#news-lnk, #permalink-lnk, #simple_button{
+    line-height: 42px;
+}
+
+#news-lnk, #permalink-lnk{
+    padding: 0px 0px 0px 10px;
+}
+
+#news-lnk .lbl{
+    padding: 0px 0px 0px 0.5em;
+}
+
+#permalink, #simple_button-lnk lbl{
+    padding: 0 0.8em;
+}
+
+#areas-div{
+    line-height:42px;
+}
+
+.nav-pills > li#simple_button-lnk > a > .fa{
+    color:#777;
+}
+
+.nav-pills > li > a > .fa{
+    color: #54C200;
+}
+
+.nav-pills > li.active > a > .fa{
+    color:#fff;
+}
+
+.navbar-default .navbar-brand{
+    color:#54C200;
+    font-size:1em;
+}
+
+.fa{
+    font-size:1.4em;
+}
+
+.fa-chimere-facebook:before{
+    content:"\f082";
+}
+
+.fa-chimere-twitter:before{
+    content:"\f081";
+}
+
+.fa-chimere-view:before{
+    content:"\f06e";
+}
+
+.fa-chimere-contribute:before{
+    content:"\f040";
+}
+
+.fa-chimere-rss:before{
+    content:"\f09e";
+}
+
+.fa-chimere-email:before,
+.fa-chimere-contact:before{
+    content:"\f1fa";
+}
+
+.fa-chimere-maps:before{
+    content:"\f14e";
+}
+
+#maps-lnk label, #contact-lnk .lbl, #simple_button-lnk .lbl, #rss-lnk .lbl{
+    display:none;
+}
+
+@media (min-width: 1552px) {
+    #maps-lnk label,
+    #contact-lnk .lbl,
+    #rss-lnk .lbl{
+        display:inline;
+    }
+}
+
+@media (min-width: 1200px) {
+    #simple_button-lnk .lbl{
+        display:inline;
+    }
+}
+
+@media (min-width: 1100px) {
+    #panel{
+        padding-top:16px;
+    }
+    #detail{
+        padding-top:50px;
+    }
+}
+
+@media (max-width: 767px) {
+    #news-lnk .lbl, #simple_button-lnk .lbl, #maps-lnk label, #contact-lnk .lbl,
+    #rss-lnk .lbl{
+        display:inline-block;
+    }
+    .selection-sep{
+        width: 80%;
+        border-bottom: 1px solid #CCC;
+        margin: 0 0 0.5em 0;
+        display:block;
+        clear:both;
+    }
+    #news-lnk .lbl,
+    #permalink-lnk,
+    #simple_button{
+        line-height: 50px;
+    }
+    #panel{
+        padding-top:16px;
+    }
+    #detail{
+        padding-top:50px;
+    }
+    #categories-lnk{
+        clear:both;
+    }
+}
+
+.show-hide-panel{
+    position:absolute;
+    right: 400px;
+    top: 0;
+    bottom: 0;
+    background-color:#eee;
+    width:20px;
+    z-index:10;
+    color:#666;
+}
+
+.show-hide-panel:hover{
+    cursor:pointer;
+}
+
+.show-hide-panel span {
+    position:absolute;
+    left:2px;
+    top:200px;
+}
+
+#show-panel{
+    right:0;
+    display:none;
+}
+
+@media (max-width: 767px) {
+    #show-panel{
+        display:block;
+    }
+    #panel, #hide-panel{
+        display:none;
+    }
+    #footer .map-footer {
+        right:20px;
+    }
+}
+
+@media (min-height: 400px) {
+    .show-hide-panel span {
+        top:300px;
+    }
+}
diff --git a/chimere_example_static/chimere/css/form-compat.css b/chimere_example_static/chimere/css/form-compat.css
new file mode 100644
index 0000000..f83672f
--- /dev/null
+++ b/chimere_example_static/chimere/css/form-compat.css
@@ -0,0 +1,69 @@
+input:-moz-placeholder {
+  color: #999999;
+}
+
+input::-moz-placeholder {
+  color: #999999;
+}
+
+input:-ms-input-placeholder {
+  color: #999999;
+}
+
+input::-webkit-input-placeholder {
+  color: #999999;
+}
+
+textarea,
+input {
+  display: block;
+  font-size: 14px;
+  line-height: 1.428571429;
+  color: #555555;
+  vertical-align: middle;
+  background-color: #ffffff;
+  border: 1px solid #cccccc;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
+          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
+}
+
+input{
+  padding: 6px 12px;
+}
+
+textarea:focus,
+input:focus {
+  border-color: #81cf57;
+  outline: 0;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
+}
+
+input[disabled],
+input[readonly],
+fieldset[disabled] input {
+  cursor: not-allowed;
+  background-color: #eeeeee;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+  display: inline;
+}
+
+.alert-error {
+  color: #b94a48;
+  background-color: #f2dede;
+  border-color: #eed3d7;
+}
+
+.alert-error hr {
+  border-top-color: #e6c1c7;
+}
+
+.alert-error .alert-link {
+  color: #953b39;
+}
diff --git a/chimere_example_static/chimere/img/logo.jpg b/chimere_example_static/chimere/img/logo.jpg
new file mode 100644
index 0000000..cc2ff36
--- /dev/null
+++ b/chimere_example_static/chimere/img/logo.jpg
diff --git a/chimere_example_static/chimere/img/minus.png b/chimere_example_static/chimere/img/minus.png
new file mode 100755
index 0000000..e8ebf51
--- /dev/null
+++ b/chimere_example_static/chimere/img/minus.png
diff --git a/chimere_example_static/chimere/img/plus.png b/chimere_example_static/chimere/img/plus.png
new file mode 100755
index 0000000..b26a6f9
--- /dev/null
+++ b/chimere_example_static/chimere/img/plus.png
diff --git a/chimere_example_static/chimere/js/interface.js b/chimere_example_static/chimere/js/interface.js
new file mode 100644
index 0000000..c0c00bf
--- /dev/null
+++ b/chimere_example_static/chimere/js/interface.js
@@ -0,0 +1,73 @@
+$(function(){
+
+    if (has_search){
+        $('a[href=#categories]').click(function(){
+            show_panel(display_categories);
+        });
+        $('a[href=#search-box]').click(function(){
+            show_panel(display_search);
+        });
+        $('a[href=#search-box]').click();
+    } else {
+        $("#categories").fadeIn();
+    }
+    highlight_selected_categories();
+    $('.subcategory label').click(highlight_selected_categories);
+    $('#categories-lnk, #search-lnk').click(function(){
+        if($('.navbar-toggle').css('display') !='none'){
+            $(".navbar-toggle").click();
+        }
+    });
+    $('#hide-panel').click(hide_panel);
+    $('#show-panel').click(show_panel);
+    $('#close-detail').click(function(){
+        $('#detail').fadeOut();
+    });
+});
+
+function display_categories(){
+    $('a[href=#categories]').parent().parent().children().removeClass('active');
+    $('a[href=#categories]').parent().addClass('active');
+    $("#search-box").fadeOut(400,
+            function(){ $("#categories").fadeIn(); });
+}
+
+function display_search(){
+    $('a[href=#search-box]').parent().parent().children().removeClass('active');
+    $('a[href=#search-box]').parent().addClass('active');
+    $("#categories").fadeOut(400,
+            function(){ $("#search-box").fadeIn(); $('#id_q').focus(); });
+}
+
+function show_panel(fct){
+    if(!fct) fct = function(){};
+    if($('#panel').css('display') == 'none'){
+        $('#show-panel').fadeOut(200, function(){
+            $('#hide-panel').fadeIn(500);
+            $("#panel").fadeIn(500);
+            $("#panel").fadeIn(500, fct);
+        });
+    } else {
+        fct();
+    }
+}
+
+function hide_panel(){
+    if($('#panel').css('display') != 'none'){
+        $('#hide-panel').fadeOut(500);
+        $("#panel").fadeOut(500, function(){
+            $('#show-panel').fadeIn();
+        });
+    }
+}
+
+function highlight_selected_categories(){
+    $('.subcategory input').each(function(){
+        var lbl = $(this).parent();
+        if($(this).is(':checked')){
+            lbl.addClass('selected');
+        }else{
+            lbl.removeClass('selected');
+        }
+    });
+}