Made sidebar collapsed, added top margin to <P> elements, minor update to raspian install

themes/hueman/source/css/_partial/article.styl

@@ -164,7 +164,7 @@
         list-style-position: outside
         padding-left: 1.4em
         p
-            margin: 0
+            margin: 1em 0em 0em 0em
     img, video
         max-width: 100%
         height: auto

themes/hueman/source/css/_responsive.styl

@@ -2,8 +2,80 @@
  *    Style Fix : > 960px
 /* ------------------------------------------------------------------------- */
 @media only screen and (min-width: 960px)
-    .nav-container-inner
-        display: block !important
+    #header
+        padding-bottom: sidebar-toggle-width
+        .nav-container-inner
+            display: block !important
+
+    .main-body
+        margin-top: - sidebar-toggle-width
+
+    .main-body-inner
+        if sidebar is right
+            padding-right: sidebar-toggle-width
+            background-position: -340px 0 !important
+        else
+            padding-left: sidebar-toggle-width
+            background-position: -290px 0 !important
+        #sidebar
+            clearfix()
+            if sidebar is right
+                right: 0
+                background: url(images/s-left.png) repeat-y right 0
+            else
+                left: 0
+                background: url(images/s-left.png) repeat-y left 0
+            margin: 0
+            height: 100%
+            position: absolute
+            overflow: hidden
+            width: sidebar-toggle-width
+            transition: width 0.2s ease-in 0.2s
+            .sidebar-toggle
+                display: block
+                padding: 6px
+                color: rgba(255,255,255,0.7)
+                text-align: center
+                height: sidebar-toggle-width
+                background: color-theme
+                box-sizing: border-box
+                .toggle
+                    line-height: 38px
+                    font-size: 38px
+                    width: 38px
+                    font-family: fontawesome
+                    &:before
+                        if sidebar is right
+                            content: '\f100'
+                        else
+                            content: '\f101'
+            .sidebar-top
+                padding: 10px 30px
+                background: none
+                border-bottom: 1px solid color-border
+                p, a, i
+                    color: #666
+            #article-nav, .widgets-container, .sidebar-top
+                opacity: 0
+                transition: opacity 0.2s ease-in
+            &.expend
+                width: sidebar-width
+                overflow-y: auto
+                z-index: 2
+                transition: width 0.2s ease-in
+                .toggle
+                    &:before
+                        content: '\f100'
+                #article-nav, .widgets-container, .sidebar-top
+                    opacity: 1
+                    transition: opacity 0.2s ease-in 0.2s
+                .sidebar-top
+                    display: block
+                    .social-links
+                        .social-tooltip
+                            &:after,
+                            &:before
+                                display: none
 
 /* ------------------------------------------------------------------------- *
  *    Toggle Sidebar s1 : 959px > 480px