[royale-docs] 02/02: first try at Carlos's proposed layout (needs tweaking)

Tue, 30 Jan 2018 09:44:48 -0800 

This is an automated email from the ASF dual-hosted git repository.

aharui pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/royale-docs.git

commit 363cf37c84ffd570ddc7f56b2116b6840cf4b3ba
Author: Alex Harui <[email protected]>
AuthorDate: Tue Jan 30 09:43:43 2018 -0800

    first try at Carlos's proposed layout (needs tweaking)
---
 _layouts/docpage.html |  8 ++++----
 royalesite.css        | 20 ++++++++++++++------
 2 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/_layouts/docpage.html b/_layouts/docpage.html
index 6176a45..1ee6514 100644
--- a/_layouts/docpage.html
+++ b/_layouts/docpage.html
@@ -28,7 +28,7 @@ limitations under the License.
 
 <body class="page">
 <div class="topbar">
-<img 
src="http://royale.codeoscopic.com/wp-content/uploads/2018/01/apache-royale-tm-logo-dark.svg";
 style="margin-top:15px; margin-bottom: 5px; width: 190px; height: 40px;"/>
+<img 
src="http://royale.codeoscopic.com/wp-content/uploads/2018/01/apache-royale-tm-logo-light.svg";
 style="margin-top:15px; margin-bottom: 5px; width: 190px; height: 40px;"/>
 <ul class="topMenu">
 <li class="topMenu_li fa">
        <a class="topMenu_li_a" 
href="http://royale.apache.org/features.html";>FEATURES</a>
@@ -63,6 +63,9 @@ limitations under the License.
 </div>
 <p class="tagline">Designed for the future.  Code Once.  Run Everywhere.</p>
 <div class="toc_and_doc">
+  <div class="content" id="content">
+    {{content}}
+  </div>
   <div class="toc" id="toc">
 {% assign pagepathparts = page.path | split: "/" %}
 {% assign numparts = pagepathparts | size %}
@@ -131,9 +134,6 @@ limitations under the License.
   {% endfor %}
 {% endfor %}
   </div>
-  <div class="content" id="content">
-    {{content}}
-  </div>
 </div>
 <div class="footer">
   <div class="footer-column">
diff --git a/royalesite.css b/royalesite.css
index 33a457b..426d0ee 100644
--- a/royalesite.css
+++ b/royalesite.css
@@ -259,8 +259,11 @@ h1 {
 
 .tagline {
        font-family: 'Hind Siliguri';
-       margin-top: 0px;
+       top: 60px;
+       right: 10px;
        font-size: 10px;
+       color: #fff;
+       position: absolute;
 }
 
 .asf
@@ -349,7 +352,7 @@ h1 {
 
 .page {
        width: 100%;
-       background-image: 
url('http://royale.codeoscopic.com/wp-content/uploads/2017/10/isometric-devices-light-curve-1920x1025.png');
+       background-image: 
url('http://royale.codeoscopic.com/wp-content/uploads/2017/10/page-bg-1-1920x300.png');
        background-size: 100%;
        background-repeat: no-repeat;
        margin-top: 0px;
@@ -365,6 +368,7 @@ h1 {
        display: inline;
        margin-right: 20px;
        line-height: 70px;
+       color: #fff;
 }
 
 .topbar {
@@ -395,6 +399,7 @@ h1 {
 
 .topMenu_li_a {
        text-decoration: none;
+       color: #fff;
 }
 
 .orange-box {
@@ -463,8 +468,8 @@ h1 {
 }
 
 .footer {
-       margin-left: 54px;
-       margin-right: 54px;
+       padding-left: 54px;
+       padding-right: 54px;
        padding-top: 48px;
        padding-bottom: 18px;
        display: flex;
@@ -472,6 +477,7 @@ h1 {
        justify-content: space-between;
        font-family: 'Hind Siliguri';
        font-size: 14px;
+       background-color: rgb(233, 233, 233);
 }
 
 .footer-column {
@@ -530,17 +536,19 @@ h1 {
        display: flex;
        align-items: flex-start;
        font-family: 'Hind Siliguri';
+       margin-top: 20px;
+       margin-right: 20px;
 }
 
 .toc {
        display: inline-block;
-       margin-top: 10px;
+       margin-top: 80px;
+       margin-left: 20px;
        flex-shrink: 0;
 }
 
 .content {
        display: inline-block;
-       margin-left: 20px;
        flex-grow: 1;
 }
 

-- 
To stop receiving notification emails like this one, please contact
[email protected].

Reply via email to