diff --git a/sites/all/themes/gui/jee/assets/img/fullscreen-off.png b/sites/all/themes/gui/jee/assets/img/fullscreen-off.png new file mode 100644 index 0000000..6bad5a9 Binary files /dev/null and b/sites/all/themes/gui/jee/assets/img/fullscreen-off.png differ diff --git a/sites/all/themes/gui/jee/assets/img/fullscreen-off.svg b/sites/all/themes/gui/jee/assets/img/fullscreen-off.svg new file mode 100644 index 0000000..53b2128 --- /dev/null +++ b/sites/all/themes/gui/jee/assets/img/fullscreen-off.svg @@ -0,0 +1,131 @@ + + diff --git a/sites/all/themes/gui/jee/assets/img/fullscreen-on.png b/sites/all/themes/gui/jee/assets/img/fullscreen-on.png new file mode 100644 index 0000000..2216d02 Binary files /dev/null and b/sites/all/themes/gui/jee/assets/img/fullscreen-on.png differ diff --git a/sites/all/themes/gui/jee/assets/img/fullscreen-on.svg b/sites/all/themes/gui/jee/assets/img/fullscreen-on.svg new file mode 100644 index 0000000..511b0a6 --- /dev/null +++ b/sites/all/themes/gui/jee/assets/img/fullscreen-on.svg @@ -0,0 +1,131 @@ + + diff --git a/sites/all/themes/gui/jee/assets/img/home-btn.png b/sites/all/themes/gui/jee/assets/img/home-btn.png new file mode 100644 index 0000000..5e51fd7 Binary files /dev/null and b/sites/all/themes/gui/jee/assets/img/home-btn.png differ diff --git a/sites/all/themes/gui/jee/assets/img/title-BC-blur.png b/sites/all/themes/gui/jee/assets/img/title-BC-blur.png new file mode 100644 index 0000000..432e16c Binary files /dev/null and b/sites/all/themes/gui/jee/assets/img/title-BC-blur.png differ diff --git a/sites/all/themes/gui/jee/assets/img/title-DPH-blur.png b/sites/all/themes/gui/jee/assets/img/title-DPH-blur.png new file mode 100644 index 0000000..507d73b Binary files /dev/null and b/sites/all/themes/gui/jee/assets/img/title-DPH-blur.png differ diff --git a/sites/all/themes/gui/jee/assets/img/title-DUB-blur.png b/sites/all/themes/gui/jee/assets/img/title-DUB-blur.png new file mode 100644 index 0000000..5cc0255 Binary files /dev/null and b/sites/all/themes/gui/jee/assets/img/title-DUB-blur.png differ diff --git a/sites/all/themes/gui/jee/assets/img/title-JUSO-blur.png b/sites/all/themes/gui/jee/assets/img/title-JUSO-blur.png new file mode 100644 index 0000000..06c2a3a Binary files /dev/null and b/sites/all/themes/gui/jee/assets/img/title-JUSO-blur.png differ diff --git a/sites/all/themes/gui/jee/assets/img/title-OPP-blur.png b/sites/all/themes/gui/jee/assets/img/title-OPP-blur.png new file mode 100644 index 0000000..96a5d3a Binary files /dev/null and b/sites/all/themes/gui/jee/assets/img/title-OPP-blur.png differ diff --git a/sites/all/themes/gui/jee/assets/img/title-SOL-blur.png b/sites/all/themes/gui/jee/assets/img/title-SOL-blur.png new file mode 100644 index 0000000..a27c07c Binary files /dev/null and b/sites/all/themes/gui/jee/assets/img/title-SOL-blur.png differ diff --git a/sites/all/themes/gui/jee/assets/img/title-SUB-blur.png b/sites/all/themes/gui/jee/assets/img/title-SUB-blur.png new file mode 100644 index 0000000..cba42f5 Binary files /dev/null and b/sites/all/themes/gui/jee/assets/img/title-SUB-blur.png differ diff --git a/sites/all/themes/gui/jee/css/jee.css b/sites/all/themes/gui/jee/css/jee.css index 2b32b34..113f134 100644 --- a/sites/all/themes/gui/jee/css/jee.css +++ b/sites/all/themes/gui/jee/css/jee.css @@ -3871,7 +3871,23 @@ body { opacity: 0; } } -/* line 108, jee.scss */ +@-webkit-keyframes introNodes { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes introNodes { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +/* line 113, jee.scss */ #header { z-index: 1; position: absolute; @@ -3885,18 +3901,18 @@ body { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } -/* line 122, jee.scss */ +/* line 127, jee.scss */ #header h1 { position: absolute; width: 100%; height: 100%; } -/* line 125, jee.scss */ +/* line 130, jee.scss */ #header h1 a { display: block; margin-top: -500%; } -/* line 127, jee.scss */ +/* line 132, jee.scss */ #header h1:after, #header h1:before { content: ""; display: block; @@ -3907,25 +3923,25 @@ body { left: 0; opacity: 0; } -/* line 135, jee.scss */ +/* line 140, jee.scss */ #header h1:before { background: transparent url("../assets/img/logo.png") no-repeat center center; background: none, url("../assets/img/logo.svg") no-repeat center center; - -webkit-animation: introLogo 8s linear 0s; - animation: introLogo 8s linear 0s; + -webkit-animation: introLogo 6s linear 0s; + animation: introLogo 6s linear 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } -/* line 140, jee.scss */ +/* line 145, jee.scss */ #header h1:after { background: transparent url("../assets/img/logo-blured.png") no-repeat center center; background: none, url("../assets/img/logo-blured.svg") no-repeat center center; - -webkit-animation: introLogoBlured 8s linear 0s; - animation: introLogoBlured 8s linear 0s; + -webkit-animation: introLogoBlured 6s linear 0s; + animation: introLogoBlured 6s linear 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } -/* line 148, jee.scss */ +/* line 153, jee.scss */ #header h2 { background: transparent url("../assets/img/slogan.png") no-repeat center center; background: none, url("../assets/img/slogan.svg") no-repeat center center; @@ -3933,18 +3949,18 @@ body { width: 100%; height: 100%; opacity: 0; - -webkit-animation: introSlogan 8s linear 0s; - animation: introSlogan 8s linear 0s; + -webkit-animation: introSlogan 6s linear 0s; + animation: introSlogan 6s linear 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } -/* line 153, jee.scss */ +/* line 158, jee.scss */ #header h2 a { display: block; margin-top: -500%; } -/* line 160, jee.scss */ +/* line 165, jee.scss */ div.messages { position: absolute; top: 20px; @@ -3955,7 +3971,7 @@ div.messages { z-index: 1000; } -/* line 168, jee.scss */ +/* line 173, jee.scss */ #main { position: absolute; width: 100%; @@ -3981,217 +3997,217 @@ div.messages { \____/_/ /_____/_/ |_/_____/_____/ \____/_/ /_/_/ |_/_/ /_/ /_____/_/ |_|/____/ */ } -/* line 173, 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 189, 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 190, jee.scss */ +/* line 195, jee.scss */ #main #node-2.node-teaser, #main #node-2.node-teaser a { color: #b24c14; } -/* line 192, 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 193, 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 195, 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 196, jee.scss */ +/* line 201, jee.scss */ #main #node-2.node-teaser .line { background-color: #ea5b0c; } -/* line 202, 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 203, jee.scss */ +/* line 208, jee.scss */ #main #node-3.node-teaser, #main #node-3.node-teaser a { color: #686b00; } -/* line 205, 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 206, 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 208, 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 209, jee.scss */ +/* line 214, jee.scss */ #main #node-3.node-teaser .line { background-color: #cecd00; } -/* line 215, 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 216, jee.scss */ +/* line 221, jee.scss */ #main #node-4.node-teaser, #main #node-4.node-teaser a { color: #b71330; } -/* line 218, 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 219, 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 221, 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 222, jee.scss */ +/* line 227, jee.scss */ #main #node-4.node-teaser .line { background-color: #de003a; } -/* line 228, 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 229, jee.scss */ +/* line 234, jee.scss */ #main #node-5.node-teaser, #main #node-5.node-teaser a { color: #033d6f; } -/* line 231, 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 232, 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 234, 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 235, jee.scss */ +/* line 240, jee.scss */ #main #node-5.node-teaser .line { background-color: #0066b1; } -/* line 241, 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 242, jee.scss */ +/* line 247, jee.scss */ #main #node-6.node-teaser, #main #node-6.node-teaser a { color: #7f1965; } -/* line 244, 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 245, 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 247, 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 248, jee.scss */ +/* line 253, jee.scss */ #main #node-6.node-teaser .line { background-color: #af1380; } -/* line 254, 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 255, jee.scss */ +/* line 260, jee.scss */ #main #node-7.node-teaser, #main #node-7.node-teaser a { color: #22742c; } -/* line 257, 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 258, 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 260, 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 261, jee.scss */ +/* line 266, jee.scss */ #main #node-7.node-teaser .line { background-color: #62a530; } -/* line 267, 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 268, jee.scss */ +/* line 273, jee.scss */ #main #node-8.node-teaser, #main #node-8.node-teaser a { color: #0b7f8a; } -/* line 270, 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 271, 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 273, 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 274, jee.scss */ +/* line 279, jee.scss */ #main #node-8.node-teaser .line { background-color: #33b4b5; } -/* line 285, jee.scss */ +/* line 292, jee.scss */ #main .node-chapitre.node-teaser { z-index: 2; position: absolute; @@ -4209,11 +4225,11 @@ div.messages { |____/|_____|__| |__|__|_____|_____|_| |_|_|_|_____|____/|_____| */ - opacity: 1; -webkit-transition: 1s ease-out; transition: 1s ease-out; -webkit-transition-property: opacity; transition-property: opacity; + opacity: 0; /* _____ _____ _____ _____ _____ _____ _ _ _ _____ _____ ____ _____ | _ | __ | __| | | | __| | | | | | | \| __| @@ -4243,7 +4259,11 @@ div.messages { |_| /_/ */ } -/* line 308, jee.scss */ +/* line 316, jee.scss */ +#main .node-chapitre.node-teaser.enabled { + opacity: 1; +} +/* line 320, jee.scss */ #main .node-chapitre.node-teaser h2.node-title a { -webkit-transform: none; -ms-transform: none; @@ -4257,11 +4277,11 @@ div.messages { transition-property: transform; z-index: 5; } -/* line 315, jee.scss */ +/* line 327, jee.scss */ #main .node-chapitre.node-teaser > .content { position: relative; } -/* line 316, jee.scss */ +/* line 328, jee.scss */ #main .node-chapitre.node-teaser .texts { opacity: 0; height: 1px; @@ -4272,7 +4292,7 @@ div.messages { transition-property: opacity height; position: absolute; } -/* line 322, jee.scss */ +/* line 334, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-partie { opacity: 0; position: absolute; @@ -4281,12 +4301,12 @@ div.messages { -webkit-transition-property: opacity -webkit-transform; transition-property: opacity transform; } -/* line 328, jee.scss */ +/* line 340, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-partie:nth-child(2) { z-index: 2; opacity: 1; } -/* line 332, 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; @@ -4294,7 +4314,7 @@ div.messages { -webkit-transition-property: opacity; transition-property: opacity; } -/* line 337, 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; @@ -4306,7 +4326,7 @@ div.messages { -webkit-transition-property: -webkit-transform; transition-property: transform; } -/* line 344, jee.scss */ +/* line 356, jee.scss */ #main .node-chapitre.node-teaser:after { opacity: 0; -webkit-transition: 2s ease-in; @@ -4318,11 +4338,11 @@ div.messages { bottom: 2px; right: 2px; } -/* line 362, jee.scss */ +/* line 374, jee.scss */ #main .node-chapitre.node-teaser.previewed { z-index: 100; } -/* line 364, jee.scss */ +/* line 376, jee.scss */ #main .node-chapitre.node-teaser.previewed:after { opacity: 1; top: 2em; @@ -4330,50 +4350,50 @@ div.messages { right: -12em; bottom: -30em; } -/* line 371, jee.scss */ +/* line 383, 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 372, jee.scss */ +/* line 384, jee.scss */ #main .node-chapitre.node-teaser.previewed .texts { opacity: 1; height: 8em; } -/* line 373, jee.scss */ +/* line 385, jee.scss */ #main .node-chapitre.node-teaser.previewed .field-name-field-partie { opacity: 1; z-index: 0; } -/* line 376, jee.scss */ +/* line 388, jee.scss */ #main .node-chapitre.node-teaser.previewed .field-name-field-partie > .field { opacity: 1; z-index: -1; cursor: default; } -/* line 378, jee.scss */ +/* line 390, 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 392, jee.scss */ +/* line 404, jee.scss */ #main .node-chapitre.node-teaser.mitigated { - opacity: 0.3; -} -/* line 403, jee.scss */ -.chapter-displayed #main .node-chapitre.node-teaser { - opacity: 0.1; + opacity: 0.2; } /* line 415, jee.scss */ +.chapter-displayed #main .node-chapitre.node-teaser { + opacity: 0.05; +} +/* line 427, jee.scss */ #main .node-chapitre.node-teaser:after { content: " "; background-size: contain !important; position: absolute; z-index: -1; } -/* line 422, jee.scss */ +/* line 434, jee.scss */ #main .node-chapitre.node-teaser h2.node-title { font-family: "epflulb"; font-weight: normal; @@ -4384,36 +4404,36 @@ div.messages { z-index: 5; } @media only screen and (min-width: 64.063em) { - /* line 422, jee.scss */ + /* line 434, jee.scss */ #main .node-chapitre.node-teaser h2.node-title { font-size: 1.3em; } } @media only screen and (min-width: 90.063em) { - /* line 422, jee.scss */ + /* line 434, jee.scss */ #main .node-chapitre.node-teaser h2.node-title { font-size: 1.8em; } } -/* line 436, jee.scss */ +/* line 448, jee.scss */ #main .node-chapitre.node-teaser h2.node-title a { display: block; text-indent: -1000px; overflow: hidden; } -/* line 447, jee.scss */ +/* line 459, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-comprendre { min-width: 16em; } -/* line 448, jee.scss */ +/* line 460, 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 450, jee.scss */ +/* line 462, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-comprendre p { margin: 0; } -/* line 454, jee.scss */ +/* line 466, jee.scss */ #main .node-chapitre.node-teaser ul.links { display: block; margin: 0; @@ -4422,28 +4442,28 @@ div.messages { position: relative; width: 100%; } -/* line 456, jee.scss */ +/* line 468, jee.scss */ #main .node-chapitre.node-teaser ul.links li.node-readmore { padding: 0; } -/* line 458, jee.scss */ +/* line 470, jee.scss */ #main .node-chapitre.node-teaser ul.links li.node-readmore a { display: inline-block; height: 25px; font-family: "open_sans"; font-weight: 900; color: #000 !important; - width: 8em; + width: 10em; text-align: left; 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 471, jee.scss */ +/* line 483, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-partie { clear: both; padding-top: 1em; } -/* line 475, jee.scss */ +/* line 487, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-vignette { position: relative; float: left; @@ -4454,28 +4474,28 @@ div.messages { margin-left: 0; background-size: contain; } -/* line 487, jee.scss */ +/* line 499, jee.scss */ #main .node-chapitre.node-teaser .field-type-text { min-width: 16em; } -/* line 488, jee.scss */ +/* line 500, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-titre { font-family: "epflul"; font-size: 1.6em; line-height: 1.1; } -/* line 493, jee.scss */ +/* line 505, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-sous-titre { font-family: "epflul"; font-size: 1.4em; line-height: 1.2; } -/* line 498, jee.scss */ +/* line 510, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-description { font-size: 0.88em; line-height: 1.2; } -/* line 504, jee.scss */ +/* line 516, jee.scss */ #main .node-chapitre.node-teaser .line { z-index: -1; position: absolute; @@ -4487,7 +4507,7 @@ div.messages { width: 2px; opacity: 0.4; } -/* line 523, jee.scss */ +/* line 534, jee.scss */ #main #chapter-wrapper { position: absolute; top: 0; @@ -4514,12 +4534,12 @@ div.messages { |__| */ } -/* line 532, jee.scss */ +/* line 543, jee.scss */ #main #chapter-wrapper.visible { opacity: 1; z-index: 500; } -/* line 537, jee.scss */ +/* line 548, 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; @@ -4531,129 +4551,129 @@ div.messages { height: 20px; cursor: pointer; } -/* line 552, jee.scss */ +/* line 563, 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 554, jee.scss */ +/* line 565, 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 559, jee.scss */ +/* line 570, 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 562, jee.scss */ +/* line 573, 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 564, jee.scss */ +/* line 575, 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 569, jee.scss */ +/* line 580, 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 572, jee.scss */ +/* line 583, 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 574, jee.scss */ +/* line 585, 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 579, jee.scss */ +/* line 590, 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 582, jee.scss */ +/* line 593, 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 584, jee.scss */ +/* line 595, 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 589, jee.scss */ +/* line 600, 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 592, jee.scss */ +/* line 603, 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 594, jee.scss */ +/* line 605, 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 599, jee.scss */ +/* line 610, 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 602, jee.scss */ +/* line 613, 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 604, jee.scss */ +/* line 615, 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 609, jee.scss */ +/* line 620, 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 612, jee.scss */ +/* line 623, 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 614, jee.scss */ +/* line 625, 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 619, jee.scss */ +/* line 630, 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 630, jee.scss */ +/* line 641, jee.scss */ #main #chapter-wrapper .node { position: relative; height: 100%; width: 100%; } -/* line 633, jee.scss */ +/* line 644, jee.scss */ #main #chapter-wrapper .node a { color: inherit; } -/* line 636, jee.scss */ +/* line 647, jee.scss */ #main #chapter-wrapper .node-title { font-family: "epflulb"; font-weight: normal; @@ -4672,11 +4692,11 @@ div.messages { z-index: -1; opacity: 0.4; } -/* line 652, jee.scss */ +/* line 663, jee.scss */ #main #chapter-wrapper .node > .field { position: absolute; } -/* line 656, jee.scss */ +/* line 667, jee.scss */ #main #chapter-wrapper .field-type-text-long { background-color: rgba(255, 255, 255, 0.9); width: 23em; @@ -4684,37 +4704,37 @@ div.messages { z-index: 10; cursor: move; } -/* line 661, jee.scss */ +/* line 672, jee.scss */ #main #chapter-wrapper .field-type-text-long .field-label { text-transform: uppercase; font-family: "epflulb"; font-size: 1.5em; } -/* line 667, jee.scss */ +/* line 678, jee.scss */ #main #chapter-wrapper .field-type-text-long h2 { font-size: 0.88em; } -/* line 670, jee.scss */ +/* line 681, jee.scss */ #main #chapter-wrapper .field-type-text-long p { font-size: 0.88em; margin-bottom: 0.5em; } -/* line 675, jee.scss */ +/* line 686, jee.scss */ #main #chapter-wrapper .field-name-field-dbatre { left: 60em; } -/* line 677, jee.scss */ +/* line 688, jee.scss */ #main #chapter-wrapper .field-name-field-dbatre ul { margin-left: 1em; } -/* line 679, jee.scss */ +/* line 690, jee.scss */ #main #chapter-wrapper .field-name-field-dbatre ul li { list-style: none; line-height: 1; margin-bottom: 1em; position: relative; } -/* line 684, jee.scss */ +/* line 695, jee.scss */ #main #chapter-wrapper .field-name-field-dbatre ul li:before { content: "?"; position: absolute; @@ -4722,14 +4742,14 @@ div.messages { left: -1em; font-family: "epflul"; } -/* line 695, jee.scss */ +/* line 706, jee.scss */ #main #chapter-wrapper .field-name-field-partie { height: 60%; width: 100%; top: 20%; left: 0; } -/* line 698, jee.scss */ +/* line 709, jee.scss */ #main #chapter-wrapper .field-name-field-partie .field-items { position: relative; top: 0; @@ -4737,12 +4757,12 @@ div.messages { height: 100%; width: auto; } -/* line 703, jee.scss */ +/* line 714, jee.scss */ #main #chapter-wrapper .field-name-field-partie .field-items .field { position: relative; display: inline-block; } -/* line 706, jee.scss */ +/* line 717, jee.scss */ #main #chapter-wrapper .field-name-field-partie .field-items .field .mask { position: absolute; width: 100%; @@ -4759,16 +4779,48 @@ div.messages { / __/ / /_/ / /_/ / / / / /___/ _, _/ /_/ \____/\____/ /_/ /_____/_/ |_| */ -/* line 727, jee.scss */ +/* line 738, jee.scss */ #footer { position: fixed; bottom: 0; - right: 0; + right: 20px; } -/* line 730, jee.scss */ +/* line 741, jee.scss */ #footer .block { display: inline-block; vertical-align: top; + font-size: 0.693em; +} +/* line 745, jee.scss */ +#footer .block p { + font-size: inherit; +} +/* line 746, jee.scss */ +#footer .block a { + color: #000; +} +/* line 749, jee.scss */ +#footer .block-menu { + display: block; + font-size: inherit; +} +/* line 752, jee.scss */ +#footer .block-menu ul { + margin: 0 0 0.5em; + padding: 0; +} +/* line 754, jee.scss */ +#footer .block-menu ul li { + margin: 0 1em 0 0; + padding: 0; + display: inline-block; + list-style: none; +} +/* line 758, jee.scss */ +#footer .block-menu ul li a { + font-family: "epflulb"; + color: #000; + text-transform: uppercase; } /* @@ -4778,15 +4830,27 @@ div.messages { / / / // / ___/ / /___ /_/ /_/___//____/\____/ */ -/* line 742, jee.scss */ +/* line 774, jee.scss */ #fullscreen-btn { position: fixed; - bottom: 20px; - left: 20px; + right: 20px; + top: 20px; z-index: 1000; + width: 25px; + height: 20px; + text-indent: 200px; + overflow: hidden; + cursor: pointer; + 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 783, 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 756, jee.scss */ +/* line 796, jee.scss */ .bubble-1 { position: absolute; z-index: 0; @@ -4799,7 +4863,7 @@ div.messages { left: -200px; } -/* line 760, jee.scss */ +/* line 800, jee.scss */ .bubble-2 { position: absolute; z-index: 0; @@ -4812,7 +4876,7 @@ div.messages { right: -400px; } -/* line 765, jee.scss */ +/* line 805, jee.scss */ .star { position: absolute; z-index: 0; @@ -4830,15 +4894,15 @@ div.messages { / /_/ / /___/ /_/ / /_/ / /_/ / /_____/_____/_____/\____/\____/ */ -/* line 779, jee.scss */ +/* line 819, jee.scss */ #fps { position: fixed; - top: 20px; - right: 20px; + bottom: 40px; + left: 20px; z-index: 1000; } -/* line 785, jee.scss */ +/* line 825, jee.scss */ #nav-cursor { position: absolute; width: 6px; diff --git a/sites/all/themes/gui/jee/css/jee.scss b/sites/all/themes/gui/jee/css/jee.scss index 972e776..33a1cc4 100755 --- a/sites/all/themes/gui/jee/css/jee.scss +++ b/sites/all/themes/gui/jee/css/jee.scss @@ -83,27 +83,32 @@ body{ } @keyframes introLogo{ - 0% {opacity:0;} + 0% {opacity:0;} 35% {opacity:1;} 50% {opacity:1;} 75% {opacity:0;} - 100% {opacity:0;} -} -@keyframes introLogoBlured{ - 0% {opacity:0;} - 50% {opacity:0;} - 60% {opacity:0.8;} - 100% {opacity:0.8;} -} -@keyframes introSlogan{ - 0% {opacity:0;} - 50% {opacity:0;} - 70% {opacity:1;} - 90% {opacity:1;} 100% {opacity:0;} } +@keyframes introLogoBlured{ + 0% {opacity:0;} + 50% {opacity:0;} + 60% {opacity:0.8;} + 100% {opacity:0.8;} +} +@keyframes introSlogan{ + 0% {opacity:0;} + 50% {opacity:0;} + 70% {opacity:1;} + 90% {opacity:1;} + 100% {opacity:0;} +} +@keyframes introNodes{ + 0% {opacity:0;} + 100% {opacity:1;} +} -$animeLogoDuration:8s; +$animeLogoDuration:6s; +$animeNodesDuration:3s; #header{ z-index:1; @@ -282,6 +287,8 @@ div.messages{ |_____|__|__|__|__|__| |_| |_____|__|__|_____| |_____|_____|_|___|_____|__|__|_____|__ _|_____|_____| |__| */ + + .node-chapitre.node-teaser{ z-index: 2; position:absolute; @@ -301,10 +308,15 @@ div.messages{ |____/|_____|__| |__|__|_____|_____|_| |_|_|_|_____|____/|_____| */ - opacity:1; transition:1s ease-out; transition-property:opacity; + opacity:0; + + &.enabled{ + opacity:1; + } + h2.node-title a{ transform:none; transform-origin:bottom center; @@ -390,7 +402,7 @@ div.messages{ |_|_|_|_____| |_| |_____|_____|__|__| |_| |_____| |_|_|_|_____|____/|_____| */ &.mitigated{ - opacity:0.3; + opacity:0.2; } /* @@ -401,7 +413,7 @@ div.messages{ */ .chapter-displayed & { - opacity:0.1; + opacity:0.05; } /* @@ -461,7 +473,7 @@ div.messages{ font-family: "open_sans"; font-weight: 900; color:#000!important; - width:8em; text-align: left; + width:10em; text-align: left; // background: transparent url(../assets/img/readmore-btn.svg) no-repeat right center; @include bg-svg-png('readmore-btn', no-repeat, right, center); } @@ -509,7 +521,6 @@ div.messages{ width:2px; //background-color:red; opacity:0.4; } - } // node-chapitre @@ -726,10 +737,31 @@ div.messages{ #footer{ position:fixed; - bottom:0; right:0; + bottom:0; right:20px; .block{ display:inline-block; vertical-align: top; + font-size:0.693em; + p{font-size: inherit;} + a{color:#000;} + } + + .block-menu{ + display:block; + font-size:inherit; + ul{ + margin:0 0 0.5em; padding:0; + li{ + margin:0 1em 0 0; padding:0; + display:inline-block; + list-style: none; + a{ + font-family: "epflulb"; + color:#000; + text-transform: uppercase; + } + } + } } } /* @@ -741,8 +773,16 @@ div.messages{ */ #fullscreen-btn{ position:fixed; - bottom:20px; left:20px; + right:20px; top:20px; z-index: 1000; + width:25px; height:20px; + text-indent: 200px; overflow:hidden; + cursor:pointer; + + @include bg-svg-png('fullscreen-on'); + .fullscreen &{ + @include bg-svg-png('fullscreen-off'); + } } @mixin bubble($w,$h,$bg){ @@ -778,7 +818,7 @@ div.messages{ #fps{ position:fixed; - top:20px; right:20px; + bottom:40px; left:20px; z-index: 1000; } diff --git a/sites/all/themes/gui/jee/js/jee.js b/sites/all/themes/gui/jee/js/jee.js index c92269b..737e5c8 100755 --- a/sites/all/themes/gui/jee/js/jee.js +++ b/sites/all/themes/gui/jee/js/jee.js @@ -51,7 +51,7 @@ jQuery(document).ready(function($) { launchNav(); // FULL SCREEN - var $fullscreenBtn = $('