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

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;
// }
}