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

corection #1304 1305 1307 1308 1311 1315 1316

Browse Source
This commit is contained in:
armansansd
2021-07-05 13:24:49 +02:00
parent 3ae61ffc2d
commit 7c0c5a1673
14 changed files with 379 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/themes/custom/popsu/sass/pages/_actu.scss
View File

@@ -40,8 +40,8 @@
margin: 0 auto;
background: black;
color: white;
font-family: "duke";
font-weight: 400;
font-family: "trueno";
font-weight: 500;
padding: .5rem 1.5rem;
font-size: 0.8rem;
text-decoration: none;
@@ -94,7 +94,7 @@
height: 100%;
cursor: pointer;
z-index: 100;
background-color: white;
// background-color: white;
opacity: 0.2;
transition: opacity 250ms;
width: 10%;

7
web/themes/custom/popsu/sass/pages/_archives.scss
View File

@@ -27,7 +27,12 @@
grid-column: 2;
}
.views-row{
background: red;
padding: .5rem 1rem;
background: $col-met;
a{
text-decoration: none;
color: white;
}
}
// mise en page temporaire
// article{

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

@@ -4,7 +4,7 @@ article, .paragraph{
font-family: "trueno";
font-weight: 600;
font-size: $font-medium;
color:brown;
color:black;
margin-top: 1rem;
margin-bottom: .3rem;
}
@@ -45,7 +45,7 @@ article, .paragraph{
width: 100vw;
height: 40vh;
background: $trame;
box-shadow: inset 0 -5rem 8rem white;
box-shadow: inset 0 -5rem 8rem $bck-col;
z-index: -1;
}
}

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

@@ -11,7 +11,14 @@
}
}
}
.last-news{
.views-field-field-image{
height: 25rem;
img{
width: 100%;
}
}
}
.last-news, .last-ressources{
.slick-slide{
margin: 0 1rem;
@@ -21,7 +28,7 @@
height: 100%;
cursor: pointer;
z-index: 100;
background-color: white;
// background-color: white;
opacity: 0.2;
transition: opacity 250ms;
width: 10%;
@@ -47,10 +54,11 @@
padding-top: 1rem;
}
.views-field:not(.views-field-field-image){
background: blue;
background: black;
width: 50%;
margin-left: 1rem;
padding-left: 1rem;
color: white;
}
.views-field-title{
@@ -68,6 +76,8 @@
text-transform: uppercase;
grid-column: 1;
grid-row: 2;
}
a{
text-decoration: none;
@@ -77,12 +87,13 @@
.main_logo{
z-index: 10;
height: 7rem;
position: relative;
// background: red;
background: center / contain no-repeat url(../images/popsu-home-logo.png);
margin: -5rem 0 3rem 0;
}
.about{
box-shadow: inset 0 17rem 18rem white;
box-shadow: inset 0 17rem 18rem $bck-col;
background: $trame;
text-align: center;
padding: 18rem 0 3rem 0;
@@ -103,6 +114,24 @@
div{
margin: 0 5%;
}
.links{
display: inline-block;
margin: 0 auto;
background: black;
color: white;
font-family: "trueno";
font-weight: 500;
padding: .5rem 1.5rem;
font-size: 0.8rem;
a{
text-decoration: none;
&:hover{
text-decoration: underline;
}
}
margin-top: 1rem;
}
}
}
@@ -145,6 +174,7 @@
font-weight: 600;
grid-row: 3 / span 1;
grid-column: 2 / span 1;
}
.views-field-view-node{
// padding-top: 1rem;
@@ -157,8 +187,17 @@
.field-content{
display: inline-block;
width: auto;
background-color: blue !important;
background-color: $col-met;
padding: .3rem .5rem;
}
.empty {
background-color: black;
height: 1rem;
// &::before{
// content: "POPSU";
// }
}
padding-left: .5rem !important;
grid-row: 1 / span 1;
@@ -201,7 +240,6 @@
.views-row{
background-clip: content-box;
height: 13rem;
background-size: 70% !important;
width: 100%;
display: grid;
align-items: center;
@@ -237,7 +275,7 @@
// margin: 3rem;
// }
.programme-2{
background: center / contain no-repeat url(../images/POPSU_1.svg);
background: center / 60% no-repeat url(../images/POPSU_1.svg) white;
&:hover{
background: $col-1;
@@ -245,32 +283,32 @@
}
.programme-2{
background: center / contain no-repeat url(../images/POPSU_2.svg);
background: center / 60% no-repeat url(../images/POPSU_2.svg) white;
&:hover{
background: $col-2;
}
}
.programme-3{
background: center / contain no-repeat url(../images/POPSU_Europe.svg);
background: center / 50% no-repeat url(../images/POPSU_Europe.svg) white;
&:hover{
background: $col-eur;
}
}
.programme-5{
background: center / contain no-repeat url(../images/POPSU_monde.svg);
background: center / 45% no-repeat url(../images/POPSU_monde.svg) white;
&:hover{
background: $col-mond;
}
}
.programme-6{
background: center / contain no-repeat url(../images/POPSU_territoires.svg);
background: center / 60% no-repeat url(../images/POPSU_territoires.svg) white;
&:hover{
background: $col-ter;
}
}
.programme-7{
background: center / contain no-repeat url(../images/POPSU_metropoles.svg);
background: center / 60% no-repeat url(../images/POPSU_metropoles.svg) white;
&:hover{
background: $col-met;
@@ -286,7 +324,7 @@
height: 100%;
cursor: pointer;
z-index: 100;
background-color: white;
// background-color: white;
opacity: 0.2;
transition: opacity 250ms;
width: 10%;
@@ -344,13 +382,17 @@
}
#villes-block_1, #home_themes-block_1, #programmes-block_4{
// background-color: $bck-col;
background: $bck-col;
height: 100%;
display: grid;
align-items: center;
header{
text-align: center;
font-family: 'duke';
font-size: 3.5rem;
font-size: 3.1rem;
line-height: 1;
opacity: .3;
cursor:pointer;
padding: .8rem;
.arrow{

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

@@ -14,11 +14,21 @@
z-index: 10;
width: 25%;
padding: 1rem 1.5rem ;
.prog-ressources-link{
font-family: "duke";
font-size: $font-large;
cursor: pointer;
transition: all 250ms;
text-decoration: none;
&:hover{
padding: 0 0 0 .3rem;
}
}
.views-element-container{
header{
font-family: duke;
font-family: "duke";
font-size: $font-large;
cursor: pointer;
transition: all 250ms;
@@ -47,13 +57,13 @@
position: relative;
#evenements-block_1{
background-color: brown;
background-color: black;
margin-bottom: 3rem;
}
.item-list{
background-color:white;
color: brown;
color: black;
padding: 1rem 0;
li{
margin-bottom: 1rem;
@@ -93,7 +103,7 @@
height: 100%;
cursor: pointer;
z-index: 100;
background-color: white;
// background-color: white;
opacity: 0.2;
transition: opacity 250ms;
width: 10%;
@@ -119,8 +129,8 @@
background-clip: content-box;
}
.views-field-field-image{
grid-row: 3 / span 2;
margin-top: -1.5rem;
grid-row: 1 / span 4;
// margin-top: -3.5rem;
z-index: 0;
padding: .5rem;
}
@@ -131,6 +141,12 @@
padding-left: 0;
}
.views-field-field-sous-titre{
grid-column: 2 / span 1;
}
.views-field-field-type-de-ressource{
grid-column: 2 / span 1;
}
.views-field-title{
font-weight: 600;
grid-row: 3 / span 1;
@@ -147,7 +163,7 @@
.field-content{
display: inline-block;
width: auto;
background-color: blue !important;
background-color: black !important;
padding: .3rem .5rem;
}
padding-left: .5rem !important;
@@ -175,11 +191,11 @@
background: black;
color: white;
font-family: "duke";
font-weight: 400;
font-family: "trueno";
font-weight: 500;
padding: .5rem 1.5rem;
font-size: $font-medium;
font-size: $font-normal;
text-decoration: none;
}

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

@@ -54,7 +54,7 @@
height: 100%;
cursor: pointer;
z-index: 100;
background-color: white;
// background-color: white;
opacity: 0.2;
transition: opacity 250ms;
width: 10%;

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

@@ -169,9 +169,11 @@
footer{
background: white;
}
#footer-bottom{
padding: 2rem 0;
height: 15rem;
*{
word-wrap: break-word;
}
@@ -201,6 +203,7 @@ footer{
color: transparent;
font-size: 0;
background: left / contain no-repeat url(../images/puca.svg);
margin-top: -1.5rem;
}
#block-pieddepage{
@@ -225,8 +228,8 @@ footer{
p{
display: inline-block;
a{
min-width: 2rem;
min-height: 2rem;
min-width: 3rem;
min-height: 3rem;
}
a[href*='twitter']{

17
web/themes/custom/popsu/sass/setup/_globals.scss
View File

@@ -3,6 +3,7 @@ body{
font-size: $font-normal ;
font-weight: 300;
line-height: 1.5;
background: $bck-col;
}
main{
h2{
@@ -14,7 +15,9 @@ main{
a{
color:inherit;
}
.ext{
display: none;
}
strong{
font-weight: 600;
}
@@ -22,4 +25,16 @@ strong{
//TEMP
iframe{
display: none;
}
.slick-arrow{
font-size: 0;
background: center / 40% no-repeat url(../images/fleche.svg);;
}
.slick-prev{
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}