Файловый менеджер - Редактировать - /home/digitalm/tendemonza/wp-content/themes/trydo/assets/scss/default/_shortcode.scss
Назад
/*============================== * Utilities =================================*/ /*---------------------------------------- font-family: 'Montserrat', sans-serif; font-family: 'Poppins', sans-serif; -------------------------------------*/ .hidden { display: none; } .fix{ overflow: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .wrapper { position: relative; } /* Define Colors */ .theme-color { color: var(--color-primary); } .theme-gradient { background-color: #f81f01; background: rgb(248,31,1); background: -moz-linear-gradient(145deg, rgba(248,31,1,1) 0%, rgba(238,7,110,1) 100%); background: -webkit-linear-gradient(145deg, rgba(248,31,1,1) 0%,rgba(238,7,110,1) 100%); background: linear-gradient(145deg, rgba(248,31,1,1) 0%,rgba(238,7,110,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f81f01', endColorstr='#ee076e',GradientType=1 ); color: #f81f01; } .rn-text-white { color: #c6c9d8 !important; } .bg_image { &.bg-position-fixed { background-position: fixed; } } /*=============================== Background Color =================================*/ @include config-bg-colors('bg_color--', '1'$white, '2'var(--color-primary), '3'#f8f9fc, '4'#1a1b1f, '5'#f8f9fc, '6'#000000, '7'#101010 ); /*=========================== Background Image =============================*/ .bg_overlay:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #00010c; opacity: 0.57; } .bg_overlay { position: relative; } .bg_image { @extend %bgImagePosition; } .bg_image--1 { background-image: url(../images/bg/bg-image-1.jpg); } .bg_image--3 { background-image: url(../images/bg/bg-image-3.jpg); } .bg_image--8 { background-image: url(../images/bg/bg-image-8.jpg); } @for $i from 1 through 80 { .font--#{$i}{ font-size: #{$i}px !important; } } /*========================= Text specialized ==========================*/ .text-italic { font-style: italic; } .text-normal { font-style: normal; } .text-underline { font-style: underline; } /* Height and width */ .fullscreen { min-height: 100vh; width: 100%; @media #{$sm-layout} { min-height: auto; } &.empty-div { pointer-events: none; background: transparent; } } /*=================== Custom Row ======================*/ .row--0 { margin-left: -0px; margin-right: -0px; &>[class*="col"] { padding-left: 0px; padding-right: 0px; } } .row--5 { margin-left: -5px; margin-right: -5px; &>[class*="col"] { padding-left: 5px; padding-right: 5px; } } .row--10 { margin-left: -10px; margin-right: -10px; &>[class*="col"] { padding-left: 10px; padding-right: 10px; } } .row--20 { margin-left: -20px; margin-right: -20px; // Responsive @media #{$laptop-device} { margin-left: -15px; margin-right: -15px; } @media #{$lg-layout} { margin-left: -15px; margin-right: -15px; } @media #{$md-layout} { margin-left: -15px; margin-right: -15px; } @media #{$sm-layout} { margin-left: -15px !important; margin-right: -15px !important; } &>[class*="col"], &>[class*="col-"] { padding-left: 20px; padding-right: 20px; // Responsive @media #{$laptop-device} { padding-left: 15px; padding-right: 15px; } @media #{$lg-layout} { padding-left: 15px; padding-right: 15px; } @media #{$md-layout} { padding-left: 15px !important; padding-right: 15px !important; } @media #{$sm-layout} { padding-left: 15px !important; padding-right: 15px !important; } } } .row--25 { margin-left: -25px; margin-right: -25px; // Responsive @media #{$laptop-device} { margin-left: -15px; margin-right: -15px; } @media #{$lg-layout} { margin-left: -15px; margin-right: -15px; } @media #{$md-layout} { margin-left: -15px; margin-right: -15px; } @media #{$sm-layout} { margin-left: -15px !important; margin-right: -15px !important; } &>[class*="col"], &>[class*="col-"] { padding-left: 25px; padding-right: 25px; // Responsive @media #{$laptop-device} { padding-left: 15px; padding-right: 15px; } @media #{$lg-layout} { padding-left: 15px; padding-right: 15px; } @media #{$md-layout} { padding-left: 15px !important; padding-right: 15px !important; } @media #{$sm-layout} { padding-left: 15px !important; padding-right: 15px !important; } } } .row--30 { margin-left: -30px; margin-right: -30px; // Responsive @media #{$laptop-device} { margin-left: -15px; margin-right: -15px; } @media #{$lg-layout} { margin-left: -15px; margin-right: -15px; } @media #{$md-layout} { margin-left: -15px; margin-right: -15px; } @media #{$sm-layout} { margin-left: -15px !important; margin-right: -15px !important; } &>[class*="col"], &>[class*="col-"] { padding-left: 30px; padding-right: 30px; // Responsive @media #{$laptop-device} { padding-left: 15px; padding-right: 15px; } @media #{$lg-layout} { padding-left: 15px; padding-right: 15px; } @media #{$md-layout} { padding-left: 15px !important; padding-right: 15px !important; } @media #{$sm-layout} { padding-left: 15px !important; padding-right: 15px !important; } } } .row--35 { margin-left: -35px; margin-right: -35px; // Responsive @media #{$laptop-device} { margin-left: -25px; margin-right: -25px; } @media #{$lg-layout} { margin-left: -25px; margin-right: -25px; } @media #{$md-layout} { margin-left: -15px; margin-right: -15px; } @media #{$sm-layout} { margin-left: -15px !important; margin-right: -15px !important; } &>[class*="col"], &>[class*="col-"] { padding-left: 35px; padding-right: 35px; // Responsive @media #{$laptop-device} { padding-left: 25px; padding-right: 25px; } @media #{$lg-layout} { padding-left: 25px; padding-right: 25px; } @media #{$md-layout} { padding-left: 15px !important; padding-right: 15px !important; } @media #{$sm-layout} { padding-left: 15px !important; padding-right: 15px !important; } } } .row--40 { margin-left: -40px; margin-right: -40px; // Responsive @media #{$laptop-device} { margin-left: -25px; margin-right: -25px; } @media #{$lg-layout} { margin-left: -25px; margin-right: -25px; } @media #{$md-layout} { margin-left: -15px; margin-right: -15px; } @media #{$sm-layout} { margin-left: -15px !important; margin-right: -15px !important; } &>[class*="col"], &>[class*="col-"] { padding-left: 40px; padding-right: 40px; // Responsive @media #{$laptop-device} { padding-left: 25px; padding-right: 25px; } @media #{$lg-layout} { padding-left: 25px; padding-right: 25px; } @media #{$md-layout} { padding-left: 15px !important; padding-right: 15px !important; } @media #{$sm-layout} { padding-left: 15px !important; padding-right: 15px !important; } } } /*=========================== Input Placeholder =============================*/ input:-moz-placeholder, textarea:-moz-placeholder { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /*============================= Overlay styles ==============================*/ [data-overlay], [data-black-overlay], [data-white-overlay] { position: relative; z-index: 1; } [data-overlay]>div, [data-overlay]>*, [data-black-overlay]>div, [data-black-overlay]>*, [data-white-overlay]>div, [data-white-overlay]>* { position: relative; z-index: 1; } [data-overlay]:before, [data-black-overlay]:before, [data-white-overlay]:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: -1; } [data-overlay]:before { background-color: var(--color-primary); } [data-black-overlay]:before { background-color: #00010c; } [data-white-overlay]:before { background-color: #b4abab; } @for $i from 1 through 10 { [data-overlay="#{$i}"]:before, [data-black-overlay="#{$i}"]:before, [data-white-overlay="#{$i}"]:before { opacity: #{$i * 0.10}; } } /*------------------------------ Scroll Up --------------------------------*/ #scrollUp { width: 50px; height: 50px; background-color: #ffffff; color: var(--color-primary); right: 30px; bottom: 60px; text-align: center; overflow: hidden; border-radius: 50px; z-index: 9811 !important; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); @extend %transition; @media #{$sm-layout} { right: 20px; } & i { display: block; line-height: 48px; font-size: 22px; font-weight: 600; @extend %transition; } &:hover { background: var(--color-primary); color: var(--color-white); i { color: var(--color-white); } } } // Contact Form .form-message { margin-bottom: 0; text-align: center; &.error { margin-top: 20px; color: #f80707; } &.success { margin-top: 20px; color: #0d8d2d; } } .thumb, .thumbnail{ img{ border-radius: 6px; } } img.react-parallax-bgimage { object-fit: contain; }
| ver. 1.4 |
Github
|
.
| PHP 8.3.23 | Генерация страницы: 0.12 |
proxy
|
phpinfo
|
Настройка