You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ca...@apache.org on 2019/05/18 17:56:36 UTC
[royale-docs] branch master updated: HEADER: center header content
This is an automated email from the ASF dual-hosted git repository.
carlosrovira pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/royale-docs.git
The following commit(s) were added to refs/heads/master by this push:
new bd7b994 HEADER: center header content
bd7b994 is described below
commit bd7b99463c380d9243dd6203a5b6ee3866a85686
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Sat May 18 19:56:29 2019 +0200
HEADER: center header content
---
_layouts/docpage.html | 86 ++++++++++++++++++++++++++-------------------------
royalesite.css | 17 +++++++++-
2 files changed, 60 insertions(+), 43 deletions(-)
diff --git a/_layouts/docpage.html b/_layouts/docpage.html
index f135067..03348d0 100644
--- a/_layouts/docpage.html
+++ b/_layouts/docpage.html
@@ -29,51 +29,53 @@ limitations under the License.
</head>
<body class="page">
- <div class="topbar">
- <div class="topbar-left">
- <div>
- <a href="https://royale.apache.org/">
- <img src="https://royale.apache.org/wp-content/uploads/2018/01/apache-royale-tm-logo-light.svg" style="margin-top:15px; margin-bottom: 5px; width: 190px; height: 40px;"/>
- </a>
+ <header class="docs_header">
+ <div class="topbar">
+ <div class="topbar-left">
+ <div>
+ <a href="https://royale.apache.org/">
+ <img src="https://royale.apache.org/wp-content/uploads/2018/01/apache-royale-tm-logo-light.svg" style="margin-top:15px; margin-bottom: 5px; width: 190px; height: 40px;"/>
+ </a>
+ </div>
</div>
- </div>
- <div class="topbar-right">
- <ul class="topMenu">
- <li class="topMenu_li fa">
- <a class="topMenu_li_a" href="https://royale.apache.org/features/">FEATURES</a>
- </li>
- <li class="topMenu_li fa">
- <a class="topMenu_li_a" href="{{ site.baseurl }}/Get Started.html">GET STARTED</a>
- </li>
- <li class="topMenu_li fa">
- <a class="topMenu_li_a" href="https://royale.apache.org/download/">DOWNLOAD</a>
- </li>
- <li class="topMenu_li fa">
- <a class="topMenu_li_a" href="https://royale.apache.org/docs/">DOCS</a>
- </li>
- <li class="topMenu_li fa">
- <a class="topMenu_li_a" href="https://royale.apache.org/blog/">BLOG</a>
- </li>
- <li class="topMenu_li">
- <a class="topMenu_li_a" href="https://github.com/apache/royale-asjs/wiki/Apache-Royale-Source-Code-Repositories"><span class="grve-item"><i class="grve-menu-icon fa fa-github"></i>GITHUB</span></a>
- </li>
- </ul>
-
- <ul class="social">
- <li class="social_li fa fa-search">
- <a href="#grve-search-modal"></a>
- </li>
- <li class="social_li fa fa-share-alt">
- <a href="#grve-socials-modal"></a>
- </li>
- <li class="social_li fa fa-th">
- <a href="#grve-toggle-menu"></a>
- </li>
- </ul>
- </div>
+ <div class="topbar-right">
+ <ul class="topMenu">
+ <li class="topMenu_li fa">
+ <a class="topMenu_li_a" href="https://royale.apache.org/features/">FEATURES</a>
+ </li>
+ <li class="topMenu_li fa">
+ <a class="topMenu_li_a" href="{{ site.baseurl }}/Get Started.html">GET STARTED</a>
+ </li>
+ <li class="topMenu_li fa">
+ <a class="topMenu_li_a" href="https://royale.apache.org/download/">DOWNLOAD</a>
+ </li>
+ <li class="topMenu_li fa">
+ <a class="topMenu_li_a" href="https://royale.apache.org/docs/">DOCS</a>
+ </li>
+ <li class="topMenu_li fa">
+ <a class="topMenu_li_a" href="https://royale.apache.org/blog/">BLOG</a>
+ </li>
+ <li class="topMenu_li">
+ <a class="topMenu_li_a" href="https://github.com/apache/royale-asjs/wiki/Apache-Royale-Source-Code-Repositories"><span class="grve-item"><i class="grve-menu-icon fa fa-github"></i>GITHUB</span></a>
+ </li>
+ </ul>
+
+ <ul class="social">
+ <li class="social_li fa fa-search">
+ <a href="#grve-search-modal"></a>
+ </li>
+ <li class="social_li fa fa-share-alt">
+ <a href="#grve-socials-modal"></a>
+ </li>
+ <li class="social_li fa fa-th">
+ <a href="#grve-toggle-menu"></a>
+ </li>
+ </ul>
+ </div>
- </div>
+ </div>
+ </header>
<div class="toc_and_doc">
<div class="content" id="content">
diff --git a/royalesite.css b/royalesite.css
index cf5f423..6647ac0 100644
--- a/royalesite.css
+++ b/royalesite.css
@@ -446,8 +446,22 @@ pre {
color: #fff;
}
+.docs_header {
+ height: 70px;
+ position: relative;
+ z-index: 9998;
+}
+
.topbar {
-
+ width: 100%;
+ top: 0;
+ left: auto;
+ position: relative;
+ z-index: 4;
+ max-width: 1170px;
+ margin-right: auto;
+ margin-left: auto;
+ position: relative;
display: flex;
align-items: flex-start;
justify-content: center;
@@ -680,6 +694,7 @@ pre {
}
.content {
+ min-height: 670px;
margin-left: 15px;
margin-right: 15px;
display: inline-block;