Refactored Javascript, started on forums

1 files changed, 70 insertions, 0 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;
+}