this should (...) fix the header and footer.

Signed-off-by: Jos Poortvliet <jospoortvliet@gmail.com>
This commit is contained in:
Jos Poortvliet
2018-03-26 18:44:47 +02:00
parent b2a84cc113
commit b70eecf659
3 changed files with 359 additions and 1021 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 93 KiB

After

Width:  |  Height:  |  Size: 124 KiB

View File

@@ -250,7 +250,7 @@ nav a {
top: 0;
left: 0; }
.nav .container .brand .logo:not(.scrolled):not(.menu-open) {
background: url(img/logo_white_sprite.png) 0 0 no-repeat;
background: url(https://nextcloud.com/wp-content/themes/next/assets/img/logo/logo_white_sprite.png) 0 0 no-repeat;
height: 100px;
width: 140px;
display: inline-block;
@@ -305,8 +305,7 @@ nav a {
color: white;
-webkit-transition: 0.3s;
transition: 0.3s;
font-size: 16px;
cursor: pointer !important;}
font-size: 16px; }
.nav .container .nav__sections .nav__section .nav__links {
position: absolute;
padding: 20px 20px 20px 35px;
@@ -395,7 +394,7 @@ nav a {
height: 53px;
width: 71px; }
.nav .container .brand .logo.menu-open {
background: url(../img/logo/logo_white_sprite.png) 0 0 no-repeat;
background: url(https://nextcloud.com/wp-content/themes/next/assets/img/logo/logo_white_sprite.png) 0 0 no-repeat;
height: 100px;
width: 140px;
display: inline-block;
@@ -564,7 +563,7 @@ nav a {
.nav.scrolled .navbar-toggle:not(.active) svg {
filter: invert(100%); }
.nav.scrolled .logo:not(.menu-open) {
background: url(img/logo_blue_sprite.png) 0 0 no-repeat;
background: url(https://nextcloud.com/wp-content/themes/next/assets/img/logo/logo_blue_sprite.png) 0 0 no-repeat;
height: 100px;
width: 140px;
display: inline-block;
@@ -638,6 +637,59 @@ nav a {
to {
background-position-x: -4620px; } }
/**
*Changed default media querys for navigation in bootstrap
*/
@media (max-width: 1200px) {
.navbar-header {
float: none; }
.navbar-left, .navbar-right {
float: none !important; }
.navbar-toggle {
display: block; }
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px; }
.navbar-collapse.collapse {
display: none !important; }
.navbar-nav {
float: none !important;
margin-top: 7.5px; }
.navbar-nav > li {
float: none; }
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px; }
.collapse.in {
display: block !important; }
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none; } }
@keyframes play {
from {
background-position-x: 0px; }
to {
background-position-x: -4620px; } }
.banner img {
padding: 15px 0;
}
@@ -701,26 +753,6 @@ li.top-nav-active > a {
border-bottom: 2px solid white;
}
div.feature-wide-row-wrap {
background-color: #1D2D44;
color: white;
padding-bottom: 20px;
}
div.feature-wide-row-wrap div.featureblock{
text-align: center;
padding-top: 15px;
font-weight: 200;
}
div.feature-wide-row-wrap div.featureblock i {
font-size: 25px;
}
div.feature-wide-row-wrap div.featureblock h3.ft-title {
margin-top: 0;
}
/* the header */
.navbar-header .logo {
@@ -728,24 +760,6 @@ div.feature-wide-row-wrap div.featureblock h3.ft-title {
height: 85px;
}
.banner ul#menu-header.nav>li.menu-get-owncloud {
padding: 0 0 0 15px;
margin-top: 7px;
margin-left: 10px;
background-color: #428BCA;
border-radius: 6px;
border-color: #357EBD}
.banner ul#menu-header.nav>li.menu-get-owncloud a{
padding: 7px 16px 7px 0;
line-height: 1.25;
border-bottom: 0
}
.contribook_bloguserpicture img {
margin-right: 0;
}
i[class*='icon-'] {
font-style: normal;
}
@@ -756,9 +770,7 @@ i[class*='icon-'] {
/* footer fix */
clear: both;
}
/*Colors*/
/*Shadows*/
/*Breakpoints*/
footer.page-footer {
background-color: #2a2a36; }
footer.page-footer h1 {
@@ -882,766 +894,6 @@ div.thumbnail > img {
height: 100%;
}
}
/* the blog roll owncloud.org/news */
.news .contribook_bloguser {
margin-right: -50px;
}
div.blog-social-icons > div img {
width: 40px;
margin: 0;
}
div.blog-social-icons > div a:hover {
text-decoration: none;
}
.box.masonry-brick img {
max-width: 100%;
height: auto;
}
.masonry-brick {
max-width: 100%;
}
article.post figcaption {
margin-top: -14px;
}
@media (max-width: 600px) {
article.post figure {
float: none;
}
}
#meetup-embed-largest-owncloud {
max-width: 400px;
}
/* home */
.home div.wrap > .content {
background-size: 85% auto;
background-position: top center;
}
.content.row, .row.row-slogan {
margin-top: 0;
}
.row.row-slogan {
float: left;
width: 100%;
}
a.join-button {
width: 70%;
margin: 0 auto;
}
div.alert-info > a {
text-decoration: underline;
}
i.icon-opensource {
background: url("../img/opensource.png") no-repeat;
display: inline-block;
width: 27px;
background-size: 27px;
background-position: center;
margin-right: 6px;
}
.home p.explain-short {
text-align: center;
font-weight: 200;
font-size: 20px;
margin-top: 30px;
margin-bottom: 50px;
}
@media (max-width: 1199px) and (min-width: 992px) {
.banner ul#menu-header.nav {
width: 80%;
padding-top: 20px;
}
.home h2.slogan {
left: 245px;
top: -71px;
}
}
div.row.home-row > div{
text-align: center;
margin-bottom: 20px;
}
div.home-ft-content {
text-align: center;
}
div.row.home-row h2 {
margin-top: 0;
font-size: 24px;
font-weight: 300;
}
.home div.col-xs-12 > i {
font-size: 28px;
}
.home a.events-button {
color: #428BCA;
background-color: #FFFFFF;
border: 1px solid #428BCA;
font-weight: 700;
}
.home div.join a.join-button {
margin-bottom: 23px;
}
.home div.row.pad-bottom {
margin-bottom: 45px;
}
.home .row {
padding-bottom: 0 !important;
}
@media (max-width: 1199px) {
.home #getapps .client-install {
margin-top: 10px;
}
}
@media (max-width: 991px) {
.home-header-image {
margin-top: 2em !important;
}
.header .row.image {
margin-top: 30px;
}
.home h2.slogan {
display: none;
}
.home h2.slogan-mobile {
display: block !important;
}
}
@media (max-width: 767px) {
.home #getapps .client-install, .home #getapps .btn-group, .home #getapps h2 {
margin-top: 0;
}
a.home-ent-button {
display: block;
width: 290px;
margin: 10px auto 0 auto !important;
}
div#getapps div.install-buttons {
margin-bottom: 40px;
}
}
@media (max-width: 562px) {
.home #getapps .client-install {
margin-top: 10px;
}
}
.home .home-row a.feature-link {
margin-bottom: 30px;
}
.home h2 {
margin-bottom: 20px;
}
.home h2.slogan-mobile {
display: none;
font-size: 20px;
text-align: center;
}
.home-ent-button {
font-weight: 100;
}
@media (max-width: 1200px) {
div.customers {
margin-top:20px;
margin-bottom:20px;
text-align: center;
}
}
/*---- Federation Page ---- */
p.federation-id {
font-size: 20px;
font-weight: 100;
}
/*---- App store approval form Page ---- */
.appform label {
font-weight: normal;
}
/**---- Jobs page ---- */
.jobs h3 {
margin-top: 25px;
}
/*---- history page ---- */
/** new-timeline box structure **/
.new-timeline {
list-style: none;
padding: 20px 0 20px;
position: relative;
}
.new-timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 5px;
background-color: #d7e4ed;
left: 50%;
margin-left: -2.5px;
}
.tldate {
display: block;
margin: 0 auto;
padding: 3px 0;
font-weight: bold;
text-align: center;
margin-left:17px;
}
.new-timeline li {
margin-bottom: 25px;
position: relative;
height: 100px;
/* clear: both;*/
}
.new-timeline li::before, .new-timeline li::after {
content: " ";
display: table;
}
/** new-timeline panels **/
.new-timeline li .new-timeline-panel {
width: 46%;
border: 1px solid #d4d4d4;
padding: 20px;
background: #fff;
float: left;
position: relative;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
z-index: 10;
}
/** when left or right of an image, you need extra height... **/
.tl-image-200 {
height: 200px !important;
}
.tl-image-400 {
height: 400px !important;
}
.tl-image-500 {
height: 500px !important;
}
/** panel arrows **/
.new-timeline li .new-timeline-panel:before {
position: absolute;
top: 26px;
right: -15px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 15px solid #ccc;
border-right: 0 solid #ccc;
border-bottom: 15px solid transparent;
content: " ";
}
.new-timeline li .new-timeline-panel:after {
position: absolute;
top: 27px;
right: -14px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 14px solid #fff;
border-right: 0 solid #fff;
border-bottom: 14px solid transparent;
content: " ";
}
.new-timeline li .new-timeline-panel.noarrow:before, .new-timeline li .new-timeline-panel.noarrow:after {
top:0;
right:0;
display: none;
border: 0;
}
.new-timeline li.new-timeline-inverted .new-timeline-panel {
float: right;
}
.new-timeline li.new-timeline-inverted .new-timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.new-timeline li.new-timeline-inverted .new-timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
/** the icon **/
.new-timeline li .tl-circ {
position: absolute;
top: 22px;
left: 50%;
text-align: center;
width: 45px;
height: 45px;
margin-left: -19px;
z-index: 99999;
}
/** media queries **/
@media (max-width: 991px) {
.new-timeline li .new-timeline-panel {
width: 44%;
}
}
@media (max-width: 700px) {
.new-timeline li {
clear: both;
}
ul.new-timeline:before {
left: 40px;
}
.tldate { width: 140px; }
ul.new-timeline li .new-timeline-panel {
width: calc(100% - 90px);
width: -moz-calc(100% - 90px);
width: -webkit-calc(100% - 90px);
}
ul.new-timeline li .tl-circ {
top: 22px;
left: 22px;
margin-left: 0;
}
ul.new-timeline > li > .tldate {
margin: 0;
}
ul.new-timeline > li > .new-timeline-panel {
float: right;
}
ul.new-timeline > li > .new-timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
ul.new-timeline > li > .new-timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
}
/*---- Version Pages ---- */
h3.row-center-title {
font-weight: 100;
font-size: 35px;
text-align: center;
margin-bottom: -20px;
}
a.install-8-btn {
display: block;
width: 300px;
margin: 15px auto;
line-height: 2;
}
div.headerrow h2 {
font-weight: 100;
font-size: 35px;
margin-top:5px;
}
div.evnt-btn-wrap {
text-align: center;
}
/** promote page **/
.promote-buttons a {
margin-bottom: 10px;
width: 250px;
}
/** Get Started/install Page **/
div#getapps h2{
text-align: center;
font-weight:200;
font-size:30px;
}
div#getapps .row {
margin-top: 30px;
margin-bottom: 47px;
text-align: center;
}
div .vmlist {
margin-top: 5px !important;
margin-bottom: 5px !important;
}
div#getapps p {
margin-bottom: 20px;
margin-top: -20px;
}
#appstore, #googleplay, #desktopclient {
opacity: 0.9;
}
img#sync-button {
vertical-align: text-bottom;
}
div.numbadge {
border-radius: 50%;
width: 53px;
height: 53px;
color: white;
background: #1D2D44;
text-align: center;
padding-top: 6px;
font-size: 21px;
border: 4px solid white;
}
div.numbadge.centre {
margin-left: auto;
margin-right: auto;
}
body.install h3 {
font-weight: 600;
}
body.install h4 {
margin-top: 30px;
}
body.install hr {
border-bottom: 1px dotted #1D2D44;
}
body.install hr.narrow, body.install hr.wide {
display: none;
margin-bottom: -43px;
}
body.install hr.narrow {
margin-bottom: -27px;
}
body.install div.col-md-3 {
margin-bottom: 45px;
}
body.install div.PopupGetStarted {
height: auto;
margin: 0 auto;
/* color: #1D2D44; no need to repeat that here */
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1000;
display: none;
}
body.install div.PopupGetStarted div.row{
margin: 0;
}
body.install div.PopupGetStarted div.instructions{
background: white !important; /* I seem to have to enforce this, comes from main.min.css*/
margin-top: 150px !important;
padding: 10px;
border-radius: 4px;
}
body.install a.mask {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(29, 45, 68, 0.5);
z-index: 500;
display: none;
}
body.install .overlay-header {
background-color: rgba(240,240,240,.9);
border-radius: 4px;
}
body.install .overlay-header h3 {
margin-left: 15px;
}
body.install .overlay-header a.close {
margin-right: 15px;
}
body.install .overlay-body {
padding-top: 10px;
}
body.install .overlay-footer {
background-color: rgba(240,240,240,.9);
border-radius: 4px;
}
body.install .overlay-footer a.btn {
float: right;
margin-right: 15px;
}
body.install .overlay-footer p {
margin-bottom: 0px;
}
body.install div.PopupGetStarted:target, body.install div.PopupGetStarted:target+a.mask{
display: block;
opacity: 1;
}
body.install .label-blue {
background-color: #35537a;
}
body.install .close {
color: #575858;
font-size: 1.75em;
opacity: 0.8;
}
body.install .close:hover, body.install .close:focus {
opacity: 1;
}
body.install a.btn-lg {
font-size: 16px;
}
@media(min-width: 996px) {
body.install hr.wide {
display: block;
}
}
@media(max-width: 996px) {
body.install hr.narrow {
display: block;
margin-top: 50px;
}
}
/* Consulting page */
.consulting .consultingname {
height: 30px;
}
.consulting .consultant-logo {
padding: 15px;
margin: auto;
width: 80%;
}
img.desaturate {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.consulting .bannerhead {
text-align: center;
}
.consulting .flag {
margin: auto;
padding: 0px 5px;
}
.consulting .consultant-logo-partner {
padding: 15px;
margin: auto;
width: 100%;
}
.consulting .bannerfoot {
height: 180px;
}
/* ownCloud.org/features */
/* Full width background image */
.ft-image-bg {
background-attachment: scroll;
background-repeat: none;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
/* border: 0px; */
/* min-height: 450px; background-position: 35% 40%; */
position: relative;
margin-left: 0px !important;
margin-right: 0px !important;
margin: 0 0 0 0 !important;
}
/*.ft-img-center {
margin: 0 auto;
}*/
.ft-sharing {
}
.ft-sharing-img {
padding-top: 0%
}
.ft-everywhere-txt {
/*text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.9);*/
color: white;
position: relative;
padding-top: 100px;
}
.ft-everywhere-img {
height: 75%;
margin: 0 0 0 0 !important;
position: absolute;
bottom:0;
}
.ft-access {
padding-top: 30px;
}
@media (max-width: 991px) {
.ft-everywhere-img {
height: auto;
width: 25%;
}
}
@media (max-width: 767px) {
.ft-everywhere-img {
/* height: auto; */
width: 20%;
right: 5%;
}
.ft-everywhere-txt {
padding-right: 30%;
padding-left: 5%;
float: left;
}
.ft-sharing-img {
padding-top: 2%
}
}
/* image overlay */
.ft-img-overlay {
position: relative;
max-width: 500px;
left: 0px; /* stick it wherever it was positioned by default */
top: 0px;
display: table;
}
/*.ft-img-overlay a {
display: table;
}*/
/*.ft-img-overlay img {
width: 100%;
height: 100%;
}*/
.ft-play-overlay {
font-size: 300%;
position: absolute;
top: 30%;
left: 45%;
margin-top: 10px;
/* width: 0px; */
/* height: 0px; */
/* padding: 50%; */
}
.youtube i {
color: white;
}
.youtube i:hover {
color: #CC181E;
}
h1:hover a.headerlink,
h2:hover a.headerlink,
h3:hover a.headerlink,
h4:hover a.headerlink {
display: inline;
}
a.headerlink {
display: none;
padding-left: 5px;

View File

@@ -35,8 +35,11 @@
<meta name="twitter:image:src" content="https://docs.nextcloud.com/server/13/user_manual/_images/files_page.png">
<meta property="og:image" content="https://docs.nextcloud.com/server/13/user_manual/_images/files_page.png">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://docs.nextcloud.org/server/13/user_manual/_static/main.min.css" type="text/css" />
<link rel="stylesheet" href="https://docs.nextcloud.org/server/13/user_manual/_static/styles.css" type="text/css" />
<script type="text/javascript">var templateUrl='https://nextcloud.com/wp-content/themes/next';</script> <script data-main="https://nextcloud.com/wp-content/themes/next/assets/js/require.config.js"
src="https://nextcloud.com/wp-content/themes/next/node_modules/requirejs/require.min.js"></script> <script>require(["require.config"],function(){require(["modules/header","main","modernizr","modules/cookieconsent"])});</script>
<script type="text/javascript">
var DOCUMENTATION_OPTIONS = {
URL_ROOT: './',
@@ -84,229 +87,312 @@
</head>
<body role="document">
<header class="banner navbar navbar-default navbar-static-top" role="banner">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="http://nextcloud.com/" rel="home" title="Nextcloud.com"><img class="logo" src="https://docs.nextcloud.org/server/13/user_manual/_static/img/logo.svg" itemprop="logo"></a>
</div>
<nav class="collapse navbar-collapse" role="navigation">
<ul id="menu-header" class="nav navbar-nav">
<li><a href="https://demo.nextcloud.com/">Demo</a></li>
<li><a href="https://nextcloud.com/news/">News</a></li>
<li><a href="https://nextcloud.com/about/">About us</a></li>
<li><a href="https://nextcloud.com/contribute/">Get involved</a></li>
<li><a href="https://nextcloud.com/support/">Support</a></li>
<li><a href="https://nextcloud.com/enterprise/">Enterprise</a></li>
<li class="menu-install"><a href="https://nextcloud.com/install/">Download</a></li>
</ul>
</nav>
</div>
</header>
<div class="wrap container not-front">
<div class="content row">
<main class="main">
<div class="col-md-12">
<div class="page-content">
<div class="section" id="nextcloud-documentation-overview">
<h1>Nextcloud Documentation Overview<a class="headerlink" href="#nextcloud-documentation-overview" title="Permalink to this headline"></a></h1>
<div class="section" id="server">
<h1>Nextcloud Server<a class="headerlink" href="#server" title="Permalink to this headline"></a></h1>
<div class="section" id="getting-Nextcloud">
<p>You can download and install Nextcloud on your own Linux server, use the Web
Installer to install it on shared Web hosting, try some prefab cloud or virtual
machine images, or sign up for hosted Nextcloud services. See the
<a class="reference external" href="https://nextcloud.com/install/">Get Started</a>
page for more information.</p>
<nav class="nav" id="nav">
<div class="mobile-bg-container">
<div class="mobile-bg"></div>
</div>
<div class="container">
<div class="nav__bg-wrapper">
<div class="nav__bg"></div>
</div>
<div class="brand">
<a href="https://nextcloud.com/homepage">
<div class="logo"></div>
</a>
</div>
<button type="button" class="navbar-toggle collapsed" id="toggle">
<div class="menu-animation" data-animation-path="img/menu/black/" data-anim-loop="false" data-name="menu-black" id="menu-black"></div>
</button>
<div class="nav__sections-wrapper">
<ul class="nav__sections">
<li class="nav__section">
<a class="nav__label">Products</a>
<ul class="nav__links ">
<li class="nav__item">
<a href="https://nextcloud.com/files">
<div class="nav__logo">
<img style="" src="https://nextcloud.com/wp-content/themes/next/assets/img/logo/Nextcloud-Files.svg" >
</div>
<div class="section" id="nextcloud-13">
<h2>Nextcloud 13<a class="headerlink" href="#nextcloud-13" title="Permalink to this headline"></a></h2>
<p>This documents the <em>latest production</em> version of Nextcloud.</p>
<ul class="simple">
<li><a class="reference external" href="https://docs.nextcloud.org/server/13/user_manual/">User Manual</a>
<li><a class="reference external" href="https://docs.nextcloud.org/server/13/admin_manual/">Administration Manual</a>
<li><a class="reference external" href="https://docs.nextcloud.org/server/13/developer_manual/">Developer Manual</a>
</ul>
<div class="nav__text">
<strong>Nextcloud Files</strong>
<br>
<small>File Sync and Share</small>
</div>
<div class="section" id="nextcloud-12">
<h2>Nextcloud 12<a class="headerlink" href="#nextcloud-12" title="Permalink to this headline"></a></h2>
<p>This documents the <em>previous production</em> version of Nextcloud.</p>
<ul class="simple">
<li><a class="reference external" href="https://docs.nextcloud.org/server/12/user_manual/">User Manual</a>
<li><a class="reference external" href="https://docs.nextcloud.org/server/12/admin_manual/">Administration Manual</a>
<li><a class="reference external" href="https://docs.nextcloud.org/server/12/developer_manual/">Developer Manual</a>
</ul>
</a>
</li>
<li class="nav__item">
<a href="https://nextcloud.com/talk">
<div class="nav__logo">
<img src="https://nextcloud.com/wp-content/themes/next/assets/img/logo/Nextcloud-Talk.svg" >
</div>
<div class="section" id="desktop">
<h1>Nextcloud Desktop Client<a class="headerlink" href="#desktop" title="Permalink to this headline"></a></h1>
<p>Once you have a Nextcloud Server running, you can connect to it with various <a class="reference external" href="https://nextcloud.com/install/#install-clients">clients like our mobile and desktop client.</a>
Find documentation for the desktop client below.</p>
<div class="section" id="desktop-23">
<h2>Desktop 2.3<a class="headerlink" href="#desktop-23" title="Permalink to this headline"></a></h2>
<p>This documents the <em>latest production</em> version of the Nextcloud desktop client.</p>
<ul class="simple">
<li><a class="reference external" href="https://docs.nextcloud.org/desktop/2.3">Manual</a>
</ul>
</div>
<div class="section" id="desktop-22">
<h2>Desktop 2.2<a class="headerlink" href="#desktop-22" title="Permalink to this headline"></a></h2>
<p>This documents the <em>previous</em> version of the Nextcloud desktop client.
This version is no longer supported and users are encouraged to upgrade!</p>
<ul class="simple">
<li><a class="reference external" href="https://docs.nextcloud.org/desktop/2.2">Manual</a>
</ul>
</div>
</div><!-- client -->
<div class="section" id="nextcloud-older">
<h1>Older Nextcloud server releases<a class="headerlink" href="#nextcloud-older" title="Permalink to this headline"></a></h1>
<p>This documents the <em>older</em> versions of Nextcloud. These releases are no longer
publicly maintained and users are strongly encouraged to upgrade to a maintained
release or get access to long term security and stability updates through a
<a href="https://nextcloud.com/enterprise">Nextcloud Subscription.</a></p>
<div class="section" id="nextcloud-11">
<h2>Nextcloud 11<a class="headerlink" href="#nextcloud-11" title="Permalink to this headline"></a></h2>
<ul class="simple">
<li><a class="reference external" href="https://docs.nextcloud.org/server/11/user_manual/">User Manual</a>
(<a class="reference external" href="https://docs.nextcloud.org/server/11/Nextcloud_User_Manual.pdf">Download PDF</a>)</li>
<li><a class="reference external" href="https://docs.nextcloud.org/server/11/admin_manual/">Administration Manual</a>
(<a class="reference external" href="https://docs.nextcloud.org/server/11/Nextcloud_Server_Administration_Manual.pdf">Download PDF</a>)</li>
<li><a class="reference external" href="https://docs.nextcloud.org/server/11/developer_manual/">Developer Manual</a>
(<a class="reference external" href="https://docs.nextcloud.org/server/11/NextcloudDeveloperManual.pdf">Download PDF</a>)</li>
</ul>
</div>
<div class="section" id="nextcloud-10">
<h2>Nextcloud 10<a class="headerlink" href="#nextcloud-10" title="Permalink to this headline"></a></h2>
<ul class="simple">
<li><a class="reference external" href="https://docs.nextcloud.org/server/10/user_manual/">User Manual</a>
(<a class="reference external" href="https://docs.nextcloud.org/server/10/Nextcloud_User_Manual.pdf">Download PDF</a>)</li>
<li><a class="reference external" href="https://docs.nextcloud.org/server/10/admin_manual/">Administration Manual</a>
(<a class="reference external" href="https://docs.nextcloud.org/server/10/Nextcloud_Server_Administration_Manual.pdf">Download PDF</a>)</li>
<li><a class="reference external" href="https://docs.nextcloud.org/server/10/developer_manual/">Developer Manual</a>
(<a class="reference external" href="https://docs.nextcloud.org/server/10/NextcloudDeveloperManual.pdf">Download PDF</a>)</li>
</ul>
</div>
<div class="section" id="nextcloud-9">
<h2>Nextcloud 9<a class="headerlink" href="#nextcloud-9" title="Permalink to this headline"></a></h2>
<ul class="simple">
<li><a class="reference external" href="https://docs.nextcloud.org/server/9/user_manual/">User Manual</a>
(<a class="reference external" href="https://docs.nextcloud.org/server/9/Nextcloud_User_Manual.pdf">Download PDF</a>)</li>
<li><a class="reference external" href="https://docs.nextcloud.org/server/9/admin_manual/">Administration Manual</a>
(<a class="reference external" href="https://docs.nextcloud.org/server/9/Nextcloud_Server_Administration_Manual.pdf">Download PDF</a>)</li>
<li><a class="reference external" href="https://docs.nextcloud.org/server/9/developer_manual/">Developer Manual</a>
(<a class="reference external" href="https://docs.nextcloud.org/server/9/NextcloudDeveloperManual.pdf">Download PDF</a>)</li>
</ul>
</div>
<div class="nav__text">
<strong>Nextcloud Talk</strong>
<br>
<small>Calls, chat and web meetings</small>
</div>
</div><!-- server -->
<div class="section" id="reporting-documentation-bugs-how-to-contribute">
<h2>Reporting Documentation Bugs &amp; How to Contribute<a class="headerlink" href="#reporting-documentation-bugs-how-to-contribute" title="Permalink to this headline"></a></h2>
<p>If you find an error or omission in any of the manuals, we welcome your bug
reports and contributions. Contribution to the documentation is very easy as
the code is entirely <a href="https://github.com/nextcloud/documentation">in
github and can be edited there online.</a></p>
</a>
</li>
<li class="nav__item">
<a href="https://nextcloud.com/groupware">
<div class="nav__logo">
<img src="https://nextcloud.com/wp-content/themes/next/assets/img/logo/Nextcloud-Groupware.svg" >
</div>
</div><!-- nextcloud-documentation-overview -->
</div><!-- page-content -->
</div><!-- col-md-12 -->
</main>
</div><!-- content -->
</div><!-- container -->
<div class="nav__text">
<strong>Nextcloud Groupware</strong>
<br>
<small>Calendar, Contacts & Mail</small>
</div>
</a>
</li>
<li class="nav__item">
<a href="https://nextcloud.com/athome">
<div class="nav__logo">
<img src="https://nextcloud.com/wp-content/themes/next/assets/img/logo/Nextcloud-Home.svg" >
</div>
<div class="nav__text">
<strong>Nextcloud at home</strong>
<br>
<small>For home users</small>
</div>
</a>
</li>
</ul>
</li>
<li class="nav__section">
<a class="nav__label">Support</a>
<ul class="nav__links">
<li class="nav__item"><a href="https://portal.nextcloud.com">Nextcloud Support</a></li>
<li class="nav__item"><a href="https://help.nextcloud.com">Community support</a></li>
<li class="nav__item"><a href="https://nextcloud.com/pricing">Pricing</a></li>
<li class="nav__item"><a href="https://nextcloud.com/support">Documentation</a></li>
<li class="nav__item"><a href="https://nextcloud.com/whitepapers">White papers</a></li>
<li class="nav__item"><a href="https://nextcloud.com/migration">Migration</a></li>
<li class="nav__item"><a href="https://apps.nextcloud.com">App Store</a></li>
</ul>
</li>
<li class="nav__section">
<a class="nav__label">Community</a>
<ul class="nav__links">
<li class="nav__item"><a href="https://nextcloud.com/contribute">How to contribute</a></li>
<li class="nav__item"><a href="https://github.com/nextcloud">Code on GitHub</a></li>
<li class="nav__item"><a href="https://github.com/nextcloud/server/issues/new">Report a bug</a></li>
<li class="nav__item"><a href="https://docs.nextcloud.com/server/13/developer_manual/">Developer Docs</a></li>
<li class="nav__item"><a href="https://nextcloud.com/code-of-conduct">Code of Conduct</a></li>
<li class="nav__item"><a href="https://nextcloud.com/security">Security information</a></li>
</ul>
</li>
<li class="nav__section">
<a class="nav__label">About</a>
<ul class="nav__links">
<li class="nav__item"><a href="https://nextcloud.com/about">About us</a></li>
<li class="nav__item"><a href="https://nextcloud.com/blog">Blog</a></li>
<li class="nav__item"><a href="https://nextcloud.com/secure">Security</a></li>
<li class="nav__item"><a href="https://nextcloud.com/team">Team</a></li>
<li class="nav__item"><a href="https://nextcloud.com/partners">Partners</a></li>
<li class="nav__item"><a href="https://nextcloud.com/events">Events</a></li>
<li class="nav__item"><a href="https://nextcloud.com/jobs">Jobs</a></li>
</ul>
</li>
</ul>
<ul class="right-buttons">
<li class="ghost-btn"><a href="https://demo.nextcloud.com/" class="nav__label">Demo</a></li>
<li class="ghost-btn"><a href="https://nextcloud.com/install" class="nav__label">Download</a></li>
<li class="ghost-btn"><a href="https://nextcloud.com/enterprise/buy" class="nav__label">Buy</a></li>
<li class="ghost-btn"><a href="https://nextcloud.com/pricing#faq" class="nav__label">FAQ</a></li>
</ul>
</div>
</div>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-lg-12 footer-social-icons">
<p class="text-center">
<a target="_blank" href="https://plus.google.com/104036748063781940910/about"><img width=50 src="https://docs.nextcloud.org/server/13/user_manual/_static/img/social/googleplus.svg" title="Follow us on Google Plus!" alt="Follow us on Google Plus!"></img></a>
<a target="_blank" style="margin: 0 7px 0 14px;" href="https://www.facebook.com/Nextclouders"><img width=50 src="https://docs.nextcloud.org/server/13/user_manual/_static/img/social/facebook.svg" title="Like our facebook page!" alt="Like our facebook page!"></img></a>
<a target="_blank" style="margin: 0 14px 0 7px;" href="https://twitter.com/Nextclouders"><img width=50 src="https://docs.nextcloud.org/server/13/user_manual/_static/img/social/twitter.svg" title="Subscribe to our twitter channel!" alt="Subscribe to our twitter channel!"></img></a>
<a target="_blank" href="https://nextcloud.com/blogfeed"><img class="img-circle" width=50 src="https://docs.nextcloud.org/server/13/user_manual/_static/img/social/rss.svg" title="Subscribe to our news feed!" alt="Subscribe to our news feed!"></img></a>
<a target="_blank" href="https://newsletter.nextcloud.com/"><img class="img-circle" width=50 src="https://docs.nextcloud.org/server/13/user_manual/_static/img/social/mail.svg" title="Subscribe to our newsletter!" alt="Subscribe to our newsletter!"></img></a>
</p>
<div class="wrap container not-front">
<div class="content row">
<main class="main">
<div class="col-md-12">
<div class="page-content">
<div class="section" id="nextcloud-documentation-overview">
<h1>Nextcloud Documentation Overview<a class="headerlink" href="#nextcloud-documentation-overview" title="Permalink to this headline"></a></h1>
<div class="section" id="server">
<h1>Nextcloud Server<a class="headerlink" href="#server" title="Permalink to this headline"></a></h1>
<div class="section" id="getting-Nextcloud">
<p>You can download and install Nextcloud on your own Linux server, use the Web
Installer to install it on shared Web hosting, try some prefab cloud or virtual
machine images, or sign up for hosted Nextcloud services. See the
<a class="reference external" href="https://nextcloud.com/install/">Get Started</a>
page for more information.</p>
</div>
<div class="section" id="nextcloud-13">
<h2>Nextcloud 13<a class="headerlink" href="#nextcloud-13" title="Permalink to this headline"></a></h2>
<p>This documents the <em>latest production</em> version of Nextcloud.</p>
<ul class="simple">
<li><a class="reference external" href="https://docs.nextcloud.org/server/13/user_manual/">User Manual</a>
<li><a class="reference external" href="https://docs.nextcloud.org/server/13/admin_manual/">Administration Manual</a>
<li><a class="reference external" href="https://docs.nextcloud.org/server/13/developer_manual/">Developer Manual</a>
</ul>
</div>
<div class="section" id="nextcloud-12">
<h2>Nextcloud 12<a class="headerlink" href="#nextcloud-12" title="Permalink to this headline"></a></h2>
<p>This documents the <em>previous production</em> version of Nextcloud.</p>
<ul class="simple">
<li><a class="reference external" href="https://docs.nextcloud.org/server/12/user_manual/">User Manual</a>
<li><a class="reference external" href="https://docs.nextcloud.org/server/12/admin_manual/">Administration Manual</a>
<li><a class="reference external" href="https://docs.nextcloud.org/server/12/developer_manual/">Developer Manual</a>
</ul>
</div>
<div class="section" id="desktop">
<h1>Nextcloud Desktop Client<a class="headerlink" href="#desktop" title="Permalink to this headline"></a></h1>
<p>Once you have a Nextcloud Server running, you can connect to it with various <a class="reference external" href="https://nextcloud.com/install/#install-clients">clients like our mobile and desktop client.</a>
Find documentation for the desktop client below.</p>
<div class="section" id="desktop-23">
<h2>Desktop 2.3<a class="headerlink" href="#desktop-23" title="Permalink to this headline"></a></h2>
<p>This documents the <em>latest production</em> version of the Nextcloud desktop client.</p>
<ul class="simple">
<li><a class="reference external" href="https://docs.nextcloud.org/desktop/2.3">Manual</a>
</ul>
</div>
<div class="section" id="desktop-22">
<h2>Desktop 2.2<a class="headerlink" href="#desktop-22" title="Permalink to this headline"></a></h2>
<p>This documents the <em>previous</em> version of the Nextcloud desktop client.
This version is no longer supported and users are encouraged to upgrade!</p>
<ul class="simple">
<li><a class="reference external" href="https://docs.nextcloud.org/desktop/2.2">Manual</a>
</ul>
</div>
</div><!-- client -->
<div class="section" id="nextcloud-older">
<h1>Older Nextcloud server releases<a class="headerlink" href="#nextcloud-older" title="Permalink to this headline"></a></h1>
<p>This documents the <em>older</em> versions of Nextcloud. These releases are no longer
publicly maintained and users are strongly encouraged to upgrade to a maintained
release or get access to long term security and stability updates through a
<a href="https://nextcloud.com/enterprise">Nextcloud Subscription.</a></p>
<div class="section" id="nextcloud-11">
<h2>Nextcloud 11<a class="headerlink" href="#nextcloud-11" title="Permalink to this headline"></a></h2>
<ul class="simple">
<li><a class="reference external" href="https://docs.nextcloud.org/server/11/user_manual/">User Manual</a>
(<a class="reference external" href="https://docs.nextcloud.org/server/11/Nextcloud_User_Manual.pdf">Download PDF</a>)</li>
<li><a class="reference external" href="https://docs.nextcloud.org/server/11/admin_manual/">Administration Manual</a>
(<a class="reference external" href="https://docs.nextcloud.org/server/11/Nextcloud_Server_Administration_Manual.pdf">Download PDF</a>)</li>
<li><a class="reference external" href="https://docs.nextcloud.org/server/11/developer_manual/">Developer Manual</a>
(<a class="reference external" href="https://docs.nextcloud.org/server/11/NextcloudDeveloperManual.pdf">Download PDF</a>)</li>
</ul>
</div>
<div class="section" id="nextcloud-10">
<h2>Nextcloud 10<a class="headerlink" href="#nextcloud-10" title="Permalink to this headline"></a></h2>
<ul class="simple">
<li><a class="reference external" href="https://docs.nextcloud.org/server/10/user_manual/">User Manual</a>
(<a class="reference external" href="https://docs.nextcloud.org/server/10/Nextcloud_User_Manual.pdf">Download PDF</a>)</li>
<li><a class="reference external" href="https://docs.nextcloud.org/server/10/admin_manual/">Administration Manual</a>
(<a class="reference external" href="https://docs.nextcloud.org/server/10/Nextcloud_Server_Administration_Manual.pdf">Download PDF</a>)</li>
<li><a class="reference external" href="https://docs.nextcloud.org/server/10/developer_manual/">Developer Manual</a>
(<a class="reference external" href="https://docs.nextcloud.org/server/10/NextcloudDeveloperManual.pdf">Download PDF</a>)</li>
</ul>
</div>
<div class="section" id="nextcloud-9">
<h2>Nextcloud 9<a class="headerlink" href="#nextcloud-9" title="Permalink to this headline"></a></h2>
<ul class="simple">
<li><a class="reference external" href="https://docs.nextcloud.org/server/9/user_manual/">User Manual</a>
(<a class="reference external" href="https://docs.nextcloud.org/server/9/Nextcloud_User_Manual.pdf">Download PDF</a>)</li>
<li><a class="reference external" href="https://docs.nextcloud.org/server/9/admin_manual/">Administration Manual</a>
(<a class="reference external" href="https://docs.nextcloud.org/server/9/Nextcloud_Server_Administration_Manual.pdf">Download PDF</a>)</li>
<li><a class="reference external" href="https://docs.nextcloud.org/server/9/developer_manual/">Developer Manual</a>
(<a class="reference external" href="https://docs.nextcloud.org/server/9/NextcloudDeveloperManual.pdf">Download PDF</a>)</li>
</ul>
</div>
</div>
</div><!-- server -->
<div class="section" id="reporting-documentation-bugs-how-to-contribute">
<h2>Reporting Documentation Bugs &amp; How to Contribute<a class="headerlink" href="#reporting-documentation-bugs-how-to-contribute" title="Permalink to this headline"></a></h2>
<p>If you find an error or omission in any of the manuals, we welcome your bug
reports and contributions. Contribution to the documentation is very easy as
the code is entirely <a href="https://github.com/nextcloud/documentation">in
github and can be edited there online.</a></p>
</div>
</div><!-- nextcloud-documentation-overview -->
</div><!-- page-content -->
</div><!-- col-md-12 -->
</main>
</div><!-- content -->
</div><!-- container -->
<div class="container">
<div class="row">
<div class="text-center">All documentation licensed under the <a href="https://creativecommons.org/licenses/by/3.0/us/">Creative Commons Attribution 3.0 Unported license</a>.</div>
</div>
</div><!-- container -->
<footer class="content-info page-footer" role="contentinfo">
<div class="container">
<div class="row">
<div class="col-sm-3">
<div class="footer-nav">
<h1>About Nextcloud</h1>
<ul>
<li><a class="reference external" href="https://nextcloud.com/about">About us</a></li>
<li><a class="reference external" href="https://nextcloud.com/contributors">Community</a></li>
<li><a class="reference external" href="https://nextcloud.com/events">Events</a></li>
<li><a class="reference external" href="https://nextcloud.com/jobs">Jobs</a></li>
<li><a class="reference external" href="https://nextcloud.com/community/code-of-conduct/">Code of Conduct</a></li>
<li><a class="reference external" href="https://nextcloud.com/privacy">Privacy</a></li>
<li><a class="reference external" href="https://nextcloud.com/impressum">Legal notice</a></li>
</ul>
</div>
<div class="text-center">All documentation licensed under the <a href="https://creativecommons.org/licenses/by/3.0/us/">Creative Commons Attribution 3.0 Unported license</a>.</div>
</div>
</div><!-- container -->
<footer class="content-info" role="contentinfo">
<div class="container">
<div class="row">
<div class="col-md-2 col-md-offset-1 col-sm-3">
<div class="footer-nav">
<h4>About Nextcloud</h4>
<ul>
<li><a class="reference external" href="https://nextcloud.com/about">About us</a></li>
<li><a class="reference external" href="https://nextcloud.com/contributors">Community</a></li>
<li><a class="reference external" href="https://nextcloud.com/events">Events</a></li>
<li><a class="reference external" href="https://nextcloud.com/jobs">Jobs</a></li>
<li><a class="reference external" href="https://nextcloud.com/community/code-of-conduct/">Code of Conduct</a></li>
<li><a class="reference external" href="https://nextcloud.com/privacy">Privacy</a></li>
<li><a class="reference external" href="https://nextcloud.com/impressum">Legal notice</a></li>
</ul>
</div>
</div>
<div class="col-md-2 col-md-offset-1 col-sm-3">
<div class="footer-nav">
<h4>Resources</h4>
<ul>
<li><a class="reference external" href="https://nextcloud.com/install">Download</a></li>
<li><a class="reference external" href="https://apps.nextcloud.com">App Store</a></li>
<li><a class="reference external" href="https://docs.nextcloud.com">Documentation</a></li>
<li><a class="reference external" href="https://nextcloud.com/enterprise">Enterprise Subscription</a></li>
<li><a class="reference external" href="https://nextcloud.com/security">Security</a></li>
<li><a class="reference external" href="https://github.com/nextcloud">Code on GitHub</a></li>
</ul>
</div>
</div>
<div class="col-md-2 col-md-offset-1 col-sm-3">
<div class="footer-nav">
<h4>Interact</h4>
<ul>
<li><a class="reference external" href="https://nextcloud.com/support">Support</a></li>
<li><a class="reference external" href="https://webchat.freenode.net/?channels=nextcloud">IRC Channel</a></li>
<li><a class="reference external" href="https://help.nextcloud.com/categories">Forums</a></li>
<li><a class="reference external" href="https://demo.nextcloud.com">Demo</a></li>
<li><a class="reference external" href="https://nextcloud.com/contact">Contact us</a></li>
<li><a class="reference external" href="https://nextcloud.com/press">Press center</a></li>
<li><a class="reference external" href="https://github.com/nextcloud/server/issues">Bug Tracker</a></li>
</ul>
</div>
</div>
<div class="col-md-2 col-md-offset-1 col-sm-3">
<div class="footer-nav">
<h4>Follow us</h4>
<ul>
<li><a class="reference external" href="https://plus.google.com/b/104036748063781940910/104036748063781940910/about">Google+</a></li>
<li><a class="reference external" href="https://www.facebook.com/Nextcloud-1032807203462807/">Facebook</a></li>
<li><a class="reference external" href="https://www.linkedin.com/company/10827569/">LinkedIn</a></li>
<li><a class="reference external" href="https://instagram.com/nextclouders">Instagram</a></li>
<li><a class="reference external" href="https://twitter.com/nextclouders">Twitter</a></li>
<li><a class="reference external" href="https://youtube.com/nextcloud">YouTube</a></li>
<li><a class="reference external" href="https://nextcloud.com/blogfeed">RSS Feed</a></li>
</ul>
</div>
</div>
<div class="col-sm-3">
<div class="footer-nav">
<h1>Resources</h1>
<ul>
<li><a class="reference external" href="https://nextcloud.com/install">Download</a></li>
<li><a class="reference external" href="https://apps.nextcloud.com">App Store</a></li>
<li><a class="reference external" href="https://docs.nextcloud.com">Documentation</a></li>
<li><a class="reference external" href="https://nextcloud.com/enterprise">Enterprise Subscription</a></li>
<li><a class="reference external" href="https://nextcloud.com/security">Security</a></li>
<li><a class="reference external" href="https://github.com/nextcloud">Code on GitHub</a></li>
</ul>
</div>
<div class="row">
<div class="col-lg-12 footer-text">
<p>&copy; 2018 Nextcloud GmbH</p>
</div>
</div>
<div class="col-sm-3">
<div class="footer-nav">
<h1>Interact</h1>
<ul>
<li><a class="reference external" href="https://nextcloud.com/support">Support</a></li>
<li><a class="reference external" href="https://webchat.freenode.net/?channels=nextcloud">IRC Channel</a></li>
<li><a class="reference external" href="https://help.nextcloud.com/categories">Forums</a></li>
<li><a class="reference external" href="https://demo.nextcloud.com">Demo</a></li>
<li><a class="reference external" href="https://nextcloud.com/contact">Contact us</a></li>
<li><a class="reference external" href="https://nextcloud.com/press">Press center</a></li>
<li><a class="reference external" href="https://github.com/nextcloud/server/issues">Bug Tracker</a></li>
</ul>
</div>
</div><!-- container -->
</footer>
</body>
</div>
<div class="col-sm-3">
<div class="footer-nav">
<h1>Follow us</h1>
<ul>
<li><a class="reference external" href="https://plus.google.com/b/104036748063781940910/104036748063781940910/about">Google+</a></li>
<li><a class="reference external" href="https://www.facebook.com/Nextcloud-1032807203462807/">Facebook</a></li>
<li><a class="reference external" href="https://www.linkedin.com/company/10827569/">LinkedIn</a></li>
<li><a class="reference external" href="https://instagram.com/nextclouders">Instagram</a></li>
<li><a class="reference external" href="https://twitter.com/nextclouders">Twitter</a></li>
<li><a class="reference external" href="https://youtube.com/nextcloud">YouTube</a></li>
<li><a class="reference external" href="https://nextcloud.com/blogfeed">RSS Feed</a></li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 text-center">
<p>&copy; 2018 Nextcloud GmbH</p>
</div>
</div>
</div><!-- container -->
</footer>
</body>
</html>