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

changed en_ettente behaviour

Browse Source
This commit is contained in:
bachir
2017-03-03 17:58:05 +01:00
parent a66a41e2cd
commit 530ac38275
12 changed files with 324 additions and 179 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sites/all/themes/figureslibres/clameurs/css/styles.scss
+59 -43
View File
@@ -159,8 +159,8 @@ $header_height_large:400px;
padding-top: $header_height_large;
}
@include main_centred();
>.region{
@include main_centred();
}
}
@@ -293,8 +293,8 @@ $header_height_large:400px;
// thematique
.node-thematique{
min-height:766px;
margin-bottom: 10em;
// min-height:766px;
margin-bottom: 7em;
position: relative;
&::before{
@@ -303,8 +303,8 @@ $header_height_large:400px;
z-index: -1;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width:100%; height:100%;
top:0; left:0;
@media #{$large-up} {
@@ -314,29 +314,39 @@ $header_height_large:400px;
}
}
&.en_attente::before{
background-size: contain;
background-position: left;
}
@mixin node_thema($bg, $sb_bg, $coul){
&::before{background-image: $bg;}
&.en_attente::before{background-image: $sb_bg;}
&.en_attente{
>h2,
.group-video .field-name-field-description h3,
.group-description .field-name-field-ecouter,
.node-documentair .field-name-field-doc,
.node-documentair .field-name-title-field,
.field-name-field-episodes .field-label,
.node-episode .field-name-title-field{
color: #aaa;//lighten(desaturate($coul, 40%), 20%);
}
}
&:not(.en_attente){
>h2,
.group-video .field-name-field-description h3,
.group-description .field-name-field-ecouter,
.node-documentair .field-name-field-doc,
.node-documentair .field-name-title-field,
.field-name-field-episodes .field-label,
.node-episode .field-name-title-field{color: $coul;}
}
>h2,
.group-video .field-name-field-description h3,
.group-description .field-name-field-ecouter,
.node-documentair .field-name-field-doc,
.node-documentair .field-name-title-field,
.field-name-field-episodes .field-label,
.node-episode .field-name-title-field{color: $coul;}
// article.main{
// .field-name-body{
// .summary{background-color: $coul;}
// }
// }
// &.en_attente::before{background-image: $sb_bg;}
// &.en_attente{
// >h2,
// .group-video .field-name-field-description h3,
// .group-description .field-name-field-ecouter,
// .node-documentair .field-name-field-doc,
// .node-documentair .field-name-title-field,
// .field-name-field-episodes .field-label,
// .node-episode .field-name-title-field{
// color: #aaa;//lighten(desaturate($coul, 40%), 20%);
// }
// }
}
&.node-32{
@@ -377,7 +387,7 @@ $header_height_large:400px;
}
>h2{
font-size: 3em;
font-size: 4em;
font-weight: 400;
// padding-left: 0.18em;
position:relative;
@@ -386,10 +396,16 @@ $header_height_large:400px;
@media #{$large-up} {
padding:0;
}
span{
span.target{
position: absolute;
top:-170px;
}
span.date{
font-size: 0.3em;
font-weight: 600;
// display: block;
// color: #000;
}
}
.content{
@@ -420,7 +436,7 @@ $header_height_large:400px;
>*{padding:0 1em 0 0;}
.summary{
position: relative;
background-color: transparentize(#fff, 0.3);
// background-color: transparentize(#fff, 0.2);
transition: background-color 0.5 ease-in-out;
@media #{$large-up} {
height:7em; overflow: hidden;
@@ -449,7 +465,7 @@ $header_height_large:400px;
}
@media #{$large-up} {
&:hover{
.summary{background-color: #fff;}
// .summary{background-color: #fff;}
.value{
height:700px;
}
@@ -657,20 +673,20 @@ $header_height_large:400px;
}
}
&.en_attente{
.content>.main{
position: relative;
&::before{
position: absolute;
top:0; left:0;
width:100%; height:100%;
content:" ";
z-index: 10;
background-color: #fff;
opacity: 0.8;
}
}
}
// &.en_attente{
// .content>.main{
// position: relative;
// &::before{
// position: absolute;
// top:0; left:0;
// width:100%; height:100%;
// content:" ";
// z-index: 10;
// background-color: #fff;
// opacity: 0.8;
// }
// }
// }
}
// ____ __