diff --git a/sites/all/themes/gui/materiobasetheme/css/styles.css b/sites/all/themes/gui/materiobasetheme/css/styles.css index 49072233..8821bf56 100644 --- a/sites/all/themes/gui/materiobasetheme/css/styles.css +++ b/sites/all/themes/gui/materiobasetheme/css/styles.css @@ -2888,7 +2888,12 @@ body.node-type-publication #footer { display: none; } } @media only screen and (min-width: 40.063em) and (max-width: 64em) { #header .logo span.slogan { - display: none; } } + display: block; + margin-left: 0.1em; } } + @media only screen and (min-width: 64.063em) and (max-width: 90em) { + #header .logo span.slogan { + display: block; + margin-left: 0.1em; } } .ie8 #header .logo span.slogan { position: absolute; margin-top: 22px; } @@ -3107,6 +3112,12 @@ body.node-type-publication #footer { padding: 0; } #header #header-blocks #headerblock-right .block:first-child { padding: 0; } + @media only screen and (max-width: 40em) { + #header #header-blocks #headerblock-left { + display: none; } } + @media only screen and (min-width: 40.063em) and (max-width: 64em) { + #header #header-blocks #headerblock-left { + display: none; } } #header #header-blocks #block-locale-language ul, #header #header-blocks #block-locale-language li { margin: 0; padding: 0; @@ -3628,8 +3639,8 @@ body.home-v2 #main { #content-top #block-materio-flag-materio-flag-mybookmarks h2, #content-top #block-materio-flag-materio-flag-mylists h2 { font-size: 12px; font-weight: 700; - margin: 0 0 0.5em 0; line-height: 1.2; + margin: 0; color: #000; } #content-top #block-materio-flag-materio-flag-mybookmarks h2 a.open-list, #content-top #block-materio-flag-materio-flag-mybookmarks h2 i.fi-x, #content-top #block-materio-flag-materio-flag-mylists h2 a.open-list, #content-top #block-materio-flag-materio-flag-mylists h2 i.fi-x { display: moz-inline-stack; @@ -3673,9 +3684,6 @@ body.home-v2 #main { zoom: 1; *display: inline; vertical-align: middle; } - @media only screen and (max-width: 40em) { - #tool-bar .inner-content { - padding: 0; } } .oldie #tool-bar { background-color: #B1ADAD; padding: 0 10px; } @@ -3718,7 +3726,7 @@ body.home-v2 #main { .csstransitions #tool-bar #block-materio-page-title-materio-page-title:hover a.edit-list { opacity: 1; transition: opacity 0.3s ease-out; } - @media only screen and (min-width: 40.063em) and (max-width: 64em) { + @media only screen and (max-width: 40em) { #tool-bar #block-materio-page-title-materio-page-title { display: block; } } #tool-bar #block-materio-search-api-materio-search-api-viewmode .viewmode-link { @@ -6478,13 +6486,14 @@ body.node-type-simplenews #content article.node.node-simplenews { body.node-type-simplenews #content article.node.node-simplenews { max-width: 100%; overflow-x: hidden; } - body.node-type-simplenews #content article.node.node-simplenews table, body.node-type-simplenews #content article.node.node-simplenews tbody, body.node-type-simplenews #content article.node.node-simplenews tr, body.node-type-simplenews #content article.node.node-simplenews td { - display: block; - max-width: 100%; } + body.node-type-simplenews #content article.node.node-simplenews table { + width: 100% !important; } + body.node-type-simplenews #content article.node.node-simplenews td { + vertical-align: top; } body.node-type-simplenews #content article.node.node-simplenews img { max-width: 100%; } body.node-type-simplenews #content article.node.node-simplenews p { - padding-right: 1em; } } + padding: 0 0.5em; } } /* _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ diff --git a/sites/all/themes/gui/materiobasetheme/js/script.js b/sites/all/themes/gui/materiobasetheme/js/script.js index da9a1085..f69d9221 100644 --- a/sites/all/themes/gui/materiobasetheme/js/script.js +++ b/sites/all/themes/gui/materiobasetheme/js/script.js @@ -420,12 +420,13 @@ * layout */ function initLayout(){ - if(!_max_768()){ + trace("initLayout"); + // if(!_max_768()){ var height = $('#header').h() + $('#tasks').h(); - if(!_max_480() && !_touch ){ - height += $('#utilities').h()+15; - } + // if(!_max_480() && !_touch ){ + height += $('#utilities').h();//+15; + // } //$('#main').css('margin-top', height+15); // $('#container').css('padding-top', height+15); @@ -433,7 +434,7 @@ if(!$('html').is(".ie8")){ $('#container').animate({'padding-top':height}, 300); } - } + // } }; /** diff --git a/sites/all/themes/gui/materiobasetheme/js/script.min.js b/sites/all/themes/gui/materiobasetheme/js/script.min.js index c948277f..676ca2fd 100644 --- a/sites/all/themes/gui/materiobasetheme/js/script.min.js +++ b/sites/all/themes/gui/materiobasetheme/js/script.min.js @@ -7,8 +7,7 @@ initLayout();initInfinitScroller();initEvents();initKeyboardShortcuts();initView $.event.trigger({type:'resultschanged',container:'#content>.inner-content'});setTimeout(function(){$.event.trigger({type:'theme-ready'});},100);};function checkIE(){if($('.oldie body').size()&&!readCookie('oldie_checked')){setTimeout(function(){createCookie('oldie_checked',1);alert('Afin de profiter pleinement des fonctionalités de materio.com, nous vous invitons a mettre a jour votre navigateur dans ça denière version. Celui ci n\'étant pas compatible avec les technologie employer par materio.com, vous risquer de rencontrer des difficulter de navigation.');},4000);}};function initHistoryNav(){trace("initHistoryNav _History",_History);var state=_History.getState();_History.Adapter.bind(window,'statechange',onHistoryStateChange);$(document).bind('new-history-page',onNewHistoryPage);};function onNewHistoryPage(event){trace('theme :: onNewHistoryPage',event);var title=event.title.replace(/<(?:.|\n)*?>/gm,'')+' | '+_strings.site_name;_statePushed=true;_History.pushState({content:event.content,pagetitle:event.title},title,event.path);};function onHistoryStateChange(event){trace('theme :: onHistoryStateChange',event);var state=_History.getState();_History.log('statechange:',state.data,state.title,state.url);$.event.trigger({type:'record-stat',path:state.url});$('input[name=location]','#feedback-form').attr('value',state.url);$.event.trigger({type:'materio-page-title-refresh-block',title:state.data.pagetitle});if(!_statePushed){_statePushed=false;$('.inner-content',_$content).html(state.data.content);$.event.trigger('history-state-change');}};function initHome(){$('img.lazy','#block-materio-didactique-materio-didactique-home').each(function(){var $img=$(this);$img.attr('src',$img.attr('data-original'));});if(_max_768()){initHomeDidactiqueMobile();}else{initHomeDidactiqueDesktop();}};function initHomeDidactiqueMobile(){_$homeBlockDidactique=$('#block-materio-didactique-materio-didactique-home');$('.node-didactique',_$homeBlockDidactique).find('.field-name-title-field').bind('click',clickOnHomeDidactiqueTitle);};function clickOnHomeDidactiqueTitle(e){var $node=$(this).parent('.node-didactique');if($node.is('.opened')){$node.removeClass('opened');}else{$('.node-didactique',_$homeBlockDidactique).removeClass('opened');$node.addClass('opened');$('html,body').animate({scrollTop:$node.offset().top-$('#header').h()});}};function initHomeDidactiqueDesktop(){_$homeUtilities=$('#utilities');_$homeBlockDidactique=$('#block-materio-didactique-materio-didactique-home').append('
').append('
').bind('mouseenter',function(event){_hoverHomeDidactique=true;}).bind('mouseleave',function(event){_hoverHomeDidactique=false;});$('.node-didactique',_$homeBlockDidactique).each(function(index){if(index){$(this).addClass('op-hidden');}else{$(this).addClass('op-visible');} $('.field-name-title-field',this).clone().addClass(index?'':'active').click(function(event){$(this).addClass('active').siblings().removeClass('active');_$homeBlockDidactique.find('.node-didactique').removeClass('op-visible').addClass('op-hidden').eq(index).removeClass('op-hidden').addClass('op-visible');}).appendTo($('.tabs',_$homeBlockDidactique));}).appendTo($('.slides',_$homeBlockDidactique));if(!_touch){$(document).bind('scroll',function(event){if($(window).scrollTop()==0){if(_$homeUtilities.is('.closed')){_$homeUtilities.removeClass('closed');launchHomeDidactiqueInterval();initLayout();}}else{if(!_$homeUtilities.is('.closed')){_$homeUtilities.addClass('closed');clearInterval(_homeTimeInterval);initLayout();}}});} $(document).bind('cbox_complete',function(){clearInterval(_homeTimeInterval);}).bind('cbox_closed',function(){launchHomeDidactiqueInterval();});$('.side.oops a').click(function(event){event.preventDefault();window.location.href=$(this).attr('href');return false;});};function launchHomeDidactiqueInterval(){_homeTimeInterval=setInterval(function(){if(!_hoverHomeDidactique){var $next=$('.tabs .active',_$homeBlockDidactique).next();if(!$next.length) -$next=$('.tabs .active',_$homeBlockDidactique).siblings().eq(0);$next.trigger('click');}},15000);};function initHomeV2(){initCards('#home-v2 .panel-pane.news-panel .panel-col-first .views-row');$('.panel-pane.showroom .group-content-wrapper','#home-v2').attr('data-400-center-top','transform:translateX(-43em);opacity:0;').attr('data-100-center-center','transform[quadratic]:translateX(0em);opacity[quadratic]:1;').attr('data-top-bottom','transform[quadratic]:translateX(10em);');$('.panel-pane.showroom .field-name-field-bandeau img','#home-v2').attr('data-400-bottom-top','transform:translateY(-20em);').attr('data-200-top-bottom','transform:translateY(5em);');$('.panel-pane.bdd .group-content-wrapper','#home-v2').attr('data-400-center-top','transform:translateX(40em);opacity:0;').attr('data-200-center-center','transform[quadratic]:translateX(0em);opacity[quadratic]:1;');$('.panel-pane.bdd .field-name-field-bandeau img','#home-v2').attr('data-400-bottom-top','transform:translateX(0em);').attr('data-100-top-bottom','transform[quadratic]:translateX(-40em);');$('.panel-pane.news-panel .center-wrapper .panel-panel','#home-v2').each(function(i,e){$(this).attr('data-anchor-target',"#news-pane").attr('data--'+(i+1)*75+'-bottom-top','transform:translateY(20em);opacity:0;').attr('data-center-top','transform[quadratic]:translateY(0em);opacity:1;');});$('.panel-pane.formations .group-content-wrapper','#home-v2').attr('data-50-bottom-top','transform:translateX(20em);opacity:0;').attr('data-center-top','transform[quadratic]:translateX(0em);opacity:1;');$('.panel-pane.services .group-content-wrapper','#home-v2').attr('data-50-bottom-top','transform:translateX(20em);opacity:0;').attr('data-center-top','transform[quadratic]:translateX(0em);opacity:1;');$('.panel-pane.publication .views-row','#home-v2').each(function(i,e){$(this).attr('data--'+i*100+'-bottom-top','opacity:0;').attr('data-'+i*50+'-center-center','opacity:1;');});_skrollr=skrollr.init({skrollrBody:"root"});};function initLayout(){if(!_max_768()){var height=$('#header').h()+$('#tasks').h();if(!_max_480()&&!_touch){height+=$('#utilities').h()+15;} -if(!$('html').is(".ie8")){$('#container').animate({'padding-top':height},300);}}};function initInfinitScroller(){$.event.trigger({type:'init-scroller-pager',pager:$('ul.pager','#content')});$(document).bind('scroll',function(event){checkInfinitScroller();});};function checkInfinitScroller(){if($(window).scrollTop()+$(window).height()>getDocHeight()-200){infinitScrollPager();}};function infinitScrollPager(){if($('ul.pager','#content').length){var $nextpage=$('ul.pager .pager-current','#content').next(),href=$('a',$nextpage).attr('href');if(href){$.event.trigger({type:'record-stat',path:href});$.event.trigger({type:'load-scroller-pager',href:href});}}};function initEvents(){$(document).bind('init-layout',initLayout).bind('loading-content',onLoadingContent).bind('loaded-content',onLoadedContent).bind('resultschanged',onResultsChanged).bind('resultscompleted',onResultsCompleted).bind('mybookmarks-block-updated',onMybookmarksBlockUpdate).bind('mylists-block-builded',onMyListsBlockBuilded).bind('mylists-block-updated',onMyListsBlockUpdate).bind('flagGlobalAfterLinkUpdate',onAfterFlaging).bind('record-stat',onRecordStat).bind('view-mode-changed',onViewModeChanged).bind('ajax-register-block-loaded',onAjaxRegisterBlockLoaded);$(window).bind('resize',onResizeWindow);initFlagsEvent();$('#block-user-login h2, #block-menu-menu-top-menu h2').bind('click',function(event){event.preventDefault();$(this).parent('.block').toggleClass('hovered');$('.hovered').not($(this).parent('.block')).removeClass('hovered');return false;});$('#block-materio-search-api-materio-search-api-viewmode .viewmode-link').bind('vm-clicked-active',function(event){$(this).parents('.block').toggleClass('hovered');$('.hovered').not($(this).parents('.block')).removeClass('hovered');});$('#block-materio-search-api-materio-search-api-viewmode .viewmode-link').bind('vm-clicked',function(event){$(this).parents('.block').removeClass('hovered');$('.hovered').not($(this).parents('.block')).removeClass('hovered');});};function onLoadingContent(event){_$content.addClass('faded');$('#materio-search-api-search-form').addClass('loading');};function onLoadedContent(event){_$content.removeClass('faded');$('#materio-search-api-search-form').removeClass('loading');};function onResultsChanged(event){$(document).scrollTop(0);focusCard($('#content .search-results, #content .actuality-items').children('.node:first-child'));onResultsCompleted(event);};function onResultsCompleted(event){checkInfinitScroller();if(event.container!=undefined){setTimeout(function(){initCards(event.container);setUpGrid(event.container);},100);}};function initCards(container){trace('theme :: initCards',container);var $container=$(container);$container.children('.node:not(.listened)').bind('mouseenter focused mousemove click mouseleave',onCardEventDispatcher).each(function(i){protectFigures(this);if(_isLoggedIn){if(!$container.is('.modal-content')){initPreview(this);}else{if(!$(this).is(":first-child")){var $closebtn=$('
');$closebtn.bind('click',function(){$(this).parents('.node-materiau').remove();});$('nav.nav',this).append($closebtn);}}}}).addClass('listened');};function setUpGrid(container){var $card,top,old_top,col=0,line=0;$(container).children('.node').each(function(i){$card=$(this);top=$card.offset().top;if(old_top!=top){line++;old_top=top;col=0;} +$next=$('.tabs .active',_$homeBlockDidactique).siblings().eq(0);$next.trigger('click');}},15000);};function initHomeV2(){initCards('#home-v2 .panel-pane.news-panel .panel-col-first .views-row');$('.panel-pane.showroom .group-content-wrapper','#home-v2').attr('data-400-center-top','transform:translateX(-43em);opacity:0;').attr('data-100-center-center','transform[quadratic]:translateX(0em);opacity[quadratic]:1;').attr('data-top-bottom','transform[quadratic]:translateX(10em);');$('.panel-pane.showroom .field-name-field-bandeau img','#home-v2').attr('data-400-bottom-top','transform:translateY(-20em);').attr('data-200-top-bottom','transform:translateY(5em);');$('.panel-pane.bdd .group-content-wrapper','#home-v2').attr('data-400-center-top','transform:translateX(40em);opacity:0;').attr('data-200-center-center','transform[quadratic]:translateX(0em);opacity[quadratic]:1;');$('.panel-pane.bdd .field-name-field-bandeau img','#home-v2').attr('data-400-bottom-top','transform:translateX(0em);').attr('data-100-top-bottom','transform[quadratic]:translateX(-40em);');$('.panel-pane.news-panel .center-wrapper .panel-panel','#home-v2').each(function(i,e){$(this).attr('data-anchor-target',"#news-pane").attr('data--'+(i+1)*75+'-bottom-top','transform:translateY(20em);opacity:0;').attr('data-center-top','transform[quadratic]:translateY(0em);opacity:1;');});$('.panel-pane.formations .group-content-wrapper','#home-v2').attr('data-50-bottom-top','transform:translateX(20em);opacity:0;').attr('data-center-top','transform[quadratic]:translateX(0em);opacity:1;');$('.panel-pane.services .group-content-wrapper','#home-v2').attr('data-50-bottom-top','transform:translateX(20em);opacity:0;').attr('data-center-top','transform[quadratic]:translateX(0em);opacity:1;');$('.panel-pane.publication .views-row','#home-v2').each(function(i,e){$(this).attr('data--'+i*100+'-bottom-top','opacity:0;').attr('data-'+i*50+'-center-center','opacity:1;');});_skrollr=skrollr.init({skrollrBody:"root"});};function initLayout(){trace("initLayout");var height=$('#header').h()+$('#tasks').h();height+=$('#utilities').h();if(!$('html').is(".ie8")){$('#container').animate({'padding-top':height},300);}};function initInfinitScroller(){$.event.trigger({type:'init-scroller-pager',pager:$('ul.pager','#content')});$(document).bind('scroll',function(event){checkInfinitScroller();});};function checkInfinitScroller(){if($(window).scrollTop()+$(window).height()>getDocHeight()-200){infinitScrollPager();}};function infinitScrollPager(){if($('ul.pager','#content').length){var $nextpage=$('ul.pager .pager-current','#content').next(),href=$('a',$nextpage).attr('href');if(href){$.event.trigger({type:'record-stat',path:href});$.event.trigger({type:'load-scroller-pager',href:href});}}};function initEvents(){$(document).bind('init-layout',initLayout).bind('loading-content',onLoadingContent).bind('loaded-content',onLoadedContent).bind('resultschanged',onResultsChanged).bind('resultscompleted',onResultsCompleted).bind('mybookmarks-block-updated',onMybookmarksBlockUpdate).bind('mylists-block-builded',onMyListsBlockBuilded).bind('mylists-block-updated',onMyListsBlockUpdate).bind('flagGlobalAfterLinkUpdate',onAfterFlaging).bind('record-stat',onRecordStat).bind('view-mode-changed',onViewModeChanged).bind('ajax-register-block-loaded',onAjaxRegisterBlockLoaded);$(window).bind('resize',onResizeWindow);initFlagsEvent();$('#block-user-login h2, #block-menu-menu-top-menu h2').bind('click',function(event){event.preventDefault();$(this).parent('.block').toggleClass('hovered');$('.hovered').not($(this).parent('.block')).removeClass('hovered');return false;});$('#block-materio-search-api-materio-search-api-viewmode .viewmode-link').bind('vm-clicked-active',function(event){$(this).parents('.block').toggleClass('hovered');$('.hovered').not($(this).parents('.block')).removeClass('hovered');});$('#block-materio-search-api-materio-search-api-viewmode .viewmode-link').bind('vm-clicked',function(event){$(this).parents('.block').removeClass('hovered');$('.hovered').not($(this).parents('.block')).removeClass('hovered');});};function onLoadingContent(event){_$content.addClass('faded');$('#materio-search-api-search-form').addClass('loading');};function onLoadedContent(event){_$content.removeClass('faded');$('#materio-search-api-search-form').removeClass('loading');};function onResultsChanged(event){$(document).scrollTop(0);focusCard($('#content .search-results, #content .actuality-items').children('.node:first-child'));onResultsCompleted(event);};function onResultsCompleted(event){checkInfinitScroller();if(event.container!=undefined){setTimeout(function(){initCards(event.container);setUpGrid(event.container);},100);}};function initCards(container){trace('theme :: initCards',container);var $container=$(container);$container.children('.node:not(.listened)').bind('mouseenter focused mousemove click mouseleave',onCardEventDispatcher).each(function(i){protectFigures(this);if(_isLoggedIn){if(!$container.is('.modal-content')){initPreview(this);}else{if(!$(this).is(":first-child")){var $closebtn=$('
');$closebtn.bind('click',function(){$(this).parents('.node-materiau').remove();});$('nav.nav',this).append($closebtn);}}}}).addClass('listened');};function setUpGrid(container){var $card,top,old_top,col=0,line=0;$(container).children('.node').each(function(i){$card=$(this);top=$card.offset().top;if(old_top!=top){line++;old_top=top;col=0;} col++;$card.attr('column',col).attr('line',line);});};function onViewModeChanged(event){if(_isBreveMateriauNodePage){$.event.trigger('loading-content');var url=_settings.basePath+_settings.pathPrefix+'materio_search_api_ajax/node/'+_themeSettings.node_nid;$.getJSON(url,function(json){$.event.trigger('loaded-content');$('#content>.inner-content').html(json.node);$.event.trigger({type:'resultschanged',container:'#content>.inner-content'});});}};function onCardEventDispatcher(event){var vmode=event.currentTarget.className.match(/vm-([a-z|A-Z]+)/);var cf='on_'+event.type+'_card';var f='on_'+event.type+'_'+vmode[1];if(typeof _this[cf]=='function') _this[cf].call(this,event);if(typeof _this[f]=='function') _this[f].call(this,event);};MaterioBaseTheme.prototype.on_mousemove_card=function(event){focusCard($(this));};MaterioBaseTheme.prototype.on_mouseenter_cardsmall=function(event){showLazyLoadedImages(event.currentTarget);};MaterioBaseTheme.prototype.on_focused_cardsmall=function(event){v1=$(this);v2=v1.offset();_$tooltip.html($('.group-header',this).clone().addClass('smallcard')).css({top:v2.top,left:v2.left+5+($(this).w())}).removeClass('op-hidden').addClass('op-visible');};MaterioBaseTheme.prototype.on_mousemove_cardsmall=function(event){horiHoverImagesSwitcher(event);_$tooltip.css({top:event.pageY-_$tooltip.h()-5,left:event.pageX+5+($(this).w()-event.layerX)});};MaterioBaseTheme.prototype.on_mouseleave_cardsmall=function(event){$('.images img.op-visible',this).removeClass('op-visible').addClass('op-hidden').eq(0).removeClass('op-hidden').addClass('op-visible');if($(this).is('.focused')) diff --git a/sites/all/themes/gui/materiobasetheme/scss/styles.scss b/sites/all/themes/gui/materiobasetheme/scss/styles.scss index 53aaaf48..8479f023 100644 --- a/sites/all/themes/gui/materiobasetheme/scss/styles.scss +++ b/sites/all/themes/gui/materiobasetheme/scss/styles.scss @@ -223,7 +223,8 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom; margin-left:-0.5em; @include fs900; @media #{$small-only} {display:none;} - @media #{$medium-only} {display:none;} + @media #{$medium-only} { display:block; margin-left:0.1em; } + @media #{$large-only} { display:block; margin-left:0.1em; } .ie8 &{position: absolute; margin-top:22px;} } } @@ -410,6 +411,11 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom; } } + #headerblock-left{ + @media #{$small-only}{display:none;} + @media #{$medium-only}{display:none;} + } + #block-locale-language{ // margin-left:1em; // border-left: 1px solid #707070; @@ -886,7 +892,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom; .ie8 &{margin-top:40px;} h2{ - @include fs12; @include fs700; margin: 0 0 0.5em 0; line-height:1.2; color:#000; + @include fs12; @include fs700; line-height:1.2; margin:0; color:#000; a.open-list, i.fi-x{ @include inlineblock(); cursor:pointer; color:#000; margin-left:0.5em; opacity:0; @include transition-simply-prefix(opacity 0.1s ease-out); @@ -947,7 +953,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom; // margin: 5px; } @media #{$small-only}{ - padding:0; + // padding:0; // h1{line-height:0.5;} } } @@ -983,7 +989,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom; a.edit-list{ @include op-visible; } } - @media #{$medium-only}{ display:block;} + @media #{$small-only}{ display:block;} } #block-materio-search-api-materio-search-api-viewmode{ @@ -2212,13 +2218,19 @@ body.node-type-simplenews{ max-width: 100%; overflow-x: hidden; // .field-name-body{position: relative;} - table, tbody, tr,td{ - display: block; - max-width: 100%; + // table, tbody, tr,td{ + // display: block; + // max-width: 100%; + // } + table{ + width:100%!important; + } + td{ + vertical-align: top } img{max-width: 100%;} p{ - padding-right: 1em; + padding: 0 0.5em; } } }