Файловый менеджер - Редактировать - /home/digitalm/tendepavia/wp-content/themes/trydo/assets/scss/footer/_footer.scss
Назад
/*=========================== Start Footer Area =============================*/ /*-------------------- Footer Styles ----------------------*/ .footer-wrapper { position: relative; } .footer-default { .footer-left { background: linear-gradient(145deg, #f81f01 0%, #ee076e 100%); padding: 120px 120px; position: relative; z-index: 2; margin-right: -15px; border-top-right-radius: 6px; @media #{$lg-layout} { padding: 120px 80px; } @media #{$md-layout} { padding: 60px 70px; } @media #{$sm-layout} { padding: 60px 30px; } &::before { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-image: url("../images/pattern-1.png"); content: ""; z-index: 1; opacity: 0.5; border-top-right-radius: 6px; } .inner { z-index: 5; position: relative; img { position: absolute; right: 0; top: 50%; z-index: -1; transform: translateY(-50%); max-width: 295px; height: auto; @media #{$lg-layout} { right: -37px; width: 253px; height: 247px; } @media #{$md-layout} { right: -37px; width: 253px; height: 247px; } @media #{$sm-layout} { right: 0; width: 253px; height: 247px; } } > span { color: #fff; font-size: 15px; text-transform: uppercase; letter-spacing: 4px; display: block; margin-bottom: 9px; @media #{$large-mobile} { letter-spacing: 1px; margin-bottom: 9px; } } h2 { color: #ffffff; font-size: 75px; font-weight: 900; font-family: 'Montserrat', sans-serif; line-height: 90px; padding-right: 39%; @media #{$lg-layout} { font-size: 50px; line-height: 61px; padding-right: 20%; } @media #{$sm-layout} { font-size: 45px; line-height: 51px; padding-right: 20%; } @media #{$laptop-device} { padding-right: 30px; } } a { &.rn-button-style--2 { margin-top: 30px; border-color: #ffffff; color: #ffffff; @media #{$sm-layout} { margin-top: 10px; padding: 10px 23px; } @media #{$large-mobile} { padding: 7px 16px; } &:hover { background: #fff; border-color: #fff; color: var(--color-primary); } } } } } .footer-right { background-image: url(../images/bg/bg-image-8.jpg); padding: 150px 70px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; padding-left: 120px; border-radius: 6px 0 0 0; @media #{$md-layout} { border-radius: 0; } @media #{$sm-layout} { border-radius: 0; } &[data-black-overlay]:before { border-radius: 6px 0 0 0; @media #{$md-layout} { border-radius: 0; } @media #{$sm-layout} { border-radius: 0; } } @media #{$xxl-device} { padding: 150px 350px; padding-left: 70px; } @media #{$lg-layout} { padding: 119px 21px; padding-left: 70px; } @media #{$md-layout} { padding: 60px 70px; } @media #{$sm-layout} { padding: 60px 30px; } .footer-widget { .title { color: #c6c9d8; font-weight: 500; margin-bottom: 30px; opacity: 0.75; font-size: 20px; @media #{$sm-layout} { margin-bottom: 14px; } } ul { &.ft-link { padding: 0; margin: 0; list-style: none; li { a { color: #c6c9d8; font-size: 16px; @extend %transition; opacity: 0.75; } &:hover { a { color: var(--color-primary); } } &+li { margin-top: 13px; @media #{$sm-layout} { margin-top: 8px; } } } } } } } } /*--------------------- Footer Style Two ------------------------ */ .footer-style-2 { p { color: #c6c9d8; font-size: 14px; opacity: 0.75; a { color: #c6c9d8; @extend %transition; &:hover { color: var(--color-primary); } } } ul { &.social-share { margin: 0; } } } /*--------------------- Footer Widget -----------------------*/ .footer-widget { ul { @extend %liststyle; li { margin: 13px 0; a { font-size: 16px; color: #c6c9d8; opacity: 0.75; @extend %transition; &:hover { color: var(--color-primary); } } } } ul { &.social-share { margin: 0; li { line-height: 30px; } } } } /*------------------------- Copyright Style Css --------------------------*/ .copyright-text { position: absolute; bottom: -114px; @media #{$sm-layout} { position: static; bottom: 0; padding-top: 33px; } @media #{$md-layout} { position: static; bottom: 0; padding-top: 33px; } p { color: #c6c9d8; font-size: 14px; opacity: 0.75; a { color: #c6c9d8; @extend %transition; &:hover { color: var(--color-primary); } } } } .footer-style-2 , .footer-default { .logo { a { img { max-height: 66px; } } } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .theme-gradient { color: var(--color-primary); background: none !important; } }
| ver. 1.4 |
Github
|
.
| PHP 8.3.23 | Генерация страницы: 0.04 |
proxy
|
phpinfo
|
Настройка