nextcloud
/
nextcloud.com
зеркало из https://github.com/nextcloud/nextcloud.com.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

menu to custom, hide on mobile

This commit is contained in:
Jos Poortvliet 2017-01-11 19:42:34 +01:00
Родитель d7be36e09c
Коммит 8b3b120544
7 изменённых файлов: 104 добавлений и 130 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

78
assets/css/custom.css
Просмотреть файл

@ -1456,42 +1456,6 @@ footer.page-footer {
overflow: hidden;
zoom: 0.55; }
.enterprise-menu .menu {
background: #fbfbfb;
height: 70px;
border-bottom: solid 1px #e4e4e4;
border-top: solid 1px #e4e4e4;
text-transform: uppercase;
vertical-align: middle;
z-index: 5; }
.enterprise-menu .menu .buttons {
font-weight: 600;
margin-top: 23px; }
.enterprise-menu .menu .buttons a {
padding-right: 10px;
color: gray; }
.enterprise-menu .menu .buttons a:focus {
text-decoration: none;
color: black; }
.enterprise-menu .menu .buttons a:hov .enterprise-menu .menu .buttons a:active {
text-decoration: none;
color: black; }
.enterprise-menu .menu .buttons a:hover {
text-decoration: none;
color: black; }
.enterprise-menu .menu .buttons .btn-primary {
float: right;
font-size: 14px;
padding: 8px 20px;
margin-left: 20px;
margin-top: -5px;
color: white; }
.enterprise-menu .menu .buttons .btn-primary:hover {
text-decoration: none;
color: white; }
.enterprise-menu .menu .buttons .btn-primary:before {
background: none; }
.what-you-get-section {
background: -webkit-linear-gradient(top, #fff 0, #f6f6f6 150px);
background: linear-gradient(to bottom, #fff 0, #f6f6f6 150px);
@ -2551,6 +2515,48 @@ li {
margin-right: auto;
max-width: 1800px; }
/* second header like on enterprise pages */
.second-menu {
/* Hide on mobile */ }
.second-menu .menu {
background: #fbfbfb;
height: 70px;
border-bottom: solid 1px #e4e4e4;
border-top: solid 1px #e4e4e4;
text-transform: uppercase;
vertical-align: middle;
z-index: 5; }
@media (max-width: 991px) {
.second-menu .menu {
display: none; } }
.second-menu .menu .buttons {
font-weight: 600;
margin-top: 23px; }
.second-menu .menu .buttons a {
padding-right: 10px;
color: gray; }
.second-menu .menu .buttons a:focus {
text-decoration: none;
color: black; }
.second-menu .menu .buttons a:hov .second-menu .menu .buttons a:active {
text-decoration: none;
color: black; }
.second-menu .menu .buttons a:hover {
text-decoration: none;
color: black; }
.second-menu .menu .buttons .btn-primary {
float: right;
font-size: 14px;
padding: 8px 20px;
margin-left: 20px;
margin-top: -5px;
color: white; }
.second-menu .menu .buttons .btn-primary:hover {
text-decoration: none;
color: white; }
.second-menu .menu .buttons .btn-primary:before {
background: none; }
/* typical background images (hero section) like enterprise, security */
.background {
padding-bottom: 0;

59
assets/css/custom.scss
Просмотреть файл

@ -404,6 +404,65 @@ li {
}
/* second header like on enterprise pages */
.second-menu {
/* Hide on mobile */
.menu {
@media (max-width: $break-big) {
display: none;
}
background: #fbfbfb;
height: 70px;
border-bottom: solid 1px #e4e4e4;
border-top: solid 1px #e4e4e4;
text-transform: uppercase;
vertical-align: middle;
z-index: 5;
.buttons {
font-weight: 600;
margin-top: 23px;
a {
padding-right: 10px;
color: gray;
&:focus {
text-decoration: none;
color: black;
}
&:hov &:active {
text-decoration: none;
color: black;
}
&:hover {
text-decoration: none;
color: black;
}
}
.btn-primary {
float: right;
font-size: 14px;
padding: 8px 20px;
margin-left: 20px;
margin-top: -5px;
color: white;
&:hover {
text-decoration: none;
color: white;
}
&:before {
background: none;
}
}
}
}
}
/* typical background images (hero section) like enterprise, security */
.background {
padding-bottom: 0;

36
assets/css/enterprise.css
Просмотреть файл

@ -36,42 +36,6 @@
overflow: hidden;
zoom: 0.55; }
.enterprise-menu .menu {
background: #fbfbfb;
height: 70px;
border-bottom: solid 1px #e4e4e4;
border-top: solid 1px #e4e4e4;
text-transform: uppercase;
vertical-align: middle;
z-index: 5; }
.enterprise-menu .menu .buttons {
font-weight: 600;
margin-top: 23px; }
.enterprise-menu .menu .buttons a {
padding-right: 10px;
color: gray; }
.enterprise-menu .menu .buttons a:focus {
text-decoration: none;
color: black; }
.enterprise-menu .menu .buttons a:hov .enterprise-menu .menu .buttons a:active {
text-decoration: none;
color: black; }
.enterprise-menu .menu .buttons a:hover {
text-decoration: none;
color: black; }
.enterprise-menu .menu .buttons .btn-primary {
float: right;
font-size: 14px;
padding: 8px 20px;
margin-left: 20px;
margin-top: -5px;
color: white; }
.enterprise-menu .menu .buttons .btn-primary:hover {
text-decoration: none;
color: white; }
.enterprise-menu .menu .buttons .btn-primary:before {
background: none; }
.what-you-get-section {
background: -webkit-linear-gradient(top, #fff 0, #f6f6f6 150px);
background: linear-gradient(to bottom, #fff 0, #f6f6f6 150px);

55
assets/css/enterprise.scss
Просмотреть файл

@ -39,61 +39,6 @@
}
}
.enterprise-menu {
.menu {
background: #fbfbfb;
height: 70px;
border-bottom: solid 1px #e4e4e4;
border-top: solid 1px #e4e4e4;
text-transform: uppercase;
vertical-align: middle;
z-index: 5;
.buttons {
font-weight: 600;
margin-top: 23px;
a {
padding-right: 10px;
color: gray;
&:focus {
text-decoration: none;
color: black;
}
&:hov &:active {
text-decoration: none;
color: black;
}
&:hover {
text-decoration: none;
color: black;
}
}
.btn-primary {
float: right;
font-size: 14px;
padding: 8px 20px;
margin-left: 20px;
margin-top: -5px;
color: white;
&:hover {
text-decoration: none;
color: white;
}
&:before {
background: none;
}
}
}
}
}
.what-you-get-section {
background: -webkit-linear-gradient(top, #fff 0, #f6f6f6 150px);
background: linear-gradient(to bottom, #fff 0, #f6f6f6 150px);

2
page-buy.php
Просмотреть файл

@ -1,6 +1,6 @@
<script src='https://www.google.com/recaptcha/api.js'></script>
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/enterprise.js"></script>
<section class="buy-hero-section enterprise-menu">
<section class="buy-hero-section second-menu">
<div class="container-fluid background buy-background">
<div class="container">
<div class="row">

2
page-enterprise.php
Просмотреть файл

@ -1,5 +1,5 @@
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/enterprise.js"></script>
<section class="enterprise-hero-section enterprise-menu">
<section class="enterprise-hero-section second-menu">
<div class="container-fluid background">
<div class="container">
<div class="col-md-6 topheader">

2
page-pricing.php
Просмотреть файл

@ -1,5 +1,5 @@
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/enterprise.js"></script>
<section class="pricing-hero-section enterprise-menu">
<section class="pricing-hero-section second-menu">
<div class="background pricing-background">
<div class="container">
<div class="row">