diff --git a/sites/all/themes/gui/materiobasetheme/css/styles.css b/sites/all/themes/gui/materiobasetheme/css/styles.css index 35c6678b..ab8a8ae2 100644 --- a/sites/all/themes/gui/materiobasetheme/css/styles.css +++ b/sites/all/themes/gui/materiobasetheme/css/styles.css @@ -2907,6 +2907,10 @@ body.node-type-publication #footer { padding-right: 1em; margin-right: 1em; border-right: 1px solid #707070; } + @media only screen and (max-width: 40em) { + #header #header-blocks > .region { + padding-right: 0.3em; + margin-right: 0.3em; } } @media only screen and (min-width: 40.063em) and (max-width: 64em) { #header #header-blocks > .region { padding-right: 0.3em; @@ -3034,6 +3038,9 @@ body.node-type-publication #footer { line-height: 1.5; } #header #header-blocks #block-materio-flag-materio-flag-mylists-nav h2 i { line-height: 1; } + @media only screen and (max-width: 40em) { + #header #header-blocks #block-materio-flag-materio-flag-mylists-nav h2 span.menu-title { + display: none; } } @media only screen and (min-width: 40.063em) and (max-width: 64em) { #header #header-blocks #block-materio-flag-materio-flag-mylists-nav h2 span.menu-title { display: none; } } @@ -5653,6 +5660,14 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull { max-width: 100%; } .print-content .node-materiau.vm-print .side.group-side-right .field-name-field-materiau-image { text-align: right; } + .print-content .node-materiau.vm-print .side.group-side-right .field-name-field-materiau-image > figure { + display: inline-block; + max-width: 19%; + margin: 0.5em 0 0 0.5em; + max-width: 100%; + margin-left: 50%; } + .print-content .node-materiau.vm-print .side.group-side-right .field-name-field-materiau-image > figure img { + max-width: 100%; } .print-content .node-materiau.vm-print .side.group-side-right .field-name-field-materiau-image .field-item { display: none; max-width: 19%; diff --git a/sites/all/themes/gui/materiobasetheme/scss/styles.scss b/sites/all/themes/gui/materiobasetheme/scss/styles.scss index bfd787aa..c628f385 100644 --- a/sites/all/themes/gui/materiobasetheme/scss/styles.scss +++ b/sites/all/themes/gui/materiobasetheme/scss/styles.scss @@ -236,9 +236,11 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom; text-transform: capitalize; >.region{ - @include inlineblock();vertical-align:middle; + @include inlineblock(); vertical-align:middle; padding-right:1em; margin-right:1em; - @media #{$small-only and $medium-only}{ padding-right:0.3em; margin-right:0.3em; }//change this + @media #{$small-only}{ padding-right:0.3em; margin-right:0.3em;} + @media #{$medium-only}{ padding-right:0.3em; margin-right:0.3em;} + border-right: 1px solid #707070; &:last-child{border:none; padding: 0; margin: 0;} } @@ -356,9 +358,9 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom; @include fs12; line-height:1.5; i{line-height:1;} - @media #{$small-only and $medium-only}{ - span.menu-title{display:none;} - } + @media #{$small-only}{ span.menu-title{display:none;}} + @media #{$medium-only}{ span.menu-title{display:none;}} + }// @include fs700; section.mylists{ @@ -685,11 +687,11 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom; .side{ height:100%; } .field-name-field-emvideo{ $r:0.5625; - @media #{$small-only} { $w:290px; width:$w; height:$w*$r; } - @media #{$medium-only} { $w:216px; width:$w; height:$w*$r; } - @media #{$large-only} { $w:216px; width:$w; height:$w*$r; } - @media #{$xlarge-only} { $w:280px; width:$w; height:$w*$r; } - @media #{$xxlarge-only} { $w:340px; width:$w; height:$w*$r; }//change this + @media #{$small-only}{ $w:290px; width:$w; height:$w*$r; } + @media #{$medium-only}{ $w:216px; width:$w; height:$w*$r; } + @media #{$large-only}{ $w:216px; width:$w; height:$w*$r; } + @media #{$xlarge-only}{ $w:280px; width:$w; height:$w*$r; } + @media #{$xxlarge-only}{ $w:340px; width:$w; height:$w*$r; } *{height:100%; width:100%;} } } @@ -959,9 +961,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom; a.edit-list{ @include op-visible; } } - @media #{$medium-only}{ - display:block; - } + @media #{$medium-only}{ display:block;} } #block-materio-search-api-materio-search-api-viewmode{ @@ -1702,6 +1702,14 @@ body.print-body-materiau{ section, div, figure{max-width: 100%;} .field-name-field-materiau-image{ text-align: right; + >figure{ + display: inline-block; + max-width:19%; + margin:0.5em 0 0 0.5em; + max-width:100%; + margin-left: 50%; + img{max-width:100%;} + } .field-item{ display:none; &:nth-child(-n+7){ @@ -2934,18 +2942,10 @@ body.home-v2{ .field-name-field-emvideo{ .embedded-video{ margin:0 auto; - @media #{$small-only}{ - width:320px; height:180px; - } - @media #{$medium-only}{ - width:640px; height:360px; - } - @media #{$large-only}{ - width:800px; height:450px; - } - @media #{$xlarge-up}{ - width:1024px; height:576px; - } + @media #{$small-only}{ width:320px; height:180px;} + @media #{$medium-only}{ width:640px; height:360px;} + @media #{$large-only}{ width:800px; height:450px;} + @media #{$xlarge-up}{ width:1024px; height:576px;} .player, iframe{ width:100%; height:100%; }