page popsu couleur et logo
This commit is contained in:
@@ -1,4 +1,77 @@
|
||||
.page-node-type-programme{
|
||||
#projets-block_2{
|
||||
position: relative;
|
||||
.main_logo{
|
||||
z-index: 10;
|
||||
height: 7rem;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
// background: red;
|
||||
|
||||
// margin: -5rem 0 3rem 0;
|
||||
top:0;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
&.programme-1{
|
||||
h2,h3,h4,h5,h6{
|
||||
color: $col-1;
|
||||
}
|
||||
.main_logo{
|
||||
background: center / contain no-repeat url(../images/POPSU_1.svg);
|
||||
}
|
||||
}
|
||||
&.programme-2{
|
||||
h2,h3,h4,h5,h6{
|
||||
color: $col-2;
|
||||
}
|
||||
.main_logo{
|
||||
background: center / contain no-repeat url(../images/POPSU_2.svg);
|
||||
}
|
||||
}
|
||||
&.programme-3{
|
||||
h2,h3,h4,h5,h6{
|
||||
color: $col-eur;
|
||||
}
|
||||
.main_logo{
|
||||
background: center / contain no-repeat url(../images/POPSU_Europe.svg);
|
||||
}
|
||||
}
|
||||
&.programme-4{
|
||||
h2,h3,h4,h5,h6{
|
||||
color: $col-met;
|
||||
}
|
||||
.main_logo{
|
||||
background: center / contain no-repeat url(../images/POPSU_logo.svg);
|
||||
}
|
||||
}
|
||||
&.programme-5{
|
||||
h2,h3,h4,h5,h6{
|
||||
color: $col-mond;
|
||||
}
|
||||
.main_logo{
|
||||
background: center / contain no-repeat url(../images/POPSU_monde.svg);
|
||||
}
|
||||
}
|
||||
&.programme-6{
|
||||
h2,h3,h4,h5,h6{
|
||||
color: $col-ter;
|
||||
}
|
||||
.main_logo{
|
||||
background: center / contain no-repeat url(../images/POPSU_territoires.svg);
|
||||
}
|
||||
}
|
||||
&.programme-7{
|
||||
h2,h3,h4,h5,h6{
|
||||
color: $col-met;
|
||||
}
|
||||
.main_logo{
|
||||
background: center / contain no-repeat url(../images/POPSU_metropoles.svg);
|
||||
}
|
||||
}
|
||||
.layout-content{
|
||||
position: relative;
|
||||
}
|
||||
@@ -59,33 +132,70 @@
|
||||
#evenements-block_1{
|
||||
background-color: black;
|
||||
margin-bottom: 3rem;
|
||||
h2{
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.item-list{
|
||||
background-color:white;
|
||||
color: black;
|
||||
.programme-1{
|
||||
|
||||
background: $col-1;
|
||||
}
|
||||
.programme-2{
|
||||
|
||||
background: $col-2;
|
||||
}
|
||||
.programme-3{
|
||||
|
||||
background: $col-eur;
|
||||
}
|
||||
.programme-4{
|
||||
|
||||
background: $col-met;
|
||||
}
|
||||
.programme-5{
|
||||
|
||||
background: $col-mond;
|
||||
}
|
||||
.programme-6{
|
||||
|
||||
background: $col-ter;
|
||||
}
|
||||
.programme-7{
|
||||
|
||||
background: $col-met;
|
||||
}
|
||||
.views-row{
|
||||
padding: 1rem 0;
|
||||
li{
|
||||
&:last-of-type{
|
||||
margin-bottom: 1rem;
|
||||
font-weight: 500;
|
||||
.views-field-field-type-de-ressource{
|
||||
text-transform: uppercase;
|
||||
margin-bottom: .2rem;
|
||||
}
|
||||
.views-field-title{
|
||||
font-style: italic;
|
||||
a{
|
||||
text-decoration: none;
|
||||
&:hover{
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
.views-field-field-sous-titre{
|
||||
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
.views-field{
|
||||
|
||||
color: white;
|
||||
padding: 0 1rem;
|
||||
font-weight: 500;
|
||||
|
||||
// &:last-of-type{
|
||||
// margin-bottom: 1rem;
|
||||
// }
|
||||
.views-field-field-type-de-ressource{
|
||||
text-transform: uppercase;
|
||||
margin-bottom: .2rem;
|
||||
}
|
||||
.views-field-title{
|
||||
font-style: italic;
|
||||
|
||||
}
|
||||
.views-field-field-sous-titre{
|
||||
|
||||
font-weight: 400;
|
||||
}
|
||||
a{
|
||||
text-decoration: none;
|
||||
&:hover{
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user