Feat: import h. and aside css elements from DEV

theme/static/stylesheet/style.less

@@ -16,11 +16,13 @@ h6 {
 }
 
 h1{
-  font-size: 2.4em
+  font-size: 3em;
 }
 
 h2 {
-  font-size: 2em
+  font-size: 2em;
+  background-color: @light-grey;
+  padding: 4px;
 }
 
 h3 {
@@ -76,6 +78,15 @@ aside {
   color: @sidebar-text-color;
   text-align: center;
 
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+      background-color: @sidebar-bg;
+  }
+
   a {
     color: @sidebar-link-color;
   }
@@ -94,7 +105,11 @@ aside {
     }
 
     h1 {
-      margin: 15px 0 5px 0;
+      margin: 15px 0 20px 0;
+    }
+
+    h2 {
+      margin: 25px 0 0 0;
     }
 
     p {
@@ -104,9 +119,10 @@ aside {
   }
 
   nav {
-    ul {
+    ul.list {
+      padding: 0;
       li {
-        display: inline;
+        display: block;
         line-height: 1.6em;
         font-size: 1em;
         text-transform: lowercase;
@@ -382,92 +398,6 @@ ul.social {
     line-height: 36px;
   }
 
-  a.sc-facebook {
-    background-color: @facebook-bg-color;
-  }
-
-  a.sc-google {
-    background-color: @google-bg-color;
-  }
-
-  a.sc-instagram {
-    background-color: @instagram-bg-color;
-  }
-
-  a.sc-pinterest {
-    background-color: @pinterest-bg-color;
-  }
-
-  a.sc-linkedin {
-    background-color: @linkedin-bg-color;
-  }
-
-  a.sc-medium {
-    background-color: @medium-bg-color;
-  }
-
-  a.sc-rss {
-    background-color: @rss-bg-color;
-  }
-
-  a.sc-stack-overflow {
-    background-color: @stack-overflow-bg-color;
-  }
-
-  a.sc-tumblr {
-    background-color: @tumblr-bg-color;
-  }
-
-  a.sc-twitter {
-    background-color: @twitter-bg-color;
-  }
-
-  a.sc-youtube {
-    background-color: @youtube-bg-color;
-  }
-
-  a.sc-github, a.sc-github-alt {
-    background-color: @github-bg-color;
-  }
-
-  a.sc-envelope-o {
-    background-color: @email-bg-color;
-  }
-
-  a.sc-reddit {
-    background-color: @reddit-bg-color;
-  }
-
-  a.sc-soundcloud {
-    background-color: @soundcloud-bg-color;
-  }
-
-  a.sc-gitlab {
-    background-color: @gitlab-bg-color;
-  }
-
-  a.sc-xing {
-    background-color: @xing-bg-color;
-  }
-
-  a.sc-bitbucket {
-    background-color: @bitbucket-bg-color;
-  }
-
-}
-
-.ads-aside {
-  display: inline-block;
-  height: 90px;
-  width: 70%;
-}
-
-.ads-responsive {
-  display: inline-block;
-  margin: 6px 0 6px 0;
-  width: 90%;
-  height: 70px;
-  margin-left: 5%;
 }
 
 //
@@ -476,7 +406,8 @@ ul.social {
 
 @media screen and (min-width: 768px) {
   aside {
-    width: 25%;
+    width: 20%;
+    max-width: 250px;
     height: 100%;
     position: fixed;
     top: 0;
@@ -506,7 +437,7 @@ ul.social {
     height: 100%;
     position: absolute;
     top: 0;
-    left: 25%;
+    right: 2.5%;
 
     article {
 
@@ -522,11 +453,4 @@ ul.social {
     }
   }
 
-  .ads-aside {
-    height: 250px;
-  }
-
-  .ads-responsive {
-    height: 90px;
-  }
 }