From 0905fae7c1ba93b70cb10ad77b6a24dbbc2c5082 Mon Sep 17 00:00:00 2001
From: Ralph Amissah <ralph@amissah.com>
Date: Tue, 20 Jun 2017 15:12:56 -0400
Subject: top banner with previous next navigation bar with svg buttons

---
 org/output_xmls_css.org | 69 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 69 insertions(+)

(limited to 'org/output_xmls_css.org')

diff --git a/org/output_xmls_css.org b/org/output_xmls_css.org
index e56654d..0a9afb5 100644
--- a/org/output_xmls_css.org
+++ b/org/output_xmls_css.org
@@ -895,4 +895,73 @@ template SiSUcss() {
   nav#toc ol {
     list-style-type: none;
   }
+  .icon-bar {
+    width: 100%;
+    overflow: auto;
+    margin: 0em 0em 0em;
+  }
+  .left-bar {
+    width: 85%;
+    float: left;
+    display: inline;
+    overflow: auto;
+  }
+  .table-bar {
+    float: left;
+    overflow: auto;
+    width: 100%;
+    display: inline;
+  }
+  .nav-bar {
+    width: 15%;
+    float: right;
+    display: inline;
+    transition: all 0.3s ease;
+    position: relative;
+    padding-bottom: 3em;
+    background: #ffffff;
+  }
+  .toc-button {
+    position: absolute;
+    width: 2em;
+    height: 2em;
+    border-radius: 50%;
+    background: #cccccc;
+  }
+  .toc-button svg {
+    position: relative;
+    left: 25%;
+    top: 25%;
+    width: 150%;
+    height: 150%;
+  }
+  .toc-button p {
+    vertical-align: center;
+    font-size: 120%;
+  }
+  .prev-next-button {
+    position: absolute;
+    top: 0em;
+    width: 2em;
+    height: 2em;
+    border-radius: 50%;
+    background: #cccccc;
+  }
+  .prev-next-button svg {
+    position: relative;
+    left: 20%;
+    top: 20%;
+    width: 60%;
+    height: 60%;
+  }
+  .menu {
+    right: 6em;
+   }
+  .previous {
+    right: 3em;
+   }
+  .next {
+    right: 0em;
+   }
+  .arrow { fill: #333333; }
 #+END_SRC
-- 
cgit v1.2.3