Beginning of global styling; Full Sidebar restyle

less/update/sw5e-update.less

@@ -0,0 +1,104 @@
+@import "variables.less";
+
+html {
+  box-sizing: border-box;
+}
+*, *:before, *:after {
+  box-sizing: inherit;
+}
+// ::-webkit-scrollbar {
+//   width: 6px;
+//   height: 6px;
+// }
+::-webkit-scrollbar-track {
+  border: 1px solid @colorBlue;
+  border-radius: 4px;
+}
+::-webkit-scrollbar-thumb {
+  outline: none;
+  border-radius: 4px;
+  background: @colorBlue;
+  border: none;
+}
+:root {
+  scrollbar-width: thin;
+  scrollbar-color: @colorBlue @colorPaleBlue;
+}
+
+body {
+  .openSans(13px, 400);
+}
+
+h1 {
+  .russoOne(34px);
+}
+h2 {
+  .russoOne(27px);
+}
+h3 {
+  .russoOne(21px);
+}
+h4 {
+  .russoOne(17px);
+}
+h5, h6 {
+  .russoOne(13px);
+}
+
+a {
+  color: @colorRed;
+  text-decoration: none;
+  &:hover, &:active {
+    text-shadow: none;
+    text-decoration: underline;
+  }
+}
+
+.app {
+  background: @sheetBackground;
+  border: none;// 1px solid @colorBlue;
+  .dropShadow1();
+}
+
+#context-menu {
+  background: none;
+  border: none;
+  border-radius: 0;
+  color: @colorBlack;
+  padding: 0 8px;
+  ol.context-items {
+    background: white;
+    border-radius: 4px;
+    border: 1px solid @colorLightGray;
+    .dropShadow2();
+    li.context-item {
+      &:first-child {
+        border-top-left-radius: 4px;
+        border-top-right-radius: 4px;
+      }
+      &:last-child {
+        border-bottom-left-radius: 4px;
+        border-bottom-right-radius: 4px;
+      }
+      i {
+        color: @colorBlue;
+      }
+      &:hover {
+        background: @colorRed;
+        color: white;
+        text-shadow: none;
+        cursor: pointer;
+        i {
+          color: white;
+        }
+      }
+      & + li {
+        border-top: 1px solid @colorPaleGray;
+      }
+    }
+  }
+  
+
+}
+@import "components/forms.less";
+@import "components/sidebar.less";