bachir/jeunes-et-engages-d7
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

preview opening works wery well now :)

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2015-03-08 21:36:07 +01:00
parent 10b99958e2
commit 76c7154f4e
4 changed files with 386 additions and 367 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sites/all/themes/gui/jee/css/jee.css
+178 -138
View File
@@ -3931,30 +3931,66 @@ div.messages {
position: absolute;
top: 20px;
right: 20px;
width: 250px;
max-height: 30%;
width: 500px;
max-height: 60%;
overflow-y: auto;
z-index: 1000;
}
/* line 147, jee.scss */
/* line 148, jee.scss */
#main {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
/*
_____ _____ __ _____ _____ _____ _____ __ __ _____ _____ ____ _____
| | | | | | __ | __| | __ | | | | | | | \| __|
| --| | | |__| | | -|__ | | __ -|_ _| | | | | | | | | __|
|_____|_____|_____|_____|__|__|_____| |_____| |_| |_|___|_____|____/|_____|
*/
}
/* line 152, jee.scss */
/* line 153, jee.scss */
#main > .region, #main > .region > .block-system, #main > .region > .block-system > .content {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
/* line 158, jee.scss */
/* line 159, jee.scss */
#main .node-chapitre.node-teaser {
position: absolute;
/*
_____ __________________ ___ _________________ __________________
/ _/ | / /_ __/ ____/ __ \/ | / ____/_ __/ _/ | / / _/_ __/ ____/
/ // |/ / / / / __/ / /_/ / /| |/ / / / / / | | / // / / / / __/
_/ // /| / / / / /___/ _, _/ ___ / /___ / / _/ / | |/ // / / / / /___
/___/_/ |_/ /_/ /_____/_/ |_/_/ |_\____/ /_/ /___/ |___/___/ /_/ /_____/
*/
/*
____ _____ _____ _____ _____ __ _____ _____ _____ ____ _____
| \| __| __| _ | | | ||_ _| | | | \| __|
| | | __| __| | | | |__| | | | | | | | | | __|
|____/|_____|__| |__|__|_____|_____|_| |_|_|_|_____|____/|_____|
*/
/*
_____ _____ _____ _____ _____ _____ _ _ _ _____ _____ ____ _____
| _ | __ | __| | | | __| | | | | | | \| __|
| __| -| __| | |- -| __| | | | | | | | | | | | __|
|__| |__|__|_____|\___/|_____|_____|_____| |_|_|_|_____|____/|_____|
*/
/*
_____________ ____________ ___ __ _____ __ _ __ __ _ _
/ ____/ ____/ | / / ____/ __ \/ | / / / ___/ _/_/___ ____ ____ (_)___ / /____ _________ ______/ /_(_) _____ | |
/ / __/ __/ / |/ / __/ / /_/ / /| | / / \__ \ / // __ \/ __ \/ __ \ / / __ \/ __/ _ \/ ___/ __ `/ ___/ __/ / | / / _ \ / /
/ /_/ / /___/ /| / /___/ _, _/ ___ |/ /______/ / / // / / / /_/ / / / / / / / / / /_/ __/ / / /_/ / /__/ /_/ /| |/ / __// /
\____/_____/_/ |_/_____/_/ |_/_/ |_/_____/____/ / //_/ /_/\____/_/ /_/ /_/_/ /_/\__/\___/_/ \__,_/\___/\__/_/ |___/\___//_/
|_| /_/
*/
}
/* line 166, jee.scss */
/* line 177, jee.scss */
#main .node-chapitre.node-teaser h2.node-title {
-webkit-transform: none;
-ms-transform: none;
@@ -3966,9 +4002,14 @@ div.messages {
transition: 1s ease-out;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
z-index: 5;
}
/* line 172, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-comprendre {
/* line 184, jee.scss */
#main .node-chapitre.node-teaser > .content {
position: relative;
}
/* line 185, jee.scss */
#main .node-chapitre.node-teaser .texts {
opacity: 0;
height: 1px;
overflow: hidden;
@@ -3976,103 +4017,86 @@ div.messages {
transition: 1s ease-out;
-webkit-transition-property: opacity height;
transition-property: opacity height;
position: absolute;
}
/* line 177, jee.scss */
/* line 191, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-partie {
opacity: 0;
position: absolute;
-webkit-transition: 1s ease-out 0.5s;
transition: 1s ease-out 0.5s;
-webkit-transition: 1s ease-in-out 0.1s;
transition: 1s ease-in-out 0.1s;
-webkit-transition-property: opacity -webkit-transform;
transition-property: opacity transform;
}
/* line 183, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-partie:nth-child(3) {
/* line 197, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-partie:nth-child(2) {
z-index: 2;
opacity: 1;
-webkit-transition-delay: 0;
transition-delay: 0;
}
/* line 187, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-partie:nth-child(3) > .field-type-text {
/* line 201, 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.5s;
transition: 1s ease-out 0.5s;
-webkit-transition: 1s ease-out 0.9s;
transition: 1s ease-out 0.9s;
-webkit-transition-property: opacity;
transition-property: opacity;
}
/* line 192, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-partie:nth-child(3) > .field-name-field-vignette {
/* line 206, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-partie:nth-child(2) > .field-name-field-vignette {
cursor: pointer;
z-index: 2;
}
/* line 198, jee.scss */
#main .node-chapitre.node-teaser .links {
opacity: 0;
-webkit-transition: 1s ease-out 1s;
transition: 1s ease-out 1s;
-webkit-transition-property: opacity;
transition-property: opacity;
}
/* line 199, jee.scss */
#main .node-chapitre.node-teaser .links > * {
display: none;
}
/* line 203, jee.scss */
/* line 209, jee.scss */
#main .node-chapitre.node-teaser:after {
opacity: 0;
-webkit-transition: 3s ease-out;
transition: 3s ease-out;
-webkit-transition: 2s ease-in;
transition: 2s ease-in;
-webkit-transition-property: opacity;
transition-property: opacity;
top: 1px;
left: 1px;
bottom: 2px;
right: 2px;
}
/* line 216, jee.scss */
/* line 228, jee.scss */
#main .node-chapitre.node-teaser.previewed:after {
opacity: 1;
top: 2em;
left: -12em;
right: -12em;
bottom: -30em;
}
/* line 217, jee.scss */
/* line 235, jee.scss */
#main .node-chapitre.node-teaser.previewed h2.node-title {
-webkit-transform: scale(2, 2);
-ms-transform: scale(2, 2);
transform: scale(2, 2);
}
/* line 218, jee.scss */
#main .node-chapitre.node-teaser.previewed .field-name-field-comprendre {
/* line 236, jee.scss */
#main .node-chapitre.node-teaser.previewed .texts {
opacity: 1;
height: 6em;
height: 8em;
}
/* line 219, jee.scss */
#main .node-chapitre.node-teaser.previewed .links {
opacity: 1;
}
/* line 219, jee.scss */
#main .node-chapitre.node-teaser.previewed .links > * {
display: block;
}
/* line 220, jee.scss */
/* line 237, jee.scss */
#main .node-chapitre.node-teaser.previewed .field-name-field-partie {
opacity: 1;
z-index: 0;
}
/* line 223, jee.scss */
/* line 240, jee.scss */
#main .node-chapitre.node-teaser.previewed .field-name-field-partie > .field {
opacity: 1;
z-index: -1;
cursor: default;
}
/* line 228, jee.scss */
/* line 254, jee.scss */
#main .node-chapitre.node-teaser:after {
content: " ";
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: 2em;
left: -12em;
right: -12em;
bottom: -30em;
z-index: -1;
}
/* line 242, jee.scss */
/* line 262, jee.scss */
#main .node-chapitre.node-teaser h2.node-title {
font-family: "epflulb";
font-weight: normal;
@@ -4083,35 +4107,59 @@ div.messages {
z-index: 5;
}
@media only screen and (min-width: 64.063em) {
/* line 242, jee.scss */
/* line 262, jee.scss */
#main .node-chapitre.node-teaser h2.node-title {
font-size: 1.3em;
}
}
@media only screen and (min-width: 90.063em) {
/* line 242, jee.scss */
/* line 262, jee.scss */
#main .node-chapitre.node-teaser h2.node-title {
font-size: 1.8em;
}
}
/* line 258, jee.scss */
/* line 282, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-comprendre {
max-width: 15em;
min-width: 16em;
}
/* line 259, jee.scss */
/* line 283, 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 261, jee.scss */
/* line 285, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-comprendre p {
margin: 0;
}
/* line 264, jee.scss */
/* line 289, jee.scss */
#main .node-chapitre.node-teaser ul.links {
display: block;
margin: 0;
text-align: right;
z-index: 5;
position: relative;
width: 100%;
}
/* line 291, jee.scss */
#main .node-chapitre.node-teaser ul.links li.node-readmore {
padding: 0;
}
/* line 293, 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;
text-align: left;
background: transparent url(../assets/img/readmore-btn.svg) no-repeat right center;
}
/* line 305, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-partie {
clear: both;
padding-top: 1em;
}
/* line 268, jee.scss */
/* line 309, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-vignette {
position: relative;
float: left;
@@ -4124,50 +4172,28 @@ div.messages {
background-repeat: no-repeat;
background-origin: center center;
}
/* line 281, jee.scss */
/* line 322, jee.scss */
#main .node-chapitre.node-teaser .field-type-text {
min-width: 16em;
}
/* line 282, jee.scss */
/* line 323, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-titre {
font-family: "epflul";
font-size: 1.6em;
line-height: 1.1;
}
/* line 287, jee.scss */
/* line 328, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-sous-titre {
font-family: "epflul";
font-size: 1.4em;
line-height: 1.2;
}
/* line 292, jee.scss */
/* line 333, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-description {
font-size: 0.88em;
line-height: 1.2;
}
/* line 298, jee.scss */
#main .node-chapitre.node-teaser ul.links {
margin: 0;
text-align: right;
z-index: 5;
position: relative;
}
/* line 300, jee.scss */
#main .node-chapitre.node-teaser ul.links li.node-readmore {
padding: 0;
}
/* line 302, 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;
text-align: left;
background: transparent url(../assets/img/readmore-btn.svg) no-repeat right center;
}
/* line 314, jee.scss */
/* line 339, jee.scss */
#main .node-chapitre.node-teaser .line {
z-index: -1;
position: absolute;
@@ -4180,147 +4206,147 @@ div.messages {
background-color: red;
opacity: 0.4;
}
/* line 328, jee.scss */
/* line 358, jee.scss */
#main #node-2::after {
background-image: url(../assets/img/bgd-sol.svg);
}
/* line 329, jee.scss */
/* line 359, jee.scss */
#main #node-2, #main #node-2 a {
color: #b24c14;
}
/* line 330, jee.scss */
/* line 360, jee.scss */
#main #node-2 h2.node-title, #main #node-2 h2.node-title a {
color: #d85509;
}
/* line 331, jee.scss */
/* line 361, jee.scss */
#main #node-2 .field-name-field-vignette {
background-image: url(../assets/img/shadow-sol.svg);
}
/* line 332, jee.scss */
/* line 362, jee.scss */
#main #node-2 .line {
background-color: #ea5b0c;
}
/* line 336, jee.scss */
/* line 366, jee.scss */
#main #node-3::after {
background-image: url(../assets/img/bgd-dph.svg);
}
/* line 337, jee.scss */
/* line 367, jee.scss */
#main #node-3, #main #node-3 a {
color: #686b00;
}
/* line 338, jee.scss */
/* line 368, jee.scss */
#main #node-3 h2.node-title, #main #node-3 h2.node-title a {
color: #afaf00;
}
/* line 339, jee.scss */
/* line 369, jee.scss */
#main #node-3 .field-name-field-vignette {
background-image: url(../assets/img/shadow-dph.svg);
}
/* line 340, jee.scss */
/* line 370, jee.scss */
#main #node-3 .line {
background-color: #cecd00;
}
/* line 344, jee.scss */
/* line 374, jee.scss */
#main #node-4::after {
background-image: url(../assets/img/bgd-sub.svg);
}
/* line 345, jee.scss */
/* line 375, jee.scss */
#main #node-4, #main #node-4 a {
color: #b71330;
}
/* line 346, jee.scss */
/* line 376, jee.scss */
#main #node-4 h2.node-title, #main #node-4 h2.node-title a {
color: #cd0734;
}
/* line 347, jee.scss */
/* line 377, jee.scss */
#main #node-4 .field-name-field-vignette {
background-image: url(../assets/img/shadow-sub.svg);
}
/* line 348, jee.scss */
/* line 378, jee.scss */
#main #node-4 .line {
background-color: #de003a;
}
/* line 352, jee.scss */
/* line 382, jee.scss */
#main #node-5::after {
background-image: url(../assets/img/bgd-bc.svg);
}
/* line 353, jee.scss */
/* line 383, jee.scss */
#main #node-5, #main #node-5 a {
color: #033d6f;
}
/* line 354, jee.scss */
/* line 384, jee.scss */
#main #node-5 h2.node-title, #main #node-5 h2.node-title a {
color: #024b87;
}
/* line 355, jee.scss */
/* line 385, jee.scss */
#main #node-5 .field-name-field-vignette {
background-image: url(../assets/img/shadow-bc.svg);
}
/* line 356, jee.scss */
/* line 386, jee.scss */
#main #node-5 .line {
background-color: #0066b1;
}
/* line 360, jee.scss */
/* line 390, jee.scss */
#main #node-6::after {
background-image: url(../assets/img/bgd-opp.svg);
}
/* line 361, jee.scss */
/* line 391, jee.scss */
#main #node-6, #main #node-6 a {
color: #7f1965;
}
/* line 362, jee.scss */
/* line 392, jee.scss */
#main #node-6 h2.node-title, #main #node-6 h2.node-title a {
color: #941b80;
}
/* line 363, jee.scss */
/* line 393, jee.scss */
#main #node-6 .field-name-field-vignette {
background-image: url(../assets/img/shadow-opp.svg);
}
/* line 364, jee.scss */
/* line 394, jee.scss */
#main #node-6 .line {
background-color: #af1380;
}
/* line 368, jee.scss */
/* line 398, jee.scss */
#main #node-7::after {
background-image: url(../assets/img/bgd-dub.svg);
}
/* line 369, jee.scss */
/* line 399, jee.scss */
#main #node-7, #main #node-7 a {
color: #22742c;
}
/* line 370, jee.scss */
/* line 400, jee.scss */
#main #node-7 h2.node-title, #main #node-7 h2.node-title a {
color: #288d80;
}
/* line 371, jee.scss */
/* line 401, jee.scss */
#main #node-7 .field-name-field-vignette {
background-image: url(../assets/img/shadow-dub.svg);
}
/* line 372, jee.scss */
/* line 402, jee.scss */
#main #node-7 .line {
background-color: #62a530;
}
/* line 376, jee.scss */
/* line 406, jee.scss */
#main #node-8::after {
background-image: url(../assets/img/bgd-juso.svg);
}
/* line 377, jee.scss */
/* line 407, jee.scss */
#main #node-8, #main #node-8 a {
color: #0b7f8a;
}
/* line 378, jee.scss */
/* line 408, jee.scss */
#main #node-8 h2.node-title, #main #node-8 h2.node-title a {
color: #009aa8;
}
/* line 379, jee.scss */
/* line 409, jee.scss */
#main #node-8 .field-name-field-vignette {
background-image: url(../assets/img/shadow-juso.svg);
}
/* line 380, jee.scss */
/* line 410, jee.scss */
#main #node-8 .line {
background-color: #33b4b5;
}
/* line 383, jee.scss */
/* line 413, jee.scss */
#main .chapter-wrapper {
position: absolute;
top: 0;
@@ -4329,24 +4355,32 @@ div.messages {
right: 0;
}
/* line 389, jee.scss */
/* __________ ____ ________________
/ ____/ __ \/ __ \/_ __/ ____/ __ \
/ /_ / / / / / / / / / / __/ / /_/ /
/ __/ / /_/ / /_/ / / / / /___/ _, _/
/_/ \____/\____/ /_/ /_____/_/ |_|
*/
/* line 426, jee.scss */
#footer {
position: fixed;
bottom: 0;
right: 0;
}
/* line 392, jee.scss */
/* line 429, jee.scss */
#footer .block {
display: inline-block;
vertical-align: top;
}
/* line 398, jee.scss */
.backdom {
display: none;
}
/* line 402, jee.scss */
/*
__ ____________ ______
/ |/ / _/ ___// ____/
/ /|_/ // / \__ \/ /
/ / / // / ___/ / /___
/_/ /_/___//____/\____/
*/
/* line 441, jee.scss */
#fullscreen-btn {
position: fixed;
top: 20px;
@@ -4354,7 +4388,13 @@ div.messages {
z-index: 1000;
}
/* line 409, jee.scss */
/* ____ __________ __ ________
/ __ \/ ____/ __ )/ / / / ____/
/ / / / __/ / __ / / / / / __
/ /_/ / /___/ /_/ / /_/ / /_/ /
/_____/_____/_____/\____/\____/
*/
/* line 454, jee.scss */
#fps {
position: fixed;
top: 20px;
@@ -4362,7 +4402,7 @@ div.messages {
z-index: 1000;
}
/* line 415, jee.scss */
/* line 460, jee.scss */
#nav-cursor {
position: absolute;
width: 6px;