4 files changed, 77 insertions, 3 deletions
diff --git a/design/sass/_forum.scss b/design/sass/_forum.scss
new file mode 100644
index 0000000..cedae2d
--- /dev/null
+++ b/design/sass/_forum.scss
@@ -0,0 +1,70 @@
+.topic-list {
+    table-layout: fixed;
+    border-collapse: collapse; 
+    th:first-of-type, td:first-of-type {
+        padding-left: 10px;
+    }
+    tr {
+        border-bottom: 1px solid #e9e9e9;
+        &:hover {
+            background-color: darken(#fff, 1.5);
+        }
+    }
+    td {
+        width: 100%;
+        border: none;
+    }
+    a {
+        color: $body_font_color;
+        text-decoration: none;
+    }
+    .title {
+        @include fontsize(20);
+        @include fancy_sans;
+        color: #2a2a2a;
+    }
+    .category {
+        @include fontsize(12);
+        @include fancy_sans_bold;
+        text-transform: uppercase;
+        letter-spacing: 1px;
+    }
+    .num {
+        text-align: center; 
+    }
+    .topic-users { width: 80px;}
+    .topic-posts, .topic-views { width: 20px; }
+    .topic-age { width: 40px;}
+}
+.topic-container {
+    max-width: 70%;
+    position: relative;
+    flex:1;
+    order: 2;
+    background: #fff;
+    z-index: 4;
+    margin: 3rem auto 0;
+    h1 {
+        @include fancy_sans_bold;
+        @include fontsize(28);
+        color: #2a2a2a;
+        line-height: 1;
+        margin: 0;
+    }
+    h2 {
+        @include fontsize(14);
+        margin: 0 0 1rem 0;
+        a {
+            color: $body_font_color;
+            text-decoration: none;
+        }
+    }
+    .topic-header {
+        border-bottom: 1px solid lighten($body_font_light, 20);
+        margin: 0 0 2rem 0;
+    }
+}
+#post-list {
+    list-style-type: none;
+    padding: 0;
+}
diff --git a/design/sass/_header.scss b/design/sass/_header.scss
index 1214f9a..12fb641 100644
--- a/design/sass/_header.scss
+++ b/design/sass/_header.scss
@@ -27,8 +27,8 @@ header {
     margin: 3px 0 0 0;
     width: 60px;
     height: 60px;
-    background: #fff url('/media/img/logo-sm.svg') no-repeat;
-    //background: #fff url('/media/img/logo-blk.svg') no-repeat;
+    //background: #fff url('/media/img/logo-sm.svg') no-repeat;
+    background: #fff url('/media/img/logo-blk.svg') no-repeat;
     //background: #fff url('/media/img/logo-org.svg') no-repeat;
     background-size: 60px 60px;
     text-align: center;
diff --git a/design/sass/_notes.scss b/design/sass/_notes.scss
index df25c3c..eca3aaf 100644
--- a/design/sass/_notes.scss
+++ b/design/sass/_notes.scss
@@ -1,3 +1,6 @@
+.color{
+     height: .5rem;   
+}
 main {
     width: 100%;
     display: flex ;
@@ -84,7 +87,7 @@ main {
         font-weight: normal;
         overflow: hidden;
         white-space: nowrap;
-        color: darken($body_font_color, 10);
+        color: #2a2a2a;
     }
     .notebook {
         padding-right: 8px;
diff --git a/design/sass/screenv1.scss b/design/sass/screenv1.scss
index b55f9d9..768d748 100644
--- a/design/sass/screenv1.scss
+++ b/design/sass/screenv1.scss
@@ -9,3 +9,4 @@
 @import "_forms.scss";
 @import "_modal.scss";
 @import "_notes.scss";
+@import "_forum.scss";