footer logo n&b

This commit is contained in:
2021-11-18 14:24:06 +01:00
parent 2c7ee33edf
commit 19e87e361a
3 changed files with 32 additions and 10 deletions
+15 -6
View File
@@ -321,10 +321,12 @@ a {
/*partials*/ /*partials*/
.layout-container { .layout-container {
position: relative; } position: absolute; }
header { header {
position: sticky; } display: block;
position: sticky;
top: 0; }
#header-top { #header-top {
height: 7rem; height: 7rem;
@@ -407,19 +409,22 @@ header {
#fotter-bottom { #fotter-bottom {
display: flex; display: flex;
flex: 1 1 120px;
flex-direction: row; } flex-direction: row; }
#fotter-bottom .region { #fotter-bottom .region {
display: block; display: block;
padding-left: 1rem; padding-left: 1rem;
border-left: #009ee3 solid 1px; padding-right: 1rem;
padding-bottom: 2rem; } padding-bottom: 1rem;
border-left: #009ee3 solid 1px; }
#fotter-bottom .region h2 { #fotter-bottom .region h2 {
margin-top: 0; margin-top: 0;
color: #09398b; } color: #09398b; }
#fotter-bottom .region img { #fotter-bottom .region img {
height: 4rem; height: 5rem;
width: auto; } width: auto; }
#fotter-bottom .region-footer-bottom-left { #fotter-bottom .region-footer-bottom-left {
width: 35%;
border: none; } border: none; }
#fotter-bottom .region-footer-bottom-left #block-pieddepage ul { #fotter-bottom .region-footer-bottom-left #block-pieddepage ul {
margin-top: 0; margin-top: 0;
@@ -434,7 +439,11 @@ header {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: flex-start; justify-content: flex-start;
flex-wrap: wrap; } flex-wrap: wrap;
padding-top: 1rem; }
#fotter-bottom .view-id-partenaires .view-content .node-type-partenaires_logo_footer_ { #fotter-bottom .view-id-partenaires .view-content .node-type-partenaires_logo_footer_ {
padding-right: 1rem; padding-right: 1rem;
padding-bottom: 1rem; } padding-bottom: 1rem; }
#fotter-bottom .block-views-blockpartenaires-block-2 img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%); }
@@ -3,25 +3,30 @@
#fotter-bottom{ #fotter-bottom{
display: flex; display: flex;
flex: 1 1 120px;
flex-direction: row; flex-direction: row;
.region{ .region{
display: block; display: block;
padding-left: 1rem; padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
border-left: $blue-light solid 1px; border-left: $blue-light solid 1px;
padding-bottom: 2rem;
h2{ h2{
margin-top: 0; margin-top: 0;
color: $blue-dark; color: $blue-dark;
} }
img{ img{
height: 4rem;
height: 5rem;
width: auto; width: auto;
} }
} }
.region-footer-bottom-left{ .region-footer-bottom-left{
width: 35%;
border: none; border: none;
#block-pieddepage ul{ #block-pieddepage ul{
margin-top: 0; margin-top: 0;
@@ -43,6 +48,7 @@
flex-direction: row; flex-direction: row;
justify-content:flex-start; justify-content:flex-start;
flex-wrap: wrap; flex-wrap: wrap;
padding-top: 1rem;
.node-type-partenaires_logo_footer_{ .node-type-partenaires_logo_footer_{
padding-right: 1rem; padding-right: 1rem;
padding-bottom: 1rem; padding-bottom: 1rem;
@@ -50,7 +56,12 @@
} }
} }
.block-views-blockpartenaires-block-2{
img{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
}
// .twitter::before { // .twitter::before {
// font-family: "Font Awesome 5 Brands"; content: "\f099"; // font-family: "Font Awesome 5 Brands"; content: "\f099";
@@ -1,9 +1,11 @@
.layout-container{ .layout-container{
position: relative; position: absolute;
} }
header{ header{
display: block;
position: sticky; position: sticky;
top:0;
} }
#header-top { #header-top {