main nav optimized on mousemove AND touchmove + misc

This commit is contained in:
Bachir Soussi Chiadmi
2015-03-25 16:28:31 +01:00
parent 3b69b020d4
commit 9bda2a72a3
9 changed files with 346 additions and 1402 deletions
+169 -152
View File
@@ -3889,7 +3889,7 @@ body {
}
/* line 112, jee.scss */
#header {
z-index: 1;
z-index: 0;
position: absolute;
overflow: hidden;
width: 700px;
@@ -3977,6 +3977,7 @@ div.messages {
width: 100%;
height: 100%;
overflow: hidden;
z-index: 2;
/*
_____ _____ __ _____ _____ _____ _____ __ __ _____ _____ ____ _____
| | | | | | __ | __| | __ | | | | | | | \| __|
@@ -3997,217 +3998,217 @@ div.messages {
\____/_/ /_____/_/ |_/_____/_____/ \____/_/ /_/_/ |_/_/ /_/ /_____/_/ |_|/____/
*/
}
/* line 177, jee.scss */
/* line 178, jee.scss */
#main > .region, #main > .region > .block-system, #main > .region > .block-system > .content {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
/* line 193, jee.scss */
/* line 194, jee.scss */
#main #node-2.node-teaser::after {
background: transparent url("../assets/img/bgd-sol.png") no-repeat center center;
background: none, url("../assets/img/bgd-sol.svg") no-repeat center center;
}
/* line 194, jee.scss */
/* line 195, jee.scss */
#main #node-2.node-teaser, #main #node-2.node-teaser a {
color: #b24c14;
}
/* line 196, jee.scss */
/* line 197, jee.scss */
#main #node-2.node-teaser h2.node-title, #main #node-2.node-teaser h2.node-title a {
color: #d85509;
}
/* line 197, jee.scss */
/* line 198, jee.scss */
#main #node-2.node-teaser h2.node-title a {
background: transparent url("../assets/img/title-SOL.png") no-repeat center center;
background: none, url("../assets/img/title-SOL.svg") no-repeat center center;
width: 170px;
height: 35px;
}
/* line 199, jee.scss */
/* line 200, jee.scss */
#main #node-2.node-teaser .field-name-field-vignette {
background: transparent url("../assets/img/shadow-sol.png") no-repeat center center;
background: none, url("../assets/img/shadow-sol.svg") no-repeat center center;
}
/* line 200, jee.scss */
/* line 201, jee.scss */
#main #node-2.node-teaser .line {
background-color: #ea5b0c;
}
/* line 206, jee.scss */
/* line 207, jee.scss */
#main #node-3.node-teaser::after {
background: transparent url("../assets/img/bgd-dph.png") no-repeat center center;
background: none, url("../assets/img/bgd-dph.svg") no-repeat center center;
}
/* line 207, jee.scss */
/* line 208, jee.scss */
#main #node-3.node-teaser, #main #node-3.node-teaser a {
color: #686b00;
}
/* line 209, jee.scss */
/* line 210, jee.scss */
#main #node-3.node-teaser h2.node-title, #main #node-3.node-teaser h2.node-title a {
color: #afaf00;
}
/* line 210, jee.scss */
/* line 211, jee.scss */
#main #node-3.node-teaser h2.node-title a {
background: transparent url("../assets/img/title-DPH.png") no-repeat center center;
background: none, url("../assets/img/title-DPH.svg") no-repeat center center;
width: 180px;
height: 80px;
}
/* line 212, jee.scss */
/* line 213, jee.scss */
#main #node-3.node-teaser .field-name-field-vignette {
background: transparent url("../assets/img/shadow-dph.png") no-repeat center center;
background: none, url("../assets/img/shadow-dph.svg") no-repeat center center;
}
/* line 213, jee.scss */
/* line 214, jee.scss */
#main #node-3.node-teaser .line {
background-color: #cecd00;
}
/* line 219, jee.scss */
/* line 220, jee.scss */
#main #node-4.node-teaser::after {
background: transparent url("../assets/img/bgd-sub.png") no-repeat center center;
background: none, url("../assets/img/bgd-sub.svg") no-repeat center center;
}
/* line 220, jee.scss */
/* line 221, jee.scss */
#main #node-4.node-teaser, #main #node-4.node-teaser a {
color: #b71330;
}
/* line 222, jee.scss */
/* line 223, jee.scss */
#main #node-4.node-teaser h2.node-title, #main #node-4.node-teaser h2.node-title a {
color: #cd0734;
}
/* line 223, jee.scss */
/* line 224, jee.scss */
#main #node-4.node-teaser h2.node-title a {
background: transparent url("../assets/img/title-SUB.png") no-repeat center center;
background: none, url("../assets/img/title-SUB.svg") no-repeat center center;
width: 200px;
height: 35px;
}
/* line 225, jee.scss */
/* line 226, jee.scss */
#main #node-4.node-teaser .field-name-field-vignette {
background: transparent url("../assets/img/shadow-sub.png") no-repeat center center;
background: none, url("../assets/img/shadow-sub.svg") no-repeat center center;
}
/* line 226, jee.scss */
/* line 227, jee.scss */
#main #node-4.node-teaser .line {
background-color: #de003a;
}
/* line 232, jee.scss */
/* line 233, jee.scss */
#main #node-5.node-teaser::after {
background: transparent url("../assets/img/bgd-bc.png") no-repeat center center;
background: none, url("../assets/img/bgd-bc.svg") no-repeat center center;
}
/* line 233, jee.scss */
/* line 234, jee.scss */
#main #node-5.node-teaser, #main #node-5.node-teaser a {
color: #033d6f;
}
/* line 235, jee.scss */
/* line 236, jee.scss */
#main #node-5.node-teaser h2.node-title, #main #node-5.node-teaser h2.node-title a {
color: #024b87;
}
/* line 236, jee.scss */
/* line 237, jee.scss */
#main #node-5.node-teaser h2.node-title a {
background: transparent url("../assets/img/title-BC.png") no-repeat center center;
background: none, url("../assets/img/title-BC.svg") no-repeat center center;
width: 120px;
height: 45px;
}
/* line 238, jee.scss */
/* line 239, jee.scss */
#main #node-5.node-teaser .field-name-field-vignette {
background: transparent url("../assets/img/shadow-bc.png") no-repeat center center;
background: none, url("../assets/img/shadow-bc.svg") no-repeat center center;
}
/* line 239, jee.scss */
/* line 240, jee.scss */
#main #node-5.node-teaser .line {
background-color: #0066b1;
}
/* line 245, jee.scss */
/* line 246, jee.scss */
#main #node-6.node-teaser::after {
background: transparent url("../assets/img/bgd-opp.png") no-repeat center center;
background: none, url("../assets/img/bgd-opp.svg") no-repeat center center;
}
/* line 246, jee.scss */
/* line 247, jee.scss */
#main #node-6.node-teaser, #main #node-6.node-teaser a {
color: #7f1965;
}
/* line 248, jee.scss */
/* line 249, jee.scss */
#main #node-6.node-teaser h2.node-title, #main #node-6.node-teaser h2.node-title a {
color: #941b80;
}
/* line 249, jee.scss */
/* line 250, jee.scss */
#main #node-6.node-teaser h2.node-title a {
background: transparent url("../assets/img/title-OPP.png") no-repeat center center;
background: none, url("../assets/img/title-OPP.svg") no-repeat center center;
width: 245px;
height: 95px;
}
/* line 251, jee.scss */
/* line 252, jee.scss */
#main #node-6.node-teaser .field-name-field-vignette {
background: transparent url("../assets/img/shadow-opp.png") no-repeat center center;
background: none, url("../assets/img/shadow-opp.svg") no-repeat center center;
}
/* line 252, jee.scss */
/* line 253, jee.scss */
#main #node-6.node-teaser .line {
background-color: #af1380;
}
/* line 258, jee.scss */
/* line 259, jee.scss */
#main #node-7.node-teaser::after {
background: transparent url("../assets/img/bgd-dub.png") no-repeat center center;
background: none, url("../assets/img/bgd-dub.svg") no-repeat center center;
}
/* line 259, jee.scss */
/* line 260, jee.scss */
#main #node-7.node-teaser, #main #node-7.node-teaser a {
color: #22742c;
}
/* line 261, jee.scss */
/* line 262, jee.scss */
#main #node-7.node-teaser h2.node-title, #main #node-7.node-teaser h2.node-title a {
color: #288d80;
}
/* line 262, jee.scss */
/* line 263, jee.scss */
#main #node-7.node-teaser h2.node-title a {
background: transparent url("../assets/img/title-DUB.png") no-repeat center center;
background: none, url("../assets/img/title-DUB.svg") no-repeat center center;
width: 195px;
height: 65px;
}
/* line 264, jee.scss */
/* line 265, jee.scss */
#main #node-7.node-teaser .field-name-field-vignette {
background: transparent url("../assets/img/shadow-dub.png") no-repeat center center;
background: none, url("../assets/img/shadow-dub.svg") no-repeat center center;
}
/* line 265, jee.scss */
/* line 266, jee.scss */
#main #node-7.node-teaser .line {
background-color: #62a530;
}
/* line 271, jee.scss */
/* line 272, jee.scss */
#main #node-8.node-teaser::after {
background: transparent url("../assets/img/bgd-juso.png") no-repeat center center;
background: none, url("../assets/img/bgd-juso.svg") no-repeat center center;
}
/* line 272, jee.scss */
/* line 273, jee.scss */
#main #node-8.node-teaser, #main #node-8.node-teaser a {
color: #0b7f8a;
}
/* line 274, jee.scss */
/* line 275, jee.scss */
#main #node-8.node-teaser h2.node-title, #main #node-8.node-teaser h2.node-title a {
color: #009aa8;
}
/* line 275, jee.scss */
/* line 276, jee.scss */
#main #node-8.node-teaser h2.node-title a {
background: transparent url("../assets/img/title-JUSO.png") no-repeat center center;
background: none, url("../assets/img/title-JUSO.svg") no-repeat center center;
width: 200px;
height: 65px;
}
/* line 277, jee.scss */
/* line 278, jee.scss */
#main #node-8.node-teaser .field-name-field-vignette {
background: transparent url("../assets/img/shadow-juso.png") no-repeat center center;
background: none, url("../assets/img/shadow-juso.svg") no-repeat center center;
}
/* line 278, jee.scss */
/* line 279, jee.scss */
#main #node-8.node-teaser .line {
background-color: #33b4b5;
}
/* line 291, jee.scss */
/* line 292, jee.scss */
#main .node-chapitre.node-teaser {
z-index: 2;
position: absolute;
@@ -4259,11 +4260,11 @@ div.messages {
|_| /_/
*/
}
/* line 315, jee.scss */
/* line 316, jee.scss */
#main .node-chapitre.node-teaser.enabled {
opacity: 1;
}
/* line 319, jee.scss */
/* line 320, jee.scss */
#main .node-chapitre.node-teaser h2.node-title a {
-webkit-transform: none;
-ms-transform: none;
@@ -4277,11 +4278,11 @@ div.messages {
transition-property: transform;
z-index: 5;
}
/* line 326, jee.scss */
/* line 327, jee.scss */
#main .node-chapitre.node-teaser > .content {
position: relative;
}
/* line 327, jee.scss */
/* line 328, jee.scss */
#main .node-chapitre.node-teaser .texts {
opacity: 0;
height: 1px;
@@ -4292,7 +4293,7 @@ div.messages {
transition-property: opacity height;
position: absolute;
}
/* line 333, jee.scss */
/* line 334, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-partie {
opacity: 0;
position: absolute;
@@ -4301,20 +4302,20 @@ div.messages {
-webkit-transition-property: opacity -webkit-transform;
transition-property: opacity transform;
}
/* line 339, jee.scss */
/* line 340, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-partie:nth-child(2) {
z-index: 2;
opacity: 1;
}
/* line 343, jee.scss */
/* line 344, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-partie:nth-child(2) > .field-type-text {
opacity: 0;
-webkit-transition: 1s ease-out 0.9s;
transition: 1s ease-out 0.9s;
-webkit-transition: 0.7s ease-out 0.9s;
transition: 0.7s ease-out 0.9s;
-webkit-transition-property: opacity;
transition-property: opacity;
}
/* line 348, jee.scss */
/* line 349, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-partie:nth-child(2) > .field-name-field-vignette {
cursor: pointer;
z-index: 2;
@@ -4326,7 +4327,7 @@ div.messages {
-webkit-transition-property: -webkit-transform;
transition-property: transform;
}
/* line 355, jee.scss */
/* line 356, jee.scss */
#main .node-chapitre.node-teaser:after {
opacity: 0;
-webkit-transition: 2s ease-in;
@@ -4338,11 +4339,15 @@ div.messages {
bottom: 2px;
right: 2px;
}
/* line 373, jee.scss */
/* line 362, jee.scss */
#main .node-chapitre.node-teaser .line {
opacity: 0;
}
/* line 375, jee.scss */
#main .node-chapitre.node-teaser.previewed {
z-index: 100;
}
/* line 375, jee.scss */
/* line 377, jee.scss */
#main .node-chapitre.node-teaser.previewed:after {
opacity: 1;
top: 2em;
@@ -4350,50 +4355,50 @@ div.messages {
right: -12em;
bottom: -30em;
}
/* line 382, jee.scss */
/* line 384, jee.scss */
#main .node-chapitre.node-teaser.previewed h2.node-title a {
-webkit-transform: scale(2, 2);
-ms-transform: scale(2, 2);
transform: scale(2, 2);
}
/* line 383, jee.scss */
/* line 385, jee.scss */
#main .node-chapitre.node-teaser.previewed .texts {
opacity: 1;
height: 8em;
}
/* line 384, jee.scss */
/* line 386, jee.scss */
#main .node-chapitre.node-teaser.previewed .field-name-field-partie {
opacity: 1;
z-index: 0;
}
/* line 387, jee.scss */
/* line 389, jee.scss */
#main .node-chapitre.node-teaser.previewed .field-name-field-partie > .field {
opacity: 1;
z-index: -1;
cursor: default;
}
/* line 389, jee.scss */
/* line 391, jee.scss */
#main .node-chapitre.node-teaser.previewed .field-name-field-partie:nth-child(2) > .field-name-field-vignette {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
/* line 403, jee.scss */
/* line 408, jee.scss */
#main .node-chapitre.node-teaser.mitigated {
opacity: 0.2;
}
/* line 414, jee.scss */
/* line 419, jee.scss */
.chapter-displayed #main .node-chapitre.node-teaser {
opacity: 0.05;
}
/* line 426, jee.scss */
/* line 431, jee.scss */
#main .node-chapitre.node-teaser:after {
content: " ";
background-size: contain !important;
position: absolute;
z-index: -1;
}
/* line 433, jee.scss */
/* line 438, jee.scss */
#main .node-chapitre.node-teaser h2.node-title {
font-family: "epflulb";
font-weight: normal;
@@ -4404,36 +4409,36 @@ div.messages {
z-index: 5;
}
@media only screen and (min-width: 64.063em) {
/* line 433, jee.scss */
/* line 438, jee.scss */
#main .node-chapitre.node-teaser h2.node-title {
font-size: 1.3em;
}
}
@media only screen and (min-width: 90.063em) {
/* line 433, jee.scss */
/* line 438, jee.scss */
#main .node-chapitre.node-teaser h2.node-title {
font-size: 1.8em;
}
}
/* line 447, jee.scss */
/* line 452, jee.scss */
#main .node-chapitre.node-teaser h2.node-title a {
display: block;
text-indent: -1000px;
overflow: hidden;
}
/* line 458, jee.scss */
/* line 463, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-comprendre {
min-width: 16em;
}
/* line 459, jee.scss */
/* line 464, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-comprendre h1, #main .node-chapitre.node-teaser .field-name-field-comprendre h2, #main .node-chapitre.node-teaser .field-name-field-comprendre h3, #main .node-chapitre.node-teaser .field-name-field-comprendre h4, #main .node-chapitre.node-teaser .field-name-field-comprendre h5, #main .node-chapitre.node-teaser .field-name-field-comprendre h6 {
display: none !important;
}
/* line 461, jee.scss */
/* line 466, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-comprendre p {
margin: 0;
}
/* line 465, jee.scss */
/* line 470, jee.scss */
#main .node-chapitre.node-teaser ul.links {
display: block;
margin: 0;
@@ -4442,11 +4447,11 @@ div.messages {
position: relative;
width: 100%;
}
/* line 467, jee.scss */
/* line 472, jee.scss */
#main .node-chapitre.node-teaser ul.links li.node-readmore {
padding: 0;
}
/* line 469, jee.scss */
/* line 474, jee.scss */
#main .node-chapitre.node-teaser ul.links li.node-readmore a {
display: inline-block;
height: 25px;
@@ -4458,12 +4463,12 @@ div.messages {
background: transparent url("../assets/img/readmore-btn.png") no-repeat right center;
background: none, url("../assets/img/readmore-btn.svg") no-repeat right center;
}
/* line 482, jee.scss */
/* line 487, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-partie {
clear: both;
padding-top: 1em;
}
/* line 486, jee.scss */
/* line 491, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-vignette {
position: relative;
float: left;
@@ -4474,28 +4479,28 @@ div.messages {
margin-left: 0;
background-size: contain;
}
/* line 498, jee.scss */
/* line 503, jee.scss */
#main .node-chapitre.node-teaser .field-type-text {
min-width: 16em;
}
/* line 499, jee.scss */
/* line 504, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-titre {
font-family: "epflul";
font-size: 1.6em;
line-height: 1.1;
}
/* line 504, jee.scss */
/* line 509, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-sous-titre {
font-family: "epflul";
font-size: 1.4em;
line-height: 1.2;
}
/* line 509, jee.scss */
/* line 514, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-description {
font-size: 0.88em;
line-height: 1.2;
}
/* line 515, jee.scss */
/* line 520, jee.scss */
#main .node-chapitre.node-teaser .line {
z-index: -1;
position: absolute;
@@ -4507,7 +4512,7 @@ div.messages {
width: 2px;
opacity: 0.4;
}
/* line 533, jee.scss */
/* line 538, jee.scss */
#main #chapter-wrapper {
position: absolute;
top: 0;
@@ -4534,12 +4539,12 @@ div.messages {
|__|
*/
}
/* line 542, jee.scss */
/* line 547, jee.scss */
#main #chapter-wrapper.visible {
opacity: 1;
z-index: 500;
}
/* line 547, jee.scss */
/* line 552, jee.scss */
#main #chapter-wrapper #home-btn {
background: transparent url("../assets/img/home-btn.png") no-repeat center center;
background: none, url("../assets/img/home-btn.svg") no-repeat center center;
@@ -4551,129 +4556,129 @@ div.messages {
height: 20px;
cursor: pointer;
}
/* line 562, jee.scss */
/* line 567, jee.scss */
#main #chapter-wrapper #node-2 {
background: transparent url("../assets/img/bgd-sol.png") no-repeat center center;
background: none, url("../assets/img/bgd-sol.svg") no-repeat center center;
}
/* line 564, jee.scss */
/* line 569, jee.scss */
#main #chapter-wrapper #node-2 .field-type-text-long .field-label,
#main #chapter-wrapper #node-2 h2.node-title,
#main #chapter-wrapper #node-2 .field-name-field-dbatre li:before {
color: #ea5b0c;
}
/* line 569, jee.scss */
/* line 574, jee.scss */
#main #chapter-wrapper #node-2 h2.node-title {
background: transparent url("../assets/img/title-SOL-blur.png") no-repeat center center;
background: none, url("../assets/img/title-SOL-blur.svg") no-repeat center center;
}
/* line 572, jee.scss */
/* line 577, jee.scss */
#main #chapter-wrapper #node-3 {
background: transparent url("../assets/img/bgd-dph.png") no-repeat center center;
background: none, url("../assets/img/bgd-dph.svg") no-repeat center center;
}
/* line 574, jee.scss */
/* line 579, jee.scss */
#main #chapter-wrapper #node-3 .field-type-text-long .field-label,
#main #chapter-wrapper #node-3 h2.node-title,
#main #chapter-wrapper #node-3 .field-name-field-dbatre li:before {
color: #cecd00;
}
/* line 579, jee.scss */
/* line 584, jee.scss */
#main #chapter-wrapper #node-3 h2.node-title {
background: transparent url("../assets/img/title-DPH-blur.png") no-repeat center center;
background: none, url("../assets/img/title-DPH-blur.svg") no-repeat center center;
}
/* line 582, jee.scss */
/* line 587, jee.scss */
#main #chapter-wrapper #node-4 {
background: transparent url("../assets/img/bgd-sub.png") no-repeat center center;
background: none, url("../assets/img/bgd-sub.svg") no-repeat center center;
}
/* line 584, jee.scss */
/* line 589, jee.scss */
#main #chapter-wrapper #node-4 .field-type-text-long .field-label,
#main #chapter-wrapper #node-4 h2.node-title,
#main #chapter-wrapper #node-4 .field-name-field-dbatre li:before {
color: #de003a;
}
/* line 589, jee.scss */
/* line 594, jee.scss */
#main #chapter-wrapper #node-4 h2.node-title {
background: transparent url("../assets/img/title-SUB-blur.png") no-repeat center center;
background: none, url("../assets/img/title-SUB-blur.svg") no-repeat center center;
}
/* line 592, jee.scss */
/* line 597, jee.scss */
#main #chapter-wrapper #node-5 {
background: transparent url("../assets/img/bgd-bc.png") no-repeat center center;
background: none, url("../assets/img/bgd-bc.svg") no-repeat center center;
}
/* line 594, jee.scss */
/* line 599, jee.scss */
#main #chapter-wrapper #node-5 .field-type-text-long .field-label,
#main #chapter-wrapper #node-5 h2.node-title,
#main #chapter-wrapper #node-5 .field-name-field-dbatre li:before {
color: #0066b1;
}
/* line 599, jee.scss */
/* line 604, jee.scss */
#main #chapter-wrapper #node-5 h2.node-title {
background: transparent url("../assets/img/title-BC-blur.png") no-repeat center center;
background: none, url("../assets/img/title-BC-blur.svg") no-repeat center center;
}
/* line 602, jee.scss */
/* line 607, jee.scss */
#main #chapter-wrapper #node-6 {
background: transparent url("../assets/img/bgd-opp.png") no-repeat center center;
background: none, url("../assets/img/bgd-opp.svg") no-repeat center center;
}
/* line 604, jee.scss */
/* line 609, jee.scss */
#main #chapter-wrapper #node-6 .field-type-text-long .field-label,
#main #chapter-wrapper #node-6 h2.node-title,
#main #chapter-wrapper #node-6 .field-name-field-dbatre li:before {
color: #af1380;
}
/* line 609, jee.scss */
/* line 614, jee.scss */
#main #chapter-wrapper #node-6 h2.node-title {
background: transparent url("../assets/img/title-OPP-blur.png") no-repeat center center;
background: none, url("../assets/img/title-OPP-blur.svg") no-repeat center center;
}
/* line 612, jee.scss */
/* line 617, jee.scss */
#main #chapter-wrapper #node-7 {
background: transparent url("../assets/img/bgd-bub.png") no-repeat center center;
background: none, url("../assets/img/bgd-bub.svg") no-repeat center center;
}
/* line 614, jee.scss */
/* line 619, jee.scss */
#main #chapter-wrapper #node-7 .field-type-text-long .field-label,
#main #chapter-wrapper #node-7 h2.node-title,
#main #chapter-wrapper #node-7 .field-name-field-dbatre li:before {
color: #62a530;
}
/* line 619, jee.scss */
/* line 624, jee.scss */
#main #chapter-wrapper #node-7 h2.node-title {
background: transparent url("../assets/img/title-DUB-blur.png") no-repeat center center;
background: none, url("../assets/img/title-DUB-blur.svg") no-repeat center center;
}
/* line 622, jee.scss */
/* line 627, jee.scss */
#main #chapter-wrapper #node-8 {
background: transparent url("../assets/img/bgd-juso.png") no-repeat center center;
background: none, url("../assets/img/bgd-juso.svg") no-repeat center center;
}
/* line 624, jee.scss */
/* line 629, jee.scss */
#main #chapter-wrapper #node-8 .field-type-text-long .field-label,
#main #chapter-wrapper #node-8 h2.node-title,
#main #chapter-wrapper #node-8 .field-name-field-dbatre li:before {
color: #33b4b5;
}
/* line 629, jee.scss */
/* line 634, jee.scss */
#main #chapter-wrapper #node-8 h2.node-title {
background: transparent url("../assets/img/title-JUSO-blur.png") no-repeat center center;
background: none, url("../assets/img/title-JUSO-blur.svg") no-repeat center center;
}
/* line 640, jee.scss */
/* line 645, jee.scss */
#main #chapter-wrapper .node {
position: relative;
height: 100%;
width: 100%;
}
/* line 643, jee.scss */
/* line 648, jee.scss */
#main #chapter-wrapper .node a {
color: inherit;
}
/* line 646, jee.scss */
/* line 651, jee.scss */
#main #chapter-wrapper .node-title {
font-family: "epflulb";
font-weight: normal;
@@ -4692,11 +4697,11 @@ div.messages {
z-index: -1;
opacity: 0.4;
}
/* line 662, jee.scss */
/* line 667, jee.scss */
#main #chapter-wrapper .node > .field {
position: absolute;
}
/* line 666, jee.scss */
/* line 671, jee.scss */
#main #chapter-wrapper .field-type-text-long {
background-color: rgba(255, 255, 255, 0.9);
width: 23em;
@@ -4704,37 +4709,37 @@ div.messages {
z-index: 10;
cursor: move;
}
/* line 671, jee.scss */
/* line 676, jee.scss */
#main #chapter-wrapper .field-type-text-long .field-label {
text-transform: uppercase;
font-family: "epflulb";
font-size: 1.5em;
}
/* line 677, jee.scss */
/* line 682, jee.scss */
#main #chapter-wrapper .field-type-text-long h2 {
font-size: 0.88em;
}
/* line 680, jee.scss */
/* line 685, jee.scss */
#main #chapter-wrapper .field-type-text-long p {
font-size: 0.88em;
margin-bottom: 0.5em;
}
/* line 685, jee.scss */
/* line 690, jee.scss */
#main #chapter-wrapper .field-name-field-dbatre {
left: 60em;
}
/* line 687, jee.scss */
/* line 692, jee.scss */
#main #chapter-wrapper .field-name-field-dbatre ul {
margin-left: 1em;
}
/* line 689, jee.scss */
/* line 694, jee.scss */
#main #chapter-wrapper .field-name-field-dbatre ul li {
list-style: none;
line-height: 1;
margin-bottom: 1em;
position: relative;
}
/* line 694, jee.scss */
/* line 699, jee.scss */
#main #chapter-wrapper .field-name-field-dbatre ul li:before {
content: "?";
position: absolute;
@@ -4742,14 +4747,14 @@ div.messages {
left: -1em;
font-family: "epflul";
}
/* line 705, jee.scss */
/* line 710, jee.scss */
#main #chapter-wrapper .field-name-field-partie {
height: 60%;
width: 100%;
top: 20%;
left: 0;
}
/* line 708, jee.scss */
/* line 713, jee.scss */
#main #chapter-wrapper .field-name-field-partie .field-items {
position: relative;
top: 0;
@@ -4757,12 +4762,12 @@ div.messages {
height: 100%;
width: auto;
}
/* line 713, jee.scss */
/* line 718, jee.scss */
#main #chapter-wrapper .field-name-field-partie .field-items .field {
position: relative;
display: inline-block;
}
/* line 716, jee.scss */
/* line 721, jee.scss */
#main #chapter-wrapper .field-name-field-partie .field-items .field .mask {
position: absolute;
width: 100%;
@@ -4779,7 +4784,7 @@ div.messages {
___/ // / / ___ |/ / _/ // /___ | |/ |/ / _, _/ ___ |/ ____/ ____/ /___/ _, _/
/____//_/ /_/ |_/_/ /___/\____/ |__/|__/_/ |_/_/ |_/_/ /_/ /_____/_/ |_|
*/
/* line 736, jee.scss */
/* line 741, jee.scss */
#static-wrapper {
position: absolute;
top: 15%;
@@ -4789,17 +4794,19 @@ div.messages {
z-index: -1;
background-color: #fff;
opacity: 0;
-webkit-transition: 2s ease-out;
transition: 2s ease-out;
-webkit-transition: 0.5s ease-out;
transition: 0.5s ease-out;
-webkit-transition-property: opacity;
transition-property: opacity;
}
/* line 746, jee.scss */
/* line 751, jee.scss */
#static-wrapper.visible {
opacity: 0.9;
-webkit-transition: 1.5s ease-out;
transition: 1.5s ease-out;
z-index: 500;
}
/* line 751, jee.scss */
/* line 757, jee.scss */
#static-wrapper > .close {
position: absolute;
top: 20px;
@@ -4811,34 +4818,40 @@ div.messages {
background: transparent url("../assets/img/close.png") no-repeat center center;
background: none, url("../assets/img/close.svg") no-repeat center center;
}
/* line 760, jee.scss */
/* line 766, jee.scss */
#static-wrapper > .inner {
padding: 5em 7em 3em;
padding: 5em 7em;
width: 100%;
height: 100%;
overflow: hidden;
}
/* line 770, jee.scss */
#static-wrapper > .inner > .node {
width: 100%;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
/* line 765, jee.scss */
/* line 776, jee.scss */
#static-wrapper h2.node-title {
font-family: "epflulb";
text-transform: uppercase !important;
font-size: 3em;
color: #000;
}
/* line 773, jee.scss */
/* line 784, jee.scss */
#static-wrapper .content h3 {
font-family: "epflulb";
font-size: 2em;
text-transform: uppercase !important;
color: #8d198f;
}
/* line 780, jee.scss */
/* line 791, jee.scss */
#static-wrapper .content h4 {
font-size: 1.5em;
font-weight: 700;
}
/* line 787, jee.scss */
/* line 798, jee.scss */
#static-wrapper .content p {
font-family: "open_sans", sans-serif;
font-weight: 600;
@@ -4852,50 +4865,54 @@ div.messages {
/ __/ / /_/ / /_/ / / / / /___/ _, _/
/_/ \____/\____/ /_/ /_____/_/ |_|
*/
/* line 804, jee.scss */
/* line 815, jee.scss */
#footer {
position: fixed;
bottom: 0;
right: 20px;
z-index: 900;
}
/* line 808, jee.scss */
/* line 819, jee.scss */
#footer .block {
display: inline-block;
vertical-align: top;
font-size: 0.693em;
}
/* line 812, jee.scss */
/* line 823, jee.scss */
#footer .block p {
font-size: inherit;
}
/* line 813, jee.scss */
/* line 824, jee.scss */
#footer .block a {
color: #000;
}
/* line 816, jee.scss */
/* line 827, jee.scss */
#footer .block-menu {
display: block;
font-size: inherit;
}
/* line 819, jee.scss */
/* line 830, jee.scss */
#footer .block-menu ul {
margin: 0 0 0.5em;
margin: 0;
padding: 0;
}
/* line 821, jee.scss */
/* line 832, jee.scss */
#footer .block-menu ul li {
margin: 0 1em 0 0;
padding: 0;
display: inline-block;
list-style: none;
}
/* line 825, jee.scss */
/* line 836, jee.scss */
#footer .block-menu ul li a {
font-family: "epflulb";
color: #000;
text-transform: uppercase;
}
/* line 845, jee.scss */
#footer p {
margin: 0;
}
/*
__ ____________ ______
@@ -4904,7 +4921,7 @@ div.messages {
/ / / // / ___/ / /___
/_/ /_/___//____/\____/
*/
/* line 841, jee.scss */
/* line 856, jee.scss */
#loader {
position: absolute;
top: 50%;
@@ -4921,13 +4938,13 @@ div.messages {
-webkit-transition-property: opacity;
transition-property: opacity;
}
/* line 852, jee.scss */
/* line 867, jee.scss */
body.loading #loader {
z-index: 1000;
opacity: 1;
}
/* line 858, jee.scss */
/* line 873, jee.scss */
#fullscreen-btn {
position: fixed;
right: 20px;
@@ -4941,13 +4958,13 @@ body.loading #loader {
background: transparent url("../assets/img/fullscreen-on.png") no-repeat center center;
background: none, url("../assets/img/fullscreen-on.svg") no-repeat center center;
}
/* line 867, jee.scss */
/* line 882, jee.scss */
.fullscreen #fullscreen-btn {
background: transparent url("../assets/img/fullscreen-off.png") no-repeat center center;
background: none, url("../assets/img/fullscreen-off.svg") no-repeat center center;
}
/* line 880, jee.scss */
/* line 895, jee.scss */
.bubble-1 {
position: absolute;
z-index: 0;
@@ -4960,7 +4977,7 @@ body.loading #loader {
left: -200px;
}
/* line 884, jee.scss */
/* line 899, jee.scss */
.bubble-2 {
position: absolute;
z-index: 0;
@@ -4973,7 +4990,7 @@ body.loading #loader {
right: -400px;
}
/* line 889, jee.scss */
/* line 904, jee.scss */
.star {
position: absolute;
z-index: 0;
@@ -4991,7 +5008,7 @@ body.loading #loader {
/ /_/ / /___/ /_/ / /_/ / /_/ /
/_____/_____/_____/\____/\____/
*/
/* line 903, jee.scss */
/* line 918, jee.scss */
#fps {
position: fixed;
bottom: 40px;
@@ -4999,7 +5016,7 @@ body.loading #loader {
z-index: 1000;
}
/* line 909, jee.scss */
/* line 924, jee.scss */
#nav-cursor {
position: absolute;
width: 6px;