modification - mail 23/08

This commit is contained in:
armansansd
2021-08-24 16:03:41 +02:00
parent b1f6e1637d
commit e6595d6869
8 changed files with 234 additions and 67 deletions

View File

@@ -175,6 +175,7 @@
grid-row: 4 / span 1;
grid-column: 2 / span 1;
margin-bottom: 1rem;
display: none;
}
.views-field-field-programme{
text-transform: uppercase;
@@ -279,7 +280,7 @@
font-size: $font-medium;
text-align: center;
padding: 18rem 0 3rem 0;
margin-top: -20rem;
margin-top: -16rem;
.views-row{
.views-field-title{
font-family: "duke" !important;
@@ -422,8 +423,10 @@
background-clip: content-box;
min-height: 11rem;
width: 100%;
display: grid;
align-items: center;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: center;
padding: 1rem;
.views-field:not(.views-field-field-logo){
font-size: $font-medium;
@@ -432,7 +435,7 @@
}
.views-field-title{
margin-bottom: 1rem;
margin-bottom: .7rem;
}
&:hover{
.views-field:not(.views-field-field-logo){
@@ -440,6 +443,7 @@
display: block;
color: white;
text-align: center;
flex-basis: 100%;
a{
text-decoration: none;
@@ -501,7 +505,7 @@
.programme-5{
// background: center / 45% no-repeat url(../images/POPSU_monde.svg) white;
img{
width: 45%;
width: 50%;
}
&:hover{
background: $col-mond;

View File

@@ -1,5 +1,8 @@
.page-node-type-programme{
//hide logo in header
#programme_toc-block_7{
display: none;
}
//galerie de la page popsu - top (copy de home)
#programme_toc-block_5{
.slick-slide{
@@ -253,6 +256,7 @@
header{
font-family: "duke";
font-size: $font-large;
text-transform: uppercase;
cursor: pointer;
transition: all 250ms;
&:hover{
@@ -353,42 +357,125 @@
article{
// font-size: $font-small;
//temp hidden
.computed_projets_references{
.computed_projets_references, .computed_themes_references, .field_logo{
display: none;
}
//
// temp ??
h2:first-child{
display: none;
}
.body{
font-size: $font-medium;
height: 20rem;
overflow: hidden;
position: relative;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
footer{
position:absolute;
bottom:0;
left:0;
z-index: 1;
width: 100%;
text-align: center;
a{
display: inline-block;
margin: 0 auto;
background: black;
color: white;
cursor:pointer;
font-family: "trueno";
font-weight: 500;
padding: .5rem 1rem;
font-size: $font-small;
text-decoration: none;
text-transform: uppercase;
&:hover{
color:black;
background: white;
}
}
}
}
.body:after{
content: "";
opacity: 1;
position: absolute;
top: 0; bottom: 0; left: -15px; right: -15px;
box-shadow: inset white 0 -4rem 2rem;
}
.body_open{
height: auto;
&:after{
opacity: 0;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.field_textes{
.paragraph{
// border-top: 1px solid black;
border-bottom: 3px dotted gray;
padding: 1rem 0;
.field_titre{
font-size: $font-big;
font-weight: 600;
text-transform: initial;
cursor:pointer;
margin-top: 1rem;
cursor: pointer;
// margin-top: 1rem;
}
.field_titre:after{
content: '';
float: right;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.rotate:after{
transform: rotate(180deg);
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.field_texte{
height: auto;
position: relative;
// box-shadow: inset 0 -5rem 8rem $bck-col;
transition: all 250ms;
}
.crop:after{
content: "";
position: absolute;
top: 0; bottom: 0; left: -15px; right: -15px;
box-shadow: inset white 0 -4rem 2rem;
h2{
text-transform: inherit;
}
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.crop{
max-height: 7rem;
height: 0;
overflow: hidden;
transition: all 250ms;
display: none;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
}
}

View File

@@ -147,8 +147,9 @@
height: 100%;
}
a[rel~='home']{
display: none;
height: 100%;
display: block;
// display: block;
font-size: 0;
color: transparent;
background: left / contain no-repeat url(../images/POPSU_logo.svg);