bachir/Clameurs
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

updated video thumb display style

Browse Source
This commit is contained in:
bachir
2017-02-23 20:29:41 +01:00
parent 064930653f
commit 65f6be158a
11 changed files with 317 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sites/all/themes/figureslibres/clameurs/css/dist/styles.css
Vendored
+12 -7
View File
@@ -154,7 +154,8 @@ input {
.node-thematique .content article.main {
display: inline-block;
vertical-align: top;
width: 69.5%; }
width: 69.5%;
overflow: hidden; }
.node-thematique .content article.main .field-name-body {
position: relative;
z-index: 3; }
@@ -162,22 +163,26 @@ input {
padding: 0 1em 0 0.2em; }
.node-thematique .content article.main .field-name-body .summary {
position: relative;
height: 141px;
overflow: hidden; }
height: 5.75em;
overflow: hidden;
background-color: transparent;
transition: background-color 0.5 ease-in-out; }
.node-thematique .content article.main .field-name-body .summary p {
font-size: 1.3em; }
.node-thematique .content article.main .field-name-body .value {
position: absolute;
height: 0;
height: 1px;
margin-bottom: 0;
transition: height,margin-bottom 0.5s ease-in-out;
transition: height 0.5s ease-in-out;
background-color: #fff;
overflow: hidden; }
.node-thematique .content article.main .field-name-body .value p {
font-size: 1em;
padding: 0.5em; }
.node-thematique .content article.main .field-name-body:hover .summary {
background-color: #fff; }
.node-thematique .content article.main .field-name-body:hover .value {
height: 400px;
margin-bottom: 1em; }
height: 700px; }
.node-thematique .content article.main .field-name-body p {
padding: 0 0 1em;
margin: 0; }
sites/all/themes/figureslibres/clameurs/css/styles.scss
+10 -4
View File
@@ -202,27 +202,33 @@ body{
display: inline-block;
vertical-align: top;
width:$main_w;
overflow: hidden;
.field-name-body{
position: relative; z-index: 3;
>*{padding:0 1em 0 0.2em;}
.summary{
position: relative;
height:141px; overflow: hidden;
height:5.75em; overflow: hidden;
background-color: transparent;
transition: background-color 0.5 ease-in-out;
p{
font-size: 1.3em;
}
}
.value{
position:absolute;
height:0; margin-bottom: 0;
transition:height,margin-bottom 0.5s ease-in-out;
height:1px; margin-bottom: 0;
transition:height 0.5s ease-in-out;
background-color: #fff;
overflow: hidden;
p{
font-size: 1em; padding: 0.5em;
}
}
&:hover{
.summary{background-color: #fff;}
.value{
height:400px; margin-bottom: 1em;
height:700px;
}
}
p{padding:0 0 1em; margin: 0;}