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

refactoring finished AND lines developed

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2015-03-06 19:52:51 +01:00
parent a295c10155
commit 570d31ea3b
8 changed files with 356 additions and 222 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sites/all/themes/gui/jee/css/jee.scss
+25 -31
View File
@@ -167,7 +167,7 @@ div.messages{
opacity:0;
position:absolute;
transition:1s ease-out 1s;
transition-property: transform opacity;
transition-property: opacity transform;
// just let see the field vignette of first partie
&:nth-child(3){
z-index:2;
@@ -175,7 +175,7 @@ div.messages{
transition-delay:0;
>.field-type-text{
opacity:0;
transition:1s ease-out;
transition:1s ease-out 1s;
transition-property: opacity;
}
>.field-name-field-vignette{cursor:pointer;z-index:2;}
@@ -204,7 +204,7 @@ div.messages{
.field-name-field-partie{
opacity:1; z-index:0;
// display all fields inside each parties
>.field{opacity:1;z-index:-1; cursor:default;}
>.field{opacity:1; z-index:-1; cursor:default;}
}
}
@@ -247,6 +247,8 @@ div.messages{
.field-name-field-partie{clear:both; padding-top:1em;}
$shadow-size:3.5em;
.field-name-field-vignette{
position:relative;
float:left;
@@ -260,23 +262,17 @@ div.messages{
background-repeat: no-repeat;
background-origin: center center;
}
.field-type-text{
min-width:14em;
}
.field-type-text{ min-width:14em; }
.field-name-field-titre{
font-family: "epflul";
font-size:1.6em;
line-height:1.1;
}
.field-name-field-sous-titre{
font-family: "epflul";
font-size:1.4em;
line-height:1.2;
}
.field-name-field-description{
// font-family: "epf-lul";
font-size:0.88em;
@@ -298,6 +294,18 @@ div.messages{
}
}
}
.line{
z-index:-1;
position:absolute;
top:$shadow-size - 0.5em; left:$shadow-size+2.5em;
transform-origin:top left;
width:2px; background-color:red;
opacity:0.4;
// transition: 3s ease-out;
// transition-property:height;
}
} // node-chapitre
// COLORS BY NODE - - - - - - - - - - - - - - - - - - - - -
@@ -314,9 +322,7 @@ div.messages{
// background-image:url(../assets/img/shadow-sol.svg);
background-image:url(../assets/img/shadow-sol.svg);
}
// .field-name-field-vignette::before{
// box-shadow: 0 0 $bs-blur $bs-size $SOL-color;
// }
.line{background-color:$SOL-col-active;}
}
//DPH
#node-3{
@@ -329,9 +335,7 @@ div.messages{
// background-image:url(../assets/img/shadow-dph.png);
background-image:url(../assets/img/shadow-dph.svg);
}
// .field-name-field-vignette::before{
// box-shadow: 0 0 $bs-blur $bs-size $DPH-color;
// }
.line{background-color:$DPH-col-active;}
}
// SUB
#node-4{
@@ -344,9 +348,7 @@ div.messages{
// background-image:url(../assets/img/shadow-sub.png);
background-image:url(../assets/img/shadow-sub.svg);
}
// .field-name-field-vignette::before{
// box-shadow: 0 0 $bs-blur $bs-size $SUB-color;
// }
.line{background-color:$SUB-col-active;}
}
// BC
#node-5{
@@ -359,9 +361,7 @@ div.messages{
// background-image:url(../assets/img/shadow-bc.png);
background-image:url(../assets/img/shadow-bc.svg);
}
// .field-name-field-vignette::before{
// box-shadow: 0 0 $bs-blur $bs-size $BC-color;
// }
.line{background-color:$BC-col-active;}
}
//OPP
#node-6{
@@ -374,9 +374,7 @@ div.messages{
// background-image:url(../assets/img/shadow-opp.png);
background-image:url(../assets/img/shadow-opp.svg);
}
// .field-name-field-vignette::before{
// box-shadow: 0 0 $bs-blur $bs-size $OPP-color;
// }
.line{background-color:$OPP-col-active;}
}
//DUB
#node-7{
@@ -389,9 +387,7 @@ div.messages{
// background-image:url(../assets/img/shadow-dub.png);
background-image:url(../assets/img/shadow-dub.svg);
}
// .field-name-field-vignette::before{
// box-shadow: 0 0 $bs-blur $bs-size $DUB-color;
// }
.line{background-color:$DUB-col-active;}
}
// JUSO
#node-8{
@@ -404,9 +400,7 @@ div.messages{
// background-image:url(../assets/img/shadow-juso.png);
background-image:url(../assets/img/shadow-juso.svg);
}
// .field-name-field-vignette::before{
// box-shadow: 0 0 $bs-blur $bs-size $JUSO-color;
// }
.line{background-color:$JUSO-col-active;}
}
.chapter-wrapper{