first set of Maud corrections

This commit is contained in:
Bachir Soussi Chiadmi
2015-03-17 18:39:43 +01:00
parent f155c4705a
commit e323a84aec
39 changed files with 12866 additions and 1950 deletions
+87 -16
View File
@@ -80,7 +80,6 @@ body{
background-image: -webkit-linear-gradient(top, #FFFDE9 0%, #BECFD9 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to bottom, #FFFDE9 0%, #BECFD9 100%);
}
@keyframes introLogo{
@@ -189,7 +188,10 @@ div.messages{
&.node-teaser{
&::after{ @include bg-svg-png('bgd-sol');}
&, a{color:$SOL-col-txt;}
h2.node-title{&,a{color:$SOL-color;}}
h2.node-title{
&,a{color:$SOL-color;}
a{@include bg-svg-png('title-SOL'); width:170px; height:35px;}
}
.field-name-field-vignette{@include bg-svg-png('shadow-sol');}
.line{background-color:$SOL-col-active;}
}
@@ -199,7 +201,10 @@ div.messages{
&.node-teaser{
&::after{ @include bg-svg-png('bgd-dph');}
&, a{color:$DPH-col-txt;}
h2.node-title{&,a{color:$DPH-color;}}
h2.node-title{
&,a{color:$DPH-color;}
a{@include bg-svg-png('title-DPH'); width:180px; height:80px;}
}
.field-name-field-vignette{@include bg-svg-png('shadow-dph');}
.line{background-color:$DPH-col-active;}
}
@@ -209,7 +214,10 @@ div.messages{
&.node-teaser{
&::after{ @include bg-svg-png('bgd-sub');}
&, a{color:$SUB-col-txt;}
h2.node-title{&,a{color:$SUB-color;}}
h2.node-title{
&,a{color:$SUB-color;}
a{@include bg-svg-png('title-SUB'); width:200px; height:35px;}
}
.field-name-field-vignette{@include bg-svg-png('shadow-sub');}
.line{background-color:$SUB-col-active;}
}
@@ -219,7 +227,10 @@ div.messages{
&.node-teaser{
&::after{ @include bg-svg-png('bgd-bc');}
&, a{color:$BC-col-txt;}
h2.node-title{&,a{color:$BC-color;}}
h2.node-title{
&,a{color:$BC-color;}
a{@include bg-svg-png('title-BC'); width:120px; height:45px;}
}
.field-name-field-vignette{@include bg-svg-png('shadow-bc');}
.line{background-color:$BC-col-active;}
}
@@ -229,7 +240,10 @@ div.messages{
&.node-teaser{
&::after{ @include bg-svg-png('bgd-opp');}
&, a{color:$OPP-col-txt;}
h2.node-title{&,a{color:$OPP-color;}}
h2.node-title{
&,a{color:$OPP-color;}
a{@include bg-svg-png('title-OPP'); width:245px; height:95px;}
}
.field-name-field-vignette{@include bg-svg-png('shadow-opp');}
.line{background-color:$OPP-col-active;}
}
@@ -239,7 +253,10 @@ div.messages{
&.node-teaser{
&::after{ @include bg-svg-png('bgd-dub');}
&, a{color:$DUB-col-txt;}
h2.node-title{&,a{color:$DUB-color;}}
h2.node-title{
&,a{color:$DUB-color;}
a{@include bg-svg-png('title-DUB'); width:195px; height:65px;}
}
.field-name-field-vignette{@include bg-svg-png('shadow-dub');}
.line{background-color:$DUB-col-active;}
}
@@ -249,7 +266,10 @@ div.messages{
&.node-teaser{
&::after{ @include bg-svg-png('bgd-juso');}
&, a{color:$JUSO-col-txt;}
h2.node-title{&,a{color:$JUSO-color;}}
h2.node-title{
&,a{color:$JUSO-color;}
a{@include bg-svg-png('title-JUSO'); width:200px; height:65px; }
}
.field-name-field-vignette{@include bg-svg-png('shadow-juso');}
.line{background-color:$JUSO-col-active;}
}
@@ -285,7 +305,7 @@ div.messages{
transition:1s ease-out;
transition-property:opacity;
h2.node-title{
h2.node-title a{
transform:none;
transform-origin:bottom center;
transition:1s ease-out;
@@ -314,7 +334,11 @@ div.messages{
transition:1s ease-out 0.9s;
transition-property: opacity;
}
>.field-name-field-vignette{cursor:pointer;z-index:2;}
>.field-name-field-vignette{
cursor:pointer;z-index:2;
transform:scale(0.5);
transition:1s ease-out; transition-property:transform;
}
}
}
&:after{
@@ -344,12 +368,18 @@ div.messages{
left:$pad*6; right:$pad*6;
bottom:$pad*15;
}
h2.node-title{transform:scale(2,2);}
h2.node-title a{transform:scale(2,2);}
.texts{opacity:1; height:8em;}
.field-name-field-partie{
opacity:1; z-index:0;
// display all fields inside each parties
>.field{opacity:1; z-index:-1; cursor:default;}
&:nth-child(2){
>.field-name-field-vignette{
transform:scale(1.3);
// transition:1s ease-out 0.5s; transition-property:transform;
}
}
}
}
@@ -403,6 +433,11 @@ div.messages{
font-size:1.8em;
}
z-index: 5;
a{
display:block;
text-indent: -1000px;
overflow:hidden;
}
}
.texts{
@@ -440,7 +475,6 @@ div.messages{
.field-name-field-vignette{
position:relative;
float:left;
$shadow-size:3.5em;
padding:$shadow-size;
margin-top:-$shadow-size*1.15;
margin-right:-$shadow-size+1.5em;
@@ -498,6 +532,15 @@ div.messages{
&.visible{
opacity:1;
z-index: 500;
}
#home-btn{
@include bg-svg-png('home-btn');
position:absolute;
z-index:100; top:20px; left:20px;
width:25px; height:20px; cursor:pointer;
}
/*
_____ _____ __ _____ _____ _____ _____ __ __ _____ _____ ____ _____
| | | | | | __ | __| | __ | | | | | | | \| __|
@@ -505,54 +548,75 @@ div.messages{
|_____|_____|_____|_____|__|__|_____| |_____| |_| |_|___|_____|____/|_____|
*/
// SOL
#node-2{
@include bg-svg-png('bgd-sol');
.field-type-text-long .field-label,
h2.node-title,
.field-name-field-dbatre li:before{
color:$SOL-col-active;
}
h2.node-title{@include bg-svg-png('title-SOL-blur');}
}
// DPH
#node-3{
@include bg-svg-png('bgd-dph');
.field-type-text-long .field-label,
h2.node-title,
.field-name-field-dbatre li:before{
color:$DPH-col-active;
}
h2.node-title{@include bg-svg-png('title-DPH-blur');}
}
// SUB
#node-4{
@include bg-svg-png('bgd-sub');
.field-type-text-long .field-label,
h2.node-title,
.field-name-field-dbatre li:before{
color:$SUB-col-active;
}
h2.node-title{@include bg-svg-png('title-SUB-blur');}
}
// BC
#node-5{
@include bg-svg-png('bgd-bc');
.field-type-text-long .field-label,
h2.node-title,
.field-name-field-dbatre li:before{
color:$BC-col-active;
}
h2.node-title{@include bg-svg-png('title-BC-blur');}
}
// OPP
#node-6{
@include bg-svg-png('bgd-opp');
.field-type-text-long .field-label,
h2.node-title,
.field-name-field-dbatre li:before{
color:$OPP-col-active;
}
h2.node-title{@include bg-svg-png('title-OPP-blur');}
}
// DUB
#node-7{
@include bg-svg-png('bgd-bub');
.field-type-text-long .field-label,
h2.node-title,
.field-name-field-dbatre li:before{
color:$DUB-col-active;
}
h2.node-title{@include bg-svg-png('title-DUB-blur');}
}
// JUSO
#node-8{
@include bg-svg-png('bgd-juso');
.field-type-text-long .field-label,
h2.node-title,
.field-name-field-dbatre li:before{
color:$JUSO-col-active;
}
h2.node-title{@include bg-svg-png('title-JUSO-blur');}
}
/*
@@ -562,7 +626,6 @@ div.messages{
|_____|_____|_|___|_____|__|__|_____|__ _|_____|_____|
|__|
*/
}
.node{
position:relative;
@@ -575,9 +638,15 @@ div.messages{
font-weight:normal;
text-transform: uppercase;
text-align: center;
max-width: 8.5em;
// max-width: 8.5em;
line-height: 0.85;
font-size: 2.268em;
position:absolute; display:block;
top:0; left:0; width:100%; height:100%;
background-size: contain!important;
text-indent: -5000px;
z-index:-1;
opacity:0.4;
}
.node>.field{
@@ -588,7 +657,7 @@ div.messages{
background-color: rgba(255,255,255,0.9);
width:23em; padding:1em;
z-index:10;
cursor:move;
.field-label{
text-transform: uppercase;
font-family: "epflulb";
@@ -639,6 +708,7 @@ div.messages{
width:100%; height:100%;
top:0; left:0;
z-index:10;
cursor:move;
}
}
}
@@ -646,6 +716,7 @@ div.messages{
} // #chapter-wrapper
} // #main
/* __________ ____ ________________
/ ____/ __ \/ __ \/_ __/ ____/ __ \
/ /_ / / / / / / / / / / __/ / /_/ /
@@ -670,7 +741,7 @@ div.messages{
*/
#fullscreen-btn{
position:fixed;
top:20px; left:20px;
bottom:20px; left:20px;
z-index: 1000;
}