File manager - Edit - /home/missmand/public_html/sass/_layout.scss
Back
.main{ max-width: 1820px; margin: 0px auto; background-color: $blancMarron; } .inner{ max-width: 1170px; margin:0px auto; } .header{ background-color: $bleuFonce; position: fixed; z-index:100; width: 100%; max-width: 1820px; margin: 0px auto; top: 0px; } .headerLogo{ float: left; padding: 22px 30px 22px 0px; a{ display: block; } } .headerMenu{ float: left; padding:29px 0px; ul{ position: relative; padding:10px 0px; span{ position: absolute; bottom: 0px; height: 1px; background-color: $orange; margin-left: 10px; @include transition-property(left, width); @include transition-duration(0.3s); @include transition-timing-function(ease); } li{ display: inline-block; a{ display: block; color: $blanc; text-transform: uppercase; font-size: 12px; padding: 0px 10px; letter-spacing: 2px; opacity:0.5; @include transition-property(opacity); @include transition-duration(0.3s); @include transition-timing-function(ease); &:hover{ opacity:1; } &.current{ opacity:1; } } } } } .headerMenuMobileBtn{ position: relative; height: 87px; width: 50px; cursor: pointer; float: left; display: none; span{ position: absolute; left: 0px; top: 50%; left: 50%; width: 22px; height: 2px; display: block; background-color: $blanc; @include transition-property(transform,background); @include transition-duration(0.4s); @include transform(translateX(-50%) translateY(-50%)); &::before, &::after{ content:''; position: absolute; left: 0px; top: 0px; width: 22px; height: 2px; display: block; background-color: $blanc; @include transform-origin(50%, 50%); @include transition-property(transform, width); @include transition-duration(0.4s); @include transition-timing-function(ease); @include transform(translateY(-6px)); } &::after{ @include transform(translateY(6px)); width: 17px; } } &.current span{ background: transparent; } &.current span::before{ @include transform(translateY(0px) rotate(45deg)); background-color: $orange; } &.current span::after{ @include transform(translateY(0px) rotate(-45deg)); width: 22px; background-color: $orange; } &:not(.current){ &:hover{ span{ &::before{ @include transform(translateY(-8px)); } &:after{ @include transform(translateY(8px)); } } } } } .headerMenuMobile{ position: absolute; left: 0px; right: 0px; top: 85px; background-color: $bleuFonce; display: none; text-align: center; padding:0px 0px 50px 0px; ul{ margin-bottom: 25px; li{ a{ display: block; color: $blanc; text-transform: uppercase; font-size: 14px; padding: 3px 10px; letter-spacing: 2px; opacity:0.5; &.current{ opacity:1; } } } } } .headerAction{ float: right; padding:36px 0px; .first{ margin-right: 10px; } } .section{ position: relative; } .footer{ padding:50px 0px; text-align: center; .inner{ background-color: $bleuFonce; max-width: 1600px; padding: 80px 0px; } } .footerMenu{ max-width: 1170px; margin:0px auto; border-bottom:1px solid rgba($gris,0.3); ul{ padding:0px 0px 20px 0px; li{ display: inline-block; a{ display: block; color: $blanc; text-transform: uppercase; font-size: 12px; padding: 0px 20px; letter-spacing: 2px; opacity:0.3; @include transition-property(opacity); @include transition-duration(0.3s); @include transition-timing-function(ease); &:hover{ opacity:1; } &.current{ opacity:1; } } } } } .footerLogo{ display: inline-block; padding:50px 0px; img{ max-width: 100%; } } .footerBottom{ max-width: 1170px; margin:0px auto; p, a{ color: $gris; font-size: 12px; span{ color: $blanc; } } } .footerBottomLeft{ float: left; } .footerBottomRight{ float: right; } .contenuTop{ background-image: url(../img/layout/contenuTopBackground.png), linear-gradient(to right, darken($orangeFonce,5%), lighten($orange,5%)); background-repeat:repeat-x; background-position: bottom center; .inner{ padding: 180px 0px 80px 0px; min-height:300px; } } .contenuTopLeft{ width: 25%; float: left; margin-right: 5%; h1{ color: $orange; line-height:40px; font-size: 35px; } } .contenuTopRight{ width: 70%; float: right; } .sidebar{ width: 25%; margin-right: 5%; float: left; padding:50px 0px 0px 0px; } .contenuSidebar{ width: 70%; float: right; padding:50px 0px 0px 0px; }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0 |
proxy
|
phpinfo
|
Settings