corection #1304 1305 1307 1308 1311 1315 1316
This commit is contained in:
@@ -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%;
|
||||
|
@@ -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,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;
|
||||
}
|
||||
}
|
||||
|
@@ -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{
|
||||
|
@@ -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;
|
||||
|
||||
}
|
||||
|
@@ -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%;
|
||||
|
@@ -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']{
|
||||
|
Reference in New Issue
Block a user