bachir/popsu-d9
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

page popsu couleur et logo

Browse Source
This commit is contained in:
armansansd
2021-08-09 17:57:49 +02:00
parent de700b385f
commit 958324cb7a
10 changed files with 485 additions and 294 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/themes/custom/popsu/sass/pages/_default.scss
View File

@@ -17,7 +17,7 @@ article, .paragraph{
font-size: $font-big;
background-color: black;
color: white;
padding: .3rem .5rem;
padding: .3rem 1rem;
}
}

2
web/themes/custom/popsu/sass/pages/_home.scss
View File

@@ -243,7 +243,7 @@
font-size: $font-medium;
text-align: center;
padding: 18rem 0 3rem 0;
margin-top: -15rem;
margin-top: -20rem;
.views-row{
.views-field-title{
font-family: "duke" !important;

156
web/themes/custom/popsu/sass/pages/_programme.scss
View File

@@ -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;
}
}
}
}

158
web/themes/custom/popsu/sass/pages/partials/_header_footer.scss
View File

@@ -1,4 +1,134 @@
//header
.header_top_middle_container{
.programme-1{
.views-field-field-programme{
.field-content{
background: $col-1;
}
}
.views-field{
color: $col-1;
}
.views-field-title{
color: $col-1;
&:hover{
background: $col-1;
color:white;
}
}
}
.programme-2{
.views-field-field-programme{
.field-content{
background: $col-2;
}
}
.views-field{
color: $col-2;
}
.views-field-title{
color: $col-2;
&:hover{
background: $col-2;
color:white;
}
}
}
.programme-3{
.views-field-field-programme{
.field-content{
background: $col-eur;
}
}
.views-field{
color: $col-eur;
}
.views-field-title{
color: $col-eur;
&:hover{
background: $col-eur;
color:white;
}
}
}
.programme-4{
.views-field-field-programme{
.field-content{
background: $col-2;
}
}
.views-field{
color: $col-2;
}
.views-field-title{
color: $col-2;
&:hover{
background: $col-2;
color:white;
}
}
}
.programme-5{
.views-field-field-programme{
.field-content{
background: $col-mond;
}
}
.views-field{
color: $col-mond;
}
.views-field-title{
color: $col-mond;
&:hover{
background: $col-mond;
color:white;
}
}
}
.programme-6{
.views-field-field-programme{
.field-content{
background: $col-ter;
}
}
.views-field{
color: $col-ter;
}
.views-field-title{
color: $col-ter;
&:hover{
background: $col-ter;
color:white;
}
}
}
.programme-7{
.views-field-field-programme{
.field-content{
background: $col-met;
}
}
.views-field{
color: $col-met;
}
.views-field-title{
color: $col-met;
&:hover{
background: $col-met;
color:white;
}
}
}
}
////////////////////////////////////////@at-root
#header-top{
height: 5rem;
@@ -56,33 +186,7 @@
}
}
// .programme-3{
// .views-field-title{
// color: $col-eur;
// &:hover{
// background: $col-eur;
// color:white;
// }
// }
// }
// .programme-5{
// .views-field-title{
// color: $col-mond;
// &:hover{
// background: $col-mond;
// color:white;
// }
// }
// }
// .programme-7{
// .views-field-title{
// color: $col-met;
// &:hover{
// background: $col-met;
// color:white;
// }
// }
// }
}
.close-block, .open-block{
// background: red;