bachir/materio-base-legacy
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

upadted home V2

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2015-06-10 15:53:49 +02:00
parent 96aef8c128
commit afd3a90538
9 changed files with 407 additions and 246 deletions
Download Patch File Download Diff File Expand all files Collapse all files

226
sites/all/themes/gui/materiobasetheme/css/styles.css
View File

@@ -4144,7 +4144,7 @@ a {
*/
/* line 205, ../scss/layout.scss */
body.home-v2 #header > .inner, body.home-v2 #utilities > .inner, body.home-v2 #main, body.home-v2 #footer {
body.home-v2 #header > .inner, body.home-v2 #utilities > .inner, body.home-v2 #center, body.home-v2 #footer {
width: 100%;
margin-left: auto;
margin-right: auto;
@@ -4153,12 +4153,12 @@ body.home-v2 #header > .inner, body.home-v2 #utilities > .inner, body.home-v2 #m
max-width: 80rem;
}
/* line 172, ../bower_components/foundation/scss/foundation/components/_global.scss */
body.home-v2 #header > .inner:before, body.home-v2 #header > .inner:after, body.home-v2 #utilities > .inner:before, body.home-v2 #utilities > .inner:after, body.home-v2 #main:before, body.home-v2 #main:after, body.home-v2 #footer:before, body.home-v2 #footer:after {
body.home-v2 #header > .inner:before, body.home-v2 #header > .inner:after, body.home-v2 #utilities > .inner:before, body.home-v2 #utilities > .inner:after, body.home-v2 #center:before, body.home-v2 #center:after, body.home-v2 #footer:before, body.home-v2 #footer:after {
content: " ";
display: table;
}
/* line 173, ../bower_components/foundation/scss/foundation/components/_global.scss */
body.home-v2 #header > .inner:after, body.home-v2 #utilities > .inner:after, body.home-v2 #main:after, body.home-v2 #footer:after {
body.home-v2 #header > .inner:after, body.home-v2 #utilities > .inner:after, body.home-v2 #center:after, body.home-v2 #footer:after {
clear: both;
}
@@ -10738,80 +10738,82 @@ body.home-v2 #center {
#home-v2 > .panel-panel > div > .panel-pane {
overflow: hidden;
}
/* line 2801, ../scss/styles.scss */
/* line 2800, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.pane-node {
border-radius: 5px;
background-clip: padding-box;
overflow: hidden;
}
/* line 2804, ../scss/styles.scss */
/* line 2803, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.pane-node .pane-content, #home-v2 > .panel-panel > div > .panel-pane.pane-node .node {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
/* line 2808, ../scss/styles.scss */
/* line 2807, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.pane-node .links a {
background-color: rgba(255, 255, 255, 0.7);
border-radius: 5px;
background-clip: padding-box;
padding: 15px;
}
/* line 2814, ../scss/styles.scss */
/* line 2813, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.intro-video {
height: auto;
background-color: #f7f8f2;
margin-top: 0;
margin-top: 2em;
margin-bottom: 2em;
padding-top: 0;
}
/* line 2819, ../scss/styles.scss */
/* line 2818, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video {
margin: 0 auto;
}
@media only screen and (max-width: 40em) {
/* line 2819, ../scss/styles.scss */
/* line 2818, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video {
width: 320px;
height: 180px;
}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
/* line 2819, ../scss/styles.scss */
/* line 2818, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video {
width: 640px;
height: 360px;
}
}
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
/* line 2819, ../scss/styles.scss */
/* line 2818, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video {
width: 800px;
height: 450px;
}
}
@media only screen and (min-width: 90.063em) {
/* line 2819, ../scss/styles.scss */
/* line 2818, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video {
width: 1024px;
height: 576px;
}
}
/* line 2833, ../scss/styles.scss */
/* line 2832, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video .player, #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video iframe {
width: 100%;
height: 100%;
}
/* line 2839, ../scss/styles.scss */
/* line 2838, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-title-field {
display: none;
}
/* line 2843, ../scss/styles.scss */
/* line 2842, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-body {
display: none;
margin-top: 1em;
text-align: center;
}
/* line 2847, ../scss/styles.scss */
/* line 2846, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-body p {
text-align: left;
display: moz-inline-stack;
@@ -10823,16 +10825,22 @@ body.home-v2 #center {
margin-left: 2%;
font-size: 0.756em;
}
/* line 2856, ../scss/styles.scss */
@media only screen and (max-width: 40em) {
/* line 2846, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-body p {
width: 48%;
}
}
/* line 2859, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 {
margin: 2em 0;
}
/* line 2858, ../scss/styles.scss */
/* line 2861, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 ul.menu {
margin: 0px;
text-align: center;
}
/* line 2861, ../scss/styles.scss */
/* line 2864, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li {
margin: 0 1em 0 0;
padding: 0px;
@@ -10844,7 +10852,7 @@ body.home-v2 #center {
zoom: 1;
*display: inline;
}
/* line 2864, ../scss/styles.scss */
/* line 2867, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li a {
background-color: #4d4d4d;
border-radius: 5px;
@@ -10856,42 +10864,48 @@ body.home-v2 #center {
-webkit-transition: opacity,background-color 0.2s ease-out;
transition: opacity,background-color 0.2s ease-out;
}
/* line 2876, ../scss/styles.scss */
/* line 2879, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li:nth-child(1):hover a {
background-color: #ff7400;
color: #4d4d4d;
}
/* line 2880, ../scss/styles.scss */
/* line 2883, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li:nth-child(2):hover a {
background-color: #79e644;
color: #4d4d4d;
}
/* line 2884, ../scss/styles.scss */
/* line 2887, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li:nth-child(3):hover a {
background-color: #69cdcf;
color: #4d4d4d;
}
/* line 2888, ../scss/styles.scss */
/* line 2891, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li:nth-child(4):hover a {
background-color: #e6de1c;
color: #4d4d4d;
}
/* line 2892, ../scss/styles.scss */
/* line 2895, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li:nth-child(5):hover a {
background-color: #d476ae;
color: #4d4d4d;
}
/* line 2896, ../scss/styles.scss */
/* line 2899, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li:nth-child(6):hover a {
background-color: #772e88;
color: #4d4d4d;
}
/* line 2900, ../scss/styles.scss */
/* line 2903, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li:nth-child(7):hover a {
background-color: #e62326;
color: #4d4d4d;
}
/* line 2904, ../scss/styles.scss */
@media only screen and (max-width: 40em) {
/* line 2859, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 {
display: none;
}
}
/* line 2911, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.showroom {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-webkit-transition: box-shadow 0.3s ease-out;
@@ -10899,58 +10913,86 @@ body.home-v2 #center {
height: 450px;
margin-top: 15px;
background-color: #fff;
background-size: cover;
position: relative;
}
/* line 2788, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.showroom:hover {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
/* line 2912, ../scss/styles.scss */
/* line 2919, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content {
width: 100%;
height: 100%;
position: relative;
}
/* line 2914, ../scss/styles.scss */
/* line 2921, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .node {
position: absolute;
height: 100%;
width: 100%;
}
/* line 2915, ../scss/styles.scss */
/* line 2922, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .field-name-field-bandeau {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
/* line 2917, ../scss/styles.scss */
/* line 2924, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .field-name-field-bandeau img {
width: 100%;
margin-top: -10%;
}
/* line 2919, ../scss/styles.scss */
/* line 2926, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content {
position: relative;
z-index: 2;
width: 30%;
margin: 3em 2em;
background-color: rgba(255, 255, 255, 0.7);
background-color: rgba(255, 255, 255, 0.8);
padding: 1em;
border-radius: 5px;
background-clip: padding-box;
}
/* line 2927, ../scss/styles.scss */
/* line 2934, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content .field-name-title-field {
font-size: 2.1em;
font-weight: 300;
}
/* line 2930, ../scss/styles.scss */
/* line 2937, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content .field-name-body {
margin-top: 1em;
margin-top: 0.5em;
}
/* line 2938, ../scss/styles.scss */
@media only screen and (max-width: 40em) {
/* line 2911, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.showroom {
height: 210px;
margin-top: 10px;
}
/* line 2946, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .field-name-field-bandeau {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
/* line 2948, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .field-name-field-bandeau img {
margin-top: 0;
}
/* line 2950, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content {
width: auto;
padding: 2%;
margin: 2%;
}
/* line 2954, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content .field-name-body {
font-size: 0.756em;
margin-top: 0.5em;
}
}
/* line 2963, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.showroom:after {
content: url("../img/bulle.png");
-webkit-transform: scale(0.8);
@@ -10961,7 +11003,7 @@ body.home-v2 #center {
right: -80px;
z-index: 10;
}
/* line 2947, ../scss/styles.scss */
/* line 2972, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.bdd {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-webkit-transition: box-shadow 0.3s ease-out;
@@ -10975,11 +11017,11 @@ body.home-v2 #center {
#home-v2 > .panel-panel > div > .panel-pane.bdd:hover {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
/* line 2953, ../scss/styles.scss */
/* line 2978, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.bdd .links a {
background-color: #e6e6e6;
}
/* line 2955, ../scss/styles.scss */
/* line 2980, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.bdd .field-name-field-bandeau {
display: moz-inline-stack;
display: inline-block;
@@ -10990,11 +11032,11 @@ body.home-v2 #center {
height: 100%;
overflow: hidden;
}
/* line 2957, ../scss/styles.scss */
/* line 2982, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.bdd .field-name-field-bandeau img {
max-width: 2000px;
}
/* line 2960, ../scss/styles.scss */
/* line 2985, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.bdd .group-content {
display: moz-inline-stack;
display: inline-block;
@@ -11007,16 +11049,16 @@ body.home-v2 #center {
border-radius: 5px;
background-clip: padding-box;
}
/* line 2965, ../scss/styles.scss */
/* line 2990, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.bdd .group-content .field-name-title-field {
font-size: 2.1em;
font-weight: 300;
}
/* line 2968, ../scss/styles.scss */
/* line 2993, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.bdd .group-content .field-name-body {
margin-top: 1em;
}
/* line 2973, ../scss/styles.scss */
/* line 2998, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.bdd:after {
content: url("../img/boule.png");
-webkit-transform: scale(0.8);
@@ -11026,7 +11068,7 @@ body.home-v2 #center {
bottom: -50px;
left: -50px;
}
/* line 2982, ../scss/styles.scss */
/* line 3007, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.formations {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-webkit-transition: box-shadow 0.3s ease-out;
@@ -11041,16 +11083,16 @@ body.home-v2 #center {
#home-v2 > .panel-panel > div > .panel-pane.formations:hover {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
/* line 2989, ../scss/styles.scss */
/* line 3014, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.formations a {
color: #FFF;
}
/* line 2991, ../scss/styles.scss */
/* line 3016, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.formations .node {
padding: 0 0 0 30%;
width: 70%;
}
/* line 2994, ../scss/styles.scss */
/* line 3019, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.formations .node:before {
content: " ";
background: transparent url("../img/formations.png") no-repeat center center;
@@ -11062,21 +11104,21 @@ body.home-v2 #center {
width: 30%;
height: 100%;
}
/* line 3007, ../scss/styles.scss */
/* line 3032, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.formations .group-content {
padding: 1em;
position: relative;
}
/* line 3009, ../scss/styles.scss */
/* line 3034, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.formations .group-content .field-name-title-field {
font-size: 2.1em;
font-weight: 300;
}
/* line 3012, ../scss/styles.scss */
/* line 3037, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.formations .group-content .field-name-body {
margin-top: 1em;
}
/* line 3017, ../scss/styles.scss */
/* line 3042, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.services {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-webkit-transition: box-shadow 0.3s ease-out;
@@ -11089,12 +11131,12 @@ body.home-v2 #center {
#home-v2 > .panel-panel > div > .panel-pane.services:hover {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
/* line 3023, ../scss/styles.scss */
/* line 3048, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.services .node {
padding: 0 30% 0 0;
width: 70%;
}
/* line 3026, ../scss/styles.scss */
/* line 3051, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.services .node:before {
content: " ";
background: transparent url("../img/services.png") no-repeat center center;
@@ -11106,21 +11148,21 @@ body.home-v2 #center {
width: 30%;
height: 100%;
}
/* line 3039, ../scss/styles.scss */
/* line 3064, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.services .group-content {
padding: 1em;
position: relative;
}
/* line 3041, ../scss/styles.scss */
/* line 3066, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.services .group-content .field-name-title-field {
font-size: 2.1em;
font-weight: 300;
}
/* line 3044, ../scss/styles.scss */
/* line 3069, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.services .group-content .field-name-body {
margin-top: 1em;
}
/* line 3050, ../scss/styles.scss */
/* line 3075, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.publication {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-webkit-transition: box-shadow 0.3s ease-out;
@@ -11136,11 +11178,11 @@ body.home-v2 #center {
#home-v2 > .panel-panel > div > .panel-pane.publication:hover {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
/* line 3057, ../scss/styles.scss */
/* line 3082, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.publication, #home-v2 > .panel-panel > div > .panel-pane.publication a, #home-v2 > .panel-panel > div > .panel-pane.publication h1, #home-v2 > .panel-panel > div > .panel-pane.publication h2 {
color: #fff;
}
/* line 3061, ../scss/styles.scss */
/* line 3086, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.publication .view-publication-home-v2 .views-row {
display: moz-inline-stack;
display: inline-block;
@@ -11149,24 +11191,25 @@ body.home-v2 #center {
*display: inline;
width: 30%;
}
/* line 3064, ../scss/styles.scss */
/* line 3089, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.publication .view-publication-home-v2 .views-row h1 {
display: none;
}
/* line 3070, ../scss/styles.scss */
/* line 3095, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 {
background-color: #e6e6e6;
border-radius: 10px;
background-clip: padding-box;
margin-top: 30px;
padding-top: 1em;
padding-bottom: 1em;
position: relative;
}
/* line 3077, ../scss/styles.scss */
/* line 3102, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 h2 {
font-size: 30px;
}
/* line 3079, ../scss/styles.scss */
/* line 3104, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper {
width: 100%;
margin-left: auto;
@@ -11184,29 +11227,27 @@ body.home-v2 #center {
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper:after {
clear: both;
}
/* line 3081, ../scss/styles.scss */
/* line 3106, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel {
overflow: hidden;
}
/* line 3083, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel .inside {
margin: 0;
}
/* line 3085, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-col-first {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
width: 58.33333%;
float: left;
}
/* line 3086, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-col-last {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
width: 33.33333%;
float: left;
width: 30.5%;
padding-left: 1em;
}
/* line 3088, ../scss/styles.scss */
/* line 3111, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel .inside {
margin: 0;
}
/* line 3112, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel article.node, #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel article.node-breve.vm-cardbig {
max-width: 95%;
margin: 0;
height: 610px;
}
/* line 3115, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom {
width: 100%;
margin-left: auto;
@@ -11226,14 +11267,14 @@ body.home-v2 #center {
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom:after {
clear: both;
}
/* line 3090, ../scss/styles.scss */
/* line 3117, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom > .inside {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
width: 100%;
float: left;
}
/* line 3096, ../scss/styles.scss */
/* line 3123, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 .view-news-home-v2 .views-row {
display: moz-inline-stack;
display: inline-block;
@@ -11241,7 +11282,7 @@ body.home-v2 #center {
zoom: 1;
*display: inline;
}
/* line 3098, ../scss/styles.scss */
/* line 3125, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews {
border-radius: 5px;
background-clip: padding-box;
@@ -11253,7 +11294,7 @@ body.home-v2 #center {
position: relative;
margin: 7px;
}
/* line 3105, ../scss/styles.scss */
/* line 3132, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews > a {
position: absolute;
bottom: 0;
@@ -11261,19 +11302,12 @@ body.home-v2 #center {
background-color: #FFF;
text-align: center;
}
/* line 3110, ../scss/styles.scss */
/* line 3137, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews > a h1 {
padding: 10px;
margin: 0;
font-size: 1em;
}
/* line 3119, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2:after {
content: url("../img/point.png");
position: absolute;
bottom: 50px;
right: 0px;
}
/*
__ ___

196
sites/all/themes/gui/materiobasetheme/js/script.js
View File

@@ -293,116 +293,118 @@
function initHomeV2(){
console.log('initHomeV2');
// Click Menu and scroll to part of the page
$('.pane-menu-menu-home-v2 .menu li a').each(function(){
// var href = $(this).attr("href");
// var part = link.replace("/fr/", "");
// $(this).attr('href', '#' +part);
// $(this).click(function(e){
// e.preventDefault();
// var scrollTo = $('.' + part).offset().top -200;
// $("body").animate({scrollTop: scrollTo}, 2000 );
// return false;
// })
var reg = /\b([^-]+)-link/g;
var match = reg.exec($(this).attr('class'));
console.log('match', match);
$(this).attr('href', '#' +match[1]+ '-pane');
if(!_max_480()){
$('#'+match[1]+'-pane').attr('data-menu-offset','-80');
});
/*
// Click Menu and scroll to part of the page
$('.pane-menu-menu-home-v2 .menu li a').each(function(){
// var href = $(this).attr("href");
// var part = link.replace("/fr/", "");
// $(this).attr('href', '#' +part);
// $(this).click(function(e){
// e.preventDefault();
// var scrollTo = $('.' + part).offset().top -200;
// $("body").animate({scrollTop: scrollTo}, 2000 );
// return false;
// })
var reg = /\b([^-]+)-link/g;
var match = reg.exec($(this).attr('class'));
console.log('match', match);
$(this).attr('href', '#' +match[1]+ '-pane');
$('#'+match[1]+'-pane').attr('data-menu-offset','-80');
});
*/
// SKROLLR effects
// showroom TXT
$('.panel-pane.showroom .group-content', '#home-v2')
.attr('data-400-center-top', 'transform:translateX(-43em);opacity:0;')
.attr('data-100-center-center', 'transform[quadratic]:translateX(0em);opacity[quadratic]:1;')
.attr('data-top-bottom', 'transform[quadratic]:translateX(10em);');
// showroom Image BGD
$('.panel-pane.showroom .field-name-field-bandeau img', '#home-v2')
.attr('data-400-bottom-top', 'transform:translateY(-20em);')
.attr('data-100-top-bottom', 'transform:translateY(5em);');
// database TXT
$('.panel-pane.bdd .group-content', '#home-v2')
.attr('data-400-center-top', 'transform:translateX(40em);opacity:0;')
.attr('data-100-center-center', 'transform[quadratic]:translateX(0em);opacity[quadratic]:1;');
// database IMG
$('.panel-pane.bdd .field-name-field-bandeau img', '#home-v2')
.attr('data-400-bottom-top', 'transform:translateX(0em);')
.attr('data-100-top-bottom', 'transform[quadratic]:translateX(-40em);');
// news
$('.panel-pane.news-panel .center-wrapper .panel-panel', '#home-v2').each(function(i, e){
$(this)
// .attr('data-anchor-target', "#news-pane")
.attr('data--'+(i+1)*150+'-bottom-top', 'transform:translateY(20em);opacity:0;')
.attr('data-100-center-center', 'transform[quadratic]:translateY(0em);opacity:1;');
});
// SKROLLR effects
// showroom TXT
$('.panel-pane.showroom .group-content', '#home-v2')
.attr('data-400-center-top', 'transform:translateX(-35em);opacity:0;')
.attr('data-100-center-center', 'transform[quadratic]:translateX(0em);opacity[quadratic]:1;')
.attr('data-top-bottom', 'transform[quadratic]:translateX(10em);');
// showroom Image BGD
$('.panel-pane.showroom .field-name-field-bandeau img', '#home-v2')
.attr('data-400-bottom-top', 'transform:translateY(-20em);')
.attr('data-100-top-bottom', 'transform:translateY(5em);');
// database TXT
$('.panel-pane.bdd .group-content', '#home-v2')
.attr('data-400-center-top', 'transform:translateX(40em);opacity:0;')
.attr('data-100-center-center', 'transform[quadratic]:translateX(0em);opacity[quadratic]:1;');
// database IMG
$('.panel-pane.bdd .field-name-field-bandeau img', '#home-v2')
.attr('data-400-bottom-top', 'transform:translateX(0em);')
.attr('data-100-top-bottom', 'transform[quadratic]:translateX(-40em);');
//NEWS node news
$('.panel-pane.news .views-row', '#home-v2').each(function(i, e){
$(this)
.attr('data-anchor-target', "#news-pane")
.attr('data--'+i*100+'-bottom-top', 'opacity:0;')
.attr('data-'+i*50+'-center-center', 'opacity:1;');
});
// NEWS daily
$('.panel-pane.news-panel .panel-col-last', '#home-v2')
.attr('data-400-bottom-top', 'transform:translateX(40em);')
.attr('data-center-top', 'transform[quadratic]:translateX(0em);');
// Formations
$('.panel-pane.formations .group-content', '#home-v2')
.attr('data-50-bottom-top', 'transform:translateX(20em);opacity:0;')
.attr('data-center-top', 'transform[quadratic]:translateX(0em);opacity:1;');
// Formations
$('.panel-pane.services .group-content', '#home-v2')
.attr('data-50-bottom-top', 'transform:translateX(20em);opacity:0;')
.attr('data-center-top', 'transform[quadratic]:translateX(0em);opacity:1;');
//Publication node news
$('.panel-pane.publication .views-row', '#home-v2').each(function(i, e){
$(this)
// .attr('data-anchor-target', "#news-pane")
.attr('data--'+i*100+'-bottom-top', 'opacity:0;')
.attr('data-'+i*50+'-center-center', 'opacity:1;');
});
// Formations
$('.panel-pane.formations .group-content', '#home-v2')
.attr('data-50-bottom-top', 'transform:translateX(20em);opacity:0;')
.attr('data-center-top', 'transform[quadratic]:translateX(0em);opacity:1;');
// Formations
$('.panel-pane.services .group-content', '#home-v2')
.attr('data-50-bottom-top', 'transform:translateX(20em);opacity:0;')
.attr('data-center-top', 'transform[quadratic]:translateX(0em);opacity:1;');
//Publication node news
$('.panel-pane.publication .views-row', '#home-v2').each(function(i, e){
$(this)
// .attr('data-anchor-target', "#news-pane")
.attr('data--'+i*100+'-bottom-top', 'opacity:0;')
.attr('data-'+i*50+'-center-center', 'opacity:1;');
});
_skrollr = skrollr.init();
_skrollr = skrollr.init();
/*
//The options (second parameter) are all optional. The values shown are the default values.
skrollr.menu.init(_skrollr, {
//skrollr will smoothly animate to the new position using `animateTo`.
animate: true,
//The options (second parameter) are all optional. The values shown are the default values.
skrollr.menu.init(_skrollr, {
//skrollr will smoothly animate to the new position using `animateTo`.
animate: true,
//The easing function to use.
easing: 'outCubic',
//The easing function to use.
easing: 'outCubic',
//Multiply your data-[offset] values so they match those set in skrollr.init
scale: 2,
//Multiply your data-[offset] values so they match those set in skrollr.init
scale: 2,
//How long the animation should take in ms.
duration: function(currentTop, targetTop) {
//By default, the duration is hardcoded at 500ms.
// return 500;
//But you could calculate a value based on the current scroll position (`currentTop`) and the target scroll position (`targetTop`).
return Math.abs(currentTop - targetTop)*0.8;
},
//How long the animation should take in ms.
duration: function(currentTop, targetTop) {
//By default, the duration is hardcoded at 500ms.
// return 500;
//But you could calculate a value based on the current scroll position (`currentTop`) and the target scroll position (`targetTop`).
return Math.abs(currentTop - targetTop)*0.8;
},
//If you pass a handleLink function you'll disable `data-menu-top` and `data-menu-offset`.
//You are in control where skrollr will scroll to. You get the clicked link as a parameter and are expected to return a number.
// handleLink: function(link) {
// return 400;//Hardcoding 400 doesn't make much sense.
// },
//If you pass a handleLink function you'll disable `data-menu-top` and `data-menu-offset`.
//You are in control where skrollr will scroll to. You get the clicked link as a parameter and are expected to return a number.
// handleLink: function(link) {
// return 400;//Hardcoding 400 doesn't make much sense.
// },
//By default skrollr-menu will only react to links whose href attribute contains a hash and nothing more, e.g. `href="#foo"`.
//If you enable `complexLinks`, skrollr-menu also reacts to absolute and relative URLs which have a hash part.
//The following will all work (if the user is on the correct page):
//http://example.com/currentPage/#foo
//http://example.com/currentDir/currentPage.html?foo=bar#foo
///?foo=bar#foo
complexLinks: false,
//By default skrollr-menu will only react to links whose href attribute contains a hash and nothing more, e.g. `href="#foo"`.
//If you enable `complexLinks`, skrollr-menu also reacts to absolute and relative URLs which have a hash part.
//The following will all work (if the user is on the correct page):
//http://example.com/currentPage/#foo
//http://example.com/currentDir/currentPage.html?foo=bar#foo
///?foo=bar#foo
complexLinks: false,
//This event is triggered right before we jump/animate to a new hash.
// change: function(newHash, newTopPosition) {
// //Do stuff
// },
//This event is triggered right before we jump/animate to a new hash.
// change: function(newHash, newTopPosition) {
// //Do stuff
// },
//Add hash link (e.g. `#foo`) to URL or not.
updateUrl: false //defaults to `true`.
});
//Add hash link (e.g. `#foo`) to URL or not.
updateUrl: false //defaults to `true`.
});
*/
}
};
/**

4
sites/all/themes/gui/materiobasetheme/scss/layout.scss
View File

@@ -133,7 +133,7 @@ $rootminwidth : 320px;
}
/** NIVEAU 2 */
@mixin padded(){ $p:2%; width:100%-2*$p; padding-left:$p; padding-right:$p; }
@mixin padded(){ $p:2%; width:96%; padding-left:$p; padding-right:$p; }
// @mixin padded(){width:100%;}
$header-z-index:1000;
@@ -202,7 +202,7 @@ $header-z-index:1000;
*/
body.home-v2{
#header>.inner, #utilities>.inner, #main, #footer{
#header>.inner, #utilities>.inner, #center, #footer{
@include grid-row();
}
// #header,#utilities{

61
sites/all/themes/gui/materiobasetheme/scss/styles.scss
View File

@@ -2797,7 +2797,6 @@ body.home-v2{
>.panel-panel>div>.panel-pane {
// padding: 10px 15px;
overflow:hidden;
&.pane-node{
@include rounded(5px);
overflow:hidden;
@@ -2814,7 +2813,7 @@ body.home-v2{
&.intro-video{
height:auto;
background-color: #f7f8f2;
margin-top:0; padding-top:0;
margin-top:2em;margin-bottom:2em; padding-top:0;
.field-name-field-emvideo{
.embedded-video{
margin:0 auto;
@@ -2841,7 +2840,7 @@ body.home-v2{
}
.field-name-body{
// @include grid-row();
display:none;
margin-top:1em;
text-align: center;
p{
@@ -2850,6 +2849,10 @@ body.home-v2{
@include inlineblock();
width:35%; margin-left:2%;
font-size:0.756em;
@media #{$small-only}{
width:48%;
}
}
}
}
@@ -2900,6 +2903,10 @@ body.home-v2{
&:hover a{background-color: $rouge; color:#4d4d4d;}
}
}
@media #{$small-only}{
display:none;
}
}
&.showroom{
@include shaddowed();
@@ -2907,7 +2914,7 @@ body.home-v2{
margin-top: 15px;
background-color: #fff;
// background: url("http://carnet-aux-petites-choses.fr/wp-content/uploads/2015/02/un-oeil-sur-la-matiere-materiO-26_gagaone.jpg");
background-size: cover;
// background-size: cover;
position: relative;
.pane-content{
width:100%; height:100%; position:relative;
@@ -2921,17 +2928,35 @@ body.home-v2{
z-index:2;
width:30%;
margin:3em 2em;
background-color: rgba(255,255,255, 0.7);
background-color: rgba(255,255,255, 0.8);
padding:1em;
@include rounded(5px);
.field-name-title-field{
font-size: 2.1em; font-weight: 300;
}
.field-name-body{
margin-top: 1em;
margin-top: 0.5em;
}
}
}
@media #{$small-only}{
height:210px;
margin-top: 10px;
.pane-content{
.field-name-field-bandeau{
position:absolute; width:100%; height:100%; overflow:hidden;
img{margin-top:0;}
}
.group-content{
width:auto;
padding:2%;
margin:2%;
.field-name-body{
font-size:0.756em;
margin-top:0.5em;
}
}
}
}
@@ -3069,7 +3094,7 @@ body.home-v2{
//mini panneau news
>.panel-panel>div>.pane-news-home-v2{
background-color: #e6e6e6; @include rounded(10px);
margin-top: 30px; padding-top: 1em;
margin-top: 30px; padding-top: 1em; padding-bottom: 1em;
// padding:0;
position: relative;
// .panel-col-first{width:70%;}
@@ -3080,10 +3105,12 @@ body.home-v2{
@include grid-row();
.panel-panel{
overflow:hidden;
@include grid-column(4);
width:30.5%;
padding-left:1em;
.inside{margin:0;}
article.node, article.node-breve.vm-cardbig{max-width: 95%; margin:0; height:610px;}
}
.panel-col-first{@include grid-column(7);}
.panel-col-last{@include grid-column(4);}
}
#mini-panel-news_home_v2 .panel-col-bottom{
@include grid-row(); margin-top: 1.5em; margin-bottom: 1.5em;
@@ -3116,13 +3143,13 @@ body.home-v2{
}
//deco
&:after{
content:url("../img/point.png");
//transform: scale(1);
position: absolute;
bottom:50px;
right: 0px;
}
// &:after{
// content:url("../img/point.png");
// //transform: scale(1);
// position: absolute;
// bottom:50px;
// right: 0px;
// }
}