added adaptive version

This commit is contained in:
SvetlanaLisina 2020-12-01 16:20:07 +03:00
parent 47c40eba79
commit 870a76f69f
18 changed files with 1465 additions and 291 deletions

View File

@ -8,8 +8,9 @@
<link href="<%=VirtualPathUtility.ToAbsolute("~/js/slick/slick.css")%>" rel="stylesheet" type="text/css" /> <link href="<%=VirtualPathUtility.ToAbsolute("~/js/slick/slick.css")%>" rel="stylesheet" type="text/css" />
<link href="<%=VirtualPathUtility.ToAbsolute("~/css/forms.less")%>" rel="stylesheet" type="text/css" /> <link href="<%=VirtualPathUtility.ToAbsolute("~/css/forms.less")%>" rel="stylesheet" type="text/css" />
<link href="<%=VirtualPathUtility.ToAbsolute("~/css/help.less")%>" rel="stylesheet" type="text/css" /> <link href="<%=VirtualPathUtility.ToAbsolute("~/css/help.less")%>" rel="stylesheet" type="text/css" />
<link href="<%=VirtualPathUtility.ToAbsolute("~/css/navigation.less")%>" rel="stylesheet" type="text/css" />
<link href="<%=VirtualPathUtility.ToAbsolute("~/css/builder/builder.less")%>" rel="stylesheet" type="text/css" /> <link href="<%=VirtualPathUtility.ToAbsolute("~/css/builder/builder.less")%>" rel="stylesheet" type="text/css" />
<link href="<%=VirtualPathUtility.ToAbsolute("~/css/builder/prettify-google.css")%>" rel="stylesheet" type="text/css" /> <link href="<%=VirtualPathUtility.ToAbsolute("~/css/builder/prettify-google.css")%>" rel="stylesheet" type="text/css" />
<link media="screen and (max-width: 998px)" href="<%=VirtualPathUtility.ToAbsolute("~/css/mobile.less")%>" rel="stylesheet" type="text/css" /> <link media="screen and (max-width: 1190px)" href="<%=VirtualPathUtility.ToAbsolute("~/css/mobile.less")%>" rel="stylesheet" type="text/css" />
<link media="screen and (max-width: 998px)" href="<%=VirtualPathUtility.ToAbsolute("~/css/pushy.less")%>" rel="stylesheet" type="text/css" /> <link media="screen and (max-width: 1190px)" href="<%=VirtualPathUtility.ToAbsolute("~/css/pushy.less")%>" rel="stylesheet" type="text/css" />
<link media="screen and (max-width: 998px)" href="<%=VirtualPathUtility.ToAbsolute("~/css/jquery.jscrollpane.less")%>" rel="stylesheet" type="text/css" /> <link media="screen and (max-width: 998px)" href="<%=VirtualPathUtility.ToAbsolute("~/css/jquery.jscrollpane.less")%>" rel="stylesheet" type="text/css" />

View File

@ -18,6 +18,7 @@
<script type="text/javascript" src="<%=VirtualPathUtility.ToAbsolute("~/js/jquery/jquery.watermarkinput.js")%>"></script> <script type="text/javascript" src="<%=VirtualPathUtility.ToAbsolute("~/js/jquery/jquery.watermarkinput.js")%>"></script>
<script type="text/javascript" src="<%=VirtualPathUtility.ToAbsolute("~/js/core/basemaster.init.js")%>"></script> <script type="text/javascript" src="<%=VirtualPathUtility.ToAbsolute("~/js/core/basemaster.init.js")%>"></script>
<script type="text/javascript" src="<%=VirtualPathUtility.ToAbsolute("~/js/core/navigation-menu.js")%>"></script> <script type="text/javascript" src="<%=VirtualPathUtility.ToAbsolute("~/js/core/navigation-menu.js")%>"></script>
<script type="text/javascript" src="<%=VirtualPathUtility.ToAbsolute("~/js/core/navigation-footer-menu.js")%>"></script>
<script type="text/javascript" src="<%=VirtualPathUtility.ToAbsolute("~/js/core/modalscontroller.js")%>"></script> <script type="text/javascript" src="<%=VirtualPathUtility.ToAbsolute("~/js/core/modalscontroller.js")%>"></script>
<script type="text/javascript" src="<%=VirtualPathUtility.ToAbsolute("~/js/core/jquery.dropdownToggle.js")%>"></script> <script type="text/javascript" src="<%=VirtualPathUtility.ToAbsolute("~/js/core/jquery.dropdownToggle.js")%>"></script>
<script type="text/javascript" src="<%=VirtualPathUtility.ToAbsolute("~/js/jquery/pushy.min.js")%>"></script> <script type="text/javascript" src="<%=VirtualPathUtility.ToAbsolute("~/js/jquery/pushy.min.js")%>"></script>

View File

@ -118,7 +118,6 @@
<p class="programs-list"><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/configuring-modules.aspx")%>">Configuring modules and tools</a></p> <p class="programs-list"><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/configuring-modules.aspx")%>">Configuring modules and tools</a></p>
</div> </div>
<div class="second-column"> <div class="second-column">
<br /><br />
<p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/customizing-modules.aspx")%>">Customizing modules and tools</a></p> <p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/customizing-modules.aspx")%>">Customizing modules and tools</a></p>
<p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/managing-users.aspx")%>">Managing users</a></p> <p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/managing-users.aspx")%>">Managing users</a></p>
<p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/external-services.aspx")%>">Connecting external services</a></p> <p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/external-services.aspx")%>">Connecting external services</a></p>

View File

@ -115,7 +115,6 @@
<p class="programs-list"><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/configuring-modules.aspx")%>">Configuring modules and tools</a></p> <p class="programs-list"><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/configuring-modules.aspx")%>">Configuring modules and tools</a></p>
</div> </div>
<div class="second-column"> <div class="second-column">
<br /><br />
<p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/customizing-modules.aspx")%>">Customizing modules and tools</a></p> <p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/customizing-modules.aspx")%>">Customizing modules and tools</a></p>
<p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/managing-users.aspx")%>">Managing users</a></p> <p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/managing-users.aspx")%>">Managing users</a></p>
<p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/external-services.aspx")%>">Connecting external services</a></p> <p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/external-services.aspx")%>">Connecting external services</a></p>

View File

@ -116,7 +116,6 @@
<p class="programs-list"><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/configuring-modules.aspx")%>">Configuring modules and tools</a></p> <p class="programs-list"><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/configuring-modules.aspx")%>">Configuring modules and tools</a></p>
</div> </div>
<div class="second-column"> <div class="second-column">
<br /><br />
<p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/customizing-modules.aspx")%>">Customizing modules and tools</a></p> <p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/customizing-modules.aspx")%>">Customizing modules and tools</a></p>
<p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/managing-users.aspx")%>">Managing users</a></p> <p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/managing-users.aspx")%>">Managing users</a></p>
<p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/external-services.aspx")%>">Connecting external services</a></p> <p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/external-services.aspx")%>">Connecting external services</a></p>

View File

@ -116,7 +116,6 @@
<p class="programs-list"><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/configuring-modules.aspx")%>">Configuring modules and tools</a></p> <p class="programs-list"><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/configuring-modules.aspx")%>">Configuring modules and tools</a></p>
</div> </div>
<div class="second-column"> <div class="second-column">
<br /><br />
<p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/customizing-modules.aspx")%>">Customizing modules and tools</a></p> <p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/customizing-modules.aspx")%>">Customizing modules and tools</a></p>
<p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/managing-users.aspx")%>">Managing users</a></p> <p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/managing-users.aspx")%>">Managing users</a></p>
<p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/external-services.aspx")%>">Connecting external services</a></p> <p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/external-services.aspx")%>">Connecting external services</a></p>

View File

@ -116,7 +116,6 @@
<p class="programs-list"><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/configuring-modules.aspx")%>">Configuring modules and tools</a></p> <p class="programs-list"><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/configuring-modules.aspx")%>">Configuring modules and tools</a></p>
</div> </div>
<div class="second-column"> <div class="second-column">
<br /><br />
<p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/customizing-modules.aspx")%>">Customizing modules and tools</a></p> <p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/customizing-modules.aspx")%>">Customizing modules and tools</a></p>
<p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/managing-users.aspx")%>">Managing users</a></p> <p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/managing-users.aspx")%>">Managing users</a></p>
<p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/external-services.aspx")%>">Connecting external services</a></p> <p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/external-services.aspx")%>">Connecting external services</a></p>

View File

@ -116,7 +116,6 @@
<p class="programs-list"><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/configuring-modules.aspx")%>">Configuring modules and tools</a></p> <p class="programs-list"><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/configuring-modules.aspx")%>">Configuring modules and tools</a></p>
</div> </div>
<div class="second-column"> <div class="second-column">
<br /><br />
<p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/customizing-modules.aspx")%>">Customizing modules and tools</a></p> <p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/customizing-modules.aspx")%>">Customizing modules and tools</a></p>
<p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/managing-users.aspx")%>">Managing users</a></p> <p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/managing-users.aspx")%>">Managing users</a></p>
<p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/external-services.aspx")%>">Connecting external services</a></p> <p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/external-services.aspx")%>">Connecting external services</a></p>

View File

@ -208,6 +208,7 @@ article {
width: 180px; width: 180px;
height: 71px; height: 71px;
z-index: 100; z-index: 100;
a { a {
display: block; display: block;
height: 71px; height: 71px;
@ -234,12 +235,12 @@ span.underline {
color: @textColor; color: @textColor;
} }
nav { nav {
position: absolute;
top: 0; top: 0;
margin: 0; margin: 0;
padding: 0; padding: 0;
height: 71px; height: 71px;
margin: auto; margin: auto;
width: 50vw;
> div { > div {
> ul, > ul,
@ -249,7 +250,6 @@ nav {
} }
> ul { > ul {
margin: 0 0 0 304px;
padding: 16px 0 0; padding: 16px 0 0;
width: auto; width: auto;
height: 54px; height: 54px;
@ -276,6 +276,7 @@ nav {
} }
} }
} }
ul.akkordeon li > div { ul.akkordeon li > div {
display: none; display: none;
} }
@ -284,7 +285,7 @@ nav {
@media screen and (min-width: 969px) { @media screen and (min-width: 1190px) {
#navitem_features_menu, #navitem_features_menu,
#navitem_server_menu, #navitem_server_menu,
#navitem_desktop_menu, #navitem_desktop_menu,
@ -365,25 +366,32 @@ nav {
} }
} }
} }
#navitem_server_menu { #navitem_server_menu {
width: 550px; width: 550px;
} }
#navitem_administration_menu { #navitem_administration_menu {
width: auto; width: auto;
} }
#navitem_workspace { #navitem_workspace {
width: auto; width: auto;
} }
#navitem_features_menu { #navitem_features_menu {
width: 800px; width: 800px;
} }
#navitem_integration_menu { #navitem_integration_menu {
width: auto; width: auto;
} }
#navitem_mobile_menu { #navitem_mobile_menu {
width: 600px; width: 600px;
left: calc(~"50% - 600px"); left: calc(~"50% - 600px");
} }
#navitem_saas, #navitem_saas,
#navitem_features, #navitem_features,
#navitem_mobile, #navitem_mobile,
@ -394,9 +402,11 @@ nav {
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;
} }
} }
.accented { .accented {
color: @redColor; color: @redColor;
} }
#navitem_features_menu, #navitem_features_menu,
#navitem_mobile_menu, #navitem_mobile_menu,
#navitem_desktop_menu, #navitem_desktop_menu,
@ -429,6 +439,7 @@ a.dropdown-item {
background-color: #F7F7F7; background-color: #F7F7F7;
} }
} }
.navitem_description { .navitem_description {
color: @textColorBlackLight; color: @textColorBlackLight;
font-size: 13px; font-size: 13px;
@ -436,9 +447,11 @@ a.dropdown-item {
text-transform: none; text-transform: none;
padding: 0 25px 20px; padding: 0 25px 20px;
} }
.mobile_no_link { .mobile_no_link {
display: none !important; display: none !important;
} }
ul.navitem_2nd_menu { ul.navitem_2nd_menu {
padding: 0 0 10px; padding: 0 0 10px;
margin: 0; margin: 0;
@ -557,7 +570,7 @@ nav ul li a.menuitem:hover,
/*.one_click_install #navitem_opensource, /*.one_click_install #navitem_opensource,
.hosting_edition #navitem_hosted,*/ .hosting_edition #navitem_hosted,*/
.connectors #navitem_integration, .modules_list #navitem_modules, .document_editors #navitem_editors, #navitem_integr, #navitem_workspace .windows_version #navitem_windows, .common_all_os.desktop_editors #navitem_desktop_docs, .desktop_windows_version #navitem_desktop_docs, .desktop_linux_version #navitem_desktop_docs, .desktop_macos_version #navitem_desktop_docs, .mob_docs_ios #navitem_mobile_docs_ios, .android_documents #navitem_mobile_docs_android, .mobile_document_editor #navitem_mobile_docs_ios, .mobile_se #navitem_mobile_docs_ios, .mobile_presentation_editor #navitem_mobile_docs_ios, .android_document_editor #navitem_mobile_docs_android, .android_se #navitem_mobile_docs_android, .android_se #navitem_mobile_docs_android, .web_documents_ios #navitem_mobile_web_docs_ios, .web_documents_android #navitem_mobile_web_docs_android, .ios_web_document_editor #navitem_mobile_web_docs_ios, .ios_web_se #navitem_mobile_web_docs_ios, .ios_web_presentation_editor #navitem_mobile_web_docs_ios, .android_web_document_editor #navitem_mobile_web_docs_android, .andr_web_se #navitem_mobile_web_docs_android, .andr_web_se #navitem_mobile_web_docs_android, .mob_proj #navitem_mob_proj, .mob_proj_ios #navitem_mob_proj, .linux_version #navitem_linux, .docker_version #navitem_docker, nav ul li a.menusubitem.active, nav ul li a.menusubitem:hover, .document_builder #navitem_docbuilder_api, .developer_plugins #navitem_plugins { .connectors #navitem_integration, .modules_list #navitem_modules, .document_editors #navitem_editors, #navitem_integr, #navitem_workspace .windows_version #navitem_windows, .common_all_os.desktop_editors #navitem_desktop_docs, .desktop_windows_version #navitem_desktop_docs, .desktop_linux_version #navitem_desktop_docs, .desktop_macos_version #navitem_desktop_docs, .mob_docs_ios #navitem_mobile_docs_ios, .android_documents #navitem_mobile_docs_android, .mobile_document_editor #navitem_mobile_docs_ios, .mobile_se #navitem_mobile_docs_ios, .mobile_presentation_editor #navitem_mobile_docs_ios, .android_document_editor #navitem_mobile_docs_android, .android_se #navitem_mobile_docs_android, .android_se #navitem_mobile_docs_android, .web_documents_ios #navitem_mobile_web_docs_ios, .web_documents_android #navitem_mobile_web_docs_android, .ios_web_document_editor #navitem_mobile_web_docs_ios, .ios_web_se #navitem_mobile_web_docs_ios, .ios_web_presentation_editor #navitem_mobile_web_docs_ios, .android_web_document_editor #navitem_mobile_web_docs_android, .andr_web_se #navitem_mobile_web_docs_android, .andr_web_se #navitem_mobile_web_docs_android, .mob_proj #navitem_mob_proj, .mob_proj_ios #navitem_mob_proj, .linux_version #navitem_linux, .docker_version #navitem_docker, nav ul li a.menusubitem.active, nav ul li a.menusubitem:hover, .document_builder #navitem_docbuilder_api, .developer_plugins #navitem_plugins {
background: #F7F7F7; background: #fff;
} }
.BaseFooter { .BaseFooter {
@ -701,19 +714,69 @@ nav ul li a.menuitem:hover,
.advent-underline { .advent-underline {
text-decoration: underline; text-decoration: underline;
} }
@media screen and (max-width: 1089px) { @media screen and (max-width: 1500px) {
nav {
margin-right: 25%;
}
}
@media screen and (max-width: 1369px) {
nav {
margin-right: 30%;
width: 100vw;
}
.narrowheader {
width: 100%;
.logo {
margin-left: 60px;
z-index: 10000000;
height: 40px;
width: 50px;
a {
width: 50px;
}
}
}
}
@media screen and (max-width: 1245px) {
.advent-desktop-hide { .advent-desktop-hide {
display: inline-block; display: inline-block;
} }
.icon-program-block {
display: grid;
grid-template-columns: 1fr 1fr;
margin: auto;
}
.headerButton {
margin-right: 5%;
}
.underline {
display: none;
}
#LanguageSelector {
width: 50px !important;
}
.advent-mobile-hide { .advent-mobile-hide {
display: none; display: none;
} }
header { header {
padding-top: 40px !important; padding-top: 0px !important;
} }
.advent-announce-text { .advent-announce-text {
@ -744,7 +807,11 @@ nav ul li a.menuitem:hover,
} }
} }
@media screen and (max-width: 969px) { @media screen and (max-width: 1190px) {
header {
padding-top: 20px !important;
}
#navitem_features, #navitem_features,
#navitem_development, #navitem_development,

View File

@ -5617,3 +5617,167 @@ em.error_text {
} }
} }
} }
@media screen and (max-width: 1200px) {
#mainPage.InnerPage {
.first-block {
padding-left: 20px;
padding-right: 20px;
}
.second-block {
padding-left: 20px;
padding-right: 20px;
}
.first-column {
width: auto;
padding-left: 32px;
}
.second-column {
width: auto;
padding-left: 32px;
}
.ip_main_part {
margin: 0 auto;
text-align: center;
.integration_block {
display: block;
width: auto;
position: relative;
margin: 0;
vertical-align: top;
margin-bottom: 20px;
.pp_users_block {
max-width: 90%;
}
}
}
}
}
@media screen and (max-width: 969px) {
#mainPage.InnerPage {
.first-block {
display: block;
padding-right: 20px;
padding-left: 20px;
}
.second-block {
display: block;
padding-right: 20px;
padding-left: 20px;
}
.icon-program-block {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 71px 0;
margin: auto;
}
.first-column {
width: auto;
display: block;
padding-left: 32px;
}
.second-column {
width: auto;
display: block;
padding-left: 32px;
}
.ip_main_part {
margin: 0 auto;
text-align: center;
.integration_block {
display: block;
width: auto;
position: relative;
margin: 0;
vertical-align: top;
margin-bottom: 20px;
}
}
}
}
@media screen and (max-width: 650px) {
#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: 450px;
border-radius: 32px;
outline: none;
}
}
}
p {
max-width: 400px;
}
.icon-program-block {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 71px 0;
margin: auto;
max-width: 400px;
}
.ip_main_part {
display: block;
}
}
}
@media screen and (max-width: 500px) {
#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: 275px;
border-radius: 32px;
outline: none;
}
}
}
.ip_main_part {
margin: 0 auto;
text-align: center;
display: block;
}
}
}

View File

@ -1,6 +1,7 @@
@import "base.less"; @import "base.less";
@mobileWidth: calc(~"100% - 32px");
@media screen and (max-width: 969px) { @media screen and (max-width: 1190px) {
html { html {
overflow-x: hidden; overflow-x: hidden;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
@ -12,6 +13,7 @@
padding: 0; padding: 0;
width: @mobileDefaultWidth; width: @mobileDefaultWidth;
} }
.mobile_table_contents { .mobile_table_contents {
background-color: @mobileMenuColor; background-color: @mobileMenuColor;
color: @textColorLinkMain; color: @textColorLinkMain;
@ -28,7 +30,7 @@
width: @mobileDefaultWidth; width: @mobileDefaultWidth;
z-index: 999; z-index: 999;
&:after { &:after {
background: url(/images/Site/Icons/search.png) no-repeat 50% 50%; background: url(/images/main-page/Search.svg) no-repeat 50% 50%;
border-left: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9;
content: ''; content: '';
display: block; display: block;
@ -64,7 +66,7 @@
div.description { div.description {
border: 0 none; border: 0 none;
margin: 0; margin: 0;
padding: 15px 20px 20px; padding: 0 0 0;
width: auto; width: auto;
.menuleft { .menuleft {
background-color: @mobileMenuColor; background-color: @mobileMenuColor;
@ -97,8 +99,9 @@
padding: 15px 10px; padding: 15px 10px;
position: fixed; position: fixed;
top: 41px; top: 41px;
width: @mobileDefaultWidth; z-index: 500;
z-index: 100000; max-width: 700px;
} }
.langselector { .langselector {
top: 11px; top: 11px;
@ -176,6 +179,8 @@
width: 100%; width: 100%;
} }
} }
a.dropdown-item { a.dropdown-item {
white-space: normal; white-space: normal;
} }
@ -221,6 +226,7 @@
.document_builder #navitem_developer { .document_builder #navitem_developer {
border-color: #F2F2F2; border-color: #F2F2F2;
} }
.menuitem { .menuitem {
border-bottom: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2;
&:before { &:before {
@ -314,22 +320,23 @@
.bottommenu { .bottommenu {
display: none !important; display: none !important;
} }
#floatSubMenu { #floatSubMenu {
display: none !important; display: none !important;
} }
.undertop { .undertop {
margin: 0; margin: 0;
padding: 80px 20px 0; padding: 0px 20px 0;
width: auto; width: auto;
} }
footer { footer {
position: relative; position: relative;
} }
header { header {
width: 100%;
padding: 0; padding: 0;
z-index: 10000; z-index: 10000;
height: 40px; height: 60px;
position: fixed; position: fixed;
&.fixed{ &.fixed{
@ -343,7 +350,7 @@
margin-left: 60px; margin-left: 60px;
z-index: 10000000; z-index: 10000000;
height: 40px; height: 40px;
background-size: auto 24px; width: 50px;
a { a {
height: 40px; height: 40px;
@ -403,17 +410,21 @@
vertical-align: middle; vertical-align: middle;
} }
} }
table { table {
width: 100%; width: 100%;
} }
.video_ground { .video_ground {
.video_block { .video_block {
margin-left: 0; margin-left: 0;
} }
} }
img.screen_guides { img.screen_guides {
display: none; display: none;
} }
.block_of_step { .block_of_step {
.screen_block { .screen_block {
max-width: @mobileDefaultWidth; max-width: @mobileDefaultWidth;
@ -463,11 +474,40 @@
#navitem_developer, #navitem_features, #navitem_saas, #navitem_mobile, #navitem_server, #navitem_desktop { #navitem_developer, #navitem_features, #navitem_saas, #navitem_mobile, #navitem_server, #navitem_desktop {
border-color: #f2f2f2; border-color: #f2f2f2;
} }
.langselector {
display: none;
} }
}
@media screen and (max-width: 429px) { @media screen and (max-width: 429px) {
header{
z-index:10002;
}
span.toggler { span.toggler {
position: relative; position: relative;
} }
.search_line {
max-width: 350px;
}
.jspPane{
margin-top:-20px;
}
.search_line {
left: 18px;
top: 81px;
z-index: 10001;
}
.faq_pricing_block {
max-width: 300px;
}
} }
@media screen and (max-width: 500px) { @media screen and (max-width: 500px) {
.page_download_button { .page_download_button {
@ -476,4 +516,28 @@
margin: 20px 0 0; margin: 20px 0 0;
} }
} }
.InnerPage {
p {
padding: 10px 20px;
}
.name-icon-program {
padding: 0px;
}
.MainHelpCenter {
h1 {
margin: 10px 10px 20px;
}
}
.block-editor {
margin-right: 0px;
span {
margin-right: 10px;
margin-top: 5px;
}
}
}
} }

737
Web/css/navigation.less Normal file
View File

@ -0,0 +1,737 @@
/*
Copyright (c) Ascensio System SIA 2019. All rights reserved.
https://www.onlyoffice.com
*/
@import "base.less";
nav {
height: 71px;
margin: 0;
padding: 0;
position: absolute;
text-align: center;
top: 0;
width: 58vw;
& > div {
> ul,
> ul > li {
display: inline-block;
list-style-type: none;
}
> ul {
margin: 0;
padding: 0;
width: 100%;
height: 71px;
display: inline-block;
position: relative;
&.all-menu-items {
display: grid;
display: -ms-grid;
grid-template-columns: auto auto auto auto auto auto;
-ms-grid-columns: auto 32px auto 32px auto 32px auto 32px auto 32px auto;
width: 100%;
}
// For IE 11 header style
li:first-child {
-ms-grid-column: 1;
}
li:nth-child(2) {
-ms-grid-column: 3;
}
li:nth-child(3) {
-ms-grid-column: 5;
}
li:nth-child(4) {
-ms-grid-column: 7;
}
li:nth-child(5) {
-ms-grid-column: 9;
}
li:nth-child(6) {
-ms-grid-column: 11;
}
> li {
padding: 0;
margin: 0;
height: 71px;
> a {
padding: 21px 0;
display: inline-block;
height: 29px;
border-bottom-color: @redColor;
letter-spacing: 0.08em;
text-transform: uppercase;
}
> ul {
> li {
text-transform: none;
}
}
}
a.singin {
border: 1px solid #aaa;
.borderRadius(3px);
.transition3(background, .3s, color, .3s, border, .3s);
margin: -18px 0 0 15px;
padding: 13px 25px;
height: auto;
&:hover {
color: @redColor;
}
}
}
}
.active {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
&:hover {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
}
.nav-down-triangle {
width: 0;
height: 0;
border-style: solid;
border-width: 4px 4px 0 4px;
border-color: #999 transparent transparent transparent;
display: inline-block;
margin: 0 0 4px 6px;
}
.pushy-content {
margin: 0 auto;
max-width: 768px;
width: 58vw;
}
}
.menuitem {
white-space: nowrap;
}
.phone_wrapper {
position: absolute;
right: 0;
top: 0;
left: auto;
bottom: auto;
margin: 0;
padding: 0;
z-index: 1;
.call_phone {
margin-right: 60px;
padding: 21px 0;
}
}
.call_phone {
text-decoration: none;
color: @textColor;
font-weight: 600;
font-size: 14px;
letter-spacing: 0.02em;
line-height: 29px;
vertical-align: middle;
display: none;
padding-top: 22px;
&:before {
//display: inline-block;
display: none;
margin: 0 13px 4px 0;
padding: 0;
width: 18px;
height: 18px;
content: '';
background-image: url(/images/phone.svg);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 18px 18px;
vertical-align: middle;
}
&:hover, &:focus, &:active {
color: @textColor;
text-decoration: none;
}
}
.header_button {
display: inline-block;
float: right;
margin: 12px 10px 0 0;
text-align: center;
}
a.btn_top_sign {
text-decoration: none;
color: @textColor;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
line-height: 1.2em;
text-align: center;
padding: 0 13px;
height: 44px;
width: 120px;
display: table-cell;
vertical-align: middle;
border: 1px solid #aaa;
.borderRadius(3px);
.transition3(background, .3s, color, .3s, border, .3s);
&:hover {
border-color: @redHoverColor;
color: @redHoverColor;
}
}
#latest_release_div {
cursor: pointer;
margin: 16px 19px 0 32px;
#latest_release_date {
color: #808080;
font-size: 13px;
line-height: 1.6em;
padding-right: 36px;
padding-top: 16px;
}
#latest_release_header {
color: #444444;
font-size: 14px;
line-height: 1.6em;
padding-right: 36px;
padding-top: 10px;
}
#latest_release_img {
background-size: contain;
height: 88px;
width: 180px;
}
}
@media screen and (min-width: 1190px) {
.BaseSide {
&.default {
.call_phone.default {
display: inline-block;
}
}
&.eu {
.call_phone.eu {
display: inline-block;
}
}
&.sg {
.call_phone.sg {
display: inline-block;
}
}
&.ru {
.call_phone.ru {
display: inline-block;
}
}
}
#navitem_solutions_apps_editors_overview,
#navitem_solutions_apps_collaboration_overview,
#navitem_solutions_apps_comparison_overview,
#navitem_solutions_saas_mobile,
#navitem_solutions_server_enterprice_mobile,
#navitem_solutions_connectors_mobile,
#navitem_solutions_integration_mobile {
display: none;
}
#navitem_features_menu,
#navitem_about_menu,
#navitem_download_menu,
#navitem_partnership_menu,
#navitem_prices_menu,
#navitem_solutions_menu {
display: none;
position: absolute;
z-index: 1999;
border: 0 none;
top: 71px;
.shadowFullCustomizable(0,20px,50px,rgba(85, 85, 85, 0.15));
.dropdown-content {
list-style-type: none;
margin: 0;
padding: 27px 0;
display: block;
min-width: 190px;
background: #fff;
text-align: left;
& > li {
display: block;
margin: 0;
padding: 0;
vertical-align: top;
b {
color: #444444;
}
&.nowrap-link {
white-space: nowrap;
}
}
}
&:before {
display: block;
position: absolute;
width: 0;
content: "";
height: 1px;
background-color: @redColor;
transition: width .2s ease-in-out, left .2s ease-in-out;
left: 50%;
top: 0;
}
&:after {
display: block;
position: absolute;
width: 0;
content: "";
height: 1px;
background-color: @redColor;
transition: width .2s ease-in-out;
left: 50%;
top: 0;
}
&.top_border {
&:before {
width: 50%;
left: 0;
}
&:after {
width: 50%;
}
}
}
#navitem_solutions_menu {
left: calc(~"50% - 426px");
.dropdown-content {
> li {
display: table-cell;
width: 25%;
border-right: 1px solid #CCCCCC;
&:last-of-type {
border-right: 0 none;
}
}
}
}
#navitem_features_menu {
width: 820px;
left: calc(~"50% - 322px");
.dropdown-content {
> li {
display: table-cell;
width: 295px;
border-right: 1px solid #CCCCCC;
&:last-of-type {
border-right: 0 none;
}
}
}
}
#navitem_about_menu,
#navitem_download_menu,
#navitem_partnership_menu,
#navitem_prices_menu {
left: calc(~"50% - 102px");
}
.all-menu-items {
> li:nth-of-type(3), > li:nth-of-type(4), > li:nth-of-type(5), > li:nth-of-type(6) {
position: relative;
}
}
.all-menu-items {
> li:nth-of-type(1), > li:nth-of-type(2) {
position: static;
}
}
#navitem_about,
#navitem_features,
#navitem_download,
#navitem_partners,
#navitem_solutions,
#navitem_prices {
border-bottom: 1px solid #d9d9d9;
}
.latest_releases {
width: 100%;
margin: 0;
padding: 0;
background-color: #fff;
&:before {
width: 95%;
height: 0;
margin: 0 auto;
border-top: 1px solid #CCCCCC;
display: block;
content: '';
}
}
}
.accented {
color: @redColor;
}
#navitem_features_menu,
#navitem_about_menu,
#navitem_download_menu,
#navitem_partnership_menu,
#navitem_prices_menu,
#navitem_solutions_menu {
padding: 0;
}
a.dropdown-item {
display: block;
background: none;
border: 0;
color: #444444;
font-size: 14px;
font-weight: 700;
cursor: pointer;
line-height: 36px;
margin: 0;
padding: 0 32px;
text-decoration: none;
white-space: nowrap;
&:hover {
color: @redColor;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
&#navitem_download_signin {
display: inline-block;
padding-right: 4px;
}
&#navitem_download_signup {
display: inline-block;
padding-left: 4px;
}
}
@media screen and (min-width: 1600px) {
#navitem_solutions_menu {
left: 0;
}
#navitem_features_menu {
left: 0;
}
.all-menu-items {
> li:nth-of-type(1), > li:nth-of-type(2) {
position: relative;
}
}
}
.navitem_description {
color: @lightGrayTextColor;
font-size: 13px;
line-height: 1.4em;
text-transform: none;
padding: 0 32px 20px;
}
ul.navitem_2nd_menu {
padding: 0 0 10px;
margin: 0;
li {
a.nav_2nd_menu_link {
display: block;
text-transform: none;
background: none;
border: 0;
color: @gray4;
font-size: 14px;
cursor: pointer;
line-height: 1.6em;
margin: 0;
padding: 4px 32px 4px 48px;
text-decoration: none;
&:hover,
&.redirect {
color: @redColor;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
&#navitem_solutions_signin {
color: @redColor;
}
}
}
}
#navitem_about,
#navitem_features,
#navitem_download,
#navitem_partners,
#navitem_solutions,
#navitem_prices,
a.singin {
color: @gray4;
text-decoration: none;
font-size: 12px;
line-height: 29px;
font-weight: 600;
vertical-align: middle;
&:hover {
border-color: @redColor;
}
&.active {
border-color: @redColor;
color: @redColor;
&:hover {
border-color: @redColor;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
}
}
#navitem_blockchain {
color: @redColor;
}
#officesuitemainpage #navitem_features,
#officesuitedoceditorpage #navitem_features,
#officesuitespeditorpage #navitem_features,
#officesuitepreditorpage #navitem_features,
#collaborationmainpage #navitem_features,
#collaborationdocmanagepage #navitem_features,
#collaborationcommunitypage #navitem_features,
#collaborationcalendarpage #navitem_features,
#collaborationcrmpage #navitem_features,
#collaborationprojectspage #navitem_features,
#collaborationmailpage #navitem_features,
#desktopmobileappspage #navitem_features,
#officeforiospage #navitem_features,
#officeforandroidpage #navitem_features,
#mobileprojectspage #navitem_features,
#editorcomparisonpage #navitem_features,
#editorcomparisonmsofficepage #navitem_features,
#editorcomparisongoogledocspage #navitem_features,
#editorcomparisonzohodocspage #navitem_features,
#editorcomparisoncollaborapage #navitem_features,
#editorcomparisonlibreofficepage #navitem_features,
#comparesolutionspage #navitem_features,
#newspage #navitem_features,
#downloadenterprisepage #navitem_download,
#downloadspage #navitem_download,
#downloaddesktoppage #navitem_download,
#downloadbuilderpage #navitem_download,
#integrationdownloadspage #navitem_download,
#downloadconnectorspage #navitem_download,
#integrationrequest #navitem_download,
#connectorsrequestpage #navitem_download,
#enterpriseeditionfreepage #navitem_download,
#cloudofficepage #navitem_solutions,
#serversolutionspage #navitem_solutions,
#connectorsmainpage #navitem_solutions,
#connectorsalfrescopage #navitem_solutions,
#connectorsconfluencepage #navitem_solutions,
#connectorsnextcloudpage #navitem_solutions,
#connectorsowncloudpage #navitem_solutions,
#connectorssharepointpage #navitem_solutions,
#connectorsthirdpartypage #navitem_solutions,
#securitypage #navitem_solutions,
#nonprofitpage #navitem_solutions,
#compareeditionspage #navitem_solutions,
#comparedocumenteditionspage #navitem_solutions,
#signinpage #navitem_download,
#signuppage #navitem_download,
#fordeveloperspage #navitem_solutions,
#saaspricespage #navitem_prices,
#solutionspage #navitem_prices,
#servereditorspricespage #navitem_prices,
#desktoppricespage #navitem_prices,
#integrationpricespage #navitem_prices,
#resellerspage #navitem_partners,
#partnerspage #navitem_partners,
#partnerdeveloperspage #navitem_partners,
#findpartnerspage #navitem_partners,
#partnershiprequestpage #navitem_partners,
#affiliatespage #navitem_partners,
#onlyofficeblockchainpage #navitem_blockchain,
#whowearepage #navitem_about,
#contributepage #navitem_about,
#casestudiespage #navitem_about,
#customerspage #navitem_about,
#awardspage #navitem_about,
#eventspage #navitem_about,
#pressdownloadspage #navitem_about,
#contactuspage #navitem_about,
#signinpage a.singin {
color: @redColor;
border-color: @redColor;
}
#forsmallbusinesspage,
#forenterprises,
#fordeveloperspage,
#forhostingproviders,
#governmentpage,
#healthcarepage,
#forresearchpage,
#educationpage,
#nonprofitspage,
#homeusepage
{
#navitem_solutions {
color: @redColor;
}
}
#workspacepage #navitem_features,
#newintegrationpricespage #navitem_prices,
#workspacepricingpage #navitem_prices
{
color: @redColor;
}
#newspage #navitem_latest_releases,
#securitypage #navitem_solutions_security,
#officeforiospage #navitem_solutions_clients_mobile_ios,
#officeforandroidpage #navitem_solutions_clients_mobile_android,
#mobileprojectspage #navitem_solutions_clients_mobile_projects,
#desktopmobileappspage #navitem_solutions_clients_apps,
#downloaddesktoppage #navitem_download_desktop,
#downloadbuilderpage #navitem_download_docbuilder,
#integrationdownloadspage #navitem_download_integration,
#integrationrequest #navitem_download_integration,
#downloadconnectorspage #navitem_download_connectors,
#connectorsrequestpage #navitem_download_connectors,
#partnerdeveloperspage #navitem_developers,
#findpartnerspage #navitem_find_partners,
#partnershiprequestpage #navitem_submit_request,
#resellerspage #navitem_resellers,
#partnerspage #navitem_hosters,
#affiliatespage #navitem_hosters,
#mobileprojectspage #navitem_clients_third_level_menu,
#desktopmobileappspage #navitem_clients_third_level_menu,
#integrationeditionpage #navitem_solutions_integration,
#serversolutionspage #navitem_solutions_server_enterprice,
#cloudofficepage #navitem_solutions_saas,
#desktoppricespage #navitem_prices_desktop,
#saaspricespage #navitem_prices_saas,
#newintegrationpricespage #navitem_prices_server_enterprice,
#integrationpricespage #navitem_prices_integration,
#workspacepricingpage #navitem_prices_enterprise,
#servereditorspricespage #navitem_prices_server_enterprice,
#connectorsmainpage #navitem_solutions_connectors,
#enterpriseeditionfreepage #navitem_download_enterprise,
#downloadenterprisepage #navitem_download_enterprise,
#downloadspage #navitem_download_community,
#nonprofitpage #navitem_solutions_nonprofit,
#signinpage #navitem_solutions_signin,
#editorcomparisonpage #navitem_solutions_compare,
#editorcomparisonmsofficepage #navitem_features_compare_msoffice,
#editorcomparisongoogledocspage #navitem_features_compare_google,
#editorcomparisonzohodocspage #navitem_features_compare_zoho,
#editorcomparisoncollaborapage #navitem_features_compare_collabora,
#editorcomparisonlibreofficepage #navitem_features_compare_libreoffice,
#comparesolutionspage #navitem_features_compare_office365_gsuite,
#compareeditionspage #navitem_solutions_enterprise_compare,
#comparedocumenteditionspage #navitem_solutions_integration_compare,
#documentBuilderLanding #navitem_solutions_docbuilder,
#officesuitemainpage #navitem_features_editors,
#officesuitedoceditorpage #navitem_features_document_editor,
#officesuitespeditorpage #navitem_features_spreadsheet_editor,
#officesuitepreditorpage #navitem_features_presentation_editor,
#collaborationmainpage #navitem_features_comserver,
#collaborationdocmanagepage #navitem_features_documents,
#collaborationcommunitypage #navitem_features_network,
#collaborationcalendarpage #navitem_features_calendar,
#collaborationcrmpage #navitem_features_crm,
#collaborationprojectspage #navitem_features_projects,
#collaborationmailpage #navitem_features_mail,
#whowearepage #navitem_about_about,
#contributepage #navitem_about_contribute,
#customerspage #navitem_about_customers,
#awardspage #navitem_about_awards,
#eventspage #navitem_about_events,
#newwebinarspage #navitem_about_webinars,
#pressdownloadspage #navitem_about_pressdownloads,
#contactuspage #navitem_about_contacts,
#connectorsalfrescopage #navitem_solutions_connector_alfresco,
#connectorsconfluencepage #navitem_solutions_connector_confluence,
#connectorsnextcloudpage #navitem_solutions_connector_nextcloud,
#connectorsowncloudpage #navitem_solutions_connector_owncloud,
#connectorssharepointpage #navitem_solutions_connector_sharepoint,
#connectorsthirdpartypage #navitem_solutions_connector_thirdparty {
background: #F7F7F7;
}
a#banners {
display: none;
}
.banners a#banners {
display: block;
}
#landing_enterprise,
#serverlandingpreoderpage,
#owncloudlandingpage,
#nextcloudlandingpage {
.partnership_menu_item,
.cookie_mess {
display: none !important;
}
}

View File

@ -8,7 +8,7 @@
* by Christopher Yee */ * by Christopher Yee */
/* Menu Appearance */ /* Menu Appearance */
@import "base.less"; @import "base.less";
@media screen and (max-width: 969px) { @media screen and (max-width: 1190px) {
.pushy { .pushy {
position: fixed; position: fixed;
width: 300px; width: 300px;

View File

@ -449,14 +449,6 @@ footer {
color: #fff; color: #fff;
margin: 19px 0px 0px 39px; margin: 19px 0px 0px 39px;
font-size: 13px; font-size: 13px;
&:nth-child(1) {
margin-right: 44px;
}
&:nth-child(2) {
margin-right: 60px;
}
} }
.copyReserved { .copyReserved {
@ -525,4 +517,123 @@ footer {
grid-column-gap: 32px; grid-column-gap: 32px;
} }
@media screen and (max-width: 767px) {
footer {
.footercolor {
background: #fff;
}
.narrowfooter {
width: auto;
margin: 0;
.bottomlines {
grid-template-columns: 1fr;
-ms-grid-columns: 1fr !important;
-ms-grid-rows: auto auto auto auto;
padding-top: 0;
margin-bottom: 0;
width: 100%;
.footer_menu:first-child {
-ms-grid-column: 1;
-ms-grid-row: 1;
}
.footer_menu:nth-child(2) {
-ms-grid-column: 1;
-ms-grid-row: 2;
}
.footer_menu:nth-child(3) {
-ms-grid-column: 1;
-ms-grid-row: 3;
}
.footer_menu:last-child {
-ms-grid-column: 1;
-ms-grid-row: 4;
}
& > div {
margin: 0px 0px 0px 39px;
}
}
.footer_menu {
padding: 0;
}
.footer_menu_item {
border-bottom: 2px solid #F7F7F7;
align-items: center;
padding: 3px 0;
h6, .SocialLinks span {
padding: 14px 0;
}
h6 {
position: relative;
cursor: pointer;
&:after {
display: block;
content: '';
width: 10px;
height: 10px;
background-image: url(/images/arrow-gray.svg);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: auto 100%;
position: absolute;
right: 10px;
top: 17px;
-webkit-transition: 0.1s linear;
-moz-transition: 0.1s linear;
-o-transition: 0.1s linear;
transition: 0.1s linear;
}
&.collapsed {
&:after {
transform: rotate(90deg);
}
}
&.expanded {
&:after {
transform: rotate(270deg);
}
}
}
> div {
display: none;
&:last-child {
padding-bottom: 14px;
}
}
&.fmi_social {
border-bottom: 0;
h6 {
cursor: default;
}
> div {
display: block;
margin-top: 20px;
}
}
}
.ListSocLink {
max-width: 100%;
align-items: flex-end;
}
}
}
}

View File

@ -0,0 +1,5 @@
<svg width="31" height="28" viewBox="0 0 31 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.4059 27.6457L0.805056 21.6925C-0.268352 21.1728 -0.268352 20.3696 0.805056 19.8971L5.19203 17.8182L13.3593 21.6925C14.4327 22.2122 16.1595 22.2122 17.1862 21.6925L25.3534 17.8182L29.7404 19.8971C30.8138 20.4168 30.8138 21.2201 29.7404 21.6925L17.1395 27.6457C16.1595 28.1182 14.4327 28.1182 13.4059 27.6457Z" fill="#FF6F3D"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.3651 20.0222L0.802603 14.8071C-0.267534 14.3519 -0.267534 13.6482 0.802603 13.2343L5.08315 11.4546L13.3651 14.8899C14.4352 15.3452 16.1568 15.3452 17.1804 14.8899L25.4623 11.4546L29.7429 13.2343C30.813 13.6896 30.813 14.3932 29.7429 14.8071L17.1804 20.0222C16.1102 20.4775 14.3887 20.4775 13.3651 20.0222Z" fill="#95C038"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.3651 13.6566L0.802603 7.88716C-0.267534 7.38348 -0.267534 6.60507 0.802603 6.14718L13.3651 0.37776C14.4352 -0.12592 16.1568 -0.12592 17.1804 0.37776L29.7429 6.14718C30.813 6.65086 30.813 7.42927 29.7429 7.88716L17.1804 13.6566C16.1102 14.1145 14.3887 14.1145 13.3651 13.6566Z" fill="#5DC0E8"/>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -0,0 +1,5 @@
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="4.54541" y="11" width="16" height="2" rx="1" fill="#333333"/>
<rect x="4.54541" y="16" width="12" height="2" rx="1" fill="#333333"/>
<rect x="4.54541" y="6" width="16" height="2" rx="1" fill="#333333"/>
</svg>

After

Width:  |  Height:  |  Size: 315 B

View File

@ -0,0 +1,25 @@
$(function () {
function footerRestoreDesktop() {
if (window.innerWidth > '769') {
$(".footer_menu_item h6").siblings(".footer_menu_item > div").show();
} else {
$(".footer_menu_item h6").removeClass("expanded").addClass("collapsed").siblings(".footer_menu_item > div").hide();
}
}
$(".footer_menu_item h6").on("click", function(){
if (window.innerWidth < '769') {
if($(this).hasClass("expanded")){
$(this).removeClass("expanded").addClass("collapsed").siblings(".footer_menu_item > div").slideUp();
} else {
$(".footer_menu_item h6").not("expanded").removeClass("expanded").addClass("collapsed").siblings(".footer_menu_item > div").slideUp();
$(this).removeClass("collapsed").addClass("expanded").siblings(".footer_menu_item > div").slideDown();
}
}
});
$(document).ready(function(){
footerRestoreDesktop();
});
$(window).on('resize', function(){
footerRestoreDesktop();
});
});

View File

@ -8,7 +8,7 @@
$(".pushy-submenu") $(".pushy-submenu")
.addClass('pushy-submenu-closed') .addClass('pushy-submenu-closed')
.removeClass('pushy-submenu-open'); .removeClass('pushy-submenu-open');
if (window.innerWidth < '970') { if (window.innerWidth < '1190') {
var submenuOpen = $('.pushy-submenu.pushy-submenu-open'); var submenuOpen = $('.pushy-submenu.pushy-submenu-open');
if (submenuOpen != null) { if (submenuOpen != null) {
$('.pushy-submenu').css('display', 'block'); $('.pushy-submenu').css('display', 'block');
@ -28,7 +28,7 @@
$('body') $('body')
.on("click", "a.nav_2nd_menu_link", function() { .on("click", "a.nav_2nd_menu_link", function() {
if (window.innerWidth < '970') { if (window.innerWidth < '1190') {
$('.pushy-link').trigger('click'); $('.pushy-link').trigger('click');
$('body').removeClass('pushy-open-left'); $('body').removeClass('pushy-open-left');
var href = $(this).attr('href'); var href = $(this).attr('href');
@ -44,7 +44,7 @@
$(".pushy-submenu") $(".pushy-submenu")
.addClass('pushy-submenu-closed') .addClass('pushy-submenu-closed')
.removeClass('pushy-submenu-open'); .removeClass('pushy-submenu-open');
if (window.innerWidth < '970') { if (window.innerWidth < '1190') {
var submenuOpen = $('.pushy-submenu.pushy-submenu-open'); var submenuOpen = $('.pushy-submenu.pushy-submenu-open');
if (submenuOpen != null) { if (submenuOpen != null) {
$('.pushy-submenu').css('display', 'block'); $('.pushy-submenu').css('display', 'block');
@ -57,7 +57,7 @@
$('.menuitem') $('.menuitem')
.click(function () { .click(function () {
var menuitem = $(this); var menuitem = $(this);
if (window.innerWidth < '970') { if (window.innerWidth < '1190') {
if ($($(this)[0].parentNode).hasClass('pushy-submenu-closed')) { if ($($(this)[0].parentNode).hasClass('pushy-submenu-closed')) {
$('.pushy-submenu').hide(); $('.pushy-submenu').hide();
$($(this)[0].parentNode).show(); $($(this)[0].parentNode).show();
@ -77,7 +77,7 @@
} }
}) })
.hover(function (event) { .hover(function (event) {
if (window.innerWidth >= '970') { if (window.innerWidth >= '1190') {
var menuitem = $(this); var menuitem = $(this);
if (!menuitem.hasClass('active')) { if (!menuitem.hasClass('active')) {
menuitem.click(); menuitem.click();
@ -106,7 +106,7 @@
$('ul.akkordeon > li > div').show(); $('ul.akkordeon > li > div').show();
}; };
var mouseleaveCloseMenu = function() { var mouseleaveCloseMenu = function() {
if (window.innerWidth > '970') { if (window.innerWidth > '1190') {
$('.menuitem.active').click(); $('.menuitem.active').click();
if (!$('#LanguageSelector').hasClass('open')) $('#fshare-collapsed').show(); if (!$('#LanguageSelector').hasClass('open')) $('#fshare-collapsed').show();
} }
@ -118,14 +118,14 @@
} }
$(document).ready(function () { $(document).ready(function () {
highlightMenuItem(); highlightMenuItem();
if (window.innerWidth >= '970') { if (window.innerWidth >= '1190') {
desktopMenu(); desktopMenu();
} else { } else {
mobileMenu(); mobileMenu();
} }
}); });
$(window).resize(function () { $(window).resize(function () {
if (window.innerWidth >= '970') { if (window.innerWidth >= '1190') {
$('.pushy-submenu').css('display', 'inline-block'); $('.pushy-submenu').css('display', 'inline-block');
desktopMenu(); desktopMenu();
} else { } else {