1 files changed, 117 insertions, 4 deletions
diff --git a/design/sass/_notes.scss b/design/sass/_notes.scss
index cde15a5..4ab42b4 100644
--- a/design/sass/_notes.scss
+++ b/design/sass/_notes.scss
@@ -85,7 +85,7 @@ main {
         font-weight: normal;
         overflow: hidden;
         white-space: nowrap;
-        color: $body_font_color;
+        color: darken($body_font_color, 10);
     }
     .notebook {
         padding-right: 8px;
@@ -176,18 +176,20 @@ main {
         input {
             width: 200%;
         }
+        a { margin-right: .25rem;}
     }
 }
 .notebook {
     display: block;
 }
 .note-container {
-    max-width: 60%;
+    max-width: 70%;
     position: relative;
     flex:1;
     order: 2;
     background: #fff;
     z-index: 4;
+    margin: 0 auto;
 }
 #note-body {
     @include fancy-sans;
@@ -211,14 +213,16 @@ main {
         font-size:inherit;
     }
 }
-#user-menu, #notebooks-menu {
+#user-menu, #notebooks-menu, #notebook-drop-menu, #tags-drop-menu {
     display: none;
 }
 .active {
     display: block !important;
 }
 .notebook-colored {
-    border-left: 3px solid #fff;
+    -webkit-background-clip: padding-box; /* for Safari */
+    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
+    border-left: 3px solid rgba(255, 255, 255, .5);
 }
 .notebook-title {
     @include fontsize(24);
@@ -249,6 +253,115 @@ main {
         cursor: pointer;
     }
 }
+#nb-create-form {
+    .color-picker-fieldset {
+        width: 30px;
+        height: 30px;
+        label { 
+            top: -25px;   
+            width: 140px;
+            left: -5px;
+        }
+    }
+    .nb-name {
+    margin: 1rem 2rem 1rem 0;
+    width: 90%;
+}
+}
+.small-circle {
+    width: 18px;
+    height: 18px;
+    margin-left: 6px;
+}
+.small-circle.plus:before {
+    width: 2px;
+    margin: 5px auto;
+}
+.small-circle.plus:after{
+    margin: auto 5px;
+    width: 8px;
+}
+
+
+.url-field {
+    input {
+        @include fontsize(16);
+        color: $body_font_color;
+    }
+}
+.note-hed-wrapper {
+    margin-bottom: 1.5rem;
+}
+.note-hed {
+    @include fontsize(22);
+    margin-bottom: 0;
+}
+.note-subhed {
+    @include fontsize(16);
+    margin-top: 0;
+}
+
+.nb-list {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    margin-top: 0;
+}
+.nb-list-item {
+    list-style-type: none;
+    padding: 2rem;
+    margin: 1rem;
+    flex-grow: 1; 
+    border: 1px #e7e2ee solid;
+    border-radius: 4px;
+    min-width: 160px;
+}
+.color-picker-inner {
+    width: 100%;
+    height: 100%;
+}
+
+.dropmenu-search {
+    margin: 0;
+    padding: 0;
+    .dropmenu-search-wrapper {
+        border-top: 1px solid #e9e9e9;
+        border-bottom: 1px solid #e9e9e9;
+        padding: 5px;
+    }
+    input {
+        @include fontsize(16);
+        padding: 4px;
+        width: auto;
+        border: none;
+    }
+    .dropmenu-list {
+        padding: 3px;
+        margin-top: 0;
+        max-height: 300px;
+        overflow-x: auto;
+    }
+    a {
+        display: block;
+        text-decoration: none;
+        padding: 4px 6px;
+        &:hover {
+            background: $link_color;
+        }
+    }
+}
+
+.ql-snow .ql-editor blockquote {
+    border-left: none !important;
+    margin-bottom: 5px;
+    margin-top: 5px;
+    padding-left: none !important;
+    padding: 1rem .5rem;
+}
+.ql-container {
+    min-height: 300px;
+}
+
 /*
 
 Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull <sourdrums@gmail.com>