diff --git a/static/css/responsive.css b/static/css/responsive.css index 111764a..e453c3f 100644 --- a/static/css/responsive.css +++ b/static/css/responsive.css @@ -210,67 +210,9 @@ .projects-item { width: 45%; } - .platform-product-item { - width: 32%; - } - - .platform-product-content h2 { - font-size: 24px; - } - .platform-product-content p { - font-size: 14px; - } - .platform-product-content { - min-height: 145px; - } - .platform-product-image img { - width: 210px; - } - .platform-product-image { - margin-bottom: 25px; - margin-top: 20px; - } - .platform-product-sec .section-title h4 { - font-size: 25px !important; - } - - .enduser-image img { - width: 110px; - } } @media (max-width: 1290px) { - .current-plan-wraper { - flex-wrap: wrap; - } - .current-plan-left { - width: 100%; - min-width: 100%; - } - .billing-invoice-wraper > div h5 { - padding-right: 7px; - } - .billing-invoice-wraper > div { - display: flex; - justify-content: space-between; - border-radius: 5px; - width: 990px; - } - .billing-invoice-wraper { - width: 100%; - overflow: auto; - } - .current-plan-item { - width: 32%; - margin-top: 35px; - } - .billing-invoice-load-more { - text-align: center; - width: 100% !important; - } - .solution-product-item { - width: 32%; - } } @media (max-width: 1199.98px) { @@ -335,25 +277,7 @@ margin-top: 25px; margin-bottom: 20px; } - .dashboard-content-features { - width: 32%; - padding: 25px 25px 25px; - } - .dashboard-content-features-info h5 { - font-size: 16px; - } - .dashboard-content-features-info p { - font-size: 14px; - } - .trusted-companies-logo img { - width: 80px; - } - .trusted-companies-logo img { - width: 60px; - } - .login-section .col-12:after { - height: 80px; - } + .header-text { padding-left: 25px; } @@ -443,90 +367,9 @@ font-size: 16px; line-height: 29px; } - .team-features-item-texts h4 { - color: #564D7B; - font-size: 20px; - margin-bottom: 15px; - } - .team-bottom-item { - box-shadow: 0px 3px 16px #654cd029; - border-radius: 20px; - padding: 35px 25px; - margin-bottom: 20px; - } - .team-bottom-item-texts h4 { - font-size: 18px; - margin-bottom: 13px; - } - .team-bottom-item-image { - width: 100px; - height: 100px; - min-width: 100px; - margin-right: 20px; - } - .public-profile-persona-info .input-three { - width: 100%; - } - .update-profile-profile-wraper .update-profile-popup-left { - width: 200px; - max-width: 200px; - min-width: 200px; - text-align: center; - background: #E8E7F0; - } - .public-profile-right { - width: calc(100% - 230px); - padding: 15px 0px; - } - .settings-tab-inner-part { - background: #F7F7F7; - margin-bottom: 5px; - padding: 20px 20px; - } - .dashboard-content-wraper.public-profile-wraper .col-12 { - padding: 0; - } - .radio-wraper { - width: 200px; - margin-right: 20px; - } - .change-password form { - margin-top: 35px; - width: 100%; - max-width: 100%; - } - .billing-information-wraper { - flex-wrap: wrap; - } - .billing-information-wraper > div { - width: 100%; - margin-bottom: 20px; - } - .current-monthly-bill h2 { - font-size: 40px; - } - .current-monthly-bill h2 span { - font-size: 20px; - top: -12px; - } - .billing-page a { - font-size: 14px; - } - .personal-billing-items > div { - padding: 20px 20px; - } - .current-monthly-bill a, .next-payment a { - position: absolute; - bottom: 20px; - left: 20px; - } - .current-plan-item ul { - font-size: 13px; - } - .keys-item { - padding-right: 40px; - width: 100%; - } + + + .repository-secters-content { border-bottom: 1px solid #BCBCBC; @@ -756,79 +599,9 @@ .login-signup-form-top h4 { margin-bottom: 10px; } - .dashboard-content-features-wraper { - padding: 0px 0px; - } - .dashboard-title { - border-bottom: 1px solid #E3E1ED; - padding: 0px 0px; - padding-bottom: 25px; - } - .dashboard-taks-wrapre { - display: flex; - justify-content: space-between; - padding: 0px 0px; - margin-top: 40px; - } - .dashboard-content-wraper { - padding: 30px 10px; - padding-bottom: 30px; - } - .dashboard-taks-items a span { - color: #564D7B; - font-size: 15px; - } - .dashboard-taks-items { - width: 33%; - padding-left: 15px; - } - .dashboard-content-features-icon img { - width: 40px; - } .header-text { padding-left: 15px; } - .pricing-wraper { - flex-wrap: wrap; - justify-content: space-around; - } - .pricing-wraper > div { - width: 45%; - position: relative; - background: #fff; - padding: 7px 5px; - margin-bottom: 50px; - } - a.purchase-btn { - font-size: 16px; - } - .pricing-wraper > div { - width: 30.7%; - position: relative; - background: #fff; - padding: 7px 5px; - margin-bottom: 50px; - } - .pricing-options-top h1 { - font-size: 30px; - } - .enterprise-header-content .font-h1 { - font-size: 36px !important; - } - .enterprise-header-image img { - width: 90%; - } - section#enterprise-header { - height: 550px; - min-height: auto; - } - .enterprise-option-content h5 { - font-size: 18px !important; - } - .what-we-items { - width: 48.2%; - padding: 50px 24px; - } .owl-carousel .owl-item img { display: block; width: 120%; @@ -840,28 +613,6 @@ margin-left: 0; z-index: 9999; } - .dashboard-menu.active { - width: 300px !important; - min-width: 300px !important; - max-width: 300px !important; - } - .dashboard-menu > ul { - padding: 20px 0px; - margin: 0; - width: 300px; - } - .dashboard-menu.active ul a span, .dashboard-menu.active .dropdown span { - display: block; - } - .dashboard-menu.active .dropdown { - width: 300px; - } - nav.dashboard-menu .dropdown-btn { - position: relative; - width: 100%; - display: flex; - align-items: center; - } #content { min-height: 100vh; transition: all 0.3s; @@ -885,49 +636,6 @@ top: 50%; transform: translate(-25%, -50%); } - .dashboard-menu-logo { - position: fixed; - width: 300px; - } - #sidebar.active .dashboard-menu-logo a .logo-icon { - display: none; - } - #sidebar.active .dashboard-menu-logo a .logo-white { - display: block; - } - .dashboard-menu.active .dashboard-menu-logo a { - width: 127px; - } - .contact-form-wraper { - padding: 30px 40px; - width: 100%; - padding-bottom: 50px; - margin-top: 40px; - } - .contact-text { - margin-top: 30px; - } - .basic-content-inner { - margin-top: 70px; - } - .basic-content-inner .font-h3 { - font-size: 30px !important; - } - section#basic-content { - padding: 70px 0px; - padding-bottom: 50px; - } - .team-features-item-icon img { - width: 60px; - } - .team-features-item-texts h4 { - color: #564D7B; - font-size: 18px; - margin-bottom: 15px; - } - .text-right { - text-align: left; - } .team-bottom-item { box-shadow: 0px 3px 16px #654cd029; border-radius: 20px; @@ -1175,98 +883,29 @@ text-align: center; margin-bottom: 40px; } - .team-say-slider-item-content p { - margin-top: 20px; - line-height: 24px; - font-size: 16px; - } - .team-say-slider-item { - display: flex; - align-items: center; - background: #fff; - height: 220px; - } - .team-say-slider-item-content h4 { - font-size: 24px; - } - section#team-say-sec { - background: transparent linear-gradient( - 107deg, #FFFFFF 0%, #D6D4E0 100%); - padding: 60px 0px; - } - section#joinus-action { - padding: 70px 0px; - } - .what-we-items h4 { - font-size: 17px; - } - .what-we-items { - width: 48.2%; - padding: 30px 15px; - } - section#what-we { - padding-bottom: 60px; - } - .what-we-wraper { - margin-top: 50px; - } - .enterprise-header-image img { - width: 70%; + .team-bottom-item { + width: 100%; } - .update-profile-popup { - display: flex; - justify-content: space-between; - padding: 22px; + .update-profile-profile-wraper { flex-wrap: wrap; } - .update-profile-popup-left { + .update-profile-profile-wraper .update-profile-popup-left { width: 100%; max-width: 100%; min-width: 100%; - margin-bottom: 30px; - padding-bottom: 50px; + text-align: center; + background: #E8E7F0; } - .update-profile-popup-right { + .public-profile-right { width: calc(100% - 0px); + padding: 15px 15px; } - .dashboard-content-wraper { - padding: 30px 10px; - padding-bottom: 30px; - background: #F3F2F6; + .update-profile-profile-wraper { + padding: 10px; + padding-right: 10px; } - .team-features-item { - width: 400px; - max-width: 100%; - margin: 0 auto; - margin-bottom: 20px; - } - section#team-features { - padding: 50px 0px; - padding-top: 10px; - } - .team-bottom-item { - width: 100%; - } - .update-profile-profile-wraper { - flex-wrap: wrap; - } - .update-profile-profile-wraper .update-profile-popup-left { - width: 100%; - max-width: 100%; - min-width: 100%; - text-align: center; - background: #E8E7F0; - } - .public-profile-right { - width: calc(100% - 0px); - padding: 15px 15px; - } - .update-profile-profile-wraper { - padding: 10px; - padding-right: 10px; - } - .personal-billing-items { - flex-wrap: wrap; + .personal-billing-items { + flex-wrap: wrap; } .personal-billing-items > div { width: 47%; @@ -1285,42 +924,6 @@ .input-three { width: 48.5%; } - .repository-secters-content { - min-width: 700px; - } - .repository-secters { - overflow: auto; - } - .repository-secters-top { - min-width: 700px; - } - .experiments-name { - width: 300px !important; - min-width: 300px !important; - justify-content: flex-start !important; - } - .projects-item { - width: 360px; - margin: 0 auto; - margin-bottom: 30px; - margin-top: 30px; - } - - .solution-product-item { - width: 90%; - } - - .solutions-banner p { - padding: 20px 5%; - } - - .negative-margin{ - margin-top: -115px; - } - - .platform-product-item { - width: 80%; - } } @media (max-width: 575.98px) { @@ -1347,27 +950,6 @@ .menu-right-btn { top: 10px; } - .login-signup-form { - padding: 30px 20px; - } - .login-signup-content { - padding: 30px 20px; - } - .dashboard-content-features { - width: 100%; - } - .dashboard-menu { - width: 60px; - } - .dashboard-menu li > a { - padding: 12px 18px; - } - nav.dashboard-menu .dropdown { - padding: 0px 18px; - } - .dashboard-menu-logo { - padding: 13px 8px; - } .search-wraper input { padding: 10px 12px; border-radius: 30px; @@ -1392,64 +974,11 @@ .dropdown-btn span { font-size: 14px; } - /*nav.dashboard-menu .dropdown a svg { - margin-right: 5px; - width: 15px; - height: auto; - }*/ .dashboard-menu { position: fixed; right: 0; top: 0; } - .dashboard-taks-items { - width: 50%; - } - section#under-cons .section-title { - margin-top: -40px; - } - .pricing-wraper > div { - width: 90%; - } - .pricing-options-top { - padding-bottom: 50px; - } - .pricing-option-features li { - font-size: 14px; - line-height: 25px; - } - .pricing-option-features > div span { - font-size: 12px; - } - .pricing-option-features { - margin-bottom: 160px; - } - a.purchase-btn { - padding: 12px 10px; - width: 90%; - font-size: 16px; - border-radius: 10px; - } - section#pricing-sec .section-title { - margin-bottom: 80px; - } - .owl-carousel .owl-item img { - display: block; - width: 132%; - } - .enterprise-header-image img { - width: 80%; - } - .input-half { - width: 100% !important; - } - .input-box.input-half.keep-full-block input { - width: 100% !important; - } - #contact-page { - padding: 70px 0px; - padding-bottom: 70px; - } .font-36 { font-size: 30px !important; } @@ -1468,37 +997,6 @@ top: 50%; right: 10px; } - .public-profile-persona-info button { - width: 100px; - margin-right: 5px; - text-align: center; - margin-top: 49px; - margin-bottom: 20px; - } - .popup-title h3 { - font-size: 22px; - } - .radio-wraper { - width: 150px; - margin-right: 20px; - } - .current-plan-left h1 { - font-size: 40px; - } - .personal-billing-items > div { - width: 100%; - margin-top: 20px; - } - .current-monthly-bill a, .next-payment a { - position: relative; - bottom: 0; - left: 0; - margin-top: 35px; - } - .current-monthly-bill h2 { - font-size: 40px; - margin-bottom: 0; - } .billing-invoice-wraper > div h5:first-child { width: 25%; padding-left: 20px; @@ -1546,30 +1044,6 @@ .jupyter-tab-inner-top-title h3 { font-size: 22px; } - .experiments-name { - width: 220px !important; - min-width: 220px !important; - justify-content: flex-start !important; - } - .projects-item a { - width: 100%; - } - .platform-product-sec { - padding: 40px 0px; - } - .platform-product-item { - width: 60%; - padding: 30px 20px; - margin: 0 auto; - margin-bottom: 10px; - margin-top: 10px; - } - .platform-product-sec .section-title h2 { - font-size: 30px !important; - } - .product-section { - padding: 25px 0; - } } @media (max-width: 500px) { @@ -1619,18 +1093,6 @@ section#under-cons .section-title { margin-top: -20px; } - .enterprise-option-content li { - font-size: 15px; - line-height: 26px; - } - .enterprise-option-content p { - font-size: 15px; - margin-bottom: 10px; - } - .enterprise-option-container .row { - padding: 30px 0px; - align-items: center; - } .what-we-items { width: 95%; padding: 30px 15px; @@ -1644,58 +1106,11 @@ .team-say-slider-item-image { width: 100%; } - .team-say-slider-item-content { - width: 100%; - margin-left: 15px; - margin-right: 15px; - margin-bottom: 20px; - } + .owl-carousel .owl-item img { display: block; width: 100%; } - .team-say-slider-item-image { - width: 100%; - overflow: hidden; - height: 250px; - margin-bottom: 20px; - } - .team-say-slider .owl-dots { - display: flex; - align-items: center; - justify-content: center; - margin-top: 0; - position: absolute; - top: inherit; - right: inherit; - display: flex; - transform: translate(-50%, -50%); - flex-wrap: wrap; - width: auto; - bottom: 10px; - left: 50%; - } - .team-say-slider-item-content p { - margin-bottom: 35px; - } - .dashboard-notification-profile { - width: 100%; - margin-bottom: 9px; - padding-left: 70px; - } - button#sidebarCollapse { - position: absolute; - left: 0; - height: 55px; - background: transparent; - border: none; - width: 55px; - border-right: none; - top: 0; - } - section#contact-page .enterprise-header-image img { - width: 100%; - } .contact-form-wraper { padding: 30px 20px; width: 100%; @@ -1705,33 +1120,6 @@ .basic-content-inner { margin-top: 40px; } - section#basic-content { - padding: 50px 0px; - padding-bottom: 30px; - } - .public-profile-right-content .input-group span { - font-size: 13px; - } - .public-profile-right-content input#basic-url { - padding: 12px 10px; - font-size: 13px; - } - .checkmark-badge svg { - width: 18px; - } - .account-settings-wraper .nav-link { - padding: 5px 15px; - border-radius: 20px; - font-size: 14px; - } - .day-night-select-wraper { - flex-wrap: wrap; - } - .radio-wraper { - width: 200px; - margin-right: 20px; - margin-bottom: 30px; - } .keys-item-image { width: 60px; text-align: center; @@ -1917,166 +1305,4 @@ margin-top: 20px; margin-bottom: 20px; } - .login-signup-content-slider { - width: 100%; - } - .login-signup-form-wraper { - width: 100%; - } - .dashboard-content-wraper { - padding: 30px 0px; - padding-bottom: 30px; - } - .dashboard-top-menu-wraper { - padding: 10px 0px; - } - .dashboard-content-features { - padding: 15px 15px 15px; - } - .dashboard-menu { - width: 40px; - } - nav.dashboard-menu .dropdown { - padding: 0px 13px; - } - .dashboard-menu li > a { - padding: 12px 10px; - } - .dashboard-menu li > a svg { - width: 16px; - } - .dashboard-menu-logo a .logo-icon { - width: 25px; - height: 40px; - } - .dashboard-menu:hover .dashboard-menu-logo a .logo-white { - display: block; - /*height: 40px;*/ - /*width: 107px;*/ - } - .trusted-on-us-wraper { - display: block; - text-align: center; - } - .trusted-companies-logo { - margin-left: 0; - margin-top: 10px; - } - section#pricing-sec { - padding: 70px 0px; - padding-bottom: 10px; - } - section#enterprise-header { - height: auto; - min-height: auto; - padding: 45px 0px; - } - .enterprise-header-image img { - width: 95%; - } - .update-profile-popup-bottom button { - width: 115px; - } - .font-36 { - font-size: 25px !important; - } - .contact-form-wraper h4 { - margin-bottom: 20px; - } - .team-bottom-item { - display: block; - text-align: center; - } - .team-bottom-item-image { - margin-right: 0; - margin: 0 auto; - margin-bottom: 20px; - } - .public-profile-right-content input#basic-url { - padding: 12px 5px; - font-size: 13px; - } - .public-profile-right-content .input-group span { - font-size: 13px; - padding: 5px; - } - .public-profile-right { - width: calc(100% - 0px); - padding: 15px 5px; - } - .settings-tab-inner h4 { - font-size: 14px; - } - .settings-tab-inner p { - font-size: 13px; - } - .search-successor button { - padding: 12px 10px; - } - .update-password { - flex-wrap: wrap; - } - .update-password a { - font-size: 15px; - margin-top: 15px; - } - .two-factor-authentication a { - font-size: 13px; - } - .billing-information-wraper > div { - padding: 20px 10px; - } - .card-wraper > div { - min-width: 100%; - } - .keys-item { - width: 100%; - padding: 20px; - padding-right: 20px; - flex-wrap: wrap; - } - .keys-item-image { - margin-bottom: 25px; - } - .create-team-wraper ul { - justify-content: space-between; - flex-wrap: wrap; - } - .create-team-wraper ul li button:after{ - display: none; - } - .create-team-wraper ul li button.active:before{ - display: none; - } - .create-team-wraper ul { - border-radius: 15px; - } - .create-team-wraper .tab-content { - padding: 25px 10px; - margin-top: 30px; - } - .projects-item { - width: 100%; - position: relative; - margin-bottom: 20px; - margin-top: 20px; - margin-right: 0; - } - .jupyter-tab-form { - background: #F7F7F7; - padding: 15px 10px; - margin-top: 30px; - } - .data-pipelines-items { - margin-right: 0px; - } - .platform-product-item { - width: 100%; - } - .platform-product-content h2 { - font-size: 19px; - } - .product-section { - padding: 20px 0; - } }