first set of Maud corrections
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user