khanh.pndc/nextcloud-docs
1
0
Fork 0
mirror of https://github.com/nextcloud/documentation.git synced 2026-01-04 10:46:21 +07:00
Code Issues Packages Projects Releases Wiki Activity

Adjustments for main nav ownCloud.org

Browse Source
This commit is contained in:
Marieke van Campen
2014-06-19 14:37:16 +02:00
parent afc7e12e3c
commit 2639851b55
2 changed files with 87 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
_shared_assets/themes/owncloud_org/layout.html
View File

@@ -67,12 +67,13 @@
<nav class="collapse navbar-collapse" role="navigation">
<ul id="menu-header" class="nav navbar-nav">
<li class="menu-news"><a href="http://owncloud.org//news/">News</a></li>
<li class="menu-features"><a href="http://owncloud.org//features/">Features</a></li>
<li class="menu-news"><a href="http://owncloud.org/news/">News</a></li>
<li class="menu-features"><a href="http://owncloud.org/features/">Features</a></li>
<li class="menu-demo"><a href="http://demo.owncloud.org">Demo</a></li>
<li class="menu-documentation"><a href="http://doc.owncloud.org">Documentation</a></li>
<li class="menu-commercial"><a target="_blank" href="https://owncloud.com">Enterprise Edition <span style="font-size: 16px">&#x2197;</span></span></a></li>
<li class="menu-install"><a href="http://owncloud.org//install/">Install</a></li>
<li class="menu-contribute"><a href="http://owncloud.org/contribute/">Contribute</a>
<li class="menu-commercial"><a target="_blank" href="https://owncloud.com">Enterprise Edition</a></li>
<li class="menu-install"><a href="http://owncloud.org/install/">Install</a></li>
</ul>
</nav>
</div>

114
_shared_assets/themes/owncloud_org/static/styles.css
View File

@@ -1,6 +1,6 @@
/* This css file should only be used for Documentation, not replace the styles.css in owncloud.org website */
/* This css file should only be used for Documentation. Do not replace styles.css in owncloud.org website with this file */
/* -- begin specific css for documentation -- */
/* -- Start specific css for documentation -- */
ul#menu-support.menu {
padding-left: 0;
@@ -29,7 +29,86 @@ li.next {
float: right;
}
/* -- End of specific css for documentation -- */
@media (min-width: 1200px) {
.banner ul#menu-header.nav>li:not(.menu-install)>a {
width: auto;
margin-bottom: 19px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.banner ul#menu-header.nav {
width: 49%;
padding-top: 0;
}
.banner ul#menu-header.nav>li:not(.menu-install)>a {
height: 1.5em;
margin-bottom: 10px;
}
body.install div#instructions-server div.instructions,
body.install div#instructions-web div.instructions,
body.install div#instructions-packages div.instructions {
margin-top: 11%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.banner ul#menu-header.nav {
width: 64%;
padding-top: 0;
}
.banner ul#menu-header.nav>li:not(.menu-install)>a {
height: 1.5em;
margin-bottom: 10px;
}
body.install div#instructions-server div.instructions,
body.install div#instructions-web div.instructions,
body.install div#instructions-packages div.instructions {
margin-top: 16%;
}
}
@media (min-width: 500px) and (max-width: 767px) {
body.install div#instructions-server div.instructions,
body.install div#instructions-web div.instructions,
body.install div#instructions-packages div.instructions {
margin-top: 20%;
}
}
@media (max-width: 499px) {
body.install div#instructions-server div.instructions,
body.install div#instructions-web div.instructions,
body.install div#instructions-packages div.instructions {
margin-top: 32%;
}
}
@media (max-width: 767px) {
a.brand {
padding-left: 15px;
}
.banner ul#menu-header.nav {
float: left;
}
.banner ul#menu-header.nav > li {
padding-top: 0px;
}
.banner ul#menu-header.nav > li.menu-install {
margin-top: 23px;
margin-bottom: 10px;
}
.banner ul#menu-header.nav > li:not(.menu-install) > a {
line-height: 1.5em;
margin-bottom: 14px;
padding-bottom: 0;
}
.navbar-collapse.in {
overflow-y: visible;
}
}
/* -- End specific css for documentation -- */
.navbar-header .logo {
width: 121px;
@@ -129,32 +208,3 @@ div.thumbnail > img {
padding-bottom: 6px;
}
@media (min-width: 992px) {
.banner ul#menu-header.nav>li:not(.menu-install)>a {
width: auto;
margin-bottom: 19px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.banner ul#menu-header.nav {
width: 65%;
padding-top: 0;
}
.banner ul#menu-header.nav>li:not(.menu-install)>a {
height: 1.5em;
margin-bottom: 10px;
}
}
/*
@media (max-width: 767px) {
ul {
float: left;
margin-left: 20px;
margin-bottom: 35px;
}
body {
background-color:grey;
}
}*/