Repository: pdfbox-docs
Updated Branches:
  refs/heads/asf-site a4e9b6230 -> 7acd95ed6


Site checkin for project Apache PDFBox Website


Project: http://git-wip-us.apache.org/repos/asf/pdfbox-docs/repo
Commit: http://git-wip-us.apache.org/repos/asf/pdfbox-docs/commit/7acd95ed
Tree: http://git-wip-us.apache.org/repos/asf/pdfbox-docs/tree/7acd95ed
Diff: http://git-wip-us.apache.org/repos/asf/pdfbox-docs/diff/7acd95ed

Branch: refs/heads/asf-site
Commit: 7acd95ed69d443253c40aeac9b6154d78b9e5527
Parents: a4e9b62
Author: Maruan Sahyoun <[email protected]>
Authored: Sun Apr 1 12:43:55 2018 +0200
Committer: Maruan Sahyoun <[email protected]>
Committed: Sun Apr 1 12:43:55 2018 +0200

----------------------------------------------------------------------
 content/2.0/commandline.html         |  58 ++++------------
 content/2.0/cookbook/encryption.html |  58 ++++------------
 content/2.0/dependencies.html        |  58 ++++------------
 content/2.0/examples.html            |  58 ++++------------
 content/2.0/faq.html                 |  58 ++++------------
 content/2.0/getting-started.html     |  58 ++++------------
 content/2.0/migration.html           |  58 ++++------------
 content/css/site.css                 | 111 ++++++++++++++++++++++++++++++
 8 files changed, 202 insertions(+), 315 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/pdfbox-docs/blob/7acd95ed/content/2.0/commandline.html
----------------------------------------------------------------------
diff --git a/content/2.0/commandline.html b/content/2.0/commandline.html
index 54d6340..4448148 100644
--- a/content/2.0/commandline.html
+++ b/content/2.0/commandline.html
@@ -78,22 +78,29 @@
 
 
   <div class="container documentation">
-    <nav>
+    <nav class="accordion-menu">
       <h1>Documentation</h1>
+
       <ul>
         <li><a href="/2.0/migration.html">Migration Guide</a></li>
         <li><a href="/2.0/getting-started.html">Getting Started</a></li>
         <li><a href="/2.0/examples.html">Examples</a></li>
         <li><a href="/2.0/dependencies.html">Dependencies</a></li>
-        <li class="sidebar-node" id="v2-0-cookbook">
-            <a href="#">Cookbook</a>
-            <ul>
-                <li><a href="/2.0/cookbook/encryption.html">Document 
Encryption</a></li>
-            </ul>
+
+        <li class="has-children">
+          <input type="checkbox" checked>
+          <i></i>
+          <label>Cookbook</label>
+          <ul>
+            <li><a href="/2.0/cookbook/encryption.html">Document 
Encryption</a></li>
+          </ul>
+
         </li>
+
         <li><a href="/2.0/commandline.html">Command-Line Tools</a></li>
         <li><a href="/2.0/faq.html">FAQ</a></li>
         <li><a href="/docs/2.0.8/javadocs/">API Docs</a></li>
+      </ul>
     </nav>
     <section>
       <h1 id="command-line-tools">Command-Line Tools</h1>
@@ -740,45 +747,6 @@ To override the filename use the <code 
class="highlighter-rouge">outputPrefix</c
     </div>
 </footer>
 
-  <!-- Twitter Bootstrap and jQuery after this line. -->
-<script src="//code.jquery.com/jquery-latest.min.js"></script>
-<script src="/bootstrap/js/bootstrap.min.js"></script>
-<script type="text/javascript">
-
-    $(document).ready(function () {
-            $('[data-toggle="offcanvas"]').click(function () {
-            $('.row-offcanvas').toggleClass('active')
-        });
-    });
-
-    $(function() {
-        // collapse tree nodes dynamically to support noscript
-        $('.sidebar-node').addClass('collapsed');
-
-
-        // toggle expand/collapse
-        $('.sidebar-node > a').click(function(e) {
-            $(this).parent().toggleClass('collapsed');
-            e.preventDefault();
-        });
-
-        // preserve expand/collapse across page navigation
-        var path = document.location.pathname;
-        if (path.indexOf('/1.8') == 0) {
-            $('#v1-8').removeClass('collapsed');
-            if (path.indexOf('/1.8/cookbook') == 0) {
-                $('#v1-8-cookbook').removeClass('collapsed');
-            }
-        } else {
-            $('#v2-0').removeClass('collapsed');
-            if (path.indexOf('/2.0/cookbook') == 0) {
-                $('#v2-0-cookbook').removeClass('collapsed');
-            }
-        }
-
-    });
-</script>
-
 
 </body>
 

http://git-wip-us.apache.org/repos/asf/pdfbox-docs/blob/7acd95ed/content/2.0/cookbook/encryption.html
----------------------------------------------------------------------
diff --git a/content/2.0/cookbook/encryption.html 
b/content/2.0/cookbook/encryption.html
index 41c5e66..d61a383 100644
--- a/content/2.0/cookbook/encryption.html
+++ b/content/2.0/cookbook/encryption.html
@@ -78,22 +78,29 @@
 
 
   <div class="container documentation">
-    <nav>
+    <nav class="accordion-menu">
       <h1>Documentation</h1>
+
       <ul>
         <li><a href="/2.0/migration.html">Migration Guide</a></li>
         <li><a href="/2.0/getting-started.html">Getting Started</a></li>
         <li><a href="/2.0/examples.html">Examples</a></li>
         <li><a href="/2.0/dependencies.html">Dependencies</a></li>
-        <li class="sidebar-node" id="v2-0-cookbook">
-            <a href="#">Cookbook</a>
-            <ul>
-                <li><a href="/2.0/cookbook/encryption.html">Document 
Encryption</a></li>
-            </ul>
+
+        <li class="has-children">
+          <input type="checkbox" checked>
+          <i></i>
+          <label>Cookbook</label>
+          <ul>
+            <li><a href="/2.0/cookbook/encryption.html">Document 
Encryption</a></li>
+          </ul>
+
         </li>
+
         <li><a href="/2.0/commandline.html">Command-Line Tools</a></li>
         <li><a href="/2.0/faq.html">FAQ</a></li>
         <li><a href="/docs/2.0.8/javadocs/">API Docs</a></li>
+      </ul>
     </nav>
     <section>
       <h1 id="encrypting-a-file">Encrypting a File</h1>
@@ -150,45 +157,6 @@
     </div>
 </footer>
 
-  <!-- Twitter Bootstrap and jQuery after this line. -->
-<script src="//code.jquery.com/jquery-latest.min.js"></script>
-<script src="/bootstrap/js/bootstrap.min.js"></script>
-<script type="text/javascript">
-
-    $(document).ready(function () {
-            $('[data-toggle="offcanvas"]').click(function () {
-            $('.row-offcanvas').toggleClass('active')
-        });
-    });
-
-    $(function() {
-        // collapse tree nodes dynamically to support noscript
-        $('.sidebar-node').addClass('collapsed');
-
-
-        // toggle expand/collapse
-        $('.sidebar-node > a').click(function(e) {
-            $(this).parent().toggleClass('collapsed');
-            e.preventDefault();
-        });
-
-        // preserve expand/collapse across page navigation
-        var path = document.location.pathname;
-        if (path.indexOf('/1.8') == 0) {
-            $('#v1-8').removeClass('collapsed');
-            if (path.indexOf('/1.8/cookbook') == 0) {
-                $('#v1-8-cookbook').removeClass('collapsed');
-            }
-        } else {
-            $('#v2-0').removeClass('collapsed');
-            if (path.indexOf('/2.0/cookbook') == 0) {
-                $('#v2-0-cookbook').removeClass('collapsed');
-            }
-        }
-
-    });
-</script>
-
 
 </body>
 

http://git-wip-us.apache.org/repos/asf/pdfbox-docs/blob/7acd95ed/content/2.0/dependencies.html
----------------------------------------------------------------------
diff --git a/content/2.0/dependencies.html b/content/2.0/dependencies.html
index cb566c9..453eef2 100644
--- a/content/2.0/dependencies.html
+++ b/content/2.0/dependencies.html
@@ -78,22 +78,29 @@
 
 
   <div class="container documentation">
-    <nav>
+    <nav class="accordion-menu">
       <h1>Documentation</h1>
+
       <ul>
         <li><a href="/2.0/migration.html">Migration Guide</a></li>
         <li><a href="/2.0/getting-started.html">Getting Started</a></li>
         <li><a href="/2.0/examples.html">Examples</a></li>
         <li><a href="/2.0/dependencies.html">Dependencies</a></li>
-        <li class="sidebar-node" id="v2-0-cookbook">
-            <a href="#">Cookbook</a>
-            <ul>
-                <li><a href="/2.0/cookbook/encryption.html">Document 
Encryption</a></li>
-            </ul>
+
+        <li class="has-children">
+          <input type="checkbox" checked>
+          <i></i>
+          <label>Cookbook</label>
+          <ul>
+            <li><a href="/2.0/cookbook/encryption.html">Document 
Encryption</a></li>
+          </ul>
+
         </li>
+
         <li><a href="/2.0/commandline.html">Command-Line Tools</a></li>
         <li><a href="/2.0/faq.html">FAQ</a></li>
         <li><a href="/docs/2.0.8/javadocs/">API Docs</a></li>
+      </ul>
     </nav>
     <section>
       <h1 id="dependencies">Dependencies</h1>
@@ -244,45 +251,6 @@ directory. You can then simply copy all the libraries you 
need from this directo
     </div>
 </footer>
 
-  <!-- Twitter Bootstrap and jQuery after this line. -->
-<script src="//code.jquery.com/jquery-latest.min.js"></script>
-<script src="/bootstrap/js/bootstrap.min.js"></script>
-<script type="text/javascript">
-
-    $(document).ready(function () {
-            $('[data-toggle="offcanvas"]').click(function () {
-            $('.row-offcanvas').toggleClass('active')
-        });
-    });
-
-    $(function() {
-        // collapse tree nodes dynamically to support noscript
-        $('.sidebar-node').addClass('collapsed');
-
-
-        // toggle expand/collapse
-        $('.sidebar-node > a').click(function(e) {
-            $(this).parent().toggleClass('collapsed');
-            e.preventDefault();
-        });
-
-        // preserve expand/collapse across page navigation
-        var path = document.location.pathname;
-        if (path.indexOf('/1.8') == 0) {
-            $('#v1-8').removeClass('collapsed');
-            if (path.indexOf('/1.8/cookbook') == 0) {
-                $('#v1-8-cookbook').removeClass('collapsed');
-            }
-        } else {
-            $('#v2-0').removeClass('collapsed');
-            if (path.indexOf('/2.0/cookbook') == 0) {
-                $('#v2-0-cookbook').removeClass('collapsed');
-            }
-        }
-
-    });
-</script>
-
 
 </body>
 

http://git-wip-us.apache.org/repos/asf/pdfbox-docs/blob/7acd95ed/content/2.0/examples.html
----------------------------------------------------------------------
diff --git a/content/2.0/examples.html b/content/2.0/examples.html
index 9007064..bde73a3 100644
--- a/content/2.0/examples.html
+++ b/content/2.0/examples.html
@@ -78,22 +78,29 @@
 
 
   <div class="container documentation">
-    <nav>
+    <nav class="accordion-menu">
       <h1>Documentation</h1>
+
       <ul>
         <li><a href="/2.0/migration.html">Migration Guide</a></li>
         <li><a href="/2.0/getting-started.html">Getting Started</a></li>
         <li><a href="/2.0/examples.html">Examples</a></li>
         <li><a href="/2.0/dependencies.html">Dependencies</a></li>
-        <li class="sidebar-node" id="v2-0-cookbook">
-            <a href="#">Cookbook</a>
-            <ul>
-                <li><a href="/2.0/cookbook/encryption.html">Document 
Encryption</a></li>
-            </ul>
+
+        <li class="has-children">
+          <input type="checkbox" checked>
+          <i></i>
+          <label>Cookbook</label>
+          <ul>
+            <li><a href="/2.0/cookbook/encryption.html">Document 
Encryption</a></li>
+          </ul>
+
         </li>
+
         <li><a href="/2.0/commandline.html">Command-Line Tools</a></li>
         <li><a href="/2.0/faq.html">FAQ</a></li>
         <li><a href="/docs/2.0.8/javadocs/">API Docs</a></li>
+      </ul>
     </nav>
     <section>
       <h1 id="examples">Examples</h1>
@@ -122,45 +129,6 @@
     </div>
 </footer>
 
-  <!-- Twitter Bootstrap and jQuery after this line. -->
-<script src="//code.jquery.com/jquery-latest.min.js"></script>
-<script src="/bootstrap/js/bootstrap.min.js"></script>
-<script type="text/javascript">
-
-    $(document).ready(function () {
-            $('[data-toggle="offcanvas"]').click(function () {
-            $('.row-offcanvas').toggleClass('active')
-        });
-    });
-
-    $(function() {
-        // collapse tree nodes dynamically to support noscript
-        $('.sidebar-node').addClass('collapsed');
-
-
-        // toggle expand/collapse
-        $('.sidebar-node > a').click(function(e) {
-            $(this).parent().toggleClass('collapsed');
-            e.preventDefault();
-        });
-
-        // preserve expand/collapse across page navigation
-        var path = document.location.pathname;
-        if (path.indexOf('/1.8') == 0) {
-            $('#v1-8').removeClass('collapsed');
-            if (path.indexOf('/1.8/cookbook') == 0) {
-                $('#v1-8-cookbook').removeClass('collapsed');
-            }
-        } else {
-            $('#v2-0').removeClass('collapsed');
-            if (path.indexOf('/2.0/cookbook') == 0) {
-                $('#v2-0-cookbook').removeClass('collapsed');
-            }
-        }
-
-    });
-</script>
-
 
 </body>
 

http://git-wip-us.apache.org/repos/asf/pdfbox-docs/blob/7acd95ed/content/2.0/faq.html
----------------------------------------------------------------------
diff --git a/content/2.0/faq.html b/content/2.0/faq.html
index abb5209..65594f2 100644
--- a/content/2.0/faq.html
+++ b/content/2.0/faq.html
@@ -78,22 +78,29 @@
 
 
   <div class="container documentation">
-    <nav>
+    <nav class="accordion-menu">
       <h1>Documentation</h1>
+
       <ul>
         <li><a href="/2.0/migration.html">Migration Guide</a></li>
         <li><a href="/2.0/getting-started.html">Getting Started</a></li>
         <li><a href="/2.0/examples.html">Examples</a></li>
         <li><a href="/2.0/dependencies.html">Dependencies</a></li>
-        <li class="sidebar-node" id="v2-0-cookbook">
-            <a href="#">Cookbook</a>
-            <ul>
-                <li><a href="/2.0/cookbook/encryption.html">Document 
Encryption</a></li>
-            </ul>
+
+        <li class="has-children">
+          <input type="checkbox" checked>
+          <i></i>
+          <label>Cookbook</label>
+          <ul>
+            <li><a href="/2.0/cookbook/encryption.html">Document 
Encryption</a></li>
+          </ul>
+
         </li>
+
         <li><a href="/2.0/commandline.html">Command-Line Tools</a></li>
         <li><a href="/2.0/faq.html">FAQ</a></li>
         <li><a href="/docs/2.0.8/javadocs/">API Docs</a></li>
+      </ul>
     </nav>
     <section>
       <h1 id="frequently-asked-questions">Frequently Asked Questions</h1>
@@ -329,45 +336,6 @@ but these would cost additional time and memory space. You 
can have a higher qua
     </div>
 </footer>
 
-  <!-- Twitter Bootstrap and jQuery after this line. -->
-<script src="//code.jquery.com/jquery-latest.min.js"></script>
-<script src="/bootstrap/js/bootstrap.min.js"></script>
-<script type="text/javascript">
-
-    $(document).ready(function () {
-            $('[data-toggle="offcanvas"]').click(function () {
-            $('.row-offcanvas').toggleClass('active')
-        });
-    });
-
-    $(function() {
-        // collapse tree nodes dynamically to support noscript
-        $('.sidebar-node').addClass('collapsed');
-
-
-        // toggle expand/collapse
-        $('.sidebar-node > a').click(function(e) {
-            $(this).parent().toggleClass('collapsed');
-            e.preventDefault();
-        });
-
-        // preserve expand/collapse across page navigation
-        var path = document.location.pathname;
-        if (path.indexOf('/1.8') == 0) {
-            $('#v1-8').removeClass('collapsed');
-            if (path.indexOf('/1.8/cookbook') == 0) {
-                $('#v1-8-cookbook').removeClass('collapsed');
-            }
-        } else {
-            $('#v2-0').removeClass('collapsed');
-            if (path.indexOf('/2.0/cookbook') == 0) {
-                $('#v2-0-cookbook').removeClass('collapsed');
-            }
-        }
-
-    });
-</script>
-
 
 </body>
 

http://git-wip-us.apache.org/repos/asf/pdfbox-docs/blob/7acd95ed/content/2.0/getting-started.html
----------------------------------------------------------------------
diff --git a/content/2.0/getting-started.html b/content/2.0/getting-started.html
index 1a49e1f..bf6af08 100644
--- a/content/2.0/getting-started.html
+++ b/content/2.0/getting-started.html
@@ -78,22 +78,29 @@
 
 
   <div class="container documentation">
-    <nav>
+    <nav class="accordion-menu">
       <h1>Documentation</h1>
+
       <ul>
         <li><a href="/2.0/migration.html">Migration Guide</a></li>
         <li><a href="/2.0/getting-started.html">Getting Started</a></li>
         <li><a href="/2.0/examples.html">Examples</a></li>
         <li><a href="/2.0/dependencies.html">Dependencies</a></li>
-        <li class="sidebar-node" id="v2-0-cookbook">
-            <a href="#">Cookbook</a>
-            <ul>
-                <li><a href="/2.0/cookbook/encryption.html">Document 
Encryption</a></li>
-            </ul>
+
+        <li class="has-children">
+          <input type="checkbox" checked>
+          <i></i>
+          <label>Cookbook</label>
+          <ul>
+            <li><a href="/2.0/cookbook/encryption.html">Document 
Encryption</a></li>
+          </ul>
+
         </li>
+
         <li><a href="/2.0/commandline.html">Command-Line Tools</a></li>
         <li><a href="/2.0/faq.html">FAQ</a></li>
         <li><a href="/docs/2.0.8/javadocs/">API Docs</a></li>
+      </ul>
     </nav>
     <section>
       <h1 id="getting-started">Getting Started</h1>
@@ -161,45 +168,6 @@ https://bugs.openjdk.java.net/browse/JDK-8041125</p>
     </div>
 </footer>
 
-  <!-- Twitter Bootstrap and jQuery after this line. -->
-<script src="//code.jquery.com/jquery-latest.min.js"></script>
-<script src="/bootstrap/js/bootstrap.min.js"></script>
-<script type="text/javascript">
-
-    $(document).ready(function () {
-            $('[data-toggle="offcanvas"]').click(function () {
-            $('.row-offcanvas').toggleClass('active')
-        });
-    });
-
-    $(function() {
-        // collapse tree nodes dynamically to support noscript
-        $('.sidebar-node').addClass('collapsed');
-
-
-        // toggle expand/collapse
-        $('.sidebar-node > a').click(function(e) {
-            $(this).parent().toggleClass('collapsed');
-            e.preventDefault();
-        });
-
-        // preserve expand/collapse across page navigation
-        var path = document.location.pathname;
-        if (path.indexOf('/1.8') == 0) {
-            $('#v1-8').removeClass('collapsed');
-            if (path.indexOf('/1.8/cookbook') == 0) {
-                $('#v1-8-cookbook').removeClass('collapsed');
-            }
-        } else {
-            $('#v2-0').removeClass('collapsed');
-            if (path.indexOf('/2.0/cookbook') == 0) {
-                $('#v2-0-cookbook').removeClass('collapsed');
-            }
-        }
-
-    });
-</script>
-
 
 </body>
 

http://git-wip-us.apache.org/repos/asf/pdfbox-docs/blob/7acd95ed/content/2.0/migration.html
----------------------------------------------------------------------
diff --git a/content/2.0/migration.html b/content/2.0/migration.html
index 8f39e74..bb83761 100644
--- a/content/2.0/migration.html
+++ b/content/2.0/migration.html
@@ -78,22 +78,29 @@
 
 
   <div class="container documentation">
-    <nav>
+    <nav class="accordion-menu">
       <h1>Documentation</h1>
+
       <ul>
         <li><a href="/2.0/migration.html">Migration Guide</a></li>
         <li><a href="/2.0/getting-started.html">Getting Started</a></li>
         <li><a href="/2.0/examples.html">Examples</a></li>
         <li><a href="/2.0/dependencies.html">Dependencies</a></li>
-        <li class="sidebar-node" id="v2-0-cookbook">
-            <a href="#">Cookbook</a>
-            <ul>
-                <li><a href="/2.0/cookbook/encryption.html">Document 
Encryption</a></li>
-            </ul>
+
+        <li class="has-children">
+          <input type="checkbox" checked>
+          <i></i>
+          <label>Cookbook</label>
+          <ul>
+            <li><a href="/2.0/cookbook/encryption.html">Document 
Encryption</a></li>
+          </ul>
+
         </li>
+
         <li><a href="/2.0/commandline.html">Command-Line Tools</a></li>
         <li><a href="/2.0/faq.html">FAQ</a></li>
         <li><a href="/docs/2.0.8/javadocs/">API Docs</a></li>
+      </ul>
     </nav>
     <section>
       <h1 id="migration-to-pdfbox-200">Migration to PDFBox 2.0.0</h1>
@@ -383,45 +390,6 @@ To understand this yourself, view any file with 
PDFDebugger and have a look at t
     </div>
 </footer>
 
-  <!-- Twitter Bootstrap and jQuery after this line. -->
-<script src="//code.jquery.com/jquery-latest.min.js"></script>
-<script src="/bootstrap/js/bootstrap.min.js"></script>
-<script type="text/javascript">
-
-    $(document).ready(function () {
-            $('[data-toggle="offcanvas"]').click(function () {
-            $('.row-offcanvas').toggleClass('active')
-        });
-    });
-
-    $(function() {
-        // collapse tree nodes dynamically to support noscript
-        $('.sidebar-node').addClass('collapsed');
-
-
-        // toggle expand/collapse
-        $('.sidebar-node > a').click(function(e) {
-            $(this).parent().toggleClass('collapsed');
-            e.preventDefault();
-        });
-
-        // preserve expand/collapse across page navigation
-        var path = document.location.pathname;
-        if (path.indexOf('/1.8') == 0) {
-            $('#v1-8').removeClass('collapsed');
-            if (path.indexOf('/1.8/cookbook') == 0) {
-                $('#v1-8-cookbook').removeClass('collapsed');
-            }
-        } else {
-            $('#v2-0').removeClass('collapsed');
-            if (path.indexOf('/2.0/cookbook') == 0) {
-                $('#v2-0-cookbook').removeClass('collapsed');
-            }
-        }
-
-    });
-</script>
-
 
 </body>
 

http://git-wip-us.apache.org/repos/asf/pdfbox-docs/blob/7acd95ed/content/css/site.css
----------------------------------------------------------------------
diff --git a/content/css/site.css b/content/css/site.css
index 94f26ea..c14797d 100644
--- a/content/css/site.css
+++ b/content/css/site.css
@@ -349,6 +349,117 @@ table tr:nth-child(even) td, table tr.even td {
   color: black;
 }
 
+.accordion-menu ul li i:before, .accordion-menu ul li i:after {
+  transition: all 0.25s ease-in-out;
+}
+
+.accordion-menu ul ul li {
+  animation: flipdown 0.5s ease both;
+}
+
+.accordion-menu label {
+  color: rgba(0,0,0,0.8);
+  cursor: pointer;
+  display: block;
+  font-size: 1em;
+  padding: .20em 15px;
+  text-transform: uppercase;
+}
+
+.accordion-menu ul {
+  list-style: none;
+  perspective: 900;
+  padding: 0;
+  margin: 0;
+}
+.accordion-menu ul li {
+  position: relative;
+  padding: 0;
+  margin: 0;
+  padding-bottom: 4px;
+  padding-top: 18px;
+}
+
+.accordion-menu ul li:last-of-type {
+  padding-bottom: 0;
+}
+
+.accordion-menu ul li.has-children {
+  margin-right: 1em;
+}
+
+.accordion-menu ul li i {
+  position: absolute;
+  transform: translate(-6px, 0);
+  margin-top: 16px;
+  right: 0;
+}
+.accordion-menu ul li i:before, .accordion-menu ul li i:after {
+  content: "";
+  position: absolute;
+  background-color: #ff6873;
+  width: 3px;
+  height: 9px;
+}
+.accordion-menu ul li i:before {
+  transform: translate(-2px, 0) rotate(45deg);
+}
+.accordion-menu ul li i:after {
+  transform: translate(2px, 0) rotate(-45deg);
+}
+.accordion-menu ul li input[type=checkbox] {
+  position: absolute;
+  cursor: pointer;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  opacity: 0;
+}
+.accordion-menu ul li input[type=checkbox]:checked ~ ul  {
+  margin-top: 0;
+  max-height: 0;
+  opacity: 0;
+  transform: translate(0, 50%);
+}
+.accordion-menu ul li input[type=checkbox]:checked ~ i:before {
+  transform: translate(2px, 0) rotate(45deg);
+}
+.accordion-menu ul li input[type=checkbox]:checked ~ i:after {
+  transform: translate(-2px, 0) rotate(-45deg);
+}
+
+@keyframes flipdown {
+  0% {
+    opacity: 0;
+    transform-origin: top center;
+    transform: rotateX(-90deg);
+  }
+  5% {
+    opacity: 1;
+  }
+  80% {
+    transform: rotateX(8deg);
+  }
+  83% {
+    transform: rotateX(6deg);
+  }
+  92% {
+    transform: rotateX(-3deg);
+  }
+  100% {
+    transform-origin: top center;
+    transform: rotateX(0deg);
+  }
+}
+
+
+
+
+
+
+
+
+
 
 /*
  * Off Canvas

Reply via email to