Add news button and news template

1 files changed, 52 insertions, 13 deletions

diff --git a/chimere_example_static/chimere/css/extra-styles.css b/chimere_example_static/chimere/css/extra-styles.css
index f5d4c3c..73bc7d2 100644
--- a/chimere_example_static/chimere/css/extra-styles.css
+++ b/chimere_example_static/chimere/css/extra-styles.css
@@ -3,10 +3,29 @@
     margin-top:40px;
 }
 
+h2, h3 {
+    color: #449506;
+    background-color: transparent;
+}
+
+.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;
 }
@@ -19,6 +38,11 @@ input{
     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;
@@ -138,8 +162,14 @@ a:hover, a:focus {
     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{
+#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;
@@ -148,6 +178,10 @@ span#permalink, .navbar-nav .lbl, #areas-div label, #permalink, #simple_button,
     font-weight:normal;
 }
 
+.nav > li > a, #simple_button{
+    padding:10px;
+}
+
 #areas-div{
     line-height: 32px;
 }
@@ -157,16 +191,20 @@ span#permalink, .navbar-nav .lbl, #areas-div label, #permalink, #simple_button,
     padding: 0px;
 }
 
-#permalink-lnk, #simple_button{
+#news-lnk, #permalink-lnk, #simple_button{
     line-height: 42px;
 }
 
-#permalink-lnk{
-    padding: 0px 0px 0px 1em;
+#news-lnk, #permalink-lnk{
+    padding: 0px 0px 0px 10px;
 }
 
-#simple_button{
-    padding: 10px 15px;
+#news-lnk .lbl{
+    padding: 0px 0px 0px 0.5em;
+}
+
+#permalink, #simple_button-lnk lbl{
+    padding: 0 0.8em;
 }
 
 #areas-div{
@@ -218,11 +256,6 @@ span#permalink, .navbar-nav .lbl, #areas-div label, #permalink, #simple_button,
     display:none;
 }
 
-#permalink,
-#simple_button-lnk lbl{
-    padding: 0 0.8em;
-}
-
 @media (min-width: 1552px) {
     #maps-lnk label,
     #contact-lnk .lbl,
@@ -247,15 +280,18 @@ span#permalink, .navbar-nav .lbl, #areas-div label, #permalink, #simple_button,
 }
 
 @media (max-width: 767px) {
-    #simple_button-lnk .lbl, #maps-lnk label, #contact-lnk .lbl, #rss-lnk .lbl{
+    #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;
@@ -266,6 +302,9 @@ span#permalink, .navbar-nav .lbl, #areas-div label, #permalink, #simple_button,
     #detail{
         padding-top:50px;
     }
+    #categories-lnk{
+        clear:both;
+    }
 }
 
 .show-hide-panel{