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:25:33 +02:00
parent a84cd67456
commit 2d5be00cf1
2 changed files with 56 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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;

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

@ -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}{