Updated channel page styles

assets/styles/drake.scss

@@ -10,7 +10,7 @@ body{
 
 a{
   color: $highlight-color;
-  transition: color 230ms ease-in-out;
+  transition: all 230ms ease-in-out;
   &:hover{
     color: $highlight-color-dark;
   }
@@ -60,3 +60,74 @@ hr{
 #site-header{
   margin-bottom: 10px;
 }
+
+#channel-header{
+  .channel-name{
+    margin-bottom: 5px;
+  }
+  .channel-created,
+  .channel-updated,
+  .video-created,
+  .video-updated{
+    margin-bottom: 5px;
+    color: #666;
+    font-size: 1.5rem;
+    font-style: italic;
+  }
+
+  .channel-description{
+    margin-top: 10px;
+    font-size: 1.75rem;
+  }
+
+  #sidebar{
+    background: #ddd;
+    border: 1px solid #666;
+
+    div:not(:last-child){
+      border-bottom: 1px solid #666;
+    }
+
+    > div{
+      padding: 10px 15px 9px;
+
+      p{
+        margin: 0;
+        font-size: 2rem;
+        text-align: left;
+      }
+    }
+
+    .actions-bar{
+      padding: 0;
+
+      span{
+        display: inline-block;
+        width: calc(50% - 1px);
+        height: 100%;
+        margin: 0;
+        padding: 0;
+      }
+      span:not(:last-child){
+        width: 50%;
+        border-right: 1px solid #666;
+      }
+
+      a{
+        display: block;
+        box-sizing: border-box;
+        width: 100%;
+        padding-top: 10px;
+        padding-bottom: 9px;
+        background: rgba(0, 0, 0, 0);
+        font-size: 2rem;
+        text-align: center;
+        text-decoration: none;
+
+        &:hover{
+          background: rgba(0, 0, 0, 0.1);
+        }
+      }
+    }
+  }
+}