added standby display
@@ -100,26 +100,48 @@ input {
|
||||
background-size: contain; }
|
||||
#thematique-anchor-links ul li a span {
|
||||
display: block; }
|
||||
#thematique-anchor-links ul li a.en_attente {
|
||||
color: #ddd; }
|
||||
#thematique-anchor-links ul li a.node-32 {
|
||||
background-image: url(../../images/fond-theme-lite-0.jpg);
|
||||
background-image: url(../../images/menu-fond-theme-0-flat.jpg);
|
||||
color: #2f82ff; }
|
||||
#thematique-anchor-links ul li a.node-32.en_attente {
|
||||
color: #aaa;
|
||||
background-image: url(../../images/menu-fond-theme-0-flat-nb.jpg);
|
||||
cursor: default; }
|
||||
#thematique-anchor-links ul li a.node-14 {
|
||||
background-image: url(../../images/fond-theme-lite-1.jpg);
|
||||
background-image: url(../../images/menu-fond-theme-1-flat.jpg);
|
||||
color: #ff0000; }
|
||||
#thematique-anchor-links ul li a.node-14.en_attente {
|
||||
color: #aaa;
|
||||
background-image: url(../../images/menu-fond-theme-1-flat-nb.jpg);
|
||||
cursor: default; }
|
||||
#thematique-anchor-links ul li a.node-38 {
|
||||
background-image: url(../../images/fond-theme-lite-2.jpg);
|
||||
background-image: url(../../images/menu-fond-theme-2-flat.jpg);
|
||||
color: #88aa00; }
|
||||
#thematique-anchor-links ul li a.node-38.en_attente {
|
||||
color: #aaa;
|
||||
background-image: url(../../images/menu-fond-theme-2-flat-nb.jpg);
|
||||
cursor: default; }
|
||||
#thematique-anchor-links ul li a.node-3 {
|
||||
background-image: url(../../images/fond-theme-lite-3.jpg);
|
||||
background-image: url(../../images/menu-fond-theme-3-flat.jpg);
|
||||
color: #ff6600; }
|
||||
#thematique-anchor-links ul li a.node-3.en_attente {
|
||||
color: #aaa;
|
||||
background-image: url(../../images/menu-fond-theme-3-flat-nb.jpg);
|
||||
cursor: default; }
|
||||
#thematique-anchor-links ul li a.node-20 {
|
||||
background-image: url(../../images/fond-theme-lite-4.jpg);
|
||||
background-image: url(../../images/menu-fond-theme-4-flat.jpg);
|
||||
color: #ff2ad4; }
|
||||
#thematique-anchor-links ul li a.node-20.en_attente {
|
||||
color: #aaa;
|
||||
background-image: url(../../images/menu-fond-theme-4-flat-nb.jpg);
|
||||
cursor: default; }
|
||||
#thematique-anchor-links ul li a.node-26 {
|
||||
background-image: url(../../images/fond-theme-lite-5.jpg);
|
||||
background-image: url(../../images/menu-fond-theme-5-flat.jpg);
|
||||
color: #8800aa; }
|
||||
#thematique-anchor-links ul li a.node-26.en_attente {
|
||||
color: #aaa;
|
||||
background-image: url(../../images/menu-fond-theme-5-flat-nb.jpg);
|
||||
cursor: default; }
|
||||
|
||||
html,
|
||||
body,
|
||||
@@ -133,6 +155,7 @@ body,
|
||||
|
||||
.node-thematique {
|
||||
min-height: 766px;
|
||||
margin-bottom: 10em;
|
||||
position: relative; }
|
||||
.node-thematique::before {
|
||||
position: absolute;
|
||||
@@ -146,52 +169,100 @@ body,
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat; }
|
||||
.node-thematique.node-32::before {
|
||||
background-image: url(../../images/fond-theme-0.jpg); }
|
||||
.node-thematique.node-32 > h2,
|
||||
.node-thematique.node-32 .group-video .field-name-field-description h3,
|
||||
.node-thematique.node-32 .group-description .field-name-field-ecouter,
|
||||
.node-thematique.node-32 .node-documentair .field-name-field-doc,
|
||||
.node-thematique.node-32 .node-episode .field-name-title-field {
|
||||
background-image: url(../../images/fond-theme-0-flat.png); }
|
||||
.node-thematique.node-32.en_attente::before {
|
||||
background-image: url(../../images/fond-theme-0-flat-nb.jpg); }
|
||||
.node-thematique.node-32.en_attente > h2,
|
||||
.node-thematique.node-32.en_attente .group-video .field-name-field-description h3,
|
||||
.node-thematique.node-32.en_attente .group-description .field-name-field-ecouter,
|
||||
.node-thematique.node-32.en_attente .node-documentair .field-name-field-doc,
|
||||
.node-thematique.node-32.en_attente .node-episode .field-name-title-field {
|
||||
color: #aaa; }
|
||||
.node-thematique.node-32:not(.en_attente) > h2,
|
||||
.node-thematique.node-32:not(.en_attente) .group-video .field-name-field-description h3,
|
||||
.node-thematique.node-32:not(.en_attente) .group-description .field-name-field-ecouter,
|
||||
.node-thematique.node-32:not(.en_attente) .node-documentair .field-name-field-doc,
|
||||
.node-thematique.node-32:not(.en_attente) .node-episode .field-name-title-field {
|
||||
color: #2f82ff; }
|
||||
.node-thematique.node-14::before {
|
||||
background-image: url(../../images/fond-theme-1.jpg); }
|
||||
.node-thematique.node-14 > h2,
|
||||
.node-thematique.node-14 .group-video .field-name-field-description h3,
|
||||
.node-thematique.node-14 .group-description .field-name-field-ecouter,
|
||||
.node-thematique.node-14 .node-documentair .field-name-field-doc,
|
||||
.node-thematique.node-14 .node-episode .field-name-title-field {
|
||||
background-image: url(../../images/fond-theme-1-flat.png); }
|
||||
.node-thematique.node-14.en_attente::before {
|
||||
background-image: url(../../images/fond-theme-1-flat-nb.jpg); }
|
||||
.node-thematique.node-14.en_attente > h2,
|
||||
.node-thematique.node-14.en_attente .group-video .field-name-field-description h3,
|
||||
.node-thematique.node-14.en_attente .group-description .field-name-field-ecouter,
|
||||
.node-thematique.node-14.en_attente .node-documentair .field-name-field-doc,
|
||||
.node-thematique.node-14.en_attente .node-episode .field-name-title-field {
|
||||
color: #aaa; }
|
||||
.node-thematique.node-14:not(.en_attente) > h2,
|
||||
.node-thematique.node-14:not(.en_attente) .group-video .field-name-field-description h3,
|
||||
.node-thematique.node-14:not(.en_attente) .group-description .field-name-field-ecouter,
|
||||
.node-thematique.node-14:not(.en_attente) .node-documentair .field-name-field-doc,
|
||||
.node-thematique.node-14:not(.en_attente) .node-episode .field-name-title-field {
|
||||
color: #ff0000; }
|
||||
.node-thematique.node-38::before {
|
||||
background-image: url(../../images/fond-theme-2.jpg); }
|
||||
.node-thematique.node-38 > h2,
|
||||
.node-thematique.node-38 .group-video .field-name-field-description h3,
|
||||
.node-thematique.node-38 .group-description .field-name-field-ecouter,
|
||||
.node-thematique.node-38 .node-documentair .field-name-field-doc,
|
||||
.node-thematique.node-38 .node-episode .field-name-title-field {
|
||||
background-image: url(../../images/fond-theme-2-flat.png); }
|
||||
.node-thematique.node-38.en_attente::before {
|
||||
background-image: url(../../images/fond-theme-2-flat-nb.jpg); }
|
||||
.node-thematique.node-38.en_attente > h2,
|
||||
.node-thematique.node-38.en_attente .group-video .field-name-field-description h3,
|
||||
.node-thematique.node-38.en_attente .group-description .field-name-field-ecouter,
|
||||
.node-thematique.node-38.en_attente .node-documentair .field-name-field-doc,
|
||||
.node-thematique.node-38.en_attente .node-episode .field-name-title-field {
|
||||
color: #aaa; }
|
||||
.node-thematique.node-38:not(.en_attente) > h2,
|
||||
.node-thematique.node-38:not(.en_attente) .group-video .field-name-field-description h3,
|
||||
.node-thematique.node-38:not(.en_attente) .group-description .field-name-field-ecouter,
|
||||
.node-thematique.node-38:not(.en_attente) .node-documentair .field-name-field-doc,
|
||||
.node-thematique.node-38:not(.en_attente) .node-episode .field-name-title-field {
|
||||
color: #88aa00; }
|
||||
.node-thematique.node-3::before {
|
||||
background-image: url(../../images/fond-theme-3.jpg); }
|
||||
.node-thematique.node-3 > h2,
|
||||
.node-thematique.node-3 .group-video .field-name-field-description h3,
|
||||
.node-thematique.node-3 .group-description .field-name-field-ecouter,
|
||||
.node-thematique.node-3 .node-documentair .field-name-field-doc,
|
||||
.node-thematique.node-3 .node-episode .field-name-title-field {
|
||||
background-image: url(../../images/fond-theme-3-flat.png); }
|
||||
.node-thematique.node-3.en_attente::before {
|
||||
background-image: url(../../images/fond-theme-3-flat-nb.jpg); }
|
||||
.node-thematique.node-3.en_attente > h2,
|
||||
.node-thematique.node-3.en_attente .group-video .field-name-field-description h3,
|
||||
.node-thematique.node-3.en_attente .group-description .field-name-field-ecouter,
|
||||
.node-thematique.node-3.en_attente .node-documentair .field-name-field-doc,
|
||||
.node-thematique.node-3.en_attente .node-episode .field-name-title-field {
|
||||
color: #aaa; }
|
||||
.node-thematique.node-3:not(.en_attente) > h2,
|
||||
.node-thematique.node-3:not(.en_attente) .group-video .field-name-field-description h3,
|
||||
.node-thematique.node-3:not(.en_attente) .group-description .field-name-field-ecouter,
|
||||
.node-thematique.node-3:not(.en_attente) .node-documentair .field-name-field-doc,
|
||||
.node-thematique.node-3:not(.en_attente) .node-episode .field-name-title-field {
|
||||
color: #ff6600; }
|
||||
.node-thematique.node-20::before {
|
||||
background-image: url(../../images/fond-theme-4.jpg); }
|
||||
.node-thematique.node-20 > h2,
|
||||
.node-thematique.node-20 .group-video .field-name-field-description h3,
|
||||
.node-thematique.node-20 .group-description .field-name-field-ecouter,
|
||||
.node-thematique.node-20 .node-documentair .field-name-field-doc,
|
||||
.node-thematique.node-20 .node-episode .field-name-title-field {
|
||||
background-image: url(../../images/fond-theme-4-flat.png); }
|
||||
.node-thematique.node-20.en_attente::before {
|
||||
background-image: url(../../images/fond-theme-4-flat-nb.jpg); }
|
||||
.node-thematique.node-20.en_attente > h2,
|
||||
.node-thematique.node-20.en_attente .group-video .field-name-field-description h3,
|
||||
.node-thematique.node-20.en_attente .group-description .field-name-field-ecouter,
|
||||
.node-thematique.node-20.en_attente .node-documentair .field-name-field-doc,
|
||||
.node-thematique.node-20.en_attente .node-episode .field-name-title-field {
|
||||
color: #aaa; }
|
||||
.node-thematique.node-20:not(.en_attente) > h2,
|
||||
.node-thematique.node-20:not(.en_attente) .group-video .field-name-field-description h3,
|
||||
.node-thematique.node-20:not(.en_attente) .group-description .field-name-field-ecouter,
|
||||
.node-thematique.node-20:not(.en_attente) .node-documentair .field-name-field-doc,
|
||||
.node-thematique.node-20:not(.en_attente) .node-episode .field-name-title-field {
|
||||
color: #ff2ad4; }
|
||||
.node-thematique.node-26::before {
|
||||
background-image: url(../../images/fond-theme-5.jpg); }
|
||||
.node-thematique.node-26 > h2,
|
||||
.node-thematique.node-26 .group-video .field-name-field-description h3,
|
||||
.node-thematique.node-26 .group-description .field-name-field-ecouter,
|
||||
.node-thematique.node-26 .node-documentair .field-name-field-doc,
|
||||
.node-thematique.node-26 .node-episode .field-name-title-field {
|
||||
background-image: url(../../images/fond-theme-5-flat.png); }
|
||||
.node-thematique.node-26.en_attente::before {
|
||||
background-image: url(../../images/fond-theme-5-flat-nb.jpg); }
|
||||
.node-thematique.node-26.en_attente > h2,
|
||||
.node-thematique.node-26.en_attente .group-video .field-name-field-description h3,
|
||||
.node-thematique.node-26.en_attente .group-description .field-name-field-ecouter,
|
||||
.node-thematique.node-26.en_attente .node-documentair .field-name-field-doc,
|
||||
.node-thematique.node-26.en_attente .node-episode .field-name-title-field {
|
||||
color: #aaa; }
|
||||
.node-thematique.node-26:not(.en_attente) > h2,
|
||||
.node-thematique.node-26:not(.en_attente) .group-video .field-name-field-description h3,
|
||||
.node-thematique.node-26:not(.en_attente) .group-description .field-name-field-ecouter,
|
||||
.node-thematique.node-26:not(.en_attente) .node-documentair .field-name-field-doc,
|
||||
.node-thematique.node-26:not(.en_attente) .node-episode .field-name-title-field {
|
||||
color: #8800aa; }
|
||||
.node-thematique > h2 {
|
||||
font-size: 3em;
|
||||
@@ -307,8 +378,20 @@ body,
|
||||
height: 1px;
|
||||
overflow: hidden;
|
||||
transition: height 0.3s ease-in-out; }
|
||||
.node-thematique .content aside.right .node-documentair .content:hover .group-txt .field-name-title-field {
|
||||
height: 70%; }
|
||||
.node-thematique .content aside.right .node-documentair:not(.en_attente):hover .group-txt .field-name-title-field {
|
||||
height: 70%; }
|
||||
.node-thematique .content aside.right .node-documentair.en_attente > .content {
|
||||
position: relative; }
|
||||
.node-thematique .content aside.right .node-documentair.en_attente > .content::before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
content: " ";
|
||||
z-index: 10;
|
||||
background-color: #fff;
|
||||
opacity: 0.8; }
|
||||
.node-thematique .content aside.bottom {
|
||||
padding-top: 1em; }
|
||||
.node-thematique .content aside.bottom .field-name-field-episodes > .field-items {
|
||||
@@ -336,17 +419,41 @@ body,
|
||||
height: 80%;
|
||||
margin: 5%;
|
||||
padding: 5%;
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
opacity: 0.8;
|
||||
background-color: rgba(255, 255, 255, 0.9);
|
||||
opacity: 1;
|
||||
transition: opacity,background-color 0.3s ease-in-out; }
|
||||
.node-thematique .content aside.bottom .field-name-field-episodes > .field-items > .field-item .node-episode .content .group-txt .field-name-title-field {
|
||||
font-size: 4em;
|
||||
font-weight: 700;
|
||||
font-style: italic;
|
||||
text-align: center; }
|
||||
.node-thematique .content aside.bottom .field-name-field-episodes > .field-items > .field-item .node-episode .content:hover .group-txt {
|
||||
opacity: 1;
|
||||
background-color: rgba(255, 255, 255, 0.9); }
|
||||
.node-thematique .content aside.bottom .field-name-field-episodes > .field-items > .field-item .node-episode:not(.en_attente):hover .content .group-txt {
|
||||
opacity: 0.9;
|
||||
background-color: rgba(255, 255, 255, 0.3); }
|
||||
.node-thematique .content aside.bottom .field-name-field-episodes > .field-items > .field-item .node-episode.en_attente > .content {
|
||||
position: relative; }
|
||||
.node-thematique .content aside.bottom .field-name-field-episodes > .field-items > .field-item .node-episode.en_attente > .content::before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
content: " ";
|
||||
z-index: 10;
|
||||
background-color: #fff;
|
||||
opacity: 0.8; }
|
||||
.node-thematique.en_attente .content > .main {
|
||||
position: relative; }
|
||||
.node-thematique.en_attente .content > .main::before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
content: " ";
|
||||
z-index: 10;
|
||||
background-color: #fff;
|
||||
opacity: 0.8; }
|
||||
|
||||
#DOMWindow .embedded-video, #DOMWindow .player, #DOMWindow iframe {
|
||||
width: 100%;
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,19 @@
|
||||
#! /bin/bash
|
||||
|
||||
# convert to white png
|
||||
for img in fond-theme-?.png; do convert "$img" -background white -alpha remove "${img%.png}"-flat.png; done
|
||||
|
||||
# convert from png to jpg
|
||||
for img in fond-theme-?-flat.png; do convert "$img" "${img%.png}".jpg; done
|
||||
|
||||
# create menu thumbnails
|
||||
for img in fond-theme-?-flat.png; do convert "$img" -resize 100 menu-"${img%.png}".jpg; done
|
||||
for img in fond-theme-?-flat.png; do convert "$img" -resize 100 menu-"${img}"; done
|
||||
|
||||
# convert to n&b
|
||||
for img in fond-theme-?-flat.png; do convert "$img" -set colorspace Gray -separate -average "${img%.png}"-nb.jpg; done
|
||||
for img in fond-theme-?-flat.png; do convert "$img" -set colorspace Gray -separate -average "${img%.png}"-nb.png; done
|
||||
|
||||
# convert to n&b
|
||||
for img in menu-fond-theme-?-flat.png; do convert "$img" -set colorspace Gray -separate -average "${img%.png}"-nb.jpg; done
|
||||
for img in menu-fond-theme-?-flat.png; do convert "$img" -set colorspace Gray -separate -average "${img%.png}"-nb.png; done
|
||||
|
After Width: | Height: | Size: 372 KiB |
|
After Width: | Height: | Size: 518 KiB |
|
After Width: | Height: | Size: 767 KiB |
|
After Width: | Height: | Size: 467 KiB |
|
Before Width: | Height: | Size: 629 KiB |
|
After Width: | Height: | Size: 350 KiB |
|
After Width: | Height: | Size: 487 KiB |
|
After Width: | Height: | Size: 698 KiB |
|
After Width: | Height: | Size: 476 KiB |
|
Before Width: | Height: | Size: 605 KiB |
|
After Width: | Height: | Size: 199 KiB |
|
After Width: | Height: | Size: 30 KiB |
|
After Width: | Height: | Size: 268 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 229 KiB |
|
After Width: | Height: | Size: 337 KiB |
|
After Width: | Height: | Size: 444 KiB |
|
After Width: | Height: | Size: 646 KiB |
|
After Width: | Height: | Size: 481 KiB |
|
Before Width: | Height: | Size: 528 KiB |
|
After Width: | Height: | Size: 255 KiB |
|
After Width: | Height: | Size: 325 KiB |
|
After Width: | Height: | Size: 603 KiB |
|
After Width: | Height: | Size: 407 KiB |
|
Before Width: | Height: | Size: 535 KiB |
|
After Width: | Height: | Size: 329 KiB |
|
After Width: | Height: | Size: 37 KiB |
|
After Width: | Height: | Size: 590 KiB |
|
After Width: | Height: | Size: 38 KiB |
|
Before Width: | Height: | Size: 498 KiB |
|
Before Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 667 B |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 631 B |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 763 B |
|
After Width: | Height: | Size: 1021 B |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 831 B |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 656 B |
|
After Width: | Height: | Size: 900 B |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 962 B |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
@@ -9,10 +9,14 @@ $vars['theme_hook_suggestions'][] = 'node__' . $vars['type'] . '__' . $vars['vie
|
||||
|
||||
$vars['print_title'] = !$vars['page'];
|
||||
|
||||
$alias = drupal_get_path_alias('node/'.$vars['node']->nid);
|
||||
$alias = str_replace('/', '-', drupal_get_path_alias('node/'.$vars['node']->nid));
|
||||
|
||||
if($node->type == "thematique"){
|
||||
$vars['id'] = $alias;
|
||||
// dsm($node, 'node');
|
||||
// $current_state = workflow_state_load_single($node->workflow);
|
||||
// dsm($current_state, "state");
|
||||
|
||||
}else{
|
||||
$vars["classes_array"][] = $alias;
|
||||
$vars['id'] = "node-".$node->nid;
|
||||
@@ -22,4 +26,8 @@ if($node->type == "thematique"){
|
||||
}
|
||||
}
|
||||
|
||||
if($node->workflow == 3){
|
||||
$vars["classes_array"][] = 'en_attente';
|
||||
}
|
||||
|
||||
$vars["classes_array"][] = "node-".$node->nid;
|
||||
|
||||