Файловый менеджер - Редактировать - /var/www/gravitycm.com/wp-content/themes/gravity/assets/css/dd-custom.css
Назад
/* start header css */ .header-main-row { display: flex; align-items: center; justify-content: space-between; } .header-logo { max-width: 300px; } .mobile-menu-button { background: transparent; border: none; cursor: pointer; display: inline-block; height: 25px; margin-left: 56px; position: relative; transform: rotate(0deg); transition: .5s ease-in-out; width: 40px; } .sidebar-menu.active .mobile-menu-button {width: 60px;} .mobile-menu-button.is-active span:first-child { left: 50%; top: 18px; width: 0; } .mobile-menu-button.is-active span { background: #0b1f44; } .mobile-menu-button.is-active span { height: 1px; } .mobile-menu-button span { background: #1C1C1C; display: inline-block; height: 3px; left: 0; margin-bottom: 6px; opacity: 1; position: absolute; transform: rotate(0deg); transition: .25s ease-in-out; width: 100%; } .sidebar-menu.active .mobile-menu-button span {height: 2px;} .site-colse .mobile-menu-button span { background: #fff;} .mobile-menu-button span:first-child { top: 0; } .mobile-menu-button span:nth-child(2), .mobile-menu-button span:nth-child(3) { top: 15px; } .mobile-menu-button span:nth-child(4) { top: 30px; } .site-colse .mobile-menu-button span:nth-child(2) { transform: rotate(45deg); } .site-colse .mobile-menu-button span:nth-child(3) { transform: rotate(-45deg); } .site-colse .mobile-menu-button span:nth-child(4) { left: 50%; top: 18px; width: 0; } .site-colse .mobile-menu-button span:first-child { left: 50%; top: 18px; width: 0; } .mobile-menu-button.is-active span:nth-child(2) { transform: rotate(45deg); } .mobile-menu-button.is-active span:nth-child(3) { transform: rotate(-45deg); } .mobile-menu-button.is-active span:nth-child(4) { left: 50%; top: 18px; width: 0; } .sidebar-menu { position: fixed; width: 351px; height: 100vh; bottom: 0; right: -100%; z-index: 9; max-width: 100%; transition: all ease .4s; top: 0px; overflow: hidden; background: #6ABD28; z-index: 999; } .sidebar-bottom-wrap {padding-top: 60px; display: flex; height: calc(100% - 125px); flex-direction: column; justify-content: space-between; } .sidebar-top-wrap .site-branding { display: none; } .header-logo .site-branding img {display: block;} .sidebar-bottom-wrap .get-link-btn { text-align: right; padding: 0 60px;padding-bottom: 40px;} .sidebar-bottom-wrap .get-link-btn a.btn { border: 2px solid #ffffff; color: #ffffff;padding: 20px 45px 17px 45px;width: 100%;text-align: center;} .sidebar-bottom-wrap .get-link-btn a.btn:hover { color: #6ABD28; background: rgba(255, 255, 255, 1); border-color: #fff; } .site-nav {height: 100%;min-height: 300px;display: flex;justify-content: end;align-items: center;} .site-nav .menu li {text-align: right; padding: 35px 50px;padding-right: 68px; display: inline-block; width: 100%; transition: 0.3s ease-in-out; } .site-nav .menu li:hover a, .site-nav .menu li.current-menu-item a{ color: #ffffff; } .site-nav .menu li:hover a:after, .site-nav .menu li.current-menu-item a:after { opacity: 1;} .site-nav .menu li a {position: relative; color: #ffffff; font-weight: 600; font-size: 20px; padding: 0;} .site-nav .menu li a:after { content: ""; position: absolute; bottom: -2px; width: 100%; display: inline-block; background: #fff; height: 3px; left: 0; margin: 0 auto; opacity: 0; transition: all 0.4s; } .main-navigation li { position: relative; } .site-nav .menu { display: flex; flex-direction: column; } .sidebar-top-wrap { display: flex; justify-content: space-between; align-items: center; padding: 30px 25px; background-color: rgba(106, 189, 40, 1); } .main-menu-toggle-wrap { cursor: pointer; } /* .site-nav .menu li a:hover { color: #fff; } */ .site-logo { max-width: 180px; } .sidebar-menu.active { right: 0; overflow-y: scroll;} .header-left-wrap { display: flex; align-items: center; } .get-link.btn { background: transparent; border: 2px solid #1C1C1C; color: #1C1C1C; display: inline-block;line-height: normal;} .get-link.btn:hover { color: #fff; background-color: #6ABD28; border: 2px solid #6ABD28; } .site-header { padding: 34px 0; z-index: 99; background: #FFFFFF; } .site-header.fixed { position: sticky; top: 0; box-shadow: 0 6px 4px -7px #333; } .only-mobile { display: none; } .only-desktop { display: block; } /* end header css */ /* start footer css */ .site-footer { background: #1C1C1C; width: 100%; padding: 80px 0; } .top-footer-wrap { display: flex; justify-content: space-between; } .footer-menu-wrap { display: flex; } .footer-menu-wrap a { font-weight: 400; font-size: 24px; line-height: 40px; letter-spacing: -0.02em; color: #FFFFFF;font-family: 'gramatika-regular';} .footer-menu-wrap ul li a:hover { color: #6ABD28; } .footer-menu-wrap .social-group ul li {padding-bottom: 45px;align-items: flex-start;} .footer-menu-wrap .social-group ul li:first-child a {max-width: 250px;} /* .social-group ul li:hover img { filter: brightness(0) saturate(100%) invert(62%) sepia(34%) saturate(969%) hue-rotate(50deg) brightness(98%) contrast(82%); } */ .social-group ul li { display: flex; align-items: center; } .footer-menu-wrap li { padding-bottom: 20px; transition: all 0.4s; } .footer-menu-wrap ul { padding: 0; margin: 0; } .footer-menu { padding-right: 200px; } .social-group ul li img { width: auto; margin-right: 30px; } .map-section .social-group ul li img {margin-top: 12px;width: 55px;} .btn.footer-btn { background-color: #fff; border: 3px solid #fff; color: #1C1C1C; display: inline-block; line-height: 1;} .btn.footer-btn:hover { color: #fff; background-color: #6ABD28; border: 3px solid #6ABD28; } .footer-site-logo img { filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(13%) hue-rotate(117deg) brightness(105%) contrast(107%); width: 216px; } .bottom-footer-wrap { display: flex; justify-content: space-between; align-items: center; padding-top: 170px; } .copy-right { font-weight: 400; font-size: 22px; line-height: 60px; text-align: right; letter-spacing: -0.02em; color: #FFFFFF; } .copy-right a { color: #ffffff; } .copy-right a:hover {color: #6dbc36;} .copy-right a:first-child { padding-right: 10px; } .copy-right a:last-child { padding-left: 10px; } .copy-right p { margin-bottom: 0;font-size: 22px;line-height: normal;padding-top: 50px; } /* start footer css */ /* start landing page css */ /* landing-banner */ .landing-banner-row { display: flex; } .landing-banner-image { width: 50%; } .landing-banner-conten { width: 50%; padding-left: 60px; display: flex; align-items: center; padding-right: 15px; } .landing-banner-inside { width: 100%; padding: 50px 0; } .banner-hading-group h3 { font-weight: 500; font-size: 40px; line-height: 56px; color: #6ABD28; text-transform: uppercase;font-family: 'gramatikamedium'} .banner-hading-group h1 { margin: 30px 0; font-size: 100px; line-height: 115px; } .landing-banner-image img { display: block; height: 100%; object-fit: cover; } .banner-hading-group h5 { font-weight: 500; font-size: 34px; line-height: normal; font-family: 'gramatikamedium'; font-weight: 500;} .list-with-image { padding: 0 15px; padding-top: 100px; display: flex; align-items: center; justify-content: space-between; max-width: 600px; } .list-group { margin: 0; } .list-group li { font-size: 22px; line-height: 26px; color: #1C1C1C; text-transform: uppercase; margin-bottom: 30px; position: relative; padding-left: 34px;font-family: 'gramatikamedium'; font-weight: 500;} .round-image img { max-width: 140px; } .list-group li:before { content: ""; position: absolute; background-image: url('../images/right.svg'); width: 30px; height: 30px; background-size: cover; background-position: center; background-repeat: no-repeat; left: 0; } /* main-get-quote */ .main-get-quote { display: flex; } .get-quote-left { width: 50%; padding: 100px; display: flex; align-items: center; } .get-quote-right { width: 50%; } .get-quote-had { margin-bottom: 55px; } .get-quote-had h6 { font-size: 22px; line-height: normal; text-align: center; letter-spacing: 0.1em; margin-bottom: 20px;font-family: 'gramatikamedium'; font-weight: 500; } .get-quote-had h2 { font-size: 70px; line-height: normal; text-align: center; letter-spacing: -0.01em; color: #1C1C1C; } .get-quote-right img { height: 100%; object-fit: cover;width: 100%;} .get-quote-form { width: 100%; } .input-feald-two-col { display: flex; margin: 0 -8px;flex-wrap: wrap;} .input-group { padding: 0 8px;width: 50%;} input.form-control::placeholder, textarea.form-control::placeholder { color: #1C1C1C; } .input-feald-group .submit-field { text-align: center; margin-top: 40px; } .contact-filedleft-col.quote-form .input-field { width: 100%; } .contact-filedleft-col.quote-form .textarea-field { width: 100%; } /* end landing page css */ /* Start services page css */ .services-header { text-align: center; margin-bottom: 120px; } /* .services-header h2 { font-size: 110px; } */ /* End services page css */ .technology.blank-div { display: none; } ul.directions-listing { padding-left: 20px; margin-top: 40px; display: flex; flex-direction: column; } .landing-technology .technology:nth-child(even) { padding: 40px 0; } .landing-technology .technology-text h2::after {display: none;} .landing-technology .technology:nth-child(even) .technology-text h2::after {display: unset;} ul.directions-listing li { list-style: disc; padding-bottom: 10px; list-style: disc; padding-bottom: 10px; font-size: 28px; line-height: 35px;padding-bottom: 15px; max-width: 640px;} .technology-content p { font-size: 24px; line-height: 34px; } .landing-technology .technology-text .technology-content p {margin-top: 40px;} .landing-technology .technology-content h4 { margin-bottom: 32px;font-size: 25px;line-height: normal;font-family: 'gramatika-regular';font-weight: 500;} .landing-technology .technology-content .btn { display: inline-block; color: #6ABD28; background-color: #fff; border: #fff; margin-top: 70px;font-size: 18px;} /* .landing-technology .technology-content .btn:hover {color: #fff;background-color: #1c1c1c;} */ .landing-technology .technology:nth-child(2n + 3) .technology-text-col { position: relative; } .landing-technology ul.directions-listing li {font-family: 'gramatikamedium';} /* start about us css */ .hero-banner { display: flex; align-items: center; justify-content: center; height: 700px; background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; position: relative; z-index: 1; } .hero-banner-text { position: relative; text-align: center; color: #fff; max-width: 1420px; margin: 0 auto; } /* .hero-banner:before { content: ""; position: absolute; background: rgba(106, 189, 40, 0.82); background-blend-mode: multiply; left: 0; top: 0; bottom: 0; right: 0; z-index: -1; } */ .about-details { width: 100%; text-align: center; padding: 165px 0 145px; } .about-text {max-width: 1500px;margin: 0 auto;padding: 0 20px;} .about-text h2 { position: relative; margin-bottom: 132px; } .about-details .about-text p {font-size: 28px;line-height: 57px;} .about-text:first-child p { margin-bottom: 40px; } .about-text h2:before { content: ""; position: absolute; left: 0; bottom: -66px; width: 115px; height: 7px; background-color: #6ABD28; margin: 0 auto; right: 0; } .hero-banner-text h4 { font-size: 35px; line-height: normal; margin-bottom: 30px;font-family: 'gramatika-regular';font-weight: 500;} /* end about us css */ /* map */ .map-wrapper { display: flex; background-color: #6ABD28; overflow: hidden; } .map-text-col { width: 50%; } .map-img-col { width: 50%; position: relative; } .map-social-link { background-color: rgba(105, 189, 40, .6); color: #fff; height: 100%; background-blend-mode: hard-light; margin-left: -30px; padding: 175px 45px 100px 180px; } .map-img-col img, .map-img-col iframe { width: 100%; height: 100%; object-fit: cover; vertical-align: top; aspect-ratio: 713/619;} .map-img-col:before { content: ""; position: absolute; background-blend-mode: hard-light; transform: matrix(-1, 0, 0, 1, 0, 0); width: 20px; height: 100%; background-color: rgba(105, 189, 40, .6); left: 0; } .map-social-link .social-group ul li a { font-family: 'gramatika-regular'; font-size: 45px; line-height: 60px; letter-spacing: -0.02em; color: #FFFFFF; } .map-social-link .social-group ul li { display: flex; align-items: flex-start; padding-bottom: 70px; transition: all 0.4s; } .map-social-link .social-group ul li a:hover { color: #1c1c1c; } .submit-field .btn { cursor: pointer;} .site-nav .menu li a { font-size: 34px; } .sidebar-menu { width: 500px; } @media only screen and (max-width:1200px) { .get-quote-left { padding: 80px 30px; } .footer-menu { padding-right: 70px; } } @media only screen and (max-width:767px) { .top-footer-wrap { flex-direction: column-reverse; } .footer-menu-wrap { flex-direction: column; justify-content: center; text-align: center; } .footer-menu { padding-right: 0; padding-top: 70px; } .social-group ul li { justify-content: center; flex-direction: column; align-items: unset; padding-bottom: 40px; } .social-group ul li img { margin-right: 0; margin-bottom: 20px; height: 47px;object-fit: contain; } .social-group { padding-top: 70px; } .bottom-footer-wrap { padding-top: 60px; flex-direction: column; align-items: unset; justify-content: center; text-align: center; } .copy-right { text-align: center; } .copy-right { padding-top: 70px; } .footer-btn { text-align: center; } .get-link.btn { display: none; } .only-mobile { display: block;} .only-mobile a img[alt="phone"] {width: 36px;filter: drop-shadow(0 0 0 #1C1C1C) drop-shadow(0px 0px 0 #1C1C1C);-webkit-filter: drop-shadow(0 0 0 #1C1C1C) drop-shadow(0px 0px 0 #1C1C1C);} .only-desktop { display: none; } .mobile-menu-button { margin-left: 0;height: 35px;} .header-logo { max-width: 140px; } .site-logo { max-width: 160px; } .sidebar-top-wrap { padding: 24px 15px; } .landing-banner-row { flex-direction: column; } .landing-banner-image { width: 100%; } .landing-banner-conten { padding-left: 15px; width: 100%; } .banner-hading-group { text-align: center; } .banner-hading-group h3 { font-size: 24px; line-height: normal; } .banner-hading-group h5 { font-size: 21px; line-height: 26px; } .list-with-image { flex-direction: column-reverse; } .round-image { padding-bottom: 50px; } .round-image img { max-width: 150px; } .list-group li {padding-left: 30px; } .list-group li:before { width: 26px; height: 26px; } /* .landing-banner { padding-bottom: 60px; } */ .main-get-quote { flex-direction: column-reverse; } .get-quote-left { width: 100%; } .get-quote-right { width: 100%; } .get-quote-left { padding: 60px 15px 60px 15px; } input.form-control, textarea.form-control { margin-bottom: 15px; } .hero-banner { height: 480px; } .hero-banner-text h4 { font-size: 24px; line-height: 30px; margin-bottom: 20px; } .hero-banner-text h1 { font-size: 47px; line-height: 60px; word-break: break-word; } ul.directions-listing li { font-size: 18px; line-height: 20px; } .technology .technology-content p {font-size: 18px;} .map-wrapper { flex-direction: column; } .map-text-col { width: 100%; text-align: center; } .map-social-link .social-group ul li { align-items: center; } .map-social-link .social-group { padding-top: 0; } .map-img-col { width: 100%; } .map-img-col:before { height: 20px; width: 100%; } .get-quote-had{ margin-bottom: 45px;} .get-quote-had h6 {margin-bottom: 30px; } .technology-content p {font-size: 18px; line-height: 25px; } .footer-menu-wrap .social-group ul li {padding-bottom: 80px;} .footer-menu-wrap .social-group ul li:first-child a {max-width: 100%;} .landing-technology .technology-content h4 {font-size: 22px;} .about-details .about-text p {font-size: 18px;line-height: 36px;} .about-text {padding: 0 10px;} .about-text h2 {margin-bottom: 100px;} .about-text h2:before {bottom: -50px;} .landing-technology .technology:nth-child(even) {padding-bottom: 0;} .about-details {padding: 100px 0;} .submit-field .btn[type="submit"]{padding: 15px 60px;} .header-logo .only-mobile a img {width: 133px;height: 86px;object-fit: contain;} .input-group {width: 100%;} .map-section .social-group ul li img {margin-top: 0px;} .site-header{ padding: 22px 0;} .copy-right p {padding-top: 10PX;font-size: 16px;} footer #menu-footer-last li a {font-size: 18px !important;} } @media screen and (max-width: 360px){ .service h4 { font-size: 14px; line-height: 18px;} .header-logo .only-mobile a img {height: 83px;} /* .mobile-menu-button {width: 34px;} */ .mobile-menu-button span:nth-child(2), .mobile-menu-button span:nth-child(3) {top: 12px;} .mobile-menu-button span:nth-child(4) {top: 24px;} }
| ver. 1.4 |
Github
|
.
| PHP 7.4.3-4ubuntu2.29 | Генерация страницы: 0.02 |
proxy
|
phpinfo
|
Настройка