theming new materio Home css
This commit is contained in:
		
										
											Binary file not shown.
										
									
								
							@@ -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 {
 | 
			
		||||
  display: inline-block;
 | 
			
		||||
#homev2 ul {
 | 
			
		||||
  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 {
 | 
			
		||||
  height: 650px;
 | 
			
		||||
#homev2 .menu li a:hover {
 | 
			
		||||
  background-color: #FFF;
 | 
			
		||||
  color: #4d4d4d;
 | 
			
		||||
}
 | 
			
		||||
/* line 2776, ../scss/styles.scss */
 | 
			
		||||
#homev2 .pane-node .pane-content .content {
 | 
			
		||||
  background-color: rgba(255, 255, 255, 0.5);
 | 
			
		||||
  width: 40%;
 | 
			
		||||
/* line 2777, ../scss/styles.scss */
 | 
			
		||||
#homev2 .pane-node {
 | 
			
		||||
  height: 450px;
 | 
			
		||||
  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;
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
@@ -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{
 | 
			
		||||
    .menu li{
 | 
			
		||||
      display: inline-block;
 | 
			
		||||
  ul{margin-left: 0px;}
 | 
			
		||||
  li{padding:0px;}
 | 
			
		||||
  .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;
 | 
			
		||||
    .pane-content{
 | 
			
		||||
    height:450px;
 | 
			
		||||
    margin-top: 40px;
 | 
			
		||||
    font-size: 1.25em;
 | 
			
		||||
    @include rounded(5px);
 | 
			
		||||
    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.5);
 | 
			
		||||
        background-color: rgba(255,255,255, 0.7);
 | 
			
		||||
        width: 40%;
 | 
			
		||||
        @include rounded(5px);
 | 
			
		||||
        padding: 15px;
 | 
			
		||||
        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;}
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
		Reference in New Issue
	
	Block a user