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

added publications and some skrollr animations to home v2

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2015-06-03 20:06:35 +02:00
parent 6ceb7d6534
commit e12a664fa5
54 changed files with 5165 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -10722,93 +10722,93 @@ body.home-v2 #center {
padding: 0;
}
/* line 2792, ../scss/styles.scss */
/* line 2798, ../scss/styles.scss */
#home-v2 h2 {
font-size: 2.1em;
font-weight: 300;
}
/* line 2793, ../scss/styles.scss */
/* line 2799, ../scss/styles.scss */
#home-v2 a {
color: #000;
}
/* line 2795, ../scss/styles.scss */
/* line 2801, ../scss/styles.scss */
#home-v2 .panel-separator {
clear: both;
}
/* line 2801, ../scss/styles.scss */
/* line 2805, ../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 2808, ../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 2812, ../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 2815, ../scss/styles.scss */
/* line 2818, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.intro-video {
height: auto;
background-color: #f7f8f2;
margin-top: 0;
padding-top: 0;
}
/* line 2820, ../scss/styles.scss */
/* line 2823, ../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 2820, ../scss/styles.scss */
/* line 2823, ../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 2820, ../scss/styles.scss */
/* line 2823, ../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 2820, ../scss/styles.scss */
/* line 2823, ../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 2820, ../scss/styles.scss */
/* line 2823, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video {
width: 1024px;
height: 576px;
}
}
/* line 2834, ../scss/styles.scss */
/* line 2837, ../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 2840, ../scss/styles.scss */
/* line 2843, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-title-field {
display: none;
}
/* line 2844, ../scss/styles.scss */
/* line 2847, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-body {
margin-top: 1em;
text-align: center;
}
/* line 2848, ../scss/styles.scss */
/* line 2851, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-body p {
text-align: left;
display: moz-inline-stack;
@@ -10820,16 +10820,16 @@ body.home-v2 #center {
margin-left: 2%;
font-size: 0.756em;
}
/* line 2859, ../scss/styles.scss */
/* line 2860, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 {
margin: 2em 0;
}
/* line 2861, ../scss/styles.scss */
/* line 2862, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 ul.menu {
margin: 0px;
text-align: center;
}
/* line 2864, ../scss/styles.scss */
/* line 2865, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li {
margin: 0 1em 0 0;
padding: 0px;
@@ -10840,7 +10840,7 @@ body.home-v2 #center {
zoom: 1;
*display: inline;
}
/* line 2867, ../scss/styles.scss */
/* line 2868, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li a {
background-color: #4d4d4d;
border-radius: 5px;
@@ -10852,74 +10852,81 @@ body.home-v2 #center {
-webkit-transition: opacity,background-color 0.2s ease-out;
transition: opacity,background-color 0.2s ease-out;
}
/* line 2879, ../scss/styles.scss */
/* line 2880, ../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 2883, ../scss/styles.scss */
/* line 2884, ../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 2887, ../scss/styles.scss */
/* line 2888, ../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 2891, ../scss/styles.scss */
/* line 2892, ../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 2895, ../scss/styles.scss */
/* line 2896, ../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 2899, ../scss/styles.scss */
/* line 2900, ../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 2903, ../scss/styles.scss */
/* line 2904, ../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 2908, ../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;
transition: box-shadow 0.3s ease-out;
height: 450px;
margin-top: 15px;
background-color: #fff;
background-size: cover;
position: relative;
}
/* line 2915, ../scss/styles.scss */
/* line 2793, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.showroom:hover {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
/* line 2916, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content {
width: 100%;
height: 100%;
position: relative;
}
/* line 2917, ../scss/styles.scss */
/* line 2918, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .node {
position: absolute;
height: 100%;
width: 100%;
}
/* line 2918, ../scss/styles.scss */
/* line 2919, ../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 2920, ../scss/styles.scss */
/* line 2921, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .field-name-field-bandeau img {
width: 100%;
margin-top: -10%;
}
/* line 2922, ../scss/styles.scss */
/* line 2923, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content {
position: relative;
z-index: 2;
@@ -10930,16 +10937,16 @@ body.home-v2 #center {
border-radius: 5px;
background-clip: padding-box;
}
/* line 2930, ../scss/styles.scss */
/* line 2931, ../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 2933, ../scss/styles.scss */
/* line 2934, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content .field-name-body {
margin-top: 1em;
}
/* line 2941, ../scss/styles.scss */
/* line 2942, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.showroom:after {
content: url("../img/bulle.png");
-webkit-transform: scale(0.8);
@@ -10950,18 +10957,25 @@ body.home-v2 #center {
right: -80px;
z-index: 10;
}
/* line 2950, ../scss/styles.scss */
/* line 2951, ../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;
transition: box-shadow 0.3s ease-out;
height: 450px;
margin-top: 30px;
background-color: #FFF;
position: relative;
}
/* line 2955, ../scss/styles.scss */
/* line 2793, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.bdd:hover {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
/* line 2957, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.bdd .links a {
background-color: #e6e6e6;
}
/* line 2957, ../scss/styles.scss */
/* line 2959, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.bdd .field-name-field-bandeau {
display: moz-inline-stack;
display: inline-block;
@@ -10970,7 +10984,7 @@ body.home-v2 #center {
*display: inline;
width: 60%;
}
/* line 2960, ../scss/styles.scss */
/* line 2962, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.bdd .group-content {
display: moz-inline-stack;
display: inline-block;
@@ -10983,16 +10997,16 @@ body.home-v2 #center {
border-radius: 5px;
background-clip: padding-box;
}
/* line 2965, ../scss/styles.scss */
/* line 2967, ../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 2970, ../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 2975, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.bdd:after {
content: url("../img/boule.png");
-webkit-transform: scale(0.8);
@@ -11002,24 +11016,31 @@ body.home-v2 #center {
bottom: -50px;
left: -50px;
}
/* line 2981, ../scss/styles.scss */
/* line 2983, ../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;
transition: box-shadow 0.3s ease-out;
position: relative;
height: 300px;
margin-top: 30px;
background-color: #000;
color: #FFF;
}
/* line 2987, ../scss/styles.scss */
/* line 2793, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.formations:hover {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
/* line 2990, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.formations a {
color: #FFF;
}
/* line 2989, ../scss/styles.scss */
/* line 2992, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.formations .node {
padding: 0 0 0 30%;
width: 70%;
}
/* line 2992, ../scss/styles.scss */
/* line 2995, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.formations .node:before {
content: " ";
background: transparent url("../img/formations.png") no-repeat center center;
@@ -11031,32 +11052,39 @@ body.home-v2 #center {
width: 30%;
height: 100%;
}
/* line 3005, ../scss/styles.scss */
/* line 3008, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.formations .group-content {
padding: 1em;
position: relative;
}
/* line 3007, ../scss/styles.scss */
/* line 3010, ../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 3010, ../scss/styles.scss */
/* line 3013, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.formations .group-content .field-name-body {
margin-top: 1em;
}
/* line 3015, ../scss/styles.scss */
/* line 3018, ../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;
transition: box-shadow 0.3s ease-out;
background-color: #FFF;
height: 300px;
margin-top: 30px;
}
/* line 3020, ../scss/styles.scss */
/* line 2793, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.services:hover {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
/* line 3024, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.services .node {
padding: 0 30% 0 0;
width: 70%;
}
/* line 3023, ../scss/styles.scss */
/* line 3027, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.services .node:before {
content: " ";
background: transparent url("../img/services.png") no-repeat center center;
@@ -11068,21 +11096,54 @@ body.home-v2 #center {
width: 30%;
height: 100%;
}
/* line 3036, ../scss/styles.scss */
/* line 3040, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.services .group-content {
padding: 1em;
position: relative;
}
/* line 3038, ../scss/styles.scss */
/* line 3042, ../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 3041, ../scss/styles.scss */
/* line 3045, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.services .group-content .field-name-body {
margin-top: 1em;
}
/* line 3048, ../scss/styles.scss */
/* line 3051, ../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;
transition: box-shadow 0.3s ease-out;
position: relative;
margin-top: 30px;
padding: 1em;
background-color: #000;
border-radius: 10px;
background-clip: padding-box;
}
/* line 2793, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.publication:hover {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
/* line 3058, ../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 3062, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.publication .view-publication-home-v2 .views-row {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
width: 30%;
}
/* line 3065, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.publication .view-publication-home-v2 .views-row h1 {
display: none;
}
/* line 3071, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 {
background-color: #e6e6e6;
border-radius: 10px;
@@ -11091,11 +11152,11 @@ body.home-v2 #center {
padding-top: 1em;
position: relative;
}
/* line 3055, ../scss/styles.scss */
/* line 3078, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 h2 {
font-size: 30px;
}
/* line 3057, ../scss/styles.scss */
/* line 3080, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper {
width: 100%;
margin-left: auto;
@@ -11113,29 +11174,29 @@ body.home-v2 #center {
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper:after {
clear: both;
}
/* line 3059, ../scss/styles.scss */
/* line 3082, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel {
overflow: hidden;
}
/* line 3061, ../scss/styles.scss */
/* line 3084, ../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 3063, ../scss/styles.scss */
/* line 3086, ../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 3064, ../scss/styles.scss */
/* line 3087, ../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;
}
/* line 3066, ../scss/styles.scss */
/* line 3089, ../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;
@@ -11155,14 +11216,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 3068, ../scss/styles.scss */
/* line 3091, ../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 3074, ../scss/styles.scss */
/* line 3097, ../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;
@@ -11170,7 +11231,7 @@ body.home-v2 #center {
zoom: 1;
*display: inline;
}
/* line 3076, ../scss/styles.scss */
/* line 3099, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews {
border-radius: 5px;
background-clip: padding-box;
@@ -11182,7 +11243,7 @@ body.home-v2 #center {
position: relative;
margin: 7px;
}
/* line 3083, ../scss/styles.scss */
/* line 3106, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews > a {
position: absolute;
bottom: 0;
@@ -11190,13 +11251,13 @@ body.home-v2 #center {
background-color: #FFF;
text-align: center;
}
/* line 3088, ../scss/styles.scss */
/* line 3111, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews > a h1 {
padding: 10px;
margin: 0;
font-size: 1em;
}
/* line 3097, ../scss/styles.scss */
/* line 3120, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2:after {
content: url("../img/point.png");
position: absolute;