Merge extra-styles.css in styles.css

1 files changed, 500 insertions, 7 deletions

diff --git a/chimere/static/chimere/css/styles.css b/chimere/static/chimere/css/styles.css
index e873b8a..a0e6a26 100644
--- a/chimere/static/chimere/css/styles.css
+++ b/chimere/static/chimere/css/styles.css
@@ -42,7 +42,7 @@ th{
 
 /* background-color definition */
 
-body, h2, h3,
+h2, h3,
 .ui-widget-header,
 #layer_selection h4,
 .action li.selected, #no-js-message,
@@ -105,16 +105,33 @@ fieldset, #content, #panel,
 */
 /**/
 
+/* Bootstrap */
+
+.modal-header .close {
+    text-align: right;
+}
+
+.modal-header {
+    padding: 8px 15px;
+}
+
+.modal-header-success {
+    color:#fff;
+    border-bottom:1px solid #eee;
+    -webkit-border-top-left-radius: 5px;
+    -webkit-border-top-right-radius: 5px;
+    -moz-border-radius-topleft: 5px;
+    -moz-border-radius-topright: 5px;
+     border-top-left-radius: 5px;
+     border-top-right-radius: 5px;
+}
+
+
 html, body{
     margin:0;
     padding:0;
 }
 
-body{
-    font-family:arial;
-    font-size:80%;
-}
-
 fieldset p{
     margin:4px 8px;
 }
@@ -1124,7 +1141,6 @@ div.pp_default .pp_expand{
 #cluster_list span{
     vertical-align:middle;
     display:inline-block;
-    width:210px;
     cursor:pointer;
 }
 
@@ -1300,3 +1316,480 @@ div.pp_default .pp_expand{
     line-height: 20px;
 }
 
+/* from extra style */
+
+#content{
+    border:0 solid transparent;
+    margin-top:40px;
+}
+
+ul.share a span.fa, ul.share, .nav-pills > li > a > .fa,
+a, a:link, a:visited, legend, #footer .map-footer a, #footer .map-footer a:link,
+#footer .map-footer a:visited, .detail_footer a, caption,
+#categories li#display_submited, h4, .simple .cloud h2 {
+    color: #99CA3C;
+}
+
+.nav-pills > li#simple_button-lnk > a > .fa{
+    color:#777;
+}
+
+.pager li a,
+.detail_amendment a, .detail_amendment a:visited,
+.nav-pills > li.active > a > .fa{
+    color:#fff;
+}
+
+#frm_categories {
+    background-color: #fff;
+}
+
+.pager li a,
+.detail_amendment,
+.nav-pills > li.active > a, .nav-pills > li.active > a:hover,
+.nav-pills > li.active > a:focus {
+    background-color: #99CA3C;
+}
+
+.pager li a:hover{
+    background-color: #327E04;
+}
+
+.pager li a:hover{
+    border-color: #327E04;
+}
+
+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;
+}
+
+#news{
+    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;
+}
+
+.modal-header-success,
+.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;
+    left: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 {
+}
+
+#detail-wrapper{
+    padding: 4px 8px;
+    padding-top:50px;
+    position:absolute;
+    z-index:101;
+    left:auto;
+    right:0;
+    bottom:0;
+    top:0;
+    width:400px;
+    border:0 transparent;
+    border-right:1px solid #E7E7E7;
+    border-top:1px solid #E7E7E7;
+}
+
+#categories input{
+    display:None;
+}
+
+.category_name{
+    font-weight:bold;
+}
+
+.subcategory label{
+    padding: 0 0.5em;
+    border-radius:5px;
+    font-weight:normal;
+}
+
+.subcategory.selected label{
+    background-color:rgb(175, 231, 175);
+}
+
+#panel #categories,
+#categories > ul {
+    width:auto;
+}
+
+#categories{
+    display:none;
+}
+
+.cat_image{
+    display:inline-block;
+    width:30px;
+}
+
+@media (min-height: 500px) {
+    #category-directory{
+        width:50%;
+    }
+}
+
+#search-nav{
+    position:absolute;
+    bottom:0;
+    width:100%;
+    background-color:#F8F8F8;
+    border-top:1px solid #E6E6E6;
+    padding: 0 10px;
+    left: 0;
+}
+
+#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#news_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-categories:before{
+    content:"\f03a";
+}
+
+.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{
+        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{
+        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;
+    left: 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;
+    color:#449506;
+}
+
+#show-panel{
+    left: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;
+    }
+}
+
+#content .olControlSimplePanZoom{
+    top: 58px !important;
+    left: auto !important;
+    right:50px !important;
+}
+
+#content .olControlLayerSwitcher .maximizeDiv{
+    left: -60px !important;
+}
+
+#content #main-map .olControlLayerSwitcher {
+    left: auto !important;
+    right:50px !important;
+    top:10px !important;
+}