6 files changed, 114 insertions, 2 deletions
diff --git a/design/sass/_forms.scss b/design/sass/_forms.scss
index cac2442..d6b0931 100644
--- a/design/sass/_forms.scss
+++ b/design/sass/_forms.scss
@@ -86,6 +86,35 @@ table {
         border: 1px solid $link_hover_color;
     }
 }
+.btn-small {
+    @include fontsize(10);
+    @include smcaps;
+}
+.btn-subtle {
+    padding: 3px 5px;
+    border: none; //1px solid $body_font_light;
+    color: $body_font_light !important;
+    background: white;
+    &:hover {
+        background: white;
+        border: none; //1px solid;
+        color: $link_color !important;
+    }
+}
+.btn-accent {
+    padding: 3px 5px;
+    border: 1px solid $text_accent;
+    background: $text_accent;
+    color: white !important;
+    outline: $text_accent;
+    &:hover {
+        background: $text_accent;
+        border: 1px solid $text_accent;
+    }
+}
+.btn-inline {
+    display: inline;
+}
 .form-narrow {
     margin: 0 auto;
     max-width: 60%;
@@ -94,3 +123,8 @@ table {
     @include fontsize(24);
     @include fancy-serif;
 }
+.highlight {
+    border: 1px solid lighten($body_font_light, 20);
+    border-radius: 4px;
+    padding: 6px;
+}
diff --git a/design/sass/_global.scss b/design/sass/_global.scss
index e852855..d394042 100644
--- a/design/sass/_global.scss
+++ b/design/sass/_global.scss
@@ -153,11 +153,11 @@ h3 {
 }
 .wrapper {
     @include constrain_wide;
-    margin-top: 5rem;
+    //margin-top: 5rem;
 }
 //**************  Universals ************************
 .hide {
-    display: none;
+    display: none !important;
 }
 
 .strike {
@@ -183,6 +183,9 @@ h3 {
 .sm {
     max-width: 80px;
 }
+.left-margin-2 {
+    margin-left: 2px;
+}
 //**************  other global classes ************************
 .sans {
     @include generic_sans;
diff --git a/design/sass/_header.scss b/design/sass/_header.scss
index 8b8c3da..7f98419 100644
--- a/design/sass/_header.scss
+++ b/design/sass/_header.scss
@@ -13,6 +13,7 @@ header {
         }
     }
     .right {
+        margin-top: 4px;
         float: right;
     }
 }
diff --git a/design/sass/_mixins.scss b/design/sass/_mixins.scss
index 1aeeb83..bfccc17 100644
--- a/design/sass/_mixins.scss
+++ b/design/sass/_mixins.scss
@@ -9,6 +9,7 @@ $headline_font_serif: Georgia, 'Times New Roman', serif;
 $body_p_font: normal 100% / 1.5 "proxima-nova",helvetica,arial,sans-serif;
 $body_font_color: #6a6a6a;
 $body_font_light: #b3aeae;
+$text_accent: #1be223;
 
 $archive_p_line_height: 1.6;
 //$light;
diff --git a/design/sass/_notes.scss b/design/sass/_notes.scss
new file mode 100644
index 0000000..09d234a
--- /dev/null
+++ b/design/sass/_notes.scss
@@ -0,0 +1,71 @@
+.note-title {
+    @include fontsize(22);
+}
+.note-header {
+    @extend %clearfix;
+}
+.note-header-float {
+    width: 30%;
+    float: right;
+    text-align: right;
+}
+.note-time, .note-url {
+    text-align: right;
+    @include fancy-sans;
+    @include fontsize(13);
+}
+.note-container {
+    @include constrain(80%);
+}
+#note-body {
+    @include fancy-sans;
+    @include fontsize(15);
+}
+.inactive {
+    .ql-editor {
+        padding:0;
+        line-height:inherit;
+        p {
+            padding:inherit;
+            margin-bottom:10px;
+        }
+    }
+    .ql-toolbar {
+        display:none;
+    }
+    .ql-container.ql-snow {
+        border:none;
+        font-family:inherit;
+        font-size:inherit;
+    }
+}
+.note-list-container {
+    max-width: 300px;
+    ul {
+        padding: 0;
+        list-style-type: none;
+    }
+    li {
+        @include fontsize(13);
+        height: 4.5rem;
+        box-shadow: 0 -1px 0 #e7e2ee inset;
+        margin: 0;
+        a {
+            color: lighten($body_font_color, 15);
+            text-decoration: none;
+        }
+    }
+    h4 {
+        @include fontsize(15);
+        margin: 0;
+        padding: 8px 0 8px 6px;
+        font-weight: normal;
+        overflow: hidden;
+        white-space: nowrap;
+    }
+    .note-preview {
+        padding-left: 6px;
+        overflow: hidden;
+        white-space: nowrap;
+    }
+}
diff --git a/design/sass/screenv1.scss b/design/sass/screenv1.scss
index 73a1fd1..d54027e 100644
--- a/design/sass/screenv1.scss
+++ b/design/sass/screenv1.scss
@@ -6,3 +6,5 @@
 @import "_footer.scss";
 @import "_forms.scss";
 @import "_modal.scss";
+@import "_breadcrumbs.scss";
+@import "_notes.scss";