improved mobile display

This commit is contained in:
Bachir Soussi Chiadmi 2015-06-17 19:23:41 +02:00
parent 8a1f5cd116
commit a84cd67456
2 changed files with 55 additions and 36 deletions

View File

@ -11465,7 +11465,13 @@ body.home-v2 #center {
#home-v2 > .panel-panel > div > .panel-pane.formations .group-content-wrapper .field-name-body {
margin-top: 1em;
}
/* line 3178, ../scss/styles.scss */
@media only screen and (max-width: 40em) {
/* line 3143, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.formations {
height: auto;
}
}
/* line 3181, ../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;
@ -11478,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 3184, ../scss/styles.scss */
/* line 3187, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.services .node {
padding: 0 30% 0 0;
width: 70%;
}
/* line 3187, ../scss/styles.scss */
/* line 3190, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.services .node:before {
content: " ";
background: transparent url("../img/services.png") no-repeat center center;
@ -11495,21 +11501,27 @@ body.home-v2 #center {
width: 30%;
height: 100%;
}
/* line 3200, ../scss/styles.scss */
/* line 3203, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.services .group-content-wrapper {
padding: 1em;
position: relative;
}
/* line 3202, ../scss/styles.scss */
/* line 3205, ../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 3205, ../scss/styles.scss */
/* line 3208, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.services .group-content-wrapper .field-name-body {
margin-top: 1em;
}
/* line 3211, ../scss/styles.scss */
@media only screen and (max-width: 40em) {
/* line 3181, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.services {
height: auto;
}
}
/* line 3218, ../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;
@ -11525,11 +11537,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 3218, ../scss/styles.scss */
/* line 3225, ../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 3222, ../scss/styles.scss */
/* line 3229, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.publication .view-publication-home-v2 .views-row {
display: moz-inline-stack;
display: inline-block;
@ -11538,19 +11550,19 @@ body.home-v2 #center {
*display: inline;
width: 30%;
}
/* line 3225, ../scss/styles.scss */
/* line 3232, ../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 3230, ../scss/styles.scss */
/* line 3237, ../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 3236, ../scss/styles.scss */
/* line 3243, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 {
background-color: #e6e6e6;
border-radius: 10px;
@ -11560,12 +11572,12 @@ body.home-v2 #center {
padding-bottom: 1em;
position: relative;
}
/* line 3243, ../scss/styles.scss */
/* line 3250, ../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 3246, ../scss/styles.scss */
/* line 3253, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper {
width: 100%;
margin-left: auto;
@ -11583,7 +11595,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 3248, ../scss/styles.scss */
/* line 3255, ../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;
@ -11593,25 +11605,25 @@ body.home-v2 #center {
padding: 0em;
margin-left: 1em;
}
/* line 3253, ../scss/styles.scss */
/* line 3260, ../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 3254, ../scss/styles.scss */
/* line 3261, ../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 3255, ../scss/styles.scss */
/* line 3262, ../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 3256, ../scss/styles.scss */
/* line 3263, ../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 3261, ../scss/styles.scss */
/* line 3268, ../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;
@ -11631,22 +11643,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 3263, ../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 > .inside {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
width: 100%;
float: left;
}
/* line 3267, ../scss/styles.scss */
/* line 3274, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom p {
display: none;
}
/* line 3268, ../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 {
margin: 0 0 0.5em 0;
}
/* line 3270, ../scss/styles.scss */
/* line 3277, ../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;
@ -11655,11 +11667,11 @@ body.home-v2 #center {
*display: inline;
margin-right: 1em;
}
/* line 3272, ../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-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 3276, ../scss/styles.scss */
/* line 3283, ../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;
@ -11668,7 +11680,7 @@ body.home-v2 #center {
*display: inline;
margin: 0;
}
/* line 3278, ../scss/styles.scss */
/* line 3285, ../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;
@ -11677,7 +11689,7 @@ body.home-v2 #center {
*display: inline;
margin-right: 1em;
}
/* line 3281, ../scss/styles.scss */
/* line 3288, ../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;
@ -11685,7 +11697,7 @@ body.home-v2 #center {
zoom: 1;
*display: inline;
}
/* line 3287, ../scss/styles.scss */
/* line 3294, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews {
border-radius: 5px;
background-clip: padding-box;
@ -11697,7 +11709,7 @@ body.home-v2 #center {
position: relative;
margin: 7px;
}
/* line 3294, ../scss/styles.scss */
/* line 3301, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews > a {
position: absolute;
bottom: 0;
@ -11705,13 +11717,13 @@ body.home-v2 #center {
background-color: #FFF;
text-align: center;
}
/* line 3299, ../scss/styles.scss */
/* line 3306, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews > a h1 {
padding: 10px;
margin: 0;
font-size: 1em;
}
/* line 3308, ../scss/styles.scss */
/* line 3315, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2:after {
content: url("../img/point.png");
position: absolute;
@ -11719,19 +11731,19 @@ body.home-v2 #center {
right: 10px;
}
@media only screen and (max-width: 40em) {
/* line 3236, ../scss/styles.scss */
/* line 3243, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 {
background-color: transparent;
}
/* line 3319, ../scss/styles.scss */
/* line 3326, ../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 3320, ../scss/styles.scss */
/* line 3327, ../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 3322, ../scss/styles.scss */
/* line 3329, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2:after {
z-index: -1;
opacity: 0.4;

View File

@ -3174,6 +3174,9 @@ body.home-v2{
margin-top: 1em;
}
}
@media #{$small-only}{
height:auto;
}
}
&.services{
@include shaddowed();
@ -3206,6 +3209,10 @@ body.home-v2{
margin-top: 1em;
}
}
@media #{$small-only}{
height:auto;
}
}
&.publication{