added adaptive version
This commit is contained in:
parent
47c40eba79
commit
870a76f69f
@ -8,8 +8,9 @@
|
||||
<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/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/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: 998px)" href="<%=VirtualPathUtility.ToAbsolute("~/css/pushy.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: 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" />
|
@ -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/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-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/jquery.dropdownToggle.js")%>"></script>
|
||||
<script type="text/javascript" src="<%=VirtualPathUtility.ToAbsolute("~/js/jquery/pushy.min.js")%>"></script>
|
||||
|
@ -118,7 +118,6 @@
|
||||
<p class="programs-list"><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/configuring-modules.aspx")%>">Configuring modules and tools</a></p>
|
||||
</div>
|
||||
<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/managing-users.aspx")%>">Managing users</a></p>
|
||||
<p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/external-services.aspx")%>">Connecting external services</a></p>
|
||||
|
@ -115,7 +115,6 @@
|
||||
<p class="programs-list"><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/configuring-modules.aspx")%>">Configuring modules and tools</a></p>
|
||||
</div>
|
||||
<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/managing-users.aspx")%>">Managing users</a></p>
|
||||
<p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/external-services.aspx")%>">Connecting external services</a></p>
|
||||
|
@ -116,7 +116,6 @@
|
||||
<p class="programs-list"><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/configuring-modules.aspx")%>">Configuring modules and tools</a></p>
|
||||
</div>
|
||||
<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/managing-users.aspx")%>">Managing users</a></p>
|
||||
<p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/external-services.aspx")%>">Connecting external services</a></p>
|
||||
|
@ -116,7 +116,6 @@
|
||||
<p class="programs-list"><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/configuring-modules.aspx")%>">Configuring modules and tools</a></p>
|
||||
</div>
|
||||
<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/managing-users.aspx")%>">Managing users</a></p>
|
||||
<p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/external-services.aspx")%>">Connecting external services</a></p>
|
||||
|
@ -116,7 +116,6 @@
|
||||
<p class="programs-list"><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/configuring-modules.aspx")%>">Configuring modules and tools</a></p>
|
||||
</div>
|
||||
<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/managing-users.aspx")%>">Managing users</a></p>
|
||||
<p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/external-services.aspx")%>">Connecting external services</a></p>
|
||||
|
@ -116,7 +116,6 @@
|
||||
<p class="programs-list"><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/configuring-modules.aspx")%>">Configuring modules and tools</a></p>
|
||||
</div>
|
||||
<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/managing-users.aspx")%>">Managing users</a></p>
|
||||
<p><a href="<%=VirtualPathUtility.ToAbsolute("~/administration/external-services.aspx")%>">Connecting external services</a></p>
|
||||
|
@ -208,6 +208,7 @@ article {
|
||||
width: 180px;
|
||||
height: 71px;
|
||||
z-index: 100;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
height: 71px;
|
||||
@ -234,12 +235,12 @@ span.underline {
|
||||
color: @textColor;
|
||||
}
|
||||
nav {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 71px;
|
||||
margin: auto;
|
||||
width: 50vw;
|
||||
|
||||
> div {
|
||||
> ul,
|
||||
@ -249,7 +250,6 @@ nav {
|
||||
}
|
||||
|
||||
> ul {
|
||||
margin: 0 0 0 304px;
|
||||
padding: 16px 0 0;
|
||||
width: auto;
|
||||
height: 54px;
|
||||
@ -276,6 +276,7 @@ nav {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul.akkordeon li > div {
|
||||
display: none;
|
||||
}
|
||||
@ -284,7 +285,7 @@ nav {
|
||||
|
||||
|
||||
|
||||
@media screen and (min-width: 969px) {
|
||||
@media screen and (min-width: 1190px) {
|
||||
#navitem_features_menu,
|
||||
#navitem_server_menu,
|
||||
#navitem_desktop_menu,
|
||||
@ -365,25 +366,32 @@ nav {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#navitem_server_menu {
|
||||
width: 550px;
|
||||
}
|
||||
|
||||
#navitem_administration_menu {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
#navitem_workspace {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
#navitem_features_menu {
|
||||
width: 800px;
|
||||
}
|
||||
|
||||
#navitem_integration_menu {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
#navitem_mobile_menu {
|
||||
width: 600px;
|
||||
left: calc(~"50% - 600px");
|
||||
}
|
||||
|
||||
#navitem_saas,
|
||||
#navitem_features,
|
||||
#navitem_mobile,
|
||||
@ -394,9 +402,11 @@ nav {
|
||||
border-bottom: 1px solid transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.accented {
|
||||
color: @redColor;
|
||||
}
|
||||
|
||||
#navitem_features_menu,
|
||||
#navitem_mobile_menu,
|
||||
#navitem_desktop_menu,
|
||||
@ -429,6 +439,7 @@ a.dropdown-item {
|
||||
background-color: #F7F7F7;
|
||||
}
|
||||
}
|
||||
|
||||
.navitem_description {
|
||||
color: @textColorBlackLight;
|
||||
font-size: 13px;
|
||||
@ -436,9 +447,11 @@ a.dropdown-item {
|
||||
text-transform: none;
|
||||
padding: 0 25px 20px;
|
||||
}
|
||||
|
||||
.mobile_no_link {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
ul.navitem_2nd_menu {
|
||||
padding: 0 0 10px;
|
||||
margin: 0;
|
||||
@ -557,7 +570,7 @@ nav ul li a.menuitem:hover,
|
||||
/*.one_click_install #navitem_opensource,
|
||||
.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 {
|
||||
background: #F7F7F7;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.BaseFooter {
|
||||
@ -701,19 +714,69 @@ nav ul li a.menuitem:hover,
|
||||
|
||||
.advent-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 {
|
||||
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 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
header {
|
||||
padding-top: 40px !important;
|
||||
padding-top: 0px !important;
|
||||
}
|
||||
|
||||
.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_development,
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
@ -1,6 +1,7 @@
|
||||
@import "base.less";
|
||||
@mobileWidth: calc(~"100% - 32px");
|
||||
|
||||
@media screen and (max-width: 969px) {
|
||||
@media screen and (max-width: 1190px) {
|
||||
html {
|
||||
overflow-x: hidden;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
@ -12,6 +13,7 @@
|
||||
padding: 0;
|
||||
width: @mobileDefaultWidth;
|
||||
}
|
||||
|
||||
.mobile_table_contents {
|
||||
background-color: @mobileMenuColor;
|
||||
color: @textColorLinkMain;
|
||||
@ -28,7 +30,7 @@
|
||||
width: @mobileDefaultWidth;
|
||||
z-index: 999;
|
||||
&: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;
|
||||
content: '';
|
||||
display: block;
|
||||
@ -64,7 +66,7 @@
|
||||
div.description {
|
||||
border: 0 none;
|
||||
margin: 0;
|
||||
padding: 15px 20px 20px;
|
||||
padding: 0 0 0;
|
||||
width: auto;
|
||||
.menuleft {
|
||||
background-color: @mobileMenuColor;
|
||||
@ -97,8 +99,9 @@
|
||||
padding: 15px 10px;
|
||||
position: fixed;
|
||||
top: 41px;
|
||||
width: @mobileDefaultWidth;
|
||||
z-index: 100000;
|
||||
z-index: 500;
|
||||
max-width: 700px;
|
||||
|
||||
}
|
||||
.langselector {
|
||||
top: 11px;
|
||||
@ -176,6 +179,8 @@
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
a.dropdown-item {
|
||||
white-space: normal;
|
||||
}
|
||||
@ -221,6 +226,7 @@
|
||||
.document_builder #navitem_developer {
|
||||
border-color: #F2F2F2;
|
||||
}
|
||||
|
||||
.menuitem {
|
||||
border-bottom: 1px solid #F2F2F2;
|
||||
&:before {
|
||||
@ -314,22 +320,23 @@
|
||||
.bottommenu {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#floatSubMenu {
|
||||
display: none !important;
|
||||
}
|
||||
.undertop {
|
||||
margin: 0;
|
||||
padding: 80px 20px 0;
|
||||
padding: 0px 20px 0;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
footer {
|
||||
position: relative;
|
||||
}
|
||||
header {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
z-index: 10000;
|
||||
height: 40px;
|
||||
height: 60px;
|
||||
position: fixed;
|
||||
|
||||
&.fixed{
|
||||
@ -343,7 +350,7 @@
|
||||
margin-left: 60px;
|
||||
z-index: 10000000;
|
||||
height: 40px;
|
||||
background-size: auto 24px;
|
||||
width: 50px;
|
||||
|
||||
a {
|
||||
height: 40px;
|
||||
@ -403,17 +410,21 @@
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.video_ground {
|
||||
.video_block {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
img.screen_guides {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.block_of_step {
|
||||
.screen_block {
|
||||
max-width: @mobileDefaultWidth;
|
||||
@ -463,11 +474,40 @@
|
||||
#navitem_developer, #navitem_features, #navitem_saas, #navitem_mobile, #navitem_server, #navitem_desktop {
|
||||
border-color: #f2f2f2;
|
||||
}
|
||||
.langselector {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 429px) {
|
||||
|
||||
header{
|
||||
z-index:10002;
|
||||
}
|
||||
|
||||
span.toggler {
|
||||
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) {
|
||||
.page_download_button {
|
||||
@ -476,4 +516,28 @@
|
||||
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
737
Web/css/navigation.less
Normal 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;
|
||||
}
|
||||
}
|
@ -8,7 +8,7 @@
|
||||
* by Christopher Yee */
|
||||
/* Menu Appearance */
|
||||
@import "base.less";
|
||||
@media screen and (max-width: 969px) {
|
||||
@media screen and (max-width: 1190px) {
|
||||
.pushy {
|
||||
position: fixed;
|
||||
width: 300px;
|
||||
|
@ -449,14 +449,6 @@ footer {
|
||||
color: #fff;
|
||||
margin: 19px 0px 0px 39px;
|
||||
font-size: 13px;
|
||||
|
||||
&:nth-child(1) {
|
||||
margin-right: 44px;
|
||||
}
|
||||
|
||||
&:nth-child(2) {
|
||||
margin-right: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
.copyReserved {
|
||||
@ -525,4 +517,123 @@ footer {
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
5
Web/images/main-page/logo-mobile.svg
Normal file
5
Web/images/main-page/logo-mobile.svg
Normal 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 |
5
Web/images/main-page/menu.svg
Normal file
5
Web/images/main-page/menu.svg
Normal 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 |
25
Web/js/core/navigation-footer-menu.js
Normal file
25
Web/js/core/navigation-footer-menu.js
Normal 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();
|
||||
});
|
||||
});
|
@ -8,7 +8,7 @@
|
||||
$(".pushy-submenu")
|
||||
.addClass('pushy-submenu-closed')
|
||||
.removeClass('pushy-submenu-open');
|
||||
if (window.innerWidth < '970') {
|
||||
if (window.innerWidth < '1190') {
|
||||
var submenuOpen = $('.pushy-submenu.pushy-submenu-open');
|
||||
if (submenuOpen != null) {
|
||||
$('.pushy-submenu').css('display', 'block');
|
||||
@ -28,7 +28,7 @@
|
||||
|
||||
$('body')
|
||||
.on("click", "a.nav_2nd_menu_link", function() {
|
||||
if (window.innerWidth < '970') {
|
||||
if (window.innerWidth < '1190') {
|
||||
$('.pushy-link').trigger('click');
|
||||
$('body').removeClass('pushy-open-left');
|
||||
var href = $(this).attr('href');
|
||||
@ -44,7 +44,7 @@
|
||||
$(".pushy-submenu")
|
||||
.addClass('pushy-submenu-closed')
|
||||
.removeClass('pushy-submenu-open');
|
||||
if (window.innerWidth < '970') {
|
||||
if (window.innerWidth < '1190') {
|
||||
var submenuOpen = $('.pushy-submenu.pushy-submenu-open');
|
||||
if (submenuOpen != null) {
|
||||
$('.pushy-submenu').css('display', 'block');
|
||||
@ -57,7 +57,7 @@
|
||||
$('.menuitem')
|
||||
.click(function () {
|
||||
var menuitem = $(this);
|
||||
if (window.innerWidth < '970') {
|
||||
if (window.innerWidth < '1190') {
|
||||
if ($($(this)[0].parentNode).hasClass('pushy-submenu-closed')) {
|
||||
$('.pushy-submenu').hide();
|
||||
$($(this)[0].parentNode).show();
|
||||
@ -77,7 +77,7 @@
|
||||
}
|
||||
})
|
||||
.hover(function (event) {
|
||||
if (window.innerWidth >= '970') {
|
||||
if (window.innerWidth >= '1190') {
|
||||
var menuitem = $(this);
|
||||
if (!menuitem.hasClass('active')) {
|
||||
menuitem.click();
|
||||
@ -106,7 +106,7 @@
|
||||
$('ul.akkordeon > li > div').show();
|
||||
};
|
||||
var mouseleaveCloseMenu = function() {
|
||||
if (window.innerWidth > '970') {
|
||||
if (window.innerWidth > '1190') {
|
||||
$('.menuitem.active').click();
|
||||
if (!$('#LanguageSelector').hasClass('open')) $('#fshare-collapsed').show();
|
||||
}
|
||||
@ -118,14 +118,14 @@
|
||||
}
|
||||
$(document).ready(function () {
|
||||
highlightMenuItem();
|
||||
if (window.innerWidth >= '970') {
|
||||
if (window.innerWidth >= '1190') {
|
||||
desktopMenu();
|
||||
} else {
|
||||
mobileMenu();
|
||||
}
|
||||
});
|
||||
$(window).resize(function () {
|
||||
if (window.innerWidth >= '970') {
|
||||
if (window.innerWidth >= '1190') {
|
||||
$('.pushy-submenu').css('display', 'inline-block');
|
||||
desktopMenu();
|
||||
} else {
|
||||
|
Loading…
Reference in New Issue
Block a user