Change logo location

2 files changed, 25 insertions, 91 deletions

diff --git a/chimere_example_static/chimere/css/extra-styles.css b/chimere_example_static/chimere/css/extra-styles.css
index 26931f8..744f73d 100644
--- a/chimere_example_static/chimere/css/extra-styles.css
+++ b/chimere_example_static/chimere/css/extra-styles.css
@@ -191,6 +191,13 @@ ul.share {
     margin:0.2em 0;
 }
 
+#categories > ul{
+    z-index:20;
+    position: absolute;
+    background-color:white;
+    width:358px;
+}
+
 #categories input{
     display:None;
 }
@@ -204,8 +211,7 @@ ul.share {
     background-color:rgb(175, 231, 175);
 }
 
-#panel #categories,
-#categories > ul {
+#panel #categories{
     width:auto;
 }
 
@@ -457,51 +463,18 @@ span#permalink, .navbar-nav .lbl, #areas-div label, #permalink, #simple_button,
 /* logos */
 
 .logos{
-    position: absolute;
-    z-index:5;
+    position: fixed;
+    z-index:15;
     left:0;
     width:400px;
-    padding:15px;
     border:0 transparent;
-    border-right:1px solid #E7E7E7;
     text-align:center;
 }
 
 #logos{
-    bottom:80px;
-    border-top:1px solid #E7E7E7;
-}
-
-#assos-logos{
+    height:220px;
     bottom:0;
-    height:80px;
-}
-
-.carousel-control {
-    text-shadow:none;
-    opacity:1;
-}
-
-.carousel-control, .carousel-control:hover, .carousel-control:focus {
-    color: #99CA3C;
-}
-
-.carousel-control.left, .carousel-control.right{
-    background-image: none;
-}
-
-.carousel-control .icon-prev, .carousel-control .icon-next,
-.carousel-control .glyphicon-chevron-left,
-.carousel-control .glyphicon-chevron-right{
-    top:20px;
-}
-
-.carousel-control .glyphicon-chevron-right{
-    right:0;
-}
-
-.carousel-control .glyphicon-chevron-left{
-    left:0;
+    line-height:60px;
 }
 
 .logos > ul{
@@ -514,6 +487,7 @@ span#permalink, .navbar-nav .lbl, #areas-div label, #permalink, #simple_button,
 
 .logos li{
     display:inline;
+    margin:10px;
 }
 
 .logos img{
diff --git a/templates/chimere/main_map.html b/templates/chimere/main_map.html
index 9f57ad5..92a5f84 100644
--- a/templates/chimere/main_map.html
+++ b/templates/chimere/main_map.html
@@ -19,6 +19,18 @@
       <form id="frm_categories"><div id='categories'></div></form>
       <div id='search-box' class='ui-widget ui-corner-all'></div>
       <a id='greenmap-logo' href='http://www.greenmap.org/' target='_blank'>Greenmap</a>
+      <div id='logos' class='logos'>
+        <ul>
+            <li><a href='http://www.greenmap.org/' target='_blank'><img src='{{STATIC_URL}}carteouverte/img/green_map.png' alt='Green Map'/></a></li>
+            <li><a href='http://dechets.ca-change-tout.fr/' target='_blank'><img src='{{STATIC_URL}}carteouverte/img/rennes-metropole.png' alt='Prévention des déchets - Rennes Métropole'/></a></li>
+            <li><a href="http://www.mce-info.org/fr/associations-adherentes/fiche.php?id=60"><img src="{{STATIC_URL}}carteouverte/img/ivine.png" alt="IVINE"></a></li>
+            <li><a href="http://www.mce-info.org/fr/associations-adherentes/fiche.php?id=38"><img src="{{STATIC_URL}}carteouverte/img/bretagne-vivante.png" alt="Bretagne-Vivante"></a></li>
+            <li><a href="http://www.mce-info.org/fr/associations-adherentes/fiche.php?id=62"><img src="{{STATIC_URL}}carteouverte/img/Vertlejardin.png" alt="Vert le jardin"></a></li>
+            <li><a href="http://www.mce-info.org/fr/associations-adherentes/fiche.php?id=43"><img src="{{STATIC_URL}}carteouverte/img/gulliver.png" alt="Gulliver"></a></li>
+            <li><a href="http://www.mce-info.org/fr/associations-adherentes/fiche.php?id=46"><img src="{{STATIC_URL}}carteouverte/img/rayonsdaction.png" alt="Rayons d'action"></a></li>
+            <li><a href="http://www.resosolidaire.fr/"><img src="{{STATIC_URL}}carteouverte/img/reso_solidaire.png" alt="Réso solidaire"></a></li>
+        </ul>
+      </div>
     </div>
     <div id='category_description'>
     </div>
@@ -38,53 +50,6 @@
     {% map 'main-map' %}
     <div id='chimere_message'></div>
 
-    <div id='logos' class='logos'>
-        <ul>
-            <li><a href='http://www.greenmap.org/' target='_blank'><img src='{{STATIC_URL}}carteouverte/img/green_map.png' alt='Green Map'/></a></li>
-        </ul>
-        <ul>
-            <li><a href='http://dechets.ca-change-tout.fr/' target='_blank'><img src='{{STATIC_URL}}carteouverte/img/rennes-metropole.png' alt='Prévention des déchets - Rennes Métropole'/></a></li>
-        </ul>
-    </div>
-
-    <div id='assos-logos' class='logos' class="carousel slide" data-ride="carousel">
-
-      <div class="carousel-inner" role="listbox">
-        <div class="item active">
-            <a href="http://www.espacepieton.org/EspaceP/index.html"><img src="{{STATIC_URL}}carteouverte/img/espace_pieton.jpg" alt="Espace piéton"></a></li>
-            <a href="http://www.mce-info.org/fr/associations-adherentes/fiche.php?id=60"><img src="{{STATIC_URL}}carteouverte/img/ivine.png" alt="IVINE"></a></li>
-        </div>
-        <div class="item">
-            <a href="http://www.mce-info.org/fr/associations-adherentes/fiche.php?id=38"><img src="{{STATIC_URL}}carteouverte/img/bretagne-vivante.png" alt="Bretagne-Vivante"></a></li>
-            <a href="http://www.mce-info.org/fr/associations-adherentes/fiche.php?id=62"><img src="{{STATIC_URL}}carteouverte/img/Vertlejardin.png" alt="Vert le jardin"></a></li>
-            <a href="http://www.mce-info.org/fr/associations-adherentes/fiche.php?id=40"><img src="{{STATIC_URL}}carteouverte/img/CLCV.png" alt="CLCV"></a></li>
-        </div>
-        <div class="item">
-            <a href="http://www.alec-rennes.org/"><img src="{{STATIC_URL}}carteouverte/img/cle.png" alt="CLÉ"></a></li>
-            <a href="http://www.mce-info.org/fr/associations-adherentes/fiche.php?id=42"><img src="{{STATIC_URL}}carteouverte/img/greenpeace.png" alt="Greenpeace"></a></li>
-        </div>
-        <div class="item">
-            <a href="http://www.mce-info.org/fr/associations-adherentes/fiche.php?id=43"><img src="{{STATIC_URL}}carteouverte/img/gulliver.png" alt="Gulliver"></a></li>
-            <a href="http://www.mce-info.org/fr/associations-adherentes/fiche.php?id=44"><img src="{{STATIC_URL}}carteouverte/img/indecosa-cgt.jpeg" alt="Indecosa-CGT"></a></li>
-        </div>
-        <div class="item">
-            <a href="http://www.mce-info.org/fr/associations-adherentes/fiche.php?id=46"><img src="{{STATIC_URL}}carteouverte/img/rayonsdaction.png" alt="Rayons d'action"></a></li>
-            <a href="http://www.resosolidaire.fr/"><img src="{{STATIC_URL}}carteouverte/img/reso_solidaire.png" alt="Réso solidaire"></a></li>
-        </div>
-
-      </div>
-
-        <a class="left carousel-control" href="#assos-logos" role="button" data-slide="prev">
-            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
-            <span class="sr-only">{% trans "Previous" %}</span>
-        </a>
-        <a class="right carousel-control" href="#assos-logos" role="button" data-slide="next">
-            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
-            <span class="sr-only">{% trans "Next" %}</span>
-        </a>
-
-    </div>
-
 
     <script type='text/javascript'>
     var has_search = {% if has_search %}true{% else %}false{% endif %};
@@ -96,11 +61,6 @@
         if (has_search){
             load_search_box();
         }
-
-        $('#assos-logos').carousel({
-            interval: 5000
-        });
-
     });
     </script>
 {% endblock %}