@colorHover : #000000; //actu et couleur principale @defaultTimer: .5s; // délais d'activation hover .wbstr-Transition(@time) { -moz-transition: all ease @time; -webkit-transition: all ease @time; -ms-transition: all ease @time; -o-transition: all ease @time; transition: all ease @time; } body{ //Effet de hover sur les links a.link-wrapper{ &:after { content: ""; position: absolute; width: calc(~"100% - 8px"); height: 100%; background: @colorHover; opacity: 0; top: 0; left: 0; z-index: 14; margin-left: 4px; .wbstr-Transition(@defaultTimer); } &:hover:after { opacity: .4; } } .banner a.link-wrapper{ &:after { z-index: auto; } } //Hover : corrections sur blocks avec padding de 8px aside, .block-wrapper .block, .block.slider{ a.link-wrapper{ &:after { width: 100%; margin-left: 0; } } } //Project UUID atomes vidéos .field-name-field-project-uuid { display:none; } //Hover laisser les menus de téléchargement au dessus de l'effet (publication) .block-hover{ z-index: 20; } } //IE8 pas de :hover .ie-old{ body{ a.link-wrapper{ &:after {display: none;} } } } //Icone Instagram #footer .foot-rs a.instagram{ background-position:-328px 0; } //Banner Iframe .content-head .block.iframe .iframe-wrapper:before{ padding-top:35% !important; } /* Just to make TFA a little less ugly ***************************************/ #tfa-form, #tfa-basic-overview, #tfa-basic-setup-form, #tfa-basic-disable-form { padding-bottom: 20px; } #tfa-basic-setup-form img { display: none; } #tfa-form > div, #tfa-basic-overview > div, #tfa-basic-setup-form > div, #tfa-basic-disable-form > div { max-width: 1281px; margin-right: auto; margin-left: auto; padding-left: 4px; padding-right: 4px; background: white; padding: 15px; } #tfa-form .form-item, #tfa-basic-setup-form .form-item, #tfa-basic-disable-form .form-item { margin: 15px 0; } #tfa-basic-overview a { background-color: #428bca; color: #fff; border: 2px outset #428bca; padding: 3px 6px; } #tfa-basic-overview a:hover { background-color: #3276b1; text-decoration: none; } #tfa-basic-setup-form ul { list-style-type: disc; padding:20px; } /* Mods for mobile margins - Release 2018/06/27 *********************************************** */ @media only screen and (max-width: 1023px) { .article .section-title,.solution-header .section-title,.solution-header .text-block { padding-left:5px; padding-right:5px; } .article .section-title, .press_release .section-title, .node_country_sheet .section-title, { padding-right:0px; } } @media only screen and (max-width: 767px) { .node_article, .node_country_sheet, .node_company_subsidiary_sheet, .solution section, .node-type-job-sheet .content-body.description .product-title, .node-type-job-sheet .content-body.description .abstract { padding-left: 5px; padding-right: 5px; } .article aside, .country_sheet aside, .company_subsidiary_sheet aside, .solution aside { padding-left: 0; padding-right: 0; } .node_article > * { margin-left:0; margin-right:0; } .article aside h3, aside .midtitle { margin-left: 5px; margin-right: 5px; } aside .block { padding:0 5px; } .node-type-location .location.content-body .container-fluid { padding:0; } .node-type-location .location.content-body .nav-buttons, .node-type-newsletter .nav-buttons { padding-left:5px; } .solution section .nav-buttons { padding-left:0; } body.page-agenda div#content, body.page-calendar div#content, body.node-type-event div#content { padding:30px 5px 100px; } // .country_sheet.content-body.white-background, .node_company_subsidiary_sheet { // margin-top:0px; // } .country_sheet .lang, .company_subsidiary_sheet .lang, .medias-list.media-videos-layout .list-anchor { display:none; } // .node_company_subsidiary_sheet { // margin-top:3vh; // } .node .button { line-height:36px; } .view-company-subsidiary-list { overflow:auto; padding:0 1px; } .node-type-companies-list .content-head .block.head.selected .title { margin-left:-10px; } .content-body.push, #photo-mosaic { padding:0; } .content-body.push h2, .content-body.push .midtitle, .newsletter .header-content .header, .newsletter .body-content .content .container-fluid { padding:0 5px; } .page-title { margin-top:3vh; margin-bottom:0.67em; margin-left:5px; } .blocks-mosaic { margin-bottom:10px; } .node-type-media-photo h1.title { font:200 2.6em Raleway; margin-top:3vh; margin-bottom:0.67em; } .node-type-media-photo .nav-buttons { padding-left:5px; margin-bottom:10px; } .view-media-video-list { margin:0; } .medias-list { width:100%; } .medias-list h2, .medias-list div.section-title, .medias-list h1.section-title { margin:3vh 0 0.67em 5px; } .medias-list.media-videos-layout .black-filters, .one-page-container .section-container { margin:0 5px; } .medias-list.media-videos-layout .safran-pager-mobile { padding-top:0; } .node-type-newsletter .buttons-row.button-mobile { padding-right:5px; } #content .section-container { padding-left:0 !important; } .one-page-container .first-title { margin-top:3vh; margin-bottom:0.67em; } .safran-paragraph-left { float:none; padding-right:0; } .solution-header .section-title { margin-top: 3vh; margin-bottom: 0.67em; padding-left: 5px; font-size:2em; } .node-type-targeted-entries-solution-page .solution-header, .node-type-product-page .solution-header, .node-type-solution-page .solution-header, .node-type-system-targeted-page #content.subpage { padding-left:0; padding-right:0; } .node-type-product-page .solution-header .text-block, .node-type-solution-page .solution-header .text-block, .node-type-system-targeted-page .text-block { padding-left:5px !important; padding-right:5px !important; } .node-type-targeted-entries-solution-page .products-navigation, .node-type-product-page .products-navigation { padding-left: 35px; padding-right: 35px; } .node-type-range-page .products-navigation { padding-left: 30px; padding-right: 30px; } .node-type-targeted-entries-solution-page .gamme .row h2 { margin:3vh 5px 0.67em 5px; font:200 2em Raleway; } .gamme.short-items .item { width:47%; } .gamme .item { margin:20px 5px 10px 5px; } .node-type-range-page .solution-header { padding-left:5px; padding-right:5px; } .node-type-range-page .solution-header .section-title { padding-left:0; } .product aside { margin-top:0; padding:0; } .product aside .midtitle { margin:3vh 5px 0.67em 5px; } .product .abstract { width:100%; } .product .abstract .text > * { padding-left:5px !important; padding-right:5px !important; } .product .content-body.description .product-title{ padding-left:5px; padding-right:5px; } .product section .nav-buttons { padding-left:0; } .node-type-system-page .content-body { padding:0; } .node-type-system-page .section-title { margin:3vh 5px 0.67em 5px; padding-left:0; padding-right:0; } .node-type-system-page .text-block { padding-left:5px !important; padding-right:5px !important; } .node-type-system-page .content-body.editorial .text h2.catalog-title { margin:3vh 5px 0.67em 5px; } .node-type-system-page .field-name-field-catalog-text { padding-left:5px; padding-right:5px; } .press_release { padding-left:5px; padding-right:5px; padding-top:0; } .press_release .row:first-child { margin-top: 3vh; } .press_release .date { margin-left:0; font:400 1.1em Oswald; } .node_press_release { padding-left:0; padding-right:0; } .node_press_release .section-title { margin-top:1vh; margin-bottom:0.67em; font-size:1.8em; } .atom-align-right, .atom-align-left { float:none; } .field-type-text-with-summary .type-image.atom-align-right, .field-type-text-with-summary .type-image.atom-align-left { margin:0 auto; } .press_release aside { float:none; padding-left:0; padding-right:0; } .press_release aside .midtitle { margin-left:0; margin-right:0; } .container-press-release-page .page-title { padding:0; } .container-press-release-page .black-filters { width:98%; } .release-list .release, .media-list .media { width:97%; margin:0 2% !important; } .node-type-solution-page .content-body.description .product-title { margin:3vh 5px 0.67em 5px; padding-left:0; padding-right:0; } .node-type-solution-page .content-body.description .abstract { margin:0; padding-left:5px; padding-right:5px; } #socialhub_list { padding-left:5px; padding-right:5px; } } //END MODS