bachir/Clameurs
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

started fixed header, fixed anchor links with fixed header

Browse Source
This commit is contained in:
bachir
2017-02-27 16:23:12 +01:00
parent b38c8e71d1
commit f8417f3db2
9 changed files with 109 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sites/all/themes/figureslibres/clameurs/css/dist/styles.css
Vendored
+35 -14
View File
@@ -40,20 +40,37 @@ input {
width: 1024px;
margin: 0 auto; }
#header h1 a {
display: block;
height: 335px;
background-image: url(../../images/logo.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
text-indent: -2000px;
overflow: hidden;
margin: 0; }
#header {
position: fixed;
width: 100%;
max-height: 400px;
z-index: 20;
background-color: rgba(255, 255, 255, 0.9); }
#header hgroup.logo {
width: 1024px;
margin: 0 auto;
padding: 1em 0; }
#header h1 {
margin: 0; }
#header h1 a {
display: block;
height: 335px;
background-image: url(../../images/logo.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
text-indent: -2000px;
overflow: hidden;
margin: 0; }
#header h2 {
text-align: center;
color: #20c498; }
#header h2 {
text-align: center;
color: #20c498; }
#main {
padding-top: 400px; }
#main > .region {
width: 1024px;
margin: 0 auto; }
#node-63 {
padding: 1em 0; }
@@ -267,7 +284,11 @@ body,
.node-thematique > h2 {
font-size: 3em;
font-weight: 400;
padding-left: 0.18em; }
padding-left: 0.18em;
position: relative; }
.node-thematique > h2 span {
position: absolute;
top: -177px; }
.node-thematique .content {
letter-spacing: -0.25em; }
.node-thematique .content .field-name-field-emvideo img {
sites/all/themes/figureslibres/clameurs/css/styles.scss
+27
View File
@@ -49,15 +49,30 @@ body{
}
@mixin main_centred(){
width:1024px; margin:0 auto;
}
#container{
width:1024px; margin:0 auto;
// overflow-x: visible;
}
$header_height:400px;
#header{
position: fixed;
width:100%; max-height: $header_height;
z-index: 20;
background-color: transparentize(#fff, 0.1);
hgroup.logo{
@include main_centred();
padding: 1em 0;
}
h1{margin:0;}
h1 a{
display:block;
height:335px;
// transition: height 0.1s ease-in-out;
background-image: url(../../images/logo.png);
background-size: contain;
background-position: center;
@@ -72,6 +87,13 @@ body{
}
}
#main{
padding-top: $header_height;
>.region{
@include main_centred();
}
}
// about
#node-63{
// color:$bleu;
@@ -268,6 +290,11 @@ body,
font-size: 3em;
font-weight: 400;
padding-left: 0.18em;
position:relative;
span{
position: absolute;
top:-177px;
}
}
.content{