bachir/materio-base-legacy
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improved mobile display

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

84
sites/all/themes/gui/materiobasetheme/css/styles.css
View File

@ -11465,7 +11465,13 @@ body.home-v2 #center {
#home-v2 > .panel-panel > div > .panel-pane.formations .group-content-wrapper .field-name-body { #home-v2 > .panel-panel > div > .panel-pane.formations .group-content-wrapper .field-name-body {
margin-top: 1em; 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 { #home-v2 > .panel-panel > div > .panel-pane.services {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-webkit-transition: box-shadow 0.3s ease-out; -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 { #home-v2 > .panel-panel > div > .panel-pane.services:hover {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); 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 { #home-v2 > .panel-panel > div > .panel-pane.services .node {
padding: 0 30% 0 0; padding: 0 30% 0 0;
width: 70%; width: 70%;
} }
/* line 3187, ../scss/styles.scss */ /* line 3190, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.services .node:before { #home-v2 > .panel-panel > div > .panel-pane.services .node:before {
content: " "; content: " ";
background: transparent url("../img/services.png") no-repeat center center; background: transparent url("../img/services.png") no-repeat center center;
@ -11495,21 +11501,27 @@ body.home-v2 #center {
width: 30%; width: 30%;
height: 100%; height: 100%;
} }
/* line 3200, ../scss/styles.scss */ /* line 3203, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .panel-pane.services .group-content-wrapper { #home-v2 > .panel-panel > div > .panel-pane.services .group-content-wrapper {
padding: 1em; padding: 1em;
position: relative; 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 { #home-v2 > .panel-panel > div > .panel-pane.services .group-content-wrapper .field-name-title-field {
font-size: 2.1em; font-size: 2.1em;
font-weight: 300; 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 { #home-v2 > .panel-panel > div > .panel-pane.services .group-content-wrapper .field-name-body {
margin-top: 1em; 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 { #home-v2 > .panel-panel > div > .panel-pane.publication {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-webkit-transition: box-shadow 0.3s ease-out; -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 { #home-v2 > .panel-panel > div > .panel-pane.publication:hover {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); 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 { #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; 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 { #home-v2 > .panel-panel > div > .panel-pane.publication .view-publication-home-v2 .views-row {
display: moz-inline-stack; display: moz-inline-stack;
display: inline-block; display: inline-block;
@ -11538,19 +11550,19 @@ body.home-v2 #center {
*display: inline; *display: inline;
width: 30%; 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 { #home-v2 > .panel-panel > div > .panel-pane.publication .view-publication-home-v2 .views-row h1 {
display: none; display: none;
} }
@media only screen and (max-width: 40em) { @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 { #home-v2 > .panel-panel > div > .panel-pane.publication .view-publication-home-v2 .views-row {
display: block; display: block;
width: 90%; width: 90%;
margin-bottom: 1em; margin-bottom: 1em;
} }
} }
/* line 3236, ../scss/styles.scss */ /* line 3243, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 { #home-v2 > .panel-panel > div > .pane-news-home-v2 {
background-color: #e6e6e6; background-color: #e6e6e6;
border-radius: 10px; border-radius: 10px;
@ -11560,12 +11572,12 @@ body.home-v2 #center {
padding-bottom: 1em; padding-bottom: 1em;
position: relative; position: relative;
} }
/* line 3243, ../scss/styles.scss */ /* line 3250, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 h2 { #home-v2 > .panel-panel > div > .pane-news-home-v2 h2 {
font-size: 30px; font-size: 30px;
} }
@media only screen and (min-width: 40.063em) { @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 { #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper {
width: 100%; width: 100%;
margin-left: auto; 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 { #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper:after {
clear: both; 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 { #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel {
overflow: hidden; overflow: hidden;
padding-left: 0.9375rem; padding-left: 0.9375rem;
@ -11593,25 +11605,25 @@ body.home-v2 #center {
padding: 0em; padding: 0em;
margin-left: 1em; 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 { #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel.panel-col-first {
width: auto; 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) { #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel:not(.panel-col-first) {
width: 31%; 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 { #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel .inside {
margin: 0; 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 { #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; margin: 0;
height: 610px; 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 { #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom {
width: 100%; width: 100%;
margin-left: auto; 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 { #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom:after {
clear: both; 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 { #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom > .inside {
padding-left: 0.9375rem; padding-left: 0.9375rem;
padding-right: 0.9375rem; padding-right: 0.9375rem;
width: 100%; width: 100%;
float: left; 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 { #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom p {
display: none; 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 { #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; 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 { #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: moz-inline-stack;
display: inline-block; display: inline-block;
@ -11655,11 +11667,11 @@ body.home-v2 #center {
*display: inline; *display: inline;
margin-right: 1em; 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 { #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; 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 { #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: moz-inline-stack;
display: inline-block; display: inline-block;
@ -11668,7 +11680,7 @@ body.home-v2 #center {
*display: inline; *display: inline;
margin: 0; 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 { #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: moz-inline-stack;
display: inline-block; display: inline-block;
@ -11677,7 +11689,7 @@ body.home-v2 #center {
*display: inline; *display: inline;
margin-right: 1em; 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 { #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: moz-inline-stack;
display: inline-block; display: inline-block;
@ -11685,7 +11697,7 @@ body.home-v2 #center {
zoom: 1; zoom: 1;
*display: inline; *display: inline;
} }
/* line 3287, ../scss/styles.scss */ /* line 3294, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews { #home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews {
border-radius: 5px; border-radius: 5px;
background-clip: padding-box; background-clip: padding-box;
@ -11697,7 +11709,7 @@ body.home-v2 #center {
position: relative; position: relative;
margin: 7px; margin: 7px;
} }
/* line 3294, ../scss/styles.scss */ /* line 3301, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews > a { #home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews > a {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
@ -11705,13 +11717,13 @@ body.home-v2 #center {
background-color: #FFF; background-color: #FFF;
text-align: center; 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 { #home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews > a h1 {
padding: 10px; padding: 10px;
margin: 0; margin: 0;
font-size: 1em; font-size: 1em;
} }
/* line 3308, ../scss/styles.scss */ /* line 3315, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2:after { #home-v2 > .panel-panel > div > .pane-news-home-v2:after {
content: url("../img/point.png"); content: url("../img/point.png");
position: absolute; position: absolute;
@ -11719,19 +11731,19 @@ body.home-v2 #center {
right: 10px; right: 10px;
} }
@media only screen and (max-width: 40em) { @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 { #home-v2 > .panel-panel > div > .pane-news-home-v2 {
background-color: transparent; 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 { #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel.panel-col-first {
max-width: 100%; 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) { #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel:not(.panel-col-first) {
display: none; display: none;
} }
/* line 3322, ../scss/styles.scss */ /* line 3329, ../scss/styles.scss */
#home-v2 > .panel-panel > div > .pane-news-home-v2:after { #home-v2 > .panel-panel > div > .pane-news-home-v2:after {
z-index: -1; z-index: -1;
opacity: 0.4; opacity: 0.4;

7
sites/all/themes/gui/materiobasetheme/scss/styles.scss
View File

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