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.css
+79 -38
View File
@@ -3978,8 +3978,8 @@ div.messages {
position: absolute;
-webkit-transition: 1s ease-out 1s;
transition: 1s ease-out 1s;
-webkit-transition-property: -webkit-transform opacity;
transition-property: transform opacity;
-webkit-transition-property: opacity -webkit-transform;
transition-property: opacity transform;
}
/* line 172, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-partie:nth-child(3) {
@@ -3991,8 +3991,8 @@ div.messages {
/* line 176, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-partie:nth-child(3) > .field-type-text {
opacity: 0;
-webkit-transition: 1s ease-out;
transition: 1s ease-out;
-webkit-transition: 1s ease-out 1s;
transition: 1s ease-out 1s;
-webkit-transition-property: opacity;
transition-property: opacity;
}
@@ -4100,7 +4100,7 @@ div.messages {
clear: both;
padding-top: 1em;
}
/* line 250, jee.scss */
/* line 252, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-vignette {
position: relative;
float: left;
@@ -4113,39 +4113,39 @@ div.messages {
background-repeat: no-repeat;
background-origin: center center;
}
/* line 264, jee.scss */
/* line 265, jee.scss */
#main .node-chapitre.node-teaser .field-type-text {
min-width: 14em;
}
/* line 268, jee.scss */
/* line 266, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-titre {
font-family: "epflul";
font-size: 1.6em;
line-height: 1.1;
}
/* line 274, jee.scss */
/* line 271, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-sous-titre {
font-family: "epflul";
font-size: 1.4em;
line-height: 1.2;
}
/* line 280, jee.scss */
/* line 276, jee.scss */
#main .node-chapitre.node-teaser .field-name-field-description {
font-size: 0.88em;
line-height: 1.2;
}
/* line 286, jee.scss */
/* line 282, jee.scss */
#main .node-chapitre.node-teaser ul.links {
margin: 0;
text-align: right;
z-index: 5;
position: relative;
}
/* line 288, jee.scss */
/* line 284, jee.scss */
#main .node-chapitre.node-teaser ul.links li.node-readmore {
padding: 0;
}
/* line 290, jee.scss */
/* line 286, jee.scss */
#main .node-chapitre.node-teaser ul.links li.node-readmore a {
display: inline-block;
height: 25px;
@@ -4156,70 +4156,99 @@ div.messages {
text-align: left;
background: transparent url(../assets/img/readmore-btn.svg) no-repeat right center;
}
/* line 308, jee.scss */
/* line 298, jee.scss */
#main .node-chapitre.node-teaser .line {
z-index: -1;
position: absolute;
top: 3em;
left: 6em;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
width: 2px;
background-color: red;
opacity: 0.4;
}
/* line 316, jee.scss */
#main #node-2::after {
background-image: url(../assets/img/bgd-sol.svg);
}
/* line 311, jee.scss */
/* line 319, jee.scss */
#main #node-2, #main #node-2 a {
color: #b24c14;
}
/* line 312, jee.scss */
/* line 320, jee.scss */
#main #node-2 h2.node-title, #main #node-2 h2.node-title a {
color: #d85509;
}
/* line 313, jee.scss */
/* line 321, jee.scss */
#main #node-2 .field-name-field-vignette {
background-image: url(../assets/img/shadow-sol.svg);
}
/* line 323, jee.scss */
/* line 325, jee.scss */
#main #node-2 .line {
background-color: #ea5b0c;
}
/* line 329, jee.scss */
#main #node-3::after {
background-image: url(../assets/img/bgd-dph.svg);
}
/* line 326, jee.scss */
/* line 332, jee.scss */
#main #node-3, #main #node-3 a {
color: #686b00;
}
/* line 327, jee.scss */
/* line 333, jee.scss */
#main #node-3 h2.node-title, #main #node-3 h2.node-title a {
color: #afaf00;
}
/* line 328, jee.scss */
/* line 334, jee.scss */
#main #node-3 .field-name-field-vignette {
background-image: url(../assets/img/shadow-dph.svg);
}
/* line 338, jee.scss */
#main #node-3 .line {
background-color: #cecd00;
}
/* line 342, jee.scss */
#main #node-4::after {
background-image: url(../assets/img/bgd-sub.svg);
}
/* line 341, jee.scss */
/* line 345, jee.scss */
#main #node-4, #main #node-4 a {
color: #b71330;
}
/* line 342, jee.scss */
/* line 346, jee.scss */
#main #node-4 h2.node-title, #main #node-4 h2.node-title a {
color: #cd0734;
}
/* line 343, jee.scss */
/* line 347, jee.scss */
#main #node-4 .field-name-field-vignette {
background-image: url(../assets/img/shadow-sub.svg);
}
/* line 353, jee.scss */
/* line 351, jee.scss */
#main #node-4 .line {
background-color: #de003a;
}
/* line 355, jee.scss */
#main #node-5::after {
background-image: url(../assets/img/bgd-bc.svg);
}
/* line 356, jee.scss */
/* line 358, jee.scss */
#main #node-5, #main #node-5 a {
color: #033d6f;
}
/* line 357, jee.scss */
/* line 359, jee.scss */
#main #node-5 h2.node-title, #main #node-5 h2.node-title a {
color: #024b87;
}
/* line 358, jee.scss */
/* line 360, jee.scss */
#main #node-5 .field-name-field-vignette {
background-image: url(../assets/img/shadow-bc.svg);
}
/* line 364, jee.scss */
#main #node-5 .line {
background-color: #0066b1;
}
/* line 368, jee.scss */
#main #node-6::after {
background-image: url(../assets/img/bgd-opp.svg);
@@ -4236,39 +4265,51 @@ div.messages {
#main #node-6 .field-name-field-vignette {
background-image: url(../assets/img/shadow-opp.svg);
}
/* line 383, jee.scss */
/* line 377, jee.scss */
#main #node-6 .line {
background-color: #af1380;
}
/* line 381, jee.scss */
#main #node-7::after {
background-image: url(../assets/img/bgd-dub.svg);
}
/* line 386, jee.scss */
/* line 384, jee.scss */
#main #node-7, #main #node-7 a {
color: #22742c;
}
/* line 387, jee.scss */
/* line 385, jee.scss */
#main #node-7 h2.node-title, #main #node-7 h2.node-title a {
color: #288d80;
}
/* line 388, jee.scss */
/* line 386, jee.scss */
#main #node-7 .field-name-field-vignette {
background-image: url(../assets/img/shadow-dub.svg);
}
/* line 398, jee.scss */
/* line 390, jee.scss */
#main #node-7 .line {
background-color: #62a530;
}
/* line 394, jee.scss */
#main #node-8::after {
background-image: url(../assets/img/bgd-juso.svg);
}
/* line 401, jee.scss */
/* line 397, jee.scss */
#main #node-8, #main #node-8 a {
color: #0b7f8a;
}
/* line 402, jee.scss */
/* line 398, jee.scss */
#main #node-8 h2.node-title, #main #node-8 h2.node-title a {
color: #009aa8;
}
/* line 403, jee.scss */
/* line 399, jee.scss */
#main #node-8 .field-name-field-vignette {
background-image: url(../assets/img/shadow-juso.svg);
}
/* line 412, jee.scss */
/* line 403, jee.scss */
#main #node-8 .line {
background-color: #33b4b5;
}
/* line 406, jee.scss */
#main .chapter-wrapper {
position: absolute;
top: 0;
@@ -4277,13 +4318,13 @@ div.messages {
right: 0;
}
/* line 419, jee.scss */
/* line 413, jee.scss */
#footer {
position: fixed;
bottom: 0;
right: 0;
}
/* line 422, jee.scss */
/* line 416, jee.scss */
#footer .block {
display: inline-block;
vertical-align: top;
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{
sites/all/themes/gui/jee/css/misc.scss
+1 -1
View File
@@ -8,7 +8,7 @@ $BC-col-active:rgb(0,102,177);
$BC-col-txt:rgb(3,61,111);
$SUB-color:rgb(205,7,52);
$SUB-col-active:rgb(22,0,58);
$SUB-col-active:rgb(222,0,58);
$SUB-col-txt:rgb(183,19,48);
$SOL-color:rgb(216,85,9);