diff --git a/_shared_assets/themes/owncloud_org/layout.html b/_shared_assets/themes/owncloud_org/layout.html
index fa1817f10..7ed3a8806 100644
--- a/_shared_assets/themes/owncloud_org/layout.html
+++ b/_shared_assets/themes/owncloud_org/layout.html
@@ -221,21 +221,25 @@
-
- {%- if show_copyright %}
- {%- if hasdoc('copyright') %}
- {% trans path=pathto('copyright'), copyright=copyright|e %}© Copyright {{ copyright }}.{% endtrans %}
- {%- else %}
- {% trans copyright=copyright|e %}© Copyright {{ copyright }}.{% endtrans %}
- {%- endif %}
- {%- endif %}
- {%- if last_updated %}
- {% trans last_updated=last_updated|e %}Last updated on {{ last_updated }}.{% endtrans %}
- {%- endif %}
- {%- if show_sphinx %}
- {% trans sphinx_version=sphinx_version|e %}Created using Sphinx {{ sphinx_version }}.{% endtrans %}
- {%- endif %}
-
+
+
+
{%- endblock %}
diff --git a/_shared_assets/themes/owncloud_org/static/fonts/OpenSans-Bold.ttf b/_shared_assets/themes/owncloud_org/static/fonts/OpenSans-Bold.ttf
new file mode 100644
index 000000000..fd79d43be
Binary files /dev/null and b/_shared_assets/themes/owncloud_org/static/fonts/OpenSans-Bold.ttf differ
diff --git a/_shared_assets/themes/owncloud_org/static/fonts/OpenSans-Bold.woff b/_shared_assets/themes/owncloud_org/static/fonts/OpenSans-Bold.woff
new file mode 100644
index 000000000..ee2ea797d
Binary files /dev/null and b/_shared_assets/themes/owncloud_org/static/fonts/OpenSans-Bold.woff differ
diff --git a/_shared_assets/themes/owncloud_org/static/fonts/OpenSans-Italic.ttf b/_shared_assets/themes/owncloud_org/static/fonts/OpenSans-Italic.ttf
new file mode 100644
index 000000000..c90da48ff
Binary files /dev/null and b/_shared_assets/themes/owncloud_org/static/fonts/OpenSans-Italic.ttf differ
diff --git a/_shared_assets/themes/owncloud_org/static/fonts/OpenSans-Italic.woff b/_shared_assets/themes/owncloud_org/static/fonts/OpenSans-Italic.woff
new file mode 100644
index 000000000..ff652e643
Binary files /dev/null and b/_shared_assets/themes/owncloud_org/static/fonts/OpenSans-Italic.woff differ
diff --git a/_shared_assets/themes/owncloud_org/static/fonts/OpenSans-Light.ttf b/_shared_assets/themes/owncloud_org/static/fonts/OpenSans-Light.ttf
new file mode 100644
index 000000000..0d381897d
Binary files /dev/null and b/_shared_assets/themes/owncloud_org/static/fonts/OpenSans-Light.ttf differ
diff --git a/_shared_assets/themes/owncloud_org/static/fonts/OpenSans-Light.woff b/_shared_assets/themes/owncloud_org/static/fonts/OpenSans-Light.woff
new file mode 100644
index 000000000..937323df0
Binary files /dev/null and b/_shared_assets/themes/owncloud_org/static/fonts/OpenSans-Light.woff differ
diff --git a/_shared_assets/themes/owncloud_org/static/fonts/OpenSans-Regular.ttf b/_shared_assets/themes/owncloud_org/static/fonts/OpenSans-Regular.ttf
new file mode 100644
index 000000000..db433349b
Binary files /dev/null and b/_shared_assets/themes/owncloud_org/static/fonts/OpenSans-Regular.ttf differ
diff --git a/_shared_assets/themes/owncloud_org/static/fonts/OpenSans-Regular.woff b/_shared_assets/themes/owncloud_org/static/fonts/OpenSans-Regular.woff
new file mode 100644
index 000000000..2abc3ed69
Binary files /dev/null and b/_shared_assets/themes/owncloud_org/static/fonts/OpenSans-Regular.woff differ
diff --git a/_shared_assets/themes/owncloud_org/static/fonts/fontawesome-webfont.eot b/_shared_assets/themes/owncloud_org/static/fonts/fontawesome-webfont.eot
new file mode 100755
index 000000000..6cfd56609
Binary files /dev/null and b/_shared_assets/themes/owncloud_org/static/fonts/fontawesome-webfont.eot differ
diff --git a/_shared_assets/themes/owncloud_org/static/fonts/fontawesome-webfont.svg b/_shared_assets/themes/owncloud_org/static/fonts/fontawesome-webfont.svg
new file mode 100755
index 000000000..a9f846950
--- /dev/null
+++ b/_shared_assets/themes/owncloud_org/static/fonts/fontawesome-webfont.svg
@@ -0,0 +1,504 @@
+
+
+
\ No newline at end of file
diff --git a/_shared_assets/themes/owncloud_org/static/fonts/fontawesome-webfont.ttf b/_shared_assets/themes/owncloud_org/static/fonts/fontawesome-webfont.ttf
new file mode 100755
index 000000000..5cd6cff6d
Binary files /dev/null and b/_shared_assets/themes/owncloud_org/static/fonts/fontawesome-webfont.ttf differ
diff --git a/_shared_assets/themes/owncloud_org/static/fonts/fontawesome-webfont.woff b/_shared_assets/themes/owncloud_org/static/fonts/fontawesome-webfont.woff
new file mode 100755
index 000000000..9eaecb379
Binary files /dev/null and b/_shared_assets/themes/owncloud_org/static/fonts/fontawesome-webfont.woff differ
diff --git a/_shared_assets/themes/owncloud_org/static/styles.css b/_shared_assets/themes/owncloud_org/static/styles.css
index a5a6d6949..04fb22c85 100644
--- a/_shared_assets/themes/owncloud_org/static/styles.css
+++ b/_shared_assets/themes/owncloud_org/static/styles.css
@@ -1,5 +1,285 @@
/* This css file should only be used for Documentation. Do not replace styles.css in owncloud.org website with this file */
+
+@font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: normal;
+ src: local('Open Sans'), local('OpenSans'), url(fonts/OpenSans-Regular.woff) format('woff'), url(fonts/OpenSans-Regular.ttf) format('ttf');
+}
+
+@font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: bold;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url(fonts/OpenSans-Bold.woff) format('woff'), url(fonts/OpenSans-Bold.ttf) format('ttf');
+}
+
+@font-face {
+ font-family: 'Open Sans';
+ font-style: italic;
+ font-weight: normal;
+ src: local('Open Sans Italic'), local('OpenSans-Italic'), url(fonts/OpenSans-Italic.woff) format('woff'), url(fonts/OpenSans-Bold.ttf) format('ttf');
+}
+
+@font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: light;
+ src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/OpenSans-Light.woff) format('woff'), url(fonts/OpenSans-Light.ttf) format('ttf');
+}
+
+span.avoidwrap {
+ display:inline-block;
+}
+
+@media only screen and (max-width: 700px) {
+ div .hideonsmall {
+ display: none;
+ }
+}
+
+/* Make background white, font grey and default buttons a bit darker to compensate */
+body {
+ font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Font Awesome", sans-serif !important;
+ color: #555;
+ background: white;
+}
+
+h1, h2, h3 {
+ font-weight: 300;
+}
+h1 {
+ font-size: 45px;
+}
+h2 {
+ font-size: 27px;
+ margin-bottom: 12px;
+}
+h3 {
+ font-size: 22px;
+ margin: 12px 0;
+}
+
+
+.btn-default {
+ background: rgba(240,240,240,.9);
+ border: 1px solid rgba(210,210,210,.9);
+}
+
+.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
+ background: white;
+ border: 1px solid rgba(240,240,240,.9);
+}
+
+.btn-primary {
+ background: #55739a;
+ border: 1px solid #1D2D44;
+ color: white;
+}
+
+.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
+ background: #428BCA;
+ border: 1px solid #1D2D44;
+ color: white;
+}
+
+button a {color: #1d2d44}
+button a:hover {text-decoration: none; }
+
+.no-underline a {
+ border: 0px none transparent !important;
+}
+/* Remove line under page headers (defined in main.min.css) */
+div.page-header {
+border-bottom: 0px solid #EEE;
+}
+/* Remove border from navbar (defined in main.min.css) */
+.navbar {
+border: 1px solid transparent;
+}
+
+.banner img {
+ padding: 15px 0;
+}
+
+div.box-head {
+ display: none;
+}
+
+h3.ft-title {
+ text-align: center;
+ font-weight: 100;
+ font-size: 23px;
+}
+
+h2.featuretitle {
+ font-weight: 400;
+ font-size: 25px;
+}
+
+
+.page-content-header > div > h1 {
+ display: inline;
+ margin-top: 0;
+}
+
+.page-content-header > div > a.rss-button {
+ vertical-align: baseline;
+ margin-left: 20px;
+ color: rgb(206, 91, 0);
+}
+
+.page-content-header > div > form > input[type=text] {
+ display: inline;
+ width: 78%;
+}
+
+.banner ul#menu-header.nav>li:not(.menu-install) >a:hover {
+ border-bottom: 2px solid white;
+}
+
+.banner ul#menu-header.nav>li>a {
+ padding-bottom: 6px;
+ font-size: 1em;
+}
+
+.banner ul#menu-header.nav>li.menu-commercial>a:hover{
+ border-bottom: 2px solid #e8733b;
+}
+
+.btn.btn-orange {
+ background-color: #e8733b;
+ color: white;
+}
+
+
+div.sub-nav {
+ margin-top: -20px;
+}
+
+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 {
+ width: 121px;
+}
+
+.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;
+}
+
+/* the footer */
+
+div.footer-text {
+ color: #AAAAAA;
+ text-align: center;
+ margin-bottom: 40px;
+}
+
+div.footer-social-icons > div {
+ text-align: center;
+ margin: 50px 17px -20px -14px;
+}
+
+div.footer-social-icons> div > a:hover {
+ opacity: 0.8;
+}
+
+div.footer-social-icons img {
+ margin: 0 30px 30px 0;
+}
+
+footer div.footer-nav>h4 {
+ font-size: 1.125em;
+ color: #FFFFFF;
+}
+
+div.thumbnail > img {
+ margin-bottom: 0;
+}
+
+/* Make YouTube videos responsive */
+@media(min-width: 995px) {
+ .videoWrapper {
+ position: relative;
+ padding-bottom: 28.12%; /* 16:9 - lets them be quarter screen size. 56.25% for full */
+ padding-top: 25px;
+ width: 50%; /* 100% for full screen size */
+ height: 0;
+ }
+ .videoWrapper iframe {
+ position: absolute;
+ margin-left: 50%;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ }
+}
+
+@media(max-width: 996px) {
+ .videoWrapper {
+ position: relative;
+ padding-bottom: 56.25%;
+ padding-top: 30px;
+ height: 0;
+ width: 100%;
+ padding-left: -50%;
+ }
+
+ .videoWrapper iframe, .videoWrapper object, .videoWrapper embed {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ }
+}
+
+
+
/* -- Start specific css for documentation -- */
ul#menu-support.menu {
@@ -113,124 +393,3 @@ li.next {
/* -- End specific css for documentation -- */
-.navbar-header .logo {
- width: 121px;
-}
-
-li.top-nav-active > a {
- border-bottom: 2px solid white;
-}
-
-.banner img {
- padding: 15px 0;
-}
-
-#appstore, #googleplay, #desktopclient {
- text-align: center;
- display: block;
- opacity: 0.9;
- height: 60px;
-}
-
-div.footer-text {
- color: #AAAAAA;
- text-align: center;
- margin-bottom: 40px;
-}
-
-.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;
-}
-
-footer div.footer-nav>h4 {
- font-size: 1.125em;
- color: #FFFFFF;
-}
-
-i[class*='icon-'] {
- font-style: normal;
-}
-
-.home .row {
- padding-bottom: 20px;
-}
-
-p.socialicons > a > img {
- margin: 0 4px;
-}
-
-div.footer-social-icons > div {
- text-align: center;
- margin-bottom: -14px;
- margin-top: 7px;
-}
-
-div.footer-social-icons> div > a:hover {
- opacity: 0.8;
-}
-
-div.footer-social-icons img {
- margin: 0 1em 1em 0;
-}
-
-
-div.thumbnail > img {
- margin-bottom: 0;
-}
-
-.page.install h3 {
- margin-top: 0;
-}
-
-.home div.wrap > .content {
- background-size: 85% auto;
- background-position: top center;
-}
-
-.page-content-header > div > h1 {
- display: inline;
- margin-top: 0;
-}
-
-.page-content-header > div > a.rss-button {
- vertical-align: baseline;
- margin-left: 20px;
- color: rgb(206, 91, 0);
-}
-
-.page-content-header > div > form > input[type=text] {
- display: inline;
- width: 78%;
-}
-
-.banner ul#menu-header.nav>li:not(.menu-install) >a:hover {
- border-bottom: 2px solid white;
-}
-
-.banner ul#menu-header.nav>li>a {
- padding-bottom: 6px;
- font-size: 1em;
-}
-
-/* make links discoverable in note boxes */
-.note a {
- border-bottom: 1px dotted #428bca;
-}
-.note a:hover, .note a:focus {
- border-bottom: 1px solid #428bca;
- text-decoration: none;
-}