improved mobile display

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

@@ -11377,11 +11377,11 @@ body.home-v2 #center {
 #home-v2 > .panel-panel > div > .panel-pane.bdd .group-content-wrapper .field-name-body {
   margin-top: 1em;
 }
-/* line 3118, ../scss/styles.scss */
+/* line 3117, ../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);
 }
-/* line 3125, ../scss/styles.scss */
+/* line 3120, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.bdd:after {
   content: url("../img/boule.png");
   -webkit-transform: scale(0.8);
@@ -11396,26 +11396,26 @@ body.home-v2 #center {
   #home-v2 > .panel-panel > div > .panel-pane.bdd {
     height: auto;
   }
-  /* line 3135, ../scss/styles.scss */
+  /* line 3130, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .panel-pane.bdd .field-name-field-bandeau {
     width: 100%;
     display: block;
     height: 310px;
     overflow: hidden;
   }
-  /* line 3138, ../scss/styles.scss */
+  /* line 3133, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .panel-pane.bdd .group-content-wrapper {
     display: block;
     width: 100%;
     z-index: 1;
   }
-  /* line 3139, ../scss/styles.scss */
+  /* line 3134, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .panel-pane.bdd:after {
     opacity: 0.6;
     z-index: 0;
   }
 }
-/* line 3143, ../scss/styles.scss */
+/* line 3138, ../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;
@@ -11430,16 +11430,16 @@ body.home-v2 #center {
 #home-v2 > .panel-panel > div > .panel-pane.formations:hover {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
 }
-/* line 3150, ../scss/styles.scss */
+/* line 3145, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.formations a {
   color: #FFF;
 }
-/* line 3152, ../scss/styles.scss */
+/* line 3147, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.formations .node {
   padding: 0 0 0 30%;
   width: 70%;
 }
-/* line 3155, ../scss/styles.scss */
+/* line 3150, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.formations .node:before {
   content: " ";
   background: transparent url("../img/formations.png") no-repeat center center;
@@ -11451,27 +11451,27 @@ body.home-v2 #center {
   width: 30%;
   height: 100%;
 }
-/* line 3168, ../scss/styles.scss */
+/* line 3163, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.formations .group-content-wrapper {
   padding: 1em;
   position: relative;
 }
-/* line 3170, ../scss/styles.scss */
+/* line 3165, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.formations .group-content-wrapper .field-name-title-field {
   font-size: 2.1em;
   font-weight: 300;
 }
-/* line 3173, ../scss/styles.scss */
+/* line 3168, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.formations .group-content-wrapper .field-name-body {
   margin-top: 1em;
 }
 @media only screen and (max-width: 40em) {
-  /* line 3143, ../scss/styles.scss */
+  /* line 3138, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .panel-pane.formations {
     height: auto;
   }
 }
-/* line 3181, ../scss/styles.scss */
+/* line 3176, ../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;
@@ -11484,12 +11484,12 @@ body.home-v2 #center {
 #home-v2 > .panel-panel > div > .panel-pane.services:hover {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
 }
-/* line 3187, ../scss/styles.scss */
+/* line 3182, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.services .node {
   padding: 0 30% 0 0;
   width: 70%;
 }
-/* line 3190, ../scss/styles.scss */
+/* line 3185, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.services .node:before {
   content: " ";
   background: transparent url("../img/services.png") no-repeat center center;
@@ -11501,27 +11501,31 @@ body.home-v2 #center {
   width: 30%;
   height: 100%;
 }
-/* line 3203, ../scss/styles.scss */
+/* line 3198, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.services .group-content-wrapper {
   padding: 1em;
   position: relative;
 }
-/* line 3205, ../scss/styles.scss */
+/* line 3200, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.services .group-content-wrapper .field-name-title-field {
   font-size: 2.1em;
   font-weight: 300;
 }
-/* line 3208, ../scss/styles.scss */
+/* line 3203, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.services .group-content-wrapper .field-name-body {
   margin-top: 1em;
 }
+/* line 3206, ../scss/styles.scss */
+#home-v2 > .panel-panel > div > .panel-pane.services .group-content-wrapper .field-name-field-liens a {
+  background-color: rgba(230, 230, 230, 0.8);
+}
 @media only screen and (max-width: 40em) {
-  /* line 3181, ../scss/styles.scss */
+  /* line 3176, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .panel-pane.services {
     height: auto;
   }
 }
-/* line 3218, ../scss/styles.scss */
+/* line 3214, ../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;
@@ -11537,11 +11541,11 @@ body.home-v2 #center {
 #home-v2 > .panel-panel > div > .panel-pane.publication:hover {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
 }
-/* line 3225, ../scss/styles.scss */
+/* line 3221, ../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 3229, ../scss/styles.scss */
+/* line 3225, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.publication .view-publication-home-v2 .views-row {
   display: moz-inline-stack;
   display: inline-block;
@@ -11550,19 +11554,19 @@ body.home-v2 #center {
   *display: inline;
   width: 30%;
 }
-/* line 3232, ../scss/styles.scss */
+/* line 3228, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.publication .view-publication-home-v2 .views-row h1 {
   display: none;
 }
 @media only screen and (max-width: 40em) {
-  /* line 3237, ../scss/styles.scss */
+  /* line 3233, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .panel-pane.publication .view-publication-home-v2 .views-row {
     display: block;
     width: 90%;
     margin-bottom: 1em;
   }
 }
-/* line 3243, ../scss/styles.scss */
+/* line 3239, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 {
   background-color: #e6e6e6;
   border-radius: 10px;
@@ -11572,12 +11576,12 @@ body.home-v2 #center {
   padding-bottom: 1em;
   position: relative;
 }
-/* line 3250, ../scss/styles.scss */
+/* line 3246, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 h2 {
   font-size: 30px;
 }
 @media only screen and (min-width: 40.063em) {
-  /* line 3253, ../scss/styles.scss */
+  /* line 3249, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper {
     width: 100%;
     margin-left: auto;
@@ -11595,7 +11599,7 @@ body.home-v2 #center {
   #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper:after {
     clear: both;
   }
-  /* line 3255, ../scss/styles.scss */
+  /* line 3251, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel {
     overflow: hidden;
     padding-left: 0.9375rem;
@@ -11605,25 +11609,25 @@ body.home-v2 #center {
     padding: 0em;
     margin-left: 1em;
   }
-  /* line 3260, ../scss/styles.scss */
+  /* line 3256, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel.panel-col-first {
     width: auto;
   }
-  /* line 3261, ../scss/styles.scss */
+  /* line 3257, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel:not(.panel-col-first) {
     width: 31%;
   }
-  /* line 3262, ../scss/styles.scss */
+  /* line 3258, ../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 3263, ../scss/styles.scss */
+  /* line 3259, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel article.node, #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel article.node-breve.vm-cardbig {
     margin: 0;
     height: 610px;
   }
 }
-/* line 3268, ../scss/styles.scss */
+/* line 3264, ../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;
@@ -11643,22 +11647,22 @@ 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 3270, ../scss/styles.scss */
+/* line 3266, ../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 3274, ../scss/styles.scss */
+/* line 3270, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom p {
   display: none;
 }
-/* line 3275, ../scss/styles.scss */
+/* line 3271, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom .form-checkboxes {
   margin: 0 0 0.5em 0;
 }
-/* line 3277, ../scss/styles.scss */
+/* line 3273, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom .form-checkboxes .form-item {
   display: moz-inline-stack;
   display: inline-block;
@@ -11667,11 +11671,11 @@ body.home-v2 #center {
   *display: inline;
   margin-right: 1em;
 }
-/* line 3279, ../scss/styles.scss */
+/* line 3275, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom .form-checkboxes .form-item label, #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom .form-checkboxes .form-item input {
   vertical-align: middle;
 }
-/* line 3283, ../scss/styles.scss */
+/* line 3279, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom .form-item-mail {
   display: moz-inline-stack;
   display: inline-block;
@@ -11680,7 +11684,7 @@ body.home-v2 #center {
   *display: inline;
   margin: 0;
 }
-/* line 3285, ../scss/styles.scss */
+/* line 3281, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom .form-item-mail label, #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom .form-item-mail input {
   display: moz-inline-stack;
   display: inline-block;
@@ -11689,7 +11693,7 @@ body.home-v2 #center {
   *display: inline;
   margin-right: 1em;
 }
-/* line 3288, ../scss/styles.scss */
+/* line 3284, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom #edit-subscribe, #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom #edit-unsubscribe {
   display: moz-inline-stack;
   display: inline-block;
@@ -11697,7 +11701,7 @@ body.home-v2 #center {
   zoom: 1;
   *display: inline;
 }
-/* line 3294, ../scss/styles.scss */
+/* line 3290, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews {
   border-radius: 5px;
   background-clip: padding-box;
@@ -11709,7 +11713,7 @@ body.home-v2 #center {
   position: relative;
   margin: 7px;
 }
-/* line 3301, ../scss/styles.scss */
+/* line 3297, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews > a {
   position: absolute;
   bottom: 0;
@@ -11717,13 +11721,13 @@ body.home-v2 #center {
   background-color: #FFF;
   text-align: center;
 }
-/* line 3306, ../scss/styles.scss */
+/* line 3302, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews > a h1 {
   padding: 10px;
   margin: 0;
   font-size: 1em;
 }
-/* line 3315, ../scss/styles.scss */
+/* line 3311, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2:after {
   content: url("../img/point.png");
   position: absolute;
@@ -11731,19 +11735,19 @@ body.home-v2 #center {
   right: 10px;
 }
 @media only screen and (max-width: 40em) {
-  /* line 3243, ../scss/styles.scss */
+  /* line 3239, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .pane-news-home-v2 {
     background-color: transparent;
   }
-  /* line 3326, ../scss/styles.scss */
+  /* line 3322, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel.panel-col-first {
     max-width: 100%;
   }
-  /* line 3327, ../scss/styles.scss */
+  /* line 3323, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel:not(.panel-col-first) {
     display: none;
   }
-  /* line 3329, ../scss/styles.scss */
+  /* line 3325, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .pane-news-home-v2:after {
     z-index: -1;
     opacity: 0.4;

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

@@ -3114,12 +3114,7 @@ body.home-v2{
         .field-name-body{
           margin-top: 1em;
         }
-        .field-name-field-liens{
-          a{
-            background-color: rgba(230,230,230, 0.8);
-          }
-        }
-
+        .field-name-field-liens a{background-color: rgba(230,230,230, 0.8);}
       }
 
       &:after{
@@ -3208,6 +3203,7 @@ body.home-v2{
         .field-name-body{
           margin-top: 1em;
         }
+        .field-name-field-liens a{background-color: rgba(230,230,230, 0.8);}
       }
 
       @media #{$small-only}{