scroll main-page
This commit is contained in:
parent
72176c3f46
commit
07ebd9bd91
@ -4210,7 +4210,7 @@ em.error_text {
|
||||
|
||||
.screen_text {
|
||||
a.text-container-link-changelog {
|
||||
margin: -34px;
|
||||
margin-top: -34px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -5893,97 +5893,112 @@ em.error_text {
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
|
||||
.textHelpContainer .text-content .changelog-release-date {
|
||||
margin: 0px 0 0;
|
||||
.changelog-open-in-new-window {
|
||||
position: absolute;
|
||||
right: 40px;
|
||||
top: 63px;
|
||||
}
|
||||
|
||||
#mainPage.InnerPage .faq_pricing_block ul.list_with_orange_markers {
|
||||
padding-left: 20px;
|
||||
width: 90%;
|
||||
.tag_header {
|
||||
padding: 60px 20px 15px;
|
||||
}
|
||||
|
||||
.installation_guides .block-editor {
|
||||
margin-right: 0px;
|
||||
a.closeContainerButton {
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.installation_guides, .user_guides, .integration_guides {
|
||||
.block-editor {
|
||||
span.toggler {
|
||||
float: none;
|
||||
top: -5px;
|
||||
left: 20px;
|
||||
bottom: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#mainPage.InnerPage {
|
||||
.first-welcome-block {
|
||||
max-width: 100%;
|
||||
.textHelpContainer .text-content .changelog-release-date {
|
||||
margin: -5px 0 0;
|
||||
}
|
||||
|
||||
.search_line {
|
||||
display: table;
|
||||
margin: auto;
|
||||
#mainPage.InnerPage .faq_pricing_block ul.list_with_orange_markers {
|
||||
padding-left: 20px;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
&.mainSearch {
|
||||
input {
|
||||
.borderRadius (4px);
|
||||
border: 1px solid #c2c2c2;
|
||||
display: inline-block;
|
||||
height: 64px;
|
||||
margin: 0 10px 0 0;
|
||||
padding-left: 4px;
|
||||
width: 275px;
|
||||
border-radius: 32px;
|
||||
outline: none;
|
||||
.installation_guides .block-editor {
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
.installation_guides, .user_guides, .integration_guides {
|
||||
.block-editor {
|
||||
span.toggler {
|
||||
float: none;
|
||||
top: -5px;
|
||||
left: 20px;
|
||||
bottom: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ip_main_part {
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
display: block;
|
||||
#mainPage.InnerPage {
|
||||
.first-welcome-block {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.search_line {
|
||||
display: table;
|
||||
margin: auto;
|
||||
|
||||
&.mainSearch {
|
||||
input {
|
||||
.borderRadius (4px);
|
||||
border: 1px solid #c2c2c2;
|
||||
display: inline-block;
|
||||
height: 64px;
|
||||
margin: 0 10px 0 0;
|
||||
padding-left: 4px;
|
||||
width: 275px;
|
||||
border-radius: 32px;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ip_main_part {
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.img-title {
|
||||
.img-title {
|
||||
|
||||
&.admin {
|
||||
padding-right: 0px;
|
||||
&.admin {
|
||||
padding-right: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#mainpage {
|
||||
.faq_pricing_block {
|
||||
#mainpage {
|
||||
.faq_pricing_block {
|
||||
|
||||
ul.list_with_orange_markers {
|
||||
ul.list_with_orange_markers {
|
||||
|
||||
p {
|
||||
&.first-faq {
|
||||
padding-top: 35px;
|
||||
}
|
||||
p {
|
||||
&.first-faq {
|
||||
padding-top: 35px;
|
||||
}
|
||||
|
||||
&.second-faq {
|
||||
padding-top: 30px;
|
||||
}
|
||||
&.second-faq {
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
&.third-faq {
|
||||
padding-top: 35px;
|
||||
}
|
||||
&.third-faq {
|
||||
padding-top: 35px;
|
||||
}
|
||||
|
||||
&.fifth-faq {
|
||||
padding-top: 53px;
|
||||
&.fifth-faq {
|
||||
padding-top: 53px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 429px) {
|
||||
|
||||
#mainpage {
|
||||
.faq_pricing_block {
|
||||
|
||||
@ -6003,38 +6018,59 @@ em.error_text {
|
||||
|
||||
@media screen and (max-width: 350px) {
|
||||
|
||||
#mainPage.InnerPage .icon-program-block {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
grid-gap: 71px 0;
|
||||
#mainPage.InnerPage .icon-program-block .img-title {
|
||||
width: 100px;
|
||||
height: 60px;
|
||||
margin-bottom: 20px;
|
||||
background-size: 70px;
|
||||
margin: auto;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
|
||||
#mainPage.InnerPage {
|
||||
.search_line {
|
||||
display: table;
|
||||
a {
|
||||
color: #ff6f3d;
|
||||
padding-top: 100px;
|
||||
font-size: 12px;
|
||||
margin: auto;
|
||||
|
||||
&.mainSearch {
|
||||
input {
|
||||
.borderRadius (4px);
|
||||
border: 1px solid #c2c2c2;
|
||||
display: inline-block;
|
||||
height: 64px;
|
||||
margin: 0 10px 0 0;
|
||||
padding-left: 4px;
|
||||
width: 200px;
|
||||
border-radius: 32px;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#mainPage.InnerPage .faq_pricing_block ul.list_with_orange_markers {
|
||||
padding-left: 20px;
|
||||
width: 90%;
|
||||
#mainPage.InnerPage .icon-program-block {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-gap: 71px 0;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#mainPage.InnerPage .icon-program-block .name-icon-program {
|
||||
margin-top: 80px;
|
||||
width: 100px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#mainPage.InnerPage {
|
||||
.search_line {
|
||||
display: table;
|
||||
margin: auto;
|
||||
|
||||
&.mainSearch {
|
||||
input {
|
||||
.borderRadius (4px);
|
||||
border: 1px solid #c2c2c2;
|
||||
display: inline-block;
|
||||
height: 64px;
|
||||
margin: 0 10px 0 0;
|
||||
padding-left: 4px;
|
||||
width: 200px;
|
||||
border-radius: 32px;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#mainPage.InnerPage .faq_pricing_block ul.list_with_orange_markers {
|
||||
padding-left: 20px;
|
||||
width: 90%;
|
||||
}
|
||||
}
|
@ -613,207 +613,219 @@
|
||||
.watchvideo_block {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.custom-select.open {
|
||||
ul.options {
|
||||
left: -11px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
@media screen and (max-width: 600px) {
|
||||
|
||||
.langselector.headerLengSelector {
|
||||
display: none;
|
||||
.logo {
|
||||
background: url("/images/main-page/logo-mobile.svg") no-repeat 0 50%;
|
||||
}
|
||||
|
||||
|
||||
header {
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
span.toggler {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.search_line {
|
||||
max-width: 350px;
|
||||
}
|
||||
|
||||
.faq_pricing_block {
|
||||
max-width: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
.langselector.footerLangSelector {
|
||||
display: block !important;
|
||||
}
|
||||
@media screen and (max-width: 500px) {
|
||||
|
||||
#footerLangSelector {
|
||||
margin-top: -23px;
|
||||
margin-left: 0px;
|
||||
position: absolute;
|
||||
display: block;
|
||||
.langselector.headerLengSelector {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.footerLangSelector {
|
||||
margin-top: 500px;
|
||||
margin: auto;
|
||||
display: inline-block;
|
||||
width: 46px;
|
||||
margin-left: 50%;
|
||||
.langselector.footerLangSelector {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
#footerLangSelector {
|
||||
margin-top: -23px;
|
||||
margin-left: 0px;
|
||||
position: absolute;
|
||||
display: block;
|
||||
|
||||
.footerLangSelector {
|
||||
margin-top: 500px;
|
||||
margin: auto;
|
||||
display: inline-block;
|
||||
width: 46px;
|
||||
margin-left: 50%;
|
||||
|
||||
|
||||
ul.options {
|
||||
background: #fff;
|
||||
.shadowFullCustomizable(0, 1px, 1px, rgba(0,0,0,0.2));
|
||||
display: none;
|
||||
left: -15px;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 6px 12px 6px;
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
width: 100%;
|
||||
z-index: 10000;
|
||||
|
||||
li.option {
|
||||
background-image: none;
|
||||
border-width: 0 1px;
|
||||
cursor: default;
|
||||
float: none;
|
||||
height: 30px;
|
||||
line-height: 1.2em;
|
||||
ul.options {
|
||||
background: #fff;
|
||||
.shadowFullCustomizable(0, 1px, 1px, rgba(0,0,0,0.2));
|
||||
display: none;
|
||||
left: -15px;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 10px 0 0;
|
||||
white-space: nowrap;
|
||||
padding: 6px 12px 6px;
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
width: 100%;
|
||||
z-index: 10000;
|
||||
|
||||
a {
|
||||
background-position-x: -3px;
|
||||
background-repeat: no-repeat;
|
||||
color: #666666;
|
||||
display: block;
|
||||
height: 16px;
|
||||
line-height: 15px;
|
||||
margin: 2px 0;
|
||||
padding: 1px 1px 1px 30px;
|
||||
text-decoration: none;
|
||||
text-transform: none;
|
||||
width: 75px;
|
||||
background-image: url("/images/flags/flags_1x.png");
|
||||
li.option {
|
||||
background-image: none;
|
||||
border-width: 0 1px;
|
||||
cursor: default;
|
||||
float: none;
|
||||
height: 30px;
|
||||
line-height: 1.2em;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 10px 0 0;
|
||||
white-space: nowrap;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
a {
|
||||
background-position-x: -3px;
|
||||
background-repeat: no-repeat;
|
||||
color: #666666;
|
||||
display: block;
|
||||
height: 16px;
|
||||
line-height: 15px;
|
||||
margin: 2px 0;
|
||||
padding: 1px 1px 1px 30px;
|
||||
text-decoration: none;
|
||||
text-transform: none;
|
||||
width: 75px;
|
||||
background-image: url("/images/flags/flags_1x.png");
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
li.option.en-US, div.title.en-US {
|
||||
a {
|
||||
background-position-y: -27px;
|
||||
}
|
||||
}
|
||||
|
||||
li.option.es-ES {
|
||||
a {
|
||||
background-position-y: -51px;
|
||||
}
|
||||
}
|
||||
|
||||
li.option.de-DE {
|
||||
a {
|
||||
background-position-y: -3px;
|
||||
}
|
||||
}
|
||||
|
||||
li.option.fr-FR {
|
||||
a {
|
||||
background-position-y: -75px;
|
||||
}
|
||||
}
|
||||
|
||||
li.option.ru-RU {
|
||||
a {
|
||||
background-position-y: -147px;
|
||||
}
|
||||
}
|
||||
|
||||
li.option.it-IT {
|
||||
a {
|
||||
background-position-y: -99px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
li.option.en-US, div.title.en-US {
|
||||
a {
|
||||
background-position-y: -27px;
|
||||
}
|
||||
div.title.en-US {
|
||||
background-position-y: -27px;
|
||||
}
|
||||
|
||||
li.option.es-ES {
|
||||
a {
|
||||
background-position-y: -51px;
|
||||
}
|
||||
div.title.es-ES {
|
||||
background-position-y: -51px;
|
||||
}
|
||||
|
||||
li.option.de-DE {
|
||||
a {
|
||||
background-position-y: -3px;
|
||||
}
|
||||
div.title.de-DE {
|
||||
background-position-y: -3px;
|
||||
}
|
||||
|
||||
li.option.fr-FR {
|
||||
a {
|
||||
background-position-y: -75px;
|
||||
}
|
||||
div.title.fr-FR {
|
||||
background-position-y: -75px;
|
||||
}
|
||||
|
||||
li.option.ru-RU {
|
||||
a {
|
||||
background-position-y: -147px;
|
||||
}
|
||||
div.title.ru-RU {
|
||||
background-position-y: -147px;
|
||||
}
|
||||
|
||||
li.option.it-IT {
|
||||
a {
|
||||
background-position-y: -99px;
|
||||
}
|
||||
div.title.it-IT {
|
||||
background-position-y: -99px;
|
||||
}
|
||||
}
|
||||
|
||||
div.title.en-US {
|
||||
background-position-y: -27px;
|
||||
}
|
||||
|
||||
div.title.es-ES {
|
||||
background-position-y: -51px;
|
||||
}
|
||||
|
||||
div.title.de-DE {
|
||||
background-position-y: -3px;
|
||||
}
|
||||
|
||||
div.title.fr-FR {
|
||||
background-position-y: -75px;
|
||||
}
|
||||
|
||||
div.title.ru-RU {
|
||||
background-position-y: -147px;
|
||||
}
|
||||
|
||||
div.title.it-IT {
|
||||
background-position-y: -99px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#footerLangSelector {
|
||||
.footerLangSelector {
|
||||
margin-top: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
header {
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
span.toggler {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.search_line {
|
||||
max-width: 350px;
|
||||
}
|
||||
|
||||
.faq_pricing_block {
|
||||
max-width: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 500px) {
|
||||
|
||||
.InnerPage {
|
||||
div.description {
|
||||
border: 0 none;
|
||||
margin: 0;
|
||||
padding: 0 20px 0;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.page_download_button {
|
||||
.download_button_description {
|
||||
float: none;
|
||||
margin: 10px 0px 0;
|
||||
}
|
||||
#footerLangSelector {
|
||||
.footerLangSelector {
|
||||
margin-top: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.InnerPage {
|
||||
div.description {
|
||||
border: 0 none;
|
||||
margin: 0;
|
||||
padding: 0 20px 0;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.page_download_button {
|
||||
.download_button_description {
|
||||
float: none;
|
||||
margin: 10px 0px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.InnerPage {
|
||||
p {
|
||||
padding: 10px 0px;
|
||||
}
|
||||
|
||||
.InnerPage {
|
||||
p {
|
||||
padding: 10px 0px;
|
||||
}
|
||||
|
||||
.name-icon-program {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.MainHelpCenter {
|
||||
h1 {
|
||||
margin: 10px 0px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.block-editor {
|
||||
margin-right: 0px;
|
||||
|
||||
span {
|
||||
margin-right: 10px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
.name-icon-program {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.MainHelpCenter {
|
||||
width: 100%;
|
||||
h1 {
|
||||
margin: 10px 0px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.block-editor {
|
||||
margin-right: 0px;
|
||||
|
||||
span {
|
||||
margin-right: 10px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.MainHelpCenter {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user