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

added standby display

Browse Source
This commit is contained in:
bachir
2017-02-26 16:03:31 +01:00
parent 242d6b0336
commit ed3311967a
64 changed files with 342 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sites/all/themes/figureslibres/clameurs/css/styles.scss
+156 -77
View File
@@ -117,33 +117,57 @@ body{
span{
display: block;
}
&.en_attente{
// opacity: 0.4;
color:#ddd;
@mixin anchor($bg, $sb_bg, $coul){
background-image: $bg;
color:$coul;
&.en_attente{
// opacity: 0.4;
color:#aaa;//transparentize($coul, 0.8);//saturate(lighten($coul, 40%), 90%);
background-image: $sb_bg;
cursor: default;
}
}
&.node-32{
background-image: url(../../images/fond-theme-lite-0.jpg);
color:$coul0;
@include anchor(
url(../../images/menu-fond-theme-0-flat.jpg),
url(../../images/menu-fond-theme-0-flat-nb.jpg),
$coul0);
}
&.node-14{
background-image: url(../../images/fond-theme-lite-1.jpg);
color:$coul1;
@include anchor(
url(../../images/menu-fond-theme-1-flat.jpg),
url(../../images/menu-fond-theme-1-flat-nb.jpg),
$coul1);
}
&.node-38{
background-image: url(../../images/fond-theme-lite-2.jpg);
color:$coul2;
@include anchor(
url(../../images/menu-fond-theme-2-flat.jpg),
url(../../images/menu-fond-theme-2-flat-nb.jpg),
$coul2);
}
&.node-3{
background-image: url(../../images/fond-theme-lite-3.jpg);
color:$coul3;
@include anchor(
url(../../images/menu-fond-theme-3-flat.jpg),
url(../../images/menu-fond-theme-3-flat-nb.jpg),
$coul3);
}
&.node-20{
background-image: url(../../images/fond-theme-lite-4.jpg);
color:$coul4;
@include anchor(
url(../../images/menu-fond-theme-4-flat.jpg),
url(../../images/menu-fond-theme-4-flat-nb.jpg),
$coul4);
}
&.node-26{
background-image: url(../../images/fond-theme-lite-5.jpg);
color:$coul5;
@include anchor(
url(../../images/menu-fond-theme-5-flat.jpg),
url(../../images/menu-fond-theme-5-flat-nb.jpg),
$coul5);
}
&:hover{
// TODO: anchor link over effect
}
}
}
@@ -167,6 +191,7 @@ body,
// thematique
.node-thematique{
min-height:766px;
margin-bottom: 10em;
position: relative;
&::before{
@@ -181,59 +206,62 @@ body,
// border: 1px dotted red;
}
@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-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-episode .field-name-title-field{color: $coul;}
}
}
&.node-32{
&::before{background-image: url(../../images/fond-theme-0.jpg);}
>h2,
// .group-txt .summary p,
.group-video .field-name-field-description h3,
.group-description .field-name-field-ecouter,
.node-documentair .field-name-field-doc,
.node-episode .field-name-title-field{color: $coul0;}
@include node_thema(
url(../../images/fond-theme-0-flat.png),
url(../../images/fond-theme-0-flat-nb.jpg),
$coul0);
}
&.node-14{
&::before{background-image: url(../../images/fond-theme-1.jpg);}
>h2,
// .group-txt .summary p,
.group-video .field-name-field-description h3,
.group-description .field-name-field-ecouter,
.node-documentair .field-name-field-doc,
.node-episode .field-name-title-field{color: $coul1;}
@include node_thema(
url(../../images/fond-theme-1-flat.png),
url(../../images/fond-theme-1-flat-nb.jpg),
$coul1);
}
&.node-38{
&::before{background-image: url(../../images/fond-theme-2.jpg);}
>h2,
// .group-txt .summary p,
.group-video .field-name-field-description h3,
.group-description .field-name-field-ecouter,
.node-documentair .field-name-field-doc,
.node-episode .field-name-title-field{color: $coul2;}
@include node_thema(
url(../../images/fond-theme-2-flat.png),
url(../../images/fond-theme-2-flat-nb.jpg),
$coul2);
}
&.node-3{
&::before{background-image: url(../../images/fond-theme-3.jpg);}
>h2,
// .group-txt .summary p,
.group-video .field-name-field-description h3,
.group-description .field-name-field-ecouter,
.node-documentair .field-name-field-doc,
.node-episode .field-name-title-field{color: $coul3;}
@include node_thema(
url(../../images/fond-theme-3-flat.png),
url(../../images/fond-theme-3-flat-nb.jpg),
$coul3);
}
&.node-20{
&::before{background-image: url(../../images/fond-theme-4.jpg);}
>h2,
// .group-txt .summary p,
.group-video .field-name-field-description h3,
.group-description .field-name-field-ecouter,
.node-documentair .field-name-field-doc,
.node-episode .field-name-title-field{color: $coul4;}
@include node_thema(
url(../../images/fond-theme-4-flat.png),
url(../../images/fond-theme-4-flat-nb.jpg),
$coul4);
}
&.node-26{
&::before{background-image: url(../../images/fond-theme-5.jpg);}
>h2,
// .group-txt .summary p,
.group-video .field-name-field-description h3,
.group-description .field-name-field-ecouter,
.node-documentair .field-name-field-doc,
.node-episode .field-name-title-field{color: $coul5;}
@include node_thema(
url(../../images/fond-theme-5-flat.png),
url(../../images/fond-theme-5-flat-nb.jpg),
$coul5);
}
>h2{
@@ -367,7 +395,20 @@ body,
transition:height 0.3s ease-in-out;
}
}
&:hover .group-txt .field-name-title-field{height:70%;}
}
&:not(.en_attente):hover .group-txt .field-name-title-field{height:70%;}
&.en_attente>.content{
position: relative;
&::before{
position: absolute;
top:0; left:0;
width:100%; height:100%;
content:" ";
z-index: 10;
background-color: #fff;
opacity: 0.8;
}
}
}
}
@@ -393,27 +434,43 @@ body,
width:19%;
// padding-right:1%;
.node-episode .content{
position: relative;
.group-txt{
cursor: pointer; pointer-events: none;
box-sizing: border-box;
position:absolute; z-index: 2; overflow: hidden;
top:0; left:0; width:90%; height:80%;
margin:5%; padding:5%;
background-color: rgba(255, 255, 255, 0.3);
opacity: 0.8;
transition:opacity,background-color 0.3s ease-in-out;
.field-name-title-field{
font-size: 4em;
font-weight: 700;
font-style: italic;
text-align: center;
.node-episode{
.content{
position: relative;
.group-txt{
cursor: pointer; pointer-events: none;
box-sizing: border-box;
position:absolute; z-index: 2; overflow: hidden;
top:0; left:0; width:90%; height:80%;
margin:5%; padding:5%;
background-color: rgba(255, 255, 255, 0.9);
opacity: 1;
transition:opacity,background-color 0.3s ease-in-out;
.field-name-title-field{
font-size: 4em;
font-weight: 700;
font-style: italic;
text-align: center;
}
}
}
&:hover .group-txt{
opacity: 1;
background-color: rgba(255, 255, 255, 0.9);
&:not(.en_attente):hover .content .group-txt{
opacity: 0.9;
background-color: rgba(255, 255, 255, 0.3);
}
&.en_attente>.content{
position: relative;
&::before{
position: absolute;
top:0; left:0;
width:100%; height:100%;
content:" ";
z-index: 10;
background-color: #fff;
opacity: 0.8;
}
}
}
}
@@ -424,8 +481,30 @@ body,
}
}
}
&.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;
}
}
}
}
// ____ __
// / __ \_ _____ _____/ /___ ___ __
// / / / / | / / _ \/ ___/ / __ `/ / / /
// / /_/ /| |/ / __/ / / / /_/ / /_/ /
// \____/ |___/\___/_/ /_/\__,_/\__, /
// /____/
#DOMWindowOverlay{
// background-color: #fff!important;
}