style: add short bar after titles

diff --git a/panikweb_templates/static/css/_specifics.scss b/panikweb_templates/static/css/_specifics.scss
index b0d2785e57bcf067aba50ba30eb9f096065b0995..64df5a91d118b5813b938cf2a7df09853847ab4a 100644 (file)
--- a/panikweb_templates/static/css/_specifics.scss
+++ b/panikweb_templates/static/css/_specifics.scss
@@ -40,12 +40,21 @@ $secondary: #af0c06;
        padding: 0.2em 0 0.2em 0;
        margin: 0.2em 0 0.2em 0;
 }
+
 #Main .sectionLabel{
+       position: relative;
        margin-bottom:1em;
+       &::after {
+               display: block;
+               content: "";
+               height: 4px;
+               width: 75px;
+               background: $primary;
+       }
+       margin-bottom: 20px;
 }
 
 .sectionLabel, .label {
-    text-transform: uppercase;
     font-size:1.3em;
 }
 
@@ -450,24 +459,43 @@ body{
 }
 
 #backgroundBox {
-       background: transparent center 40px no-repeat url(../img/logo-lautre.png);
+       background: transparent 10px 15px no-repeat url(../img/logo-lautre.png);
+       position: fixed;
+       @media screen and (max-width:760px){
+               position: static;
+       }
 }
 
 #All #backgroundBox h1.top {
        font-size: 50px;
        padding-left: 10px;
-       width: 200%;
 }
 
 #backgroundBox h1 {
        color: $primary !important;
 }
 
-#All h1.top#radiopanik {
+#All h1.top {
+       color: $primary;
+       position: relative;
+       font-weight: 500;
+       &::after {
+               display: block;
+               content: "";
+               height: 4px;
+               width: 75px;
+               background: $primary;
+               position: absolute;
+               bottom: -1px;
+       }
+       margin-bottom: 20px;
+}
+
+#All h1.top#radio {
        padding-top: 0;
        color: black !important;
-       padding-bottom: 30px;
-        height: 220px;
+       padding-bottom: 0px;
+        height: 190px;
 }
 
 #All #backgroundBox h1 {
@@ -683,7 +711,7 @@ h1.top#frequence {
                 background-position: center 30px;
                 background-size: 130px;
         }
-        #All h1.top#radiopanik {
+        #All h1.top#radio {
                 height: 80px;
         }
        #Player{
@@ -2137,10 +2165,19 @@ div.around-nav {
 
 #newsletter {
        background: white;
-       border: 2px solid $primary;
+       border: 1px solid $primary;
        padding: 1ex;
+       h4 {
+               margin-bottom: 20px;
+       }
+       h4::after {
+               display: block;
+               content: "";
+               height: 4px;
+               width: 75px;
+               background: $primary;
+       }
        a {
-               border-bottom: 1px solid $primary;
                line-height: 150%;
        }
 }

diff --git a/panikweb_templates/templates/base.html b/panikweb_templates/templates/base.html
index ba54f50b56a0da9d9cfe464650b1d3e3ef51c77e..0b8da78a09ebfdb684049d03e8b6f2a56daa7f1c 100644 (file)
--- a/panikweb_templates/templates/base.html
+++ b/panikweb_templates/templates/base.html
@@ -52,7 +52,7 @@
             <div class="wrapper sided" >
                 <div id="backgroundBox" class="cf">
                                <a href="{% url 'home' %}" id="mainHeader"><div>
-                                       <h1 class="top" id="radiopanik">{{ radio_long_name }}</h1>
+                                       <h1 class="top" id="radio">{{ radio_long_name }}</h1>
                                </div></a>
                                <div id="Player" class="withoutPlaylist">
                                        {% block listen %}{% player %}{% endblock %}