From 28c67e85ad7856d8b7d2ffd2ebfc1a55e0bfcc5a Mon Sep 17 00:00:00 2001
From: Fabiano Alencar <fabianocarvalho15@gmail.com>
Date: Fri, 6 Apr 2018 11:02:08 -0300
Subject: [PATCH] style the sidebar footer

---
 src/assets/scss/_media_query.scss | 69 ++++++++++++++++++++-----------
 src/sidebar.php                   |  2 +-
 2 files changed, 46 insertions(+), 25 deletions(-)

diff --git a/src/assets/scss/_media_query.scss b/src/assets/scss/_media_query.scss
index 46c673c..c165dc8 100644
--- a/src/assets/scss/_media_query.scss
+++ b/src/assets/scss/_media_query.scss
@@ -169,21 +169,23 @@ footer{
                 margin: 0;
                 @extend %no-select;
             }
-            p{
-                line-height: 18px;
-                letter-spacing: 1px;
-                position: relative;
-                overflow: hidden;
-                max-height: 800px;
-                @extend %transition;
-                opacity: 1;
-                display: block;
-                transform: translate( 0 , 0 )  ;
-                margin-top: 14px;
-                z-index: 2;
-                font-size: 0.8rem;
-                &:nth-of-type(1){
-                    margin-top: 5px;
+            .tainacan-side{
+                p, div, ul{
+                    line-height: 18px;
+                    letter-spacing: 1px;
+                    position: relative;
+                    overflow: hidden;
+                    max-height: 800px;
+                    @extend %transition;
+                    opacity: 1;
+                    display: block;
+                    transform: translate( 0 , 0 )  ;
+                    margin-top: 14px;
+                    z-index: 2;
+                    font-size: 0.8rem;
+                    &:nth-of-type(1){
+                        margin-top: 5px;
+                    }
                 }
             }
             ul {
@@ -240,7 +242,7 @@ footer{
                         z-index: 1;
                         opacity: 0;
                         &:checked{
-                            &~p{
+                            &~p, &~div, &~ul{
                                 margin-top: 0;
                                 max-height: 0;
                                 opacity: 0;
@@ -294,14 +296,33 @@ footer{
             ul{
                 list-style: none;
                 li{
-                    margin-right: 10vw;
-                    &:last-child{
-                        margin-right: 0;
-                    }
-                    &.border{
-                        border: none !important;
-                        input[type=checkbox]{
-                            display: none;
+                    &.tainacan-side{
+                        margin-right: 5vw;
+                        &:last-child{
+                            margin-right: 0;
+                        }
+                        &.border{
+                            border: none !important;
+                            input[type=checkbox]{
+                                display: none;
+                            }
+                        }
+                        > ul{
+                            width: 10vw;
+                            padding-left: 0;
+                            li{
+                                &:nth-of-type(n + 6){
+                                    display: none;
+                                }
+                                color: #898d8f;
+                            }
+                        }
+                        tr{
+                            color: #898d8f;
+                        }
+                        div > ul{
+                            width: 10vw;
+                            padding-left: 0;
                         }
                     }
                 }
diff --git a/src/sidebar.php b/src/sidebar.php
index 11f02d6..14424a3 100644
--- a/src/sidebar.php
+++ b/src/sidebar.php
@@ -1,5 +1,5 @@
 <div class="col col-sm-4 px-sm-3 col-lg-3 px-lg-5">
     <div id="sidebar" class="py-4 mx-2 mx-sm-0 sidebar hidden-print">
-        <?php dynamic_sidebar(); ?>
+        <?php dynamic_sidebar('sidebar-right'); ?>
     </div>
 </div>
\ No newline at end of file