theming new materio Home css

sites/all/themes/gui/materiobasetheme/css/styles.css

@@ -9281,21 +9281,37 @@ body.page-node-11187.logged-in.role-6 .column.flocon .get-link a {
   height: auto;
 }
 
-/* line 2758, ../scss/styles.scss */
+/* line 2757, ../scss/styles.scss */
+#homev2 {
+  padding: 40px 40px;
+}
+/* line 2759, ../scss/styles.scss */
 #homev2 h2 {
   font-size: 47px;
   font-weight: 700;
 }
-/* line 2759, ../scss/styles.scss */
+/* line 2760, ../scss/styles.scss */
 #homev2 a {
   color: #000;
 }
 /* line 2761, ../scss/styles.scss */
-#homev2 .pane-menu-menu-home-v2 .menu li {
+#homev2 ul {
-  display: inline-block;
+  margin-left: 0px;
+}
+/* line 2762, ../scss/styles.scss */
+#homev2 li {
+  padding: 0px;
 }
 /* line 2763, ../scss/styles.scss */
-#homev2 .pane-menu-menu-home-v2 .menu li a {
+#homev2 .menu {
+  margin-left: 0px;
+}
+/* line 2765, ../scss/styles.scss */
+#homev2 .menu li {
+  display: inline-block;
+}
+/* line 2766, ../scss/styles.scss */
+#homev2 .menu li a {
   background-color: #4d4d4d;
   border-radius: 5px;
   background-clip: padding-box;
@@ -9305,14 +9321,96 @@ body.page-node-11187.logged-in.role-6 .column.flocon .get-link a {
   font-weight: 700;
 }
 /* line 2773, ../scss/styles.scss */
-#homev2 .pane-node {
+#homev2 .menu li a:hover {
-  height: 650px;
+  background-color: #FFF;
+  color: #4d4d4d;
 }
-/* line 2776, ../scss/styles.scss */
+/* line 2777, ../scss/styles.scss */
-#homev2 .pane-node .pane-content .content {
+#homev2 .pane-node {
-  background-color: rgba(255, 255, 255, 0.5);
+  height: 450px;
-  width: 40%;
+  margin-top: 40px;
+  font-size: 1.25em;
+  border-radius: 5px;
+  background-clip: padding-box;
+  padding: 20px 30px;
+}
+/* line 2783, ../scss/styles.scss */
+#homev2 .pane-node .links a {
+  background-color: rgba(255, 255, 255, 0.7);
   border-radius: 5px;
   background-clip: padding-box;
   padding: 15px;
 }
+/* line 2788, ../scss/styles.scss */
+#homev2 .pane-node .content {
+  margin-bottom: 20px;
+}
+/* line 2791, ../scss/styles.scss */
+#homev2 .pane-node.showroom {
+  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;
+}
+/* line 2794, ../scss/styles.scss */
+#homev2 .pane-node.showroom .content {
+  background-color: rgba(255, 255, 255, 0.7);
+  width: 40%;
+  border-radius: 5px;
+  background-clip: padding-box;
+  padding: 20px 30px;
+}
+/* line 2801, ../scss/styles.scss */
+#homev2 .pane-node.bdd {
+  background-color: #FFF;
+}
+/* line 2803, ../scss/styles.scss */
+#homev2 .pane-node.bdd .links a {
+  background-color: #e6e6e6;
+}
+/* line 2804, ../scss/styles.scss */
+#homev2 .pane-node.bdd .pane-content {
+  width: 30%;
+  float: right;
+}
+/* line 2806, ../scss/styles.scss */
+#homev2 .pane-node.formations {
+  background-color: #000;
+  color: #FFF;
+  padding-right: 10%;
+}
+/* line 2810, ../scss/styles.scss */
+#homev2 .pane-node.formations a {
+  color: #FFF;
+}
+/* line 2811, ../scss/styles.scss */
+#homev2 .pane-node.formations .pane-title, #homev2 .pane-node.formations .pane-content {
+  width: 60%;
+  float: right;
+}
+/* line 2813, ../scss/styles.scss */
+#homev2 .pane-node.services {
+  background-color: #FFF;
+}
+/* line 2815, ../scss/styles.scss */
+#homev2 .pane-node.services .pane-title, #homev2 .pane-node.services .pane-content {
+  width: 60%;
+  float: left;
+}
+/* line 2819, ../scss/styles.scss */
+#homev2 .pane-news-home-v2 {
+  margin-top: 40px;
+}
+/* line 2823, ../scss/styles.scss */
+#homev2 .pane-news-home-v2 h2 {
+  font-size: 30px;
+}
+/* line 2825, ../scss/styles.scss */
+#homev2 .pane-news-home-v2 .view-news-home-v2 .views-row {
+  width: 30%;
+  display: inline-block;
+}
+/* line 2828, ../scss/styles.scss */
+#homev2 .pane-news-home-v2 .node-simplenews h1 {
+  background-color: #FFF;
+  text-align: center;
+  padding: 20px;
+}

sites/all/themes/gui/materiobasetheme/scss/styles.scss

@@ -2755,11 +2755,14 @@ body.page-node-11187{
 
 // ------ HOME PAGE ---------
 #homev2{
+  padding: 40px 40px;
   h2{font-size: 47px; font-weight: 700;}
   a{color: #000};
-  .pane-menu-menu-home-v2{
+  ul{margin-left: 0px;}
-    .menu li{
+  li{padding:0px;}
-      display: inline-block;
+  .menu {
+    margin-left: 0px;
+    li{display: inline-block;
       a{
         background-color: #4d4d4d;
         @include rounded(5px);
@@ -2767,18 +2770,62 @@ body.page-node-11187{
         color: #FFF;
         font-size: 18px;
         font-weight: 700;
+        &:hover{ background-color: #FFF; color:#4d4d4d;}
       }
     }
   }
   .pane-node {
-    height:650px;
+    height:450px;
-    .pane-content{
+    margin-top: 40px;
-      .content{
+    font-size: 1.25em;
-        background-color: rgba(255,255,255, 0.5);
+    @include rounded(5px);
-        width: 40%;
+    padding: 20px 30px;
+    .links a{
+      background-color: rgba(255,255,255, 0.7);
       @include rounded(5px);
       padding: 15px;
     }
+    .content{
+      margin-bottom: 20px;
+    }
+    &.showroom{
+      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;
+      .content{
+        background-color: rgba(255,255,255, 0.7);
+        width: 40%;
+        @include rounded(5px);
+        padding: 20px 30px;
+      }
+    }
+    &.bdd{
+      background-color: #FFF;
+      .links a{background-color: #e6e6e6;}
+      .pane-content{width:30%; float:right;}
+    }
+    &.formations{
+      background-color: #000;
+      color: #FFF;
+      padding-right: 10%;
+      a{color: #FFF;}
+      .pane-title, .pane-content{width: 60%; float:right;}
+    }
+    &.services{
+      background-color: #FFF;
+      .pane-title, .pane-content{width: 60%; float:left;}
+    }
+  }
+  //mini panneau news
+  .pane-news-home-v2{
+    margin-top: 40px;
+    // .panel-col-first{width:70%;}
+    // .panel-col-last{width:29.9%;}
+    h2{font-size: 30px;}
+    .view-news-home-v2{
+      .views-row{width: 30%; display: inline-block;}
+    }
+    .node-simplenews{
+      h1{background-color: #FFF; text-align: center; padding: 20px;}
     }
   }
 }