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