fixed link display home v2

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

@@ -10735,42 +10735,56 @@ body.home-v2 #center {
   margin-top: 1em;
 }
 /* line 2799, ../scss/styles.scss */
+#home-v2 .field-name-field-liens .field-item {
+  display: moz-inline-stack;
+  display: inline-block;
+  vertical-align: top;
+  zoom: 1;
+  *display: inline;
+  margin: 0 0.5em 0.5em 0;
+}
+/* line 2800, ../scss/styles.scss */
 #home-v2 .field-name-field-liens a {
   font-weight: 700;
+  display: moz-inline-stack;
+  display: inline-block;
+  vertical-align: top;
+  zoom: 1;
+  *display: inline;
   padding: 0.5em 1em 0.7em;
   border-radius: 5px;
   background-clip: padding-box;
   background-color: rgba(255, 255, 255, 0.8);
 }
-/* line 2807, ../scss/styles.scss */
+/* line 2808, ../scss/styles.scss */
 #home-v2 .panel-separator {
   clear: both;
 }
-/* line 2808, ../scss/styles.scss */
+/* line 2809, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane {
   overflow: hidden;
 }
-/* line 2811, ../scss/styles.scss */
+/* line 2812, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.pane-node {
   border-radius: 5px;
   background-clip: padding-box;
   overflow: hidden;
 }
-/* line 2814, ../scss/styles.scss */
+/* line 2815, ../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 2818, ../scss/styles.scss */
+/* line 2819, ../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 2824, ../scss/styles.scss */
+/* line 2825, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.intro-video {
   height: auto;
   background-color: #f7f8f2;
@@ -10778,54 +10792,54 @@ body.home-v2 #center {
   margin-bottom: 2em;
   padding-top: 0;
 }
-/* line 2829, ../scss/styles.scss */
+/* line 2830, ../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 2829, ../scss/styles.scss */
+  /* line 2830, ../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 2829, ../scss/styles.scss */
+  /* line 2830, ../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 2829, ../scss/styles.scss */
+  /* line 2830, ../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 2829, ../scss/styles.scss */
+  /* line 2830, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video {
     width: 1024px;
     height: 576px;
   }
 }
-/* line 2843, ../scss/styles.scss */
+/* line 2844, ../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 2849, ../scss/styles.scss */
+/* line 2850, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-title-field {
   display: none;
 }
-/* line 2853, ../scss/styles.scss */
+/* line 2854, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-body {
   display: none;
   margin-top: 1em;
   text-align: center;
 }
-/* line 2857, ../scss/styles.scss */
+/* line 2858, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-body p {
   text-align: left;
   display: moz-inline-stack;
@@ -10838,21 +10852,21 @@ body.home-v2 #center {
   font-size: 0.756em;
 }
 @media only screen and (max-width: 40em) {
-  /* line 2857, ../scss/styles.scss */
+  /* line 2858, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-body p {
     width: 48%;
   }
 }
-/* line 2870, ../scss/styles.scss */
+/* line 2871, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 {
   margin: 2em 0;
 }
-/* line 2872, ../scss/styles.scss */
+/* line 2873, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 ul.menu {
   margin: 0px;
   text-align: center;
 }
-/* line 2875, ../scss/styles.scss */
+/* line 2876, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li {
   margin: 0 1em 0 0;
   padding: 0px;
@@ -10864,7 +10878,7 @@ body.home-v2 #center {
   zoom: 1;
   *display: inline;
 }
-/* line 2878, ../scss/styles.scss */
+/* line 2879, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li a {
   background-color: #4d4d4d;
   border-radius: 5px;
@@ -10876,48 +10890,48 @@ body.home-v2 #center {
   -webkit-transition: opacity,background-color 0.2s ease-out;
           transition: opacity,background-color 0.2s ease-out;
 }
-/* line 2890, ../scss/styles.scss */
+/* line 2891, ../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 2894, ../scss/styles.scss */
+/* line 2895, ../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 2898, ../scss/styles.scss */
+/* line 2899, ../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 2902, ../scss/styles.scss */
+/* line 2903, ../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 2906, ../scss/styles.scss */
+/* line 2907, ../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 2910, ../scss/styles.scss */
+/* line 2911, ../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 2914, ../scss/styles.scss */
+/* line 2915, ../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;
 }
 @media only screen and (max-width: 40em) {
-  /* line 2870, ../scss/styles.scss */
+  /* line 2871, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 {
     display: none;
   }
 }
-/* line 2922, ../scss/styles.scss */
+/* line 2923, ../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;
@@ -10931,83 +10945,83 @@ body.home-v2 #center {
 #home-v2 > .panel-panel > div > .panel-pane.showroom:hover {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
 }
-/* line 2930, ../scss/styles.scss */
+/* line 2931, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content {
   width: 100%;
   height: 100%;
   position: relative;
 }
-/* line 2932, ../scss/styles.scss */
+/* line 2933, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .node {
   position: absolute;
   height: 100%;
   width: 100%;
 }
-/* line 2933, ../scss/styles.scss */
+/* line 2934, ../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 2935, ../scss/styles.scss */
+/* line 2936, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .field-name-field-bandeau img {
   width: 100%;
   margin-top: -10%;
 }
-/* line 2937, ../scss/styles.scss */
+/* line 2938, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content-wrapper {
   position: relative;
   z-index: 2;
   width: 30%;
   margin: 3em 2em;
 }
-/* line 2943, ../scss/styles.scss */
+/* line 2944, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content-wrapper .group-content {
   background-color: rgba(255, 255, 255, 0.8);
   padding: 1em;
   border-radius: 5px;
   background-clip: padding-box;
 }
-/* line 2947, ../scss/styles.scss */
+/* line 2948, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content-wrapper .group-content .field-name-title-field {
   font-size: 2.1em;
   font-weight: 300;
 }
-/* line 2950, ../scss/styles.scss */
+/* line 2951, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content-wrapper .group-content .field-name-body {
   margin-top: 0.5em;
 }
 @media only screen and (max-width: 40em) {
-  /* line 2922, ../scss/styles.scss */
+  /* line 2923, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .panel-pane.showroom {
     height: 210px;
     margin-top: 10px;
   }
-  /* line 2960, ../scss/styles.scss */
+  /* line 2961, ../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 2962, ../scss/styles.scss */
+  /* line 2963, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .field-name-field-bandeau img {
     margin-top: 0;
   }
-  /* line 2964, ../scss/styles.scss */
+  /* line 2965, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content-wrapper {
     width: auto;
     padding: 2%;
     margin: 2%;
   }
-  /* line 2968, ../scss/styles.scss */
+  /* line 2969, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content-wrapper .field-name-body {
     font-size: 0.756em;
     margin-top: 0.5em;
   }
 }
-/* line 2977, ../scss/styles.scss */
+/* line 2978, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.showroom:after {
   content: url("../img/bulle.png");
   -webkit-transform: scale(0.8);
@@ -11018,7 +11032,7 @@ body.home-v2 #center {
   right: -80px;
   z-index: 10;
 }
-/* line 2986, ../scss/styles.scss */
+/* line 2987, ../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;
@@ -11032,11 +11046,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 2992, ../scss/styles.scss */
+/* line 2993, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.bdd .links a {
   background-color: #e6e6e6;
 }
-/* line 2994, ../scss/styles.scss */
+/* line 2995, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.bdd .field-name-field-bandeau {
   display: moz-inline-stack;
   display: inline-block;
@@ -11047,11 +11061,11 @@ body.home-v2 #center {
   height: 100%;
   overflow: hidden;
 }
-/* line 2996, ../scss/styles.scss */
+/* line 2997, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.bdd .field-name-field-bandeau img {
   max-width: 2000px;
 }
-/* line 2999, ../scss/styles.scss */
+/* line 3000, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.bdd .group-content-wrapper {
   display: moz-inline-stack;
   display: inline-block;
@@ -11064,23 +11078,15 @@ body.home-v2 #center {
   border-radius: 5px;
   background-clip: padding-box;
 }
-/* line 3004, ../scss/styles.scss */
+/* line 3005, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.bdd .group-content-wrapper .field-name-title-field {
   font-size: 2.1em;
   font-weight: 300;
 }
-/* line 3007, ../scss/styles.scss */
+/* line 3008, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.bdd .group-content-wrapper .field-name-body {
   margin-top: 1em;
 }
-/* line 3011, ../scss/styles.scss */
-#home-v2 > .panel-panel > div > .panel-pane.bdd .group-content-wrapper .field-name-field-liens .field-item {
-  display: moz-inline-stack;
-  display: inline-block;
-  vertical-align: top;
-  zoom: 1;
-  *display: inline;
-}
 /* line 3012, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.bdd .group-content-wrapper .field-name-field-liens a {
   background-color: rgba(230, 230, 230, 0.8);

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

@@ -2796,8 +2796,9 @@ body.home-v2{
 
   .field-name-field-liens{
     margin-top:1em;
+    .field-item{@include inlineblock(); margin:0 0.5em 0.5em 0; }
     a{
-      font-weight: 700;
+      font-weight: 700; @include inlineblock();
       padding:0.5em 1em 0.7em;
       @include rounded(5px);
       background-color: rgba(255,255,255, 0.8);
@@ -3008,7 +3009,6 @@ body.home-v2{
           margin-top: 1em;
         }
         .field-name-field-liens{
-          .field-item{@include inlineblock();}
           a{
             background-color: rgba(230,230,230, 0.8);
           }