added standby display
This commit is contained in:
+158
-51
@@ -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%;
|
||||
|
||||
Reference in New Issue
Block a user