contextual extension menu

app/assets/stylesheets/app/_common.scss

@@ -30,7 +30,7 @@
 }
 
 .nt-dropdown-menu.dark {
-  background-color: $selection-color;
+  background-color: white;
   color: $selected-text-color;
 
   li {
@@ -85,18 +85,27 @@
   bottom: 0px;
   background-color: #f1f1f1;
   color: $selected-text-color;
-  // padding-top: 5px;
   height: 28px;
   cursor: default;
 
   ol, ul {
-      margin-top: 7px;
+      margin-top: 5px;
       margin-bottom: 10px;
+
+      &.dropdown-menu {
+        margin-top: 10px;
+      }
   }
 
   ul {
     li {
       text-align: left;
+
+      &.sep {
+        margin: 6px;
+        display: block;
+      }
+
       a {
         font-size: 13px;
         font-weight: bold;

app/assets/stylesheets/app/_directives.scss

@@ -0,0 +1,64 @@
+.dropdown-menu.contextual-menu {
+  .extension {
+
+    &:not(:first-child) {
+      margin-top: 18px;
+    }
+
+
+    .ext-header {
+      background-color: #ededed;
+      border-bottom: 1px solid #d3d3d3;
+      padding-top: 12px;
+      padding-left: 10px;
+      padding-bottom: 10px;
+
+      > .name {
+        font-size: 14px;
+      }
+
+      > .access {
+        font-size: 12px;
+        opacity: 0.5;
+        font-weight: normal;
+        margin-top: 2px;
+      }
+    }
+
+    ul {
+      margin-top: 0px;
+      margin-bottom: 0px;
+      list-style:none;
+      padding-left:0;
+
+      li {
+        cursor: pointer;
+        height: auto;
+
+        &.action {
+          padding: 10px;
+          border-bottom: 1px solid rgba(black, 0.1);
+          background-color: rgba(white, 0.9);
+
+          &:hover {
+            background-color: rgba(gray, 0.05);
+          }
+
+          > .name {
+            font-weight: bold;
+            font-size: 14px;
+          }
+
+          > .desc {
+            font-weight: normal;
+            opacity: 0.5;
+            margin-top: 1px;
+            font-size: 12px;
+          }
+
+        }
+
+      }
+    }
+  }
+}

app/assets/stylesheets/frontend.css.scss

@@ -7,6 +7,7 @@ $dark-gray: #2e2e2e;
 @import "app/tags";
 @import "app/notes";
 @import "app/editor";
+@import "app/directives";
 
 @font-face {
   font-family: 'icomoon';