Файловый менеджер - Редактировать - /var/www/gravitycm.com/wp-content/themes/gravity/css/style.css
Назад
/* font face link here */ @font-face { font-family: 'gramatika-regular'; src: url('../fonts/gramatika-regular-webfont.woff2') format('woff2'), url('../fonts/gramatika-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gramatika-bold'; src: url('../fonts/gramatika-bold-webfont.woff2') format('woff2'), url('../fonts/gramatika-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gramatikamedium'; src: url('../fonts/gramatika-medium-webfont.woff2') format('woff2'), url('../fonts/gramatika-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } * { padding: 0; margin: 0; list-style: none; box-sizing: border-box; outline: none; text-decoration: none; } body { color: #1C1C1C; margin: 0; font-family: 'gramatika-bold'; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale; } body.active_menu { overflow: hidden; } .container { width: 100%; max-width: 1790px; margin: 0 auto; padding: 0 15px; } .row { margin-left: -15px; margin-right: -15px; display: flex; flex-wrap: wrap; } .btn { font-size: 20px; line-height: normal; padding: 24px 55px 20px 55px; text-transform: uppercase; color: #fff; background-color: #6ABc29; border: 2px solid #6ABc29; border-radius: 100px; cursor: pointer; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .btn:hover { background-color: #9cc86d; border-color: #9cc86d; color: #fff; } h1, h2, h3, h4, h5, h6 { font-family: 'gramatika-bold'; } a, button, input[type="submit"] { transition: 0.4s; } h1, .h1, h2, .h2 { font-size: 100px; line-height: 131px; } .h2, .h2 { line-height: 126px; } p, .p { font-family: 'gramatika-regular'; font-size: 21px; line-height: 40px; } img { max-width: 100%; height: auto; } .justify-content-center { justify-content: center; } .align-center {align-items: center;} /* banner section css */ #banner-main { width: 100%; /* padding: 120px 0; */ background-color: #F0F1F3; overflow: hidden; } #banner-main .container {max-width: 100%;} .banner-text-col { width: 60%; /* padding: 0 15px; */ } .banner-text { width: 100%; max-width: 1056px; margin-left: auto; } .banner-text p { display: flex; flex-wrap: wrap; margin-top: 60px; } .banner-text h1 { padding-right: 220px; } .mobile-banner { display: none; object-fit: contain; } .banner-text p a { margin-right: 18px; } .banner-text p a:last-child { background-color: transparent; color: #6ABD28; } .banner-text p a:hover {background-color: #9cc86d;color: #fff;border-color: #9cc86d;} /* .banner-text p a:last-child:hover { background-color: #468116; color: #fff; } */ .banner-text ul.guid-points { display: flex; flex-wrap: wrap; margin-top: 100px; margin-left: 0; } .banner-text ul.guid-points li { padding: 0 42px; position: relative; font-size: 22px; } .banner-text ul.guid-points li::after { content: ""; background-image: url(../images/mark.svg); background-size: 36px; width: 36px; height: 36px; top: 50%; transform: translateY(-50%); left: 0; position: absolute; background-repeat: no-repeat; } .banner-text ul.guid-points li:first-child {} .banner-img-col { width: 40%; } .banner-img { text-align: center; /* overflow: hidden; */ } .banner-img img { width: 100%; object-fit: cover; max-width: 100%; } /* product section css start */ #product-main { padding: 80px 0; } .product-col { width: 25%; padding: 0 15px; } .product { text-align: center; display: flex; align-items: center; justify-content: center; } .product span {font-size: 22px;} .product img { margin-right: 15px; width: 55px; height: 30px; object-fit: contain; } /* Private Label Manufacturer section css start */ #private-main { width: 100%; position: relative; z-index: 1; padding: 228px 0; } /* #private-main::after { content: ""; position: absolute; top: 0; left: 0; background-color: rgba(105, 189, 40, .6); width: 100%; height: 100%; z-index: -1; background-blend-mode: darken; } */ .private-col { width: 100%; padding: 0 15px; } .private { text-align: center; max-width: 1450px; margin: 0 auto; color: #fff; } .private img { width: 97px; } .private h4 { font-size: 28px; margin-top: 44px; } .private h2 { margin-top: 75px; } .private p { margin-top: 32px; font-size: 20px; line-height: 40px; } /* home page service section css :start */ #service-main { padding: 80px 0; } .service-col { width: 20%; padding: 0 15px; } .service { text-align: center; } .service img { width: 84px; height: 84px; object-fit: contain; margin-bottom: 28px; } .service h4 { font-size: 22px; line-height: 44px; } /* technology section css start */ #technology-main { text-align: left; } .technology { display: flex; flex-wrap: wrap; background-color: #6ABD28; overflow: hidden; } .technology .technology-content p { font-size: 20px; line-height: 40px; } .technology-img-col { width: 50%; position: relative; } .technology-text-col { width: 50%; } .technology img { width: 100%; height: 100%; object-fit: cover; vertical-align: top; } .technology span.img-label {position: absolute;bottom: 98px;left: 50%;transform: translateX(-50%);color: #B0B0B0;font-size: 20px;line-height: 50px;font-family: 'gramatika-regular';} .technology-text { /* padding-left: 180px; padding-top: 175px; */ background-color: rgba(105, 189, 40, .6); color: #fff; height: 100%; background-blend-mode: hard-light; /* margin-left: -30px; */ /* padding-right: 45px; padding-bottom: 100px; */ padding: 175px 45px 100px 150px; display: flex; align-items: center; position: relative; z-index: 1; } .technology:nth-child(odd) .technology-text::after { content: ""; position: absolute; left: -20px; top: 0; height: 100%; width: 20px; /* background-image: url(../images/technology-rect.svg); */ background-color: rgba(105, 189, 40, .6); z-index: 1; } .technology:nth-child(2n + 3) .technology-text::after{ left: unset; right: -20px; } .technology-content { max-width: 700px; } .technology-text h2 { font-size: 70px; line-height: 86px; position: relative; } .technology-text h2::after { content: ""; position: absolute; left: 0; bottom: -56px; width: 115px; height: 7px; background-color: #fff; } .technology-text p { margin-top: 124px; } .technology:nth-child(even) { background-color: transparent; padding: 135px 0; } .technology:nth-child(even) .technology-text { background-color: transparent; color: #1C1C1C; background-blend-mode: normal; } .technology:nth-child(even) .technology-text h2::after { background-color: #6ABD28; } .technology:nth-child(even) img { object-fit: contain; } .technology:nth-child(2n + 3) { flex-direction: row-reverse; } .technology:nth-child(2n + 3) .technology-text { padding-left: 90px; /* margin-right: -30px; */ } /* contact section css start */ #contact-main { padding: 170px 0; } .contact-title-col { width: 100%; padding: 0 15px; } .contact-title { text-align: center; } .contact-title h2 {} .contact-title h4 { font-weight: 500; font-family: 'gramatikamedium'; font-size: 25px; margin-top: 34px; } .contact-title p { font-size: 25px; margin-top: 22px; } .contact-filedleft-col { width: 100%; padding: 0 15px; } .contact-field { max-width: 1250px; width: 100%; margin: 0 auto; } .contact-field form { display: flex; flex-wrap: wrap; margin-top: 40px; margin-left: -15px; margin-right: -15px; justify-content: center; } .contact-field form .input-field { width: 50%; padding: 0 15px; } .contact-field form .input-field span, .contact-field form .textarea-field span { /* margin-bottom: 30px; */ width: 100%; display: inline-block; line-height: normal; } .contact-field form .input-field input, .contact-field form .textarea-field textarea { /* margin-bottom: 30px; */ border: 2px solid #1C1C1C; border-radius: 8px; padding-left: 25px; width: 100%; font-size: 26px; color: #1C1C1C; line-height: 60px; font-family: 'gramatika-regular'; margin-bottom: 30px; } .contact-field form .input-field input.wpcf7-not-valid, .contact-field form .textarea-field textarea.wpcf7-not-valid { margin-bottom: 0 !important; } .contact-field form .input-field input::placeholder, .contact-field form .textarea-field textarea::placeholder { color: #1C1C1C; } .contact-field form .input-field input { height: 79px; } .contact-field form .textarea-field textarea { height: calc(436px - 30px); resize: none; padding-top: 14px; /* line-height: 36px; */ line-height: 50px; } .contact-field form .textarea-field { width: 50%; padding: 0 15px; } .contact-field form .submit-field { width: 100%; padding: 0 15px; text-align: center; margin-top: 30px; position: relative; } /* #contact-main */ .submit-field .btn[type="submit"] {padding: 20px 70px;} form .wpcf7-not-valid-tip { font-size: 20px; line-height: normal; margin-bottom: 0 !important; } .wpcf7-form-control-wrap { display: inline-block; width: 100%; } .wpcf7 form.invalid .wpcf7-response-output { border-color: #dc3232; color: #dc3232; } .wpcf7 form.sent .wpcf7-response-output { color: #81ba44; border-color: #81ba44; font-size: 18px; } /* Product inner page css start */ #product-inner { text-align: center; padding: 165px 0; padding-bottom: 150px; } .product-inner { margin-top: 140px; text-align: center; margin-bottom: 70px; width: 48%; /*float: left;*/ } .product-inner-title-col { width: 100%; padding: 0 15px; } .product-inner-title {} .product-inner-title p { font-size: 36px; line-height: 45px; font-family: 'gramatika-regular'; font-weight: 500; } .product-inner-title h2 { margin-top: 95px; padding: 0 290px; } .product-inner-col { width: 100%; padding: 0 15px; } .product-inner img { height: 276px; object-fit: contain; max-width: 390px; } .product-inner h2 { margin-top: 40px; position: relative; } .product-inner h2::after { content: ""; position: absolute; bottom: -60px; left: 50%; transform: translateX(-50%); height: 7px; width: 115px; background-color: #6ABD28; } .product-inner ul { margin-top: 132px; } .product-inner ul li { line-height: 60px; font-size: 30px; font-family: 'gramatika-regular'; } .product-inner ul li a {color: #1C1C1C;transition: 0.2s;} .product-inner ul li a:hover {text-decoration: underline;color: #9cc86d;} .page-template-contact-us .contact-field {margin-top: 100px;} .page-template-contact-us .contact-field .input-group {width: 100%;} /* 404 & error page */ form .wpcf7-spinner {position: absolute;top: 50%;transform: translateY(-50%);} .error-404.not-found { text-align: center; width: 100%; padding: 80px 15px; } .error-404.not-found h1 { margin-bottom: 40px; } .error-404.not-found a {margin-top: 50px;display: inline-block;} .privacy {padding: 50px 0px;} h1.entry-title { text-align: center; font-size: 70px !important; margin-bottom: 40px; } .privacy h1 , .privacy h2 {font-size: 40px;line-height: normal;margin-top: 20px;} .privacy p {font-size: 20px;line-height: 35px;} .privacy h3 {font-size: 30px;margin-bottom: 20px;} .privacy ul {display: flex;flex-wrap: wrap;margin-left: -10px !important;} .privacy ul li {padding: 10px;} .privacy ul li a { font-size: 22px; line-height: 26px; padding: 15px 40px; text-transform: uppercase; color: #fff; background-color: #6ABD28; border: 2px solid #6ABD28; border-radius: 100px; display: inline-block; } footer #menu-footer-last {display: flex;justify-content: end;} footer #menu-footer-last li {line-height: normal;} footer #menu-footer-last li a{ border-right: 2px solid #fff; display: inline-block; line-height: 25px; font-family: 'gramatika-regular'; font-size: 22px; } footer #menu-footer-last li:last-child a{ border: none; } .grecaptcha-badge {z-index: 99;} .get-quote-wrapper .contact-field form .textarea-field textarea {max-height: 210px;}
| ver. 1.4 |
Github
|
.
| PHP 7.4.3-4ubuntu2.29 | Генерация страницы: 0.01 |
proxy
|
phpinfo
|
Настройка