Commit 757436c2 authored by Antonin's avatar Antonin

Some CSS changes

parent ab77b9b4
ACL
---
- htaccess : rediriger vers www.
- Liens vers git dans la footer
- Aérer paragraphes
- Liens openstreetmap
- Tester droits + médias privés
- Partie privée
......
......@@ -36,6 +36,18 @@ h1, h2, h3{
background: url(/img/banner.jpg) no-repeat center;
-webkit-background-size: cover;
background-size: cover;
transition: height .5s ease-in-out, min-height .5s ease-in-out;
}
#header.reduced {
height: 150px;
min-height: 150px;
}
#header.reduced h1.title {
font-size: 45px;
margin-top: 20px!important;
}
#header .logo {
......@@ -73,6 +85,8 @@ h1.title {
-moz-animation-delay: 1s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
transition: font-size .5s ease-in-out, margin-top .5s ease-in-out;
}
#menu {
......@@ -136,7 +150,7 @@ h3 a:focus, h3 a:hover {
#menu.affix-top a{
color: white;
text-shadow: 0px 0px 2px rgba(0,0,0, 0.5);
text-shadow: 0px 0px 3px rgba(0,0,0, 0.9);
background-color: transparent;
border: none;
font-weight: bold;
......
......@@ -3,8 +3,16 @@ $( document ).ready(function() {
$('#menu').affix({
offset: {
top: function() {
return Math.min(250, ( $( window ).height() )*40/100);
return 80;
}
}
})
$(window).scroll(function(){
if($(document).scrollTop() > 0) {
$('#header').addClass('reduced');
} else {
$('#header').removeClass('reduced');
}
});
});
\ No newline at end of file
......@@ -36,6 +36,18 @@ h1, h2, h3{
background: url(/img/banner.jpg) no-repeat center;
-webkit-background-size: cover;
background-size: cover;
transition: height .5s ease-in-out, min-height .5s ease-in-out;
}
#header.reduced {
height: 150px;
min-height: 150px;
}
#header.reduced h1.title {
font-size: 45px;
margin-top: 20px!important;
}
#header .logo {
......@@ -73,6 +85,8 @@ h1.title {
-moz-animation-delay: 1s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
transition: font-size .5s ease-in-out, margin-top .5s ease-in-out;
}
#menu {
......@@ -136,7 +150,7 @@ h3 a:focus, h3 a:hover {
#menu.affix-top a{
color: white;
text-shadow: 0px 0px 2px rgba(0,0,0, 0.5);
text-shadow: 0px 0px 3px rgba(0,0,0, 0.9);
background-color: transparent;
border: none;
font-weight: bold;
......
......@@ -36,6 +36,18 @@ h1, h2, h3{
background: url(/img/banner.jpg) no-repeat center;
-webkit-background-size: cover;
background-size: cover;
transition: height .5s ease-in-out, min-height .5s ease-in-out;
}
#header.reduced {
height: 150px;
min-height: 150px;
}
#header.reduced h1.title {
font-size: 45px;
margin-top: 20px!important;
}
#header .logo {
......@@ -73,6 +85,8 @@ h1.title {
-moz-animation-delay: 1s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
transition: font-size .5s ease-in-out, margin-top .5s ease-in-out;
}
#menu {
......@@ -136,7 +150,7 @@ h3 a:focus, h3 a:hover {
#menu.affix-top a{
color: white;
text-shadow: 0px 0px 2px rgba(0,0,0, 0.5);
text-shadow: 0px 0px 3px rgba(0,0,0, 0.9);
background-color: transparent;
border: none;
font-weight: bold;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment