episode title display

This commit is contained in:
2017-03-09 16:44:01 +01:00
parent 4d13316919
commit 2795b4e041
2 changed files with 39 additions and 9 deletions
+12 -3
View File
@@ -103,7 +103,12 @@ input {
#node-63 .content section { #node-63 .content section {
display: inline; } display: inline; }
#node-63 .content p { #node-63 .content p {
margin: 0; } margin: 0;
font-size: 1.3em;
line-height: 1.3;
font-weight: 400; }
#node-63 .content p em {
font-weight: 500; }
#node-63 ul.links { #node-63 ul.links {
text-align: right; text-align: right;
margin: 0; margin: 0;
@@ -515,7 +520,8 @@ input {
transition: opacity,background-color 0.3s ease-in-out; } 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 { .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-size: 4em;
font-weight: 800; font-weight: 300;
line-height: 1;
font-style: italic; font-style: italic;
text-align: center; } text-align: center; }
.node-thematique .content aside.bottom .field-name-field-episodes > .field-items > .field-item .node-episode .content .group-video img { .node-thematique .content aside.bottom .field-name-field-episodes > .field-items > .field-item .node-episode .content .group-video img {
@@ -527,6 +533,8 @@ input {
.node-thematique .content aside.bottom .field-name-field-episodes > .field-items > .field-item .node-episode:not(.en_attente):hover .content .group-txt { .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; opacity: 0.9;
background-color: rgba(255, 255, 255, 0.3); } background-color: rgba(255, 255, 255, 0.3); }
.node-thematique .content aside.bottom .field-name-field-episodes > .field-items > .field-item .node-episode:not(.en_attente):hover .content .group-txt .field-name-title-field {
font-weight: 500; }
.node-thematique .content aside.bottom .field-name-field-episodes > .field-items > .field-item .node-episode.en_attente > .content { .node-thematique .content aside.bottom .field-name-field-episodes > .field-items > .field-item .node-episode.en_attente > .content {
position: relative; } position: relative; }
.node-thematique .content aside.bottom .field-name-field-episodes > .field-items > .field-item .node-episode.en_attente > .content::before { .node-thematique .content aside.bottom .field-name-field-episodes > .field-items > .field-item .node-episode.en_attente > .content::before {
@@ -549,7 +557,8 @@ input {
font-weight: 400; font-weight: 400;
color: #20c498; color: #20c498;
text-transform: capitalize; text-transform: capitalize;
text-indent: -0.09em; } text-indent: -0.09em;
margin: 1em 0 0; }
body.node-type-page h2 { body.node-type-page h2 {
font-size: 1.5em; font-size: 1.5em;
@@ -169,8 +169,18 @@ $header_height_large:400px;
// color:$bleu; // color:$bleu;
padding:1em 0; padding:1em 0;
.content{ .content{
// padding:0 7em;
section{display: inline;} section{display: inline;}
p{ margin:0;} p{
// text-align: center;
margin:0;
font-size: 1.3em;
line-height: 1.3;
font-weight: 400;
em{
font-weight: 500;
}
}
} }
ul.links{ ul.links{
// display: block; // display: block;
@@ -389,10 +399,16 @@ $header_height_large:400px;
$coul5); $coul5);
} }
@mixin white_shadow(){ @mixin white_shadow($d, $b, $c){
$d:2px; @if length($d){
$b:0; $d:2px;
$c:white; }
@if length($b){
$b:0;
}
@if length($c){
$c:white;
}
text-shadow: text-shadow:
$d $d $b $c, $d $d $b $c,
-$d $d $b $c, -$d $d $b $c,
@@ -658,7 +674,8 @@ $header_height_large:400px;
transition:opacity,background-color 0.3s ease-in-out; transition:opacity,background-color 0.3s ease-in-out;
.field-name-title-field{ .field-name-title-field{
font-size: 4em; font-size: 4em;
font-weight: 800; font-weight: 300;
line-height: 1;
font-style: italic; font-style: italic;
text-align: center; text-align: center;
} }
@@ -670,6 +687,9 @@ $header_height_large:400px;
&:not(.en_attente):hover .content .group-txt{ &:not(.en_attente):hover .content .group-txt{
opacity: 0.9; opacity: 0.9;
background-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.3);
.field-name-title-field{
font-weight: 500;
}
} }
&.en_attente>.content{ &.en_attente>.content{
@@ -741,6 +761,7 @@ $header_height_large:400px;
color: $vert; color: $vert;
text-transform: capitalize; text-transform: capitalize;
text-indent: -0.09em; text-indent: -0.09em;
margin: 1em 0 0;
} }
body.node-type-page{ body.node-type-page{