Work on search engine - new bootstrap layout

2 files changed, 163 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..9196d03
--- /dev/null
+++ b/chimere_example_static/chimere/css/extra-styles.css
@@ -0,0 +1,99 @@
+.nav-pills{
+    margin-top:5px;
+}
+
+.nav-pills > li.active > a, .nav-pills > li.active > a:hover,
+.nav-pills > li.active > a:focus {
+    background-color: #327E04;
+}
+
+a:hover, a:focus {
+    color: #327E04;
+}
+
+.container{
+    max-width:none;
+}
+
+#utils-div{
+    border-color: #DDD;
+}
+
+#search-box {
+    position: relative;
+    z-index: 200;
+    left: auto;
+    top: auto;
+    border: 0px solid transparent;
+    display:none;
+}
+
+#panel, #detail{
+    background-color: #F8F8F8;
+}
+
+#panel{
+    max-height:none;
+    right:0;
+    bottom:0;
+    border:0 transparent;
+    border-left:1px solid #E7E7E7;
+    padding:16px;
+    width:400px;
+}
+
+#detail {
+    right:auto;
+    left:0;
+    bottom:0;
+    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;
+}
+
+#footer .map-footer {
+    bottom: 0;
+    right: 400px;
+    margin:0;
+    background-color:#fff;
+    opacity:0.8;
+}
+
+#layer_selection {
+    display:none;
+}
+
+.olControlPanPanel {
+    top: 30px;
+}
+
+.olControlZoomPanel {
+    top: 95px;
+}
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..2aa8d23
--- /dev/null
+++ b/chimere_example_static/chimere/css/form-compat.css
@@ -0,0 +1,64 @@
+input:-moz-placeholder {
+  color: #999999;
+}
+
+input::-moz-placeholder {
+  color: #999999;
+}
+
+input:-ms-input-placeholder {
+  color: #999999;
+}
+
+input::-webkit-input-placeholder {
+  color: #999999;
+}
+
+input {
+  display: block;
+  padding: 6px 12px;
+  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:focus {
+  border-color: #66afe9;
+  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;
+}