From 4f7d2b5645f08fc0040da716181d91129c27bed8 Mon Sep 17 00:00:00 2001
From: life <lifephp@gmail.com>
Date: Tue, 13 May 2014 15:18:21 +0800
Subject: [PATCH] default theme

---
 public/css/theme/default.css | 1115 ++++++++++++++++++++++++++++++++++
 public/css/theme/simple.css  | 1081 ++++++++++++++++++++++++++++++++
 2 files changed, 2196 insertions(+)
 create mode 100644 public/css/theme/default.css
 create mode 100644 public/css/theme/simple.css

diff --git a/public/css/theme/default.css b/public/css/theme/default.css
new file mode 100644
index 0000000..8b8205a
--- /dev/null
+++ b/public/css/theme/default.css
@@ -0,0 +1,1115 @@
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  src: local('Open Sans Light'), local('OpenSans-Light'), url('../../fonts/open-sans2/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff') format('woff');
+}
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Open Sans'), local('OpenSans'), url('../../fonts/open-sans2/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
+}
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 700;
+  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../../fonts/open-sans2/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff') format('woff');
+}
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 400;
+  src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../../fonts/open-sans2/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff') format('woff');
+}
+/*"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", Helvetica, "Microsoft Yahei", Verdana, Simsun, "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol",  "BBAlpha Sans", "S60 Sans", Arial, sans-serif;*/
+::selection {
+  background: #000000;
+  color: #ffffff;
+}
+::-moz-selection {
+  background: #000000;
+  color: #ffffff;
+}
+::-webkit-selection {
+  background: #000000;
+  color: #ffffff;
+}
+*,
+body {
+  font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
+  font-weight: 300;
+  font-size: 14px;
+}
+h1,
+h2,
+h3 {
+  font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
+  font-weight: 300 !important;
+}
+a {
+  color: #000000;
+  cursor: pointer;
+}
+a:hover {
+  text-decoration: none !important;
+  color: #000000;
+}
+a.raw {
+  color: #428bca;
+}
+a.raw:hover {
+  color: #2a6496;
+}
+/* header */
+#header {
+  height: 60px;
+  background-color: #25313e;
+  color: #ffffff;
+  border-bottom: 1px solid #ebeff2;
+  /* for app */
+
+  webkit-user-select: none;
+  /* 还不知 */
+
+  -webkit-app-region: drag;
+  /* -webkit-app-region: no-drag; */
+
+}
+#header a {
+  color: #ccc;
+}
+#header li {
+  color: #000000;
+}
+#header li a {
+  color: #000000;
+}
+#logo,
+#logo span {
+  line-height: 50px;
+  font-size: 28px;
+}
+#logo {
+  width: 140px;
+  height: 59px;
+  padding-left: 10px;
+  padding-top: 0px;
+  border-bottom: 1px solid transparent;
+  border-color: rgba(255, 255, 255, 0.1);
+}
+#logo span,
+#switcher span {
+  background-color: #000;
+  border-radius: 10px;
+  display: inline-block;
+  padding: 4px 0;
+  line-height: 1.0;
+}
+#switcher {
+  line-height: 50px;
+  padding-top: 6px;
+  padding-right: 5px;
+  width: 30px;
+  text-align: center;
+}
+#switcher i {
+  font-size: 16px;
+  cursor: pointer;
+}
+#switcher i:hover {
+  color: #0fb264;
+}
+#switcher span {
+  border-radius: 5px;
+  padding: 8px 4px;
+  cursor: pointer;
+  font-size: 16px;
+}
+#switcher span:hover {
+  color: #0fb264;
+}
+#searchNote {
+  padding-left: 0;
+  line-height: 60px;
+  margin: 0;
+}
+#searchNote input {
+  background-size: 18px 13px;
+  border-color: #ebeff2;
+  border: none;
+  color: #ccc;
+  background-color: #000;
+  padding-left: 14px;
+  border-radius: 5px;
+  width: 250px;
+  line-height: 20px;
+  box-shadow: none;
+}
+#searchNote input:focus {
+  outline: none !important;
+  border-color: #0fb264;
+  box-shadow: none;
+}
+#header ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+#header ul li.dropdown {
+  display: inline-block;
+  height: 60px;
+}
+#header ul > li > a.dropdown-toggle {
+  display: block;
+  padding: 15px 5px 0 0;
+  position: relative;
+}
+#header span.icon {
+  display: inline-block;
+  font-size: 28px;
+  color: #999999;
+}
+.dropdown-menu {
+  border-radius: 0;
+  margin: 0;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border: 1px solid #0fb264;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.dropdown-menu li {
+  padding-left: 10px;
+  width: 100%;
+  height: 30px;
+  line-height: 30px;
+}
+.dropdown-menu > li > a {
+  color: #000000;
+  display: inline-block;
+  padding: 3px 3px;
+}
+.dropdown-menu > li:hover,
+.dropdown-menu > li:focus {
+  background-color: #ebeff2;
+}
+.dropdown-menu > li > a:hover,
+.dropdown-menu > li > a:focus {
+  background-color: #ebeff2;
+}
+.ios7-a {
+  display: inline-block;
+  padding: 0 10px 0 5px;
+  height: 40px;
+  vertical-align: middle;
+  line-height: 38px;
+  cursor: pointer;
+}
+/*********************/
+#page {
+  overflow: auto;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+}
+#pageInner {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+}
+#mainContainer {
+  position: absolute;
+  top: 59px;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  overflow: auto;
+  zoom: 1;
+}
+#mainMask {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  background-color: #fff;
+  text-align: center;
+  padding-top: 100px;
+  z-index: 1000;
+}
+.noteSplit {
+  position: absolute;
+  top: 0;
+  width: 5px;
+  height: 100%;
+  overflow: hidden;
+  z-index: 5;
+  cursor: col-resize;
+}
+#notebookSplitter {
+  left: 170px;
+}
+#noteSplitter {
+  left: 250px;
+}
+#leftNotebook {
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 170px;
+}
+#notebook,
+#notebookMin {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  top: 0;
+  right: 0;
+  /*border: 1px solid #ccc;*/
+
+  background-color: #41586e;
+  /*
+  overflow-y: auto;
+  overflow-x: auto;
+  */
+
+  z-index: 2;
+}
+#notebookMin {
+  z-index: 1;
+  overflow-y: visible;
+  overflow-x: visible;
+  background-color: #41586e;
+}
+#notebookMin div.minContainer {
+  border-bottom: 1px solid transparent;
+  border-color: rgba(255, 255, 255, 0.3);
+  padding: 5px;
+  position: relative;
+}
+#notebookMin div.minContainer i {
+  font-size: 20px;
+  color: #fff;
+}
+#notebookMin div.minContainer:hover i {
+  color: #0fb264;
+}
+#notebookMin div.minContainer ul {
+  background-color: #fff;
+  opacity: 0.8;
+  display: none;
+  list-style: none;
+  margin: 0;
+  margin-left: 20px;
+  padding: 5px 0px;
+  border: 1px solid #0fb264;
+  position: absolute;
+  z-index: 1000;
+  top: 0;
+  left: 10px;
+  width: 150px;
+}
+#notebookMin div.minContainer ul li {
+  padding: 0 5px;
+  cursor: pointer;
+}
+#notebookMin div.minContainer ul li span {
+  cursor: pointer;
+}
+#notebookMin div.minContainer ul li a {
+  cursor: pointer;
+}
+#notebookBottom {
+  position: absolute;
+  bottom: 0px;
+  height: 30px;
+  right: 0;
+  left: 0;
+  line-height: 30px;
+  text-align: right;
+  padding-right: 5px;
+  background-color: #eee;
+}
+#notebookBottom #leftSwitcher {
+  border: 1px solid #ccc;
+  padding: 3px 8px;
+  cursor: pointer;
+}
+#noteAndEditor {
+  position: absolute;
+  bottom: 0;
+  top: 0;
+  right: 0;
+  left: 170px;
+}
+#noteList {
+  position: absolute;
+  bottom: 0;
+  top: 0;
+  width: 250px;
+  overflow-x: hidden;
+  overflow-y: hidden;
+  border-right: 1px solid #cfcfcf;
+  border-left: 1px solid #cfcfcf;
+}
+#note {
+  position: absolute;
+  bottom: 0;
+  top: 0;
+  left: 250px;
+  right: 0;
+  padding-left: 5px;
+  overflow-y: hidden;
+  overflow-x: auto;
+  background-color: #ffffff;
+}
+.folderHeader {
+  min-height: 35px;
+  line-height: 35px;
+  cursor: pointer;
+  border-bottom: 1px solid transparent;
+  border-color: rgba(255, 255, 255, 0.05);
+}
+.folderHeader span {
+  display: inline-block;
+  line-height: 35px;
+  color: #fff;
+  font-size: 16px;
+}
+.folderHeader .fa-left,
+.each-user .fa {
+  display: inline-block;
+  line-height: 35px;
+  font-size: 16px;
+  width: 35px;
+  border-right: 1px solid rgba(255, 255, 255, 0.05);
+  text-align: center;
+  color: #fff;
+}
+.each-user div {
+  cursor: pointer;
+  border-bottom: 1px solid transparent;
+  border-color: rgba(255, 255, 255, 0.05);
+}
+.each-user div span {
+  display: inline-block;
+  line-height: 35px;
+  color: #fff;
+  padding-left: 3px;
+  font-size: 14px;
+}
+.each-user div .fa {
+  width: 20px;
+  border-right: none;
+}
+.each-user ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.each-user ul a {
+  padding-left: 20px;
+  font-size: 12px;
+}
+#myNotebooks.opened .fa-left {
+  /*
+	background-color: #65bd77;
+	color: #e2f3e5;
+*/
+
+}
+#myNotebooks .folderBody {
+  /*
+	max-height: 600px; 
+	overflow: auto;
+*/
+
+}
+#addNotebookPlus {
+  padding-right: 10px;
+  color: #ADBECE;
+}
+#addNotebookPlus .fa {
+  font-size: 16px;
+}
+.closed .folder-icon {
+  /* 折叠状态 */
+
+  width: 9px;
+  height: 11px;
+  background-position: -108px -149px;
+}
+.closed .folderBody {
+  display: none;
+}
+.folderBody {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  background-color: #37485e;
+}
+.folderBody li {
+  line-height: 30px;
+}
+.folderBody a {
+  padding-left: 20px;
+  display: block;
+  color: #ADBECE;
+  cursor: pointer;
+  border-bottom: 1px solid transparent;
+  border-color: rgba(255, 255, 255, 0.05);
+  line-height: 35px;
+}
+.folderBody a:hover,
+.folderBody .contextmenu-hover {
+  color: #fff;
+  background-color: rgba(0, 0, 0, 0.05) !important;
+}
+.folderBody a.active,
+.folderBody a.active:hover {
+  background-color: #25313e !important;
+  color: #fff;
+}
+#notebookList input {
+  border: 1px solid #ebeff2;
+  width: 90%;
+  box-shadow: none;
+}
+#notebookList input:focus {
+  outline: none !important;
+  border-color: #0fb264;
+}
+#myTag .folderBody {
+  /*
+	max-height: 200px; 
+	overflow: auto;
+*/
+
+}
+#myTag .folderBody li {
+  position: relative;
+}
+#myTag .folderBody li .badge {
+  width: 40px;
+  position: absolute;
+  right: 3px;
+  top: 7px;
+  font-weight: normal;
+  background-color: #ffffff;
+  color: #000000;
+  border: 1px solid #ebeff2;
+}
+/* notelist */
+#search {
+  border: #bababa 1px solid;
+  background-color: #fff;
+  white-space: nowrap;
+  position: absolute;
+  height: 30px;
+  left: 3px;
+  right: 60px;
+  margin-top: 3px;
+}
+#search label {
+  display: none;
+}
+#searchButton {
+  border: 0 none;
+  width: 16px;
+  height: 16px;
+  overflow: hidden;
+  cursor: pointer;
+  position: absolute;
+  right: 3px;
+  top: 5px;
+}
+#searchInput {
+  border: 0 none;
+  overflow: hidden;
+  position: absolute;
+  right: 20px;
+  left: 0px;
+  padding-left: 10px;
+  height: 28px;
+}
+#searchInput:focus {
+  border: none;
+  outline: thin dotted #333;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+#notesAndSort {
+  background-color: #eee;
+  border-bottom: 1px solid #ebeff2;
+}
+#sortType {
+  /*  position: absolute;
+  right:0;*/
+
+  float: right;
+}
+/* item list */
+#noteItemList {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  width: 100%;
+  overflow-y: hidden;
+  background-color: #f7f7f7;
+  padding: 0 5px;
+}
+#noteItemList .item {
+  position: relative;
+  height: 110px;
+  overflow: hidden;
+  cursor: pointer;
+  padding: 5px;
+  border: 1px solid #ebeff2;
+  border-radius: 3px;
+  margin-top: 5px;
+  background-color: #fff;
+}
+#noteItemList .item:hover,
+#noteItemList .contextmenu-hover {
+  background-color: #ddd !important;
+  color: #000000;
+}
+.item-active,
+#noteItemList .item-active:hover {
+  background-color: #65bd77 !important;
+  color: #fff;
+}
+.item-active .item-desc .fa,
+#noteItemList .item-active:hover .item-desc .fa {
+  color: #eee !important;
+}
+.item-active .item-title,
+#noteItemList .item-active:hover .item-title {
+  color: #fff;
+}
+#noteItemList .item-thumb {
+  padding-left: 10px;
+  width: 100px;
+  overflow: hidden;
+  position: absolute;
+  right: 0px;
+  height: 100px;
+  background-color: #fff;
+  margin-right: 5px;
+}
+.item-thumb img {
+  width: 100px;
+}
+#noteItemList .item-desc {
+  position: absolute;
+  left: 0;
+  right: 100px;
+  margin-left: 4px;
+}
+#noteItemList .item-desc .fa {
+  color: #666;
+}
+#noteItemList .item-blog {
+  position: absolute;
+  right: 1px;
+  font-size: 10px;
+  z-index: 2;
+  top: 1px;
+  padding: 3px;
+  cursor: pointer;
+  width: 20px;
+  text-align: center;
+  opacity: 0.5;
+  background-color: #464C5E;
+}
+#noteItemList .item-blog .fa {
+  color: #fff !important;
+}
+#noteItemList .item-blog:hover {
+  opacity: 0.8;
+}
+.item-title {
+  /*font-weight: 400;*/
+
+  font-size: 16px;
+  height: 22px;
+  line-height: 20px;
+  overflow: hidden;
+  margin-bottom: 0px;
+  color: #000000;
+  border-bottom: dashed 1px #ebeff2;
+}
+/* note */
+/* editor */
+#editorTool {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+#editorTool li {
+  display: inline-block;
+}
+#noteTitleDiv {
+  height: 30px;
+  border-bottom: 1px solid #ddd;
+}
+#noteTitle {
+  height: 100%;
+  padding: 0px 3px;
+  width: 100%;
+  border: none;
+  background-color: #ffffff;
+}
+#noteTitle:focus {
+  outline: none !important;
+}
+#editorMask {
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+  right: 0;
+  left: 0;
+  background-color: #fff;
+  z-index: -10;
+  padding-top: 50px;
+  text-align: center;
+}
+#editorMask .fa,
+#editorMask a {
+  font-size: 24px;
+}
+#editorMask a {
+  display: inline-block;
+  border-radius: 3px;
+  border: 1px solid #ebeff2;
+  padding: 10px;
+}
+#editorMask a:hover {
+  background-color: #65bd77;
+  color: #fff;
+}
+#editor,
+#mdEditor {
+  position: absolute;
+  z-index: 2;
+  top: 71px;
+  bottom: 0px;
+  right: 0;
+  left: 5px;
+  padding: 0;
+  display: none;
+}
+#mdEditor {
+  z-index: 1;
+  background-color: #fff;
+  bottom: 10px;
+}
+#mdEditor #md-section-helper,
+#mdEditor #wmd-input {
+  font-size: 14px;
+  line-height: 22px;
+}
+#editorContent {
+  position: absolute;
+  top: 30px;
+  bottom: 10px;
+  right: 0;
+  left: 0;
+  overflow: auto;
+}
+/* 包裹iframe */
+#editor .mce-ifr {
+  border: none;
+  overflow: hidden !important;
+  /*不知道哪里设置了auto*/
+
+  /*border-radius: 5px;*/
+
+}
+/* 最顶层 */
+#editor .mce-tinymce {
+  border: none;
+}
+/*编辑器按钮*/
+#mceToolbar,
+#wmd-button-bar {
+  position: relative;
+  height: 30px;
+  overflow: hidden;
+  border-bottom: 1px solid #ccc;
+  background-color: #f0f0f0;
+}
+/* 编辑器工具 需要important, 因为mce还要有js加载css, 肯定在此之后 */
+/*加高, 之前显得拥挤*/
+.mce-btn-small button {
+  padding: 5px 5px !important;
+  line-height: 20px !important;
+}
+.mce-menubtn.mce-btn-small span {
+  line-height: 20px !important;
+}
+.mce-btn span {
+  font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif !important;
+}
+.mce-primary button,
+.mce-primary button i {
+  text-shadow: none;
+}
+.mce-primary {
+  background-color: #47a447 !important;
+  border-color: #398439 !important;
+}
+.mce-menu-item:hover,
+.mce-menu-item.mce-selected,
+.mce-menu-item:focus {
+  background-color: #ebeff2;
+}
+.mce-menu-item:hover span,
+.mce-menu-item.mce-selected span,
+.mce-menu-item:focus span {
+  color: #000 !important;
+}
+.mce-menu-item-normal.mce-active {
+  background-color: #ebeff2;
+}
+.tool-split {
+  display: inline-block;
+  line-height: 25px;
+  color: #ddd;
+}
+/*标签与其它工具*/
+#tool {
+  border-bottom: 1px solid #ddd;
+}
+/* tag */
+#tag {
+  height: 40px;
+  line-height: 38px;
+}
+#tag .dropdown {
+  line-height: 30px;
+}
+#addTagInput {
+  line-height: 25px;
+  display: none;
+  padding: 0;
+  border: none;
+  background-color: #ffffff;
+}
+#addTagInput:focus {
+  outline: none;
+}
+.label-default {
+  background-color: #464C5E;
+}
+.label-red {
+  background-color: #d9534f;
+}
+.label-yellow {
+  background-color: #f0ad4e;
+}
+.label-blue {
+  background-color: #428bca;
+}
+.label-green {
+  background-color: #5cb85c;
+}
+.label {
+  border-radius: 0;
+  font-weight: normal;
+}
+.label i {
+  width: 10px;
+  cursor: pointer;
+  font-style: normal;
+  /*border-left: 1px solid #ccc;*/
+
+  display: inline-block;
+  padding-left: 3px;
+  opacity: 0;
+}
+.label i:hover {
+  opacity: 1;
+}
+/* leanote nav */
+#leanoteNav {
+  position: absolute;
+  right: 5px;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+  background-color: #fff;
+  opacity: 0.5;
+  z-index: 11;
+  margin-right: 2px;
+}
+#leanoteNav h1 {
+  margin: 0;
+  font-size: 18px;
+  padding: 3px;
+  cursor: pointer;
+}
+#leanoteNav i {
+  padding: 3px;
+}
+#leanoteNav span {
+  display: none;
+}
+#leanoteNav #leanoteNavContent {
+  display: none;
+  overflow: auto;
+}
+#leanoteNav.unfolder {
+  min-width: 200px;
+  max-width: 300px;
+  opacity: 0.8;
+}
+#leanoteNav.unfolder h1 {
+  border-bottom: 1px dashed #ebeff2;
+}
+#leanoteNav.unfolder span {
+  display: inline;
+}
+#leanoteNav.unfolder #leanoteNavContent {
+  display: block;
+  min-height: 30px;
+}
+#leanoteNav ul {
+  margin: 0;
+  padding-left: 23px;
+}
+#leanoteNav ul li {
+  list-style-type: disc;
+}
+#leanoteNav ul li a:hover {
+  color: #0fb264;
+}
+#leanoteNav ul .nav-h2 {
+  margin-left: 20px;
+}
+#leanoteNav ul .nav-h3 {
+  margin-left: 30px;
+}
+#leanoteNav ul .nav-h4 {
+  margin-left: 40px;
+}
+#leanoteNav ul .nav-h5 {
+  margin-left: 50px;
+}
+.scrollTo-a {
+  cursor: pointer !important;
+}
+#noteRead {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  display: none;
+  z-index: 100;
+  padding-left: 5px;
+  background-color: #fff;
+}
+#noteReadContainer {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+#noteReadTop {
+  position: absolute;
+  height: 60px;
+  left: 0;
+  right: 0;
+  border-bottom: 1px solid #ebeff2;
+}
+#noteReadTitle {
+  margin: 3px 0;
+}
+#noteReadContent {
+  position: absolute;
+  top: 60px;
+  bottom: 0;
+  right: 0;
+  left: 0;
+  overflow: auto;
+  padding: 3px;
+}
+/*scroll*/
+/*
+::-webkit-scrollbar {
+  width: 5px;
+  height: 8px;
+  background: none;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: #41586e;
+  opacity: 0.1;
+}
+::-webkit-scrollbar-thumb:hover {
+  background-color:#dadada
+}
+::-webkit-scrollbar-thumb:active {
+  background-color:#606060
+}
+::-webkit-scrollbar-thumb:disabled {
+  background-color:#f9f9f9
+}
+::-webkit-scrollbar-corner {
+  background-color:#f0f0f0
+}
+::-webkit-scrollbar-button {
+  height: 0;
+  background-color:#f0f0f0;
+  background-repeat:no-repeat
+}
+::-webkit-scrollbar-button:vertical {
+  height:0px
+}
+::-webkit-scrollbar-button:horizontal {
+  width:33px
+}
+::-webkit-scrollbar-button:horizontal:increment {
+  background-position:0 -444px
+}
+::-webkit-scrollbar-button:horizontal:decrement {
+  background-position:12px -425px
+}
+::-webkit-scrollbar-button:vertical:increment {
+  background-position:-1px -391px
+}
+::-webkit-scrollbar-button:vertical:decrement {
+  background-position:-1px -358px
+}
+::-webkit-scrollbar-button:hover {
+  background-color:#dadada
+}
+::-webkit-scrollbar-button:horizontal:increment:hover {
+  background-position:0 -548px
+}
+::-webkit-scrollbar-button:horizontal:decrement:hover {
+  background-position:12px -529px
+}
+::-webkit-scrollbar-button:vertical:increment:hover {
+  background-position:-1px -495px
+}
+::-webkit-scrollbar-button:vertical:decrement:hover {
+  background-position:-1px -462px
+}
+::-webkit-scrollbar-button:active {
+  background-color:#606060
+}
+::-webkit-scrollbar-button:horizontal:increment:active {
+  background-position:0 -652px
+}
+::-webkit-scrollbar-button:horizontal:decrement:active {
+background-position:12px -633px
+}
+::-webkit-scrollbar-button:vertical:increment:active {
+background-position:-1px -599px
+}
+::-webkit-scrollbar-button:vertical:decrement:active {
+background-position:-1px -566px
+}
+::-webkit-scrollbar-button:disabled {
+background-color:#f9f9f9
+}
+::-webkit-scrollbar-button:horizontal:increment:disabled {
+background-position:0 -756px
+}
+::-webkit-scrollbar-button:horizontal:decrement:disabled {
+background-position:12px -737px
+}
+::-webkit-scrollbar-button:vertical:increment:disabled {
+background-position:-1px -703px
+}
+::-webkit-scrollbar-button:vertical:decrement:disabled {
+background-position:-1px -670px
+}
+*/
+/*from notebook*/
+/*::-webkit-scrollbar{width:7px;height:7px;}::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,0.3);}::-webkit-scrollbar-thumb:hover{background-color:rgba(50,50,50,0.6);}::-webkit-scrollbar-track{background-color:rgba(50,50,50,0.1);}::-webkit-scrollbar-track:hover{background-color:rgba(50,50,50,0.2);}
+*/
+.fa-calendar {
+  color: #666;
+}
+.dropdown-menu .fa {
+  width: 15px;
+}
+.dropdown-menu span,
+.dropdown-menu a,
+.dropdown-menu li {
+  cursor: default;
+}
+#topNav a {
+  display: inline-block;
+  line-height: 60px;
+}
+.tab-pane {
+  padding: 5px 0 0 0;
+}
+.alert {
+  margin-bottom: 10px;
+}
+.btn {
+  border-radius: 0 !important;
+}
+#notebookNavForNewNote li,
+#notebookNavForNewSharedNote > li {
+  padding-left: 0;
+  border-bottom: 1px solid #ebeff2;
+}
+#notebookNavForNewNote > li:hover,
+#notebookNavForNewNote > li:focus,
+#notebookNavForNewSharedNote > li:hover,
+#notebookNavForNewSharedNote > li:focus {
+  background: none;
+}
+.new-note-left {
+  padding: 0 5px;
+  width: 95px;
+  overflow: hidden;
+  white-space: nowrap;
+  border-right: 1px dashed #ebeff2;
+}
+.new-note-left:hover {
+  background-color: #ebeff2;
+}
+.new-note-right {
+  padding: 0 5px;
+}
+.new-note-right:hover {
+  background-color: #ebeff2;
+}
+#historyList table {
+  width: 100%;
+}
+#historyList .btns {
+  border-top: 1px dashed #eee;
+  padding: 5px 0;
+}
+#leanoteMsg {
+  line-height: 40px;
+  margin-top: 10px;
+  margin-left: 10px;
+}
+#newNoteWrap {
+  line-height: 40px;
+  margin-top: 10px;
+}
+#loading {
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  content: url(../../images/loading-a-20.gif);
+  margin-top: 10px;
+  visibility: hidden;
+}
diff --git a/public/css/theme/simple.css b/public/css/theme/simple.css
new file mode 100644
index 0000000..dfad63b
--- /dev/null
+++ b/public/css/theme/simple.css
@@ -0,0 +1,1081 @@
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  src: local('Open Sans Light'), local('OpenSans-Light'), url('../../fonts/open-sans2/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff') format('woff');
+}
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Open Sans'), local('OpenSans'), url('../../fonts/open-sans2/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
+}
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 700;
+  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../../fonts/open-sans2/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff') format('woff');
+}
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 400;
+  src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../../fonts/open-sans2/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff') format('woff');
+}
+/*"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", Helvetica, "Microsoft Yahei", Verdana, Simsun, "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol",  "BBAlpha Sans", "S60 Sans", Arial, sans-serif;*/
+::selection {
+  background: #000000;
+  color: #ffffff;
+}
+::-moz-selection {
+  background: #000000;
+  color: #ffffff;
+}
+::-webkit-selection {
+  background: #000000;
+  color: #ffffff;
+}
+*,
+body {
+  font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
+  font-weight: 300;
+  font-size: 14px;
+}
+h1,
+h2,
+h3 {
+  font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
+  font-weight: 300 !important;
+}
+a {
+  color: #000000;
+  cursor: pointer;
+}
+a:hover {
+  text-decoration: none !important;
+  color: #000000;
+}
+a.raw {
+  color: #428bca;
+}
+a.raw:hover {
+  color: #2a6496;
+}
+/* header */
+#header {
+  height: 60px;
+  background-color: #ffffff;
+  color: #ffffff;
+  border-bottom: 1px solid #ebeff2;
+  /* for app */
+
+  webkit-user-select: none;
+  /* 还不知 */
+
+  -webkit-app-region: drag;
+  /* -webkit-app-region: no-drag; */
+
+}
+#header {
+  color: #000000;
+}
+#logo,
+#logo span {
+  line-height: 50px;
+  font-size: 28px;
+}
+#logo {
+  width: 140px;
+  height: 60px;
+  padding-left: 10px;
+  padding-top: 0px;
+  border-bottom: 1px solid transparent;
+  border-color: rgba(255, 255, 255, 0.1);
+}
+#logo span,
+#switcher span {
+  background-color: #000;
+  color: #fff;
+  border-radius: 10px;
+  display: inline-block;
+  padding: 4px 0;
+  line-height: 1.0;
+}
+#switcher {
+  line-height: 50px;
+  padding-top: 6px;
+  padding-right: 5px;
+  width: 30px;
+  text-align: center;
+}
+#switcher i {
+  font-size: 16px;
+  cursor: pointer;
+}
+#switcher i:hover {
+  color: #0fb264;
+}
+#switcher span {
+  border-radius: 5px;
+  padding: 6px 4px;
+  cursor: pointer;
+  font-size: 14px;
+}
+#switcher span:hover {
+  color: #0fb264;
+}
+#searchNote {
+  padding-left: 0;
+  line-height: 60px;
+  margin: 0;
+}
+#searchNote input {
+  background-size: 18px 13px;
+  border-color: #ebeff2;
+  padding-left: 14px;
+  height: 30px;
+  width: 250px;
+  line-height: 20px;
+  box-shadow: none;
+}
+#searchNote input:focus {
+  outline: none !important;
+  border-color: #0fb264;
+  box-shadow: none;
+}
+#header ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+#header ul li.dropdown {
+  display: inline-block;
+  height: 60px;
+}
+#header ul > li > a.dropdown-toggle {
+  display: block;
+  padding: 15px 5px 0 0;
+  position: relative;
+}
+#header span.icon {
+  display: inline-block;
+  font-size: 28px;
+  color: #999999;
+}
+.dropdown-menu {
+  border-radius: 0;
+  margin: 0;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border: 1px solid #0fb264;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.dropdown-menu li {
+  padding-left: 10px;
+  width: 100%;
+  height: 30px;
+  line-height: 30px;
+}
+.dropdown-menu > li > a {
+  color: #000000;
+  display: inline-block;
+  padding: 3px 3px;
+}
+.dropdown-menu > li:hover,
+.dropdown-menu > li:focus {
+  background-color: #ebeff2;
+}
+.dropdown-menu > li > a:hover,
+.dropdown-menu > li > a:focus {
+  background-color: #ebeff2;
+}
+.ios7-a {
+  display: inline-block;
+  padding: 0 10px 0 5px;
+  height: 40px;
+  vertical-align: middle;
+  line-height: 38px;
+  cursor: pointer;
+}
+/*********************/
+#page {
+  overflow: auto;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+}
+#pageInner {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+}
+#mainContainer {
+  position: absolute;
+  top: 60px;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  overflow: auto;
+  zoom: 1;
+}
+#mainMask {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  background-color: #fff;
+  text-align: center;
+  padding-top: 100px;
+  z-index: 1000;
+}
+.noteSplit {
+  position: absolute;
+  top: 0;
+  width: 5px;
+  height: 100%;
+  overflow: hidden;
+  z-index: 5;
+  cursor: col-resize;
+}
+#notebookSplitter {
+  left: 170px;
+}
+#noteSplitter {
+  left: 250px;
+}
+#leftNotebook {
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 170px;
+}
+#notebook,
+#notebookMin {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  top: 0;
+  right: 0;
+  /*border: 1px solid #ccc;*/
+
+  background-color: #ffffff;
+  overflow-y: auto;
+  overflow-x: auto;
+  z-index: 2;
+}
+#notebookMin {
+  z-index: 1;
+  overflow-y: visible;
+  overflow-x: visible;
+  background-color: #eee;
+}
+#notebookMin div.minContainer {
+  border-bottom: 1px solid #ccc;
+  padding: 5px;
+  position: relative;
+}
+#notebookMin div.minContainer i {
+  font-size: 20px;
+  color: #000;
+}
+#notebookMin div.minContainer:hover i {
+  color: #0fb264;
+}
+#notebookMin div.minContainer ul {
+  background-color: #fff;
+  opacity: 0.8;
+  display: none;
+  list-style: none;
+  margin: 0;
+  margin-left: 20px;
+  padding: 5px 0px;
+  border: 1px solid #0fb264;
+  position: absolute;
+  z-index: 1000;
+  top: 0;
+  left: 10px;
+  width: 150px;
+}
+#notebookMin div.minContainer ul li {
+  padding: 0 5px;
+  cursor: pointer;
+}
+#notebookMin div.minContainer ul li span {
+  cursor: pointer;
+}
+#notebookMin div.minContainer ul li a {
+  cursor: pointer;
+}
+#notebookBottom {
+  position: absolute;
+  bottom: 0px;
+  height: 30px;
+  right: 0;
+  left: 0;
+  line-height: 30px;
+  text-align: right;
+  padding-right: 5px;
+  background-color: #eee;
+}
+#notebookBottom #leftSwitcher {
+  border: 1px solid #ccc;
+  padding: 3px 8px;
+  cursor: pointer;
+}
+#noteAndEditor {
+  position: absolute;
+  bottom: 0;
+  top: 0;
+  right: 0;
+  left: 170px;
+}
+#noteList {
+  position: absolute;
+  bottom: 0;
+  top: 0;
+  width: 250px;
+  overflow-x: hidden;
+  overflow-y: hidden;
+  border-right: 1px solid #ebeff2;
+  border-left: 1px solid #ebeff2;
+}
+#note {
+  position: absolute;
+  bottom: 0;
+  top: 0;
+  left: 250px;
+  right: 0;
+  padding-left: 5px;
+  overflow-y: hidden;
+  overflow-x: auto;
+  background-color: #ffffff;
+}
+.folderHeader {
+  min-height: 35px;
+  line-height: 35px;
+  cursor: pointer;
+  border-bottom: 1px solid transparent;
+  border-color: rgba(0, 0, 0, 0.05);
+}
+.folderHeader span {
+  display: inline-block;
+  line-height: 35px;
+  color: #000;
+  font-size: 16px;
+}
+.folderHeader .fa-left,
+.each-user .fa {
+  display: inline-block;
+  line-height: 35px;
+  font-size: 16px;
+  width: 35px;
+  border-right: 1px solid rgba(0, 0, 0, 0.05);
+  text-align: center;
+  color: #000;
+}
+.each-user div {
+  cursor: pointer;
+  border-bottom: 1px solid transparent;
+  border-color: rgba(0, 0, 0, 0.05);
+}
+.each-user div span {
+  display: inline-block;
+  line-height: 35px;
+  color: #000;
+  padding-left: 3px;
+  font-size: 14px;
+}
+.each-user div .fa {
+  width: 20px;
+  border-right: none;
+}
+.each-user ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.each-user ul a {
+  padding-left: 20px;
+  font-size: 12px;
+}
+#myNotebooks.opened .fa-left {
+  /*
+	background-color: #65bd77;
+	color: #e2f3e5;
+*/
+
+}
+#myNotebooks .folderBody {
+  max-height: 600px;
+  overflow: auto;
+}
+#addNotebookPlus {
+  padding-right: 10px;
+  color: #666;
+}
+#addNotebookPlus .fa {
+  font-size: 16px;
+}
+.closed .folder-icon {
+  /* 折叠状态 */
+
+  width: 9px;
+  height: 11px;
+  background-position: -108px -149px;
+}
+.closed .folderBody {
+  display: none;
+}
+.folderBody {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.folderBody li {
+  line-height: 30px;
+}
+.folderBody a.active {
+  background-color: #ffffff;
+  color: #0fb264;
+}
+.folderBody a {
+  padding-left: 20px;
+  display: block;
+  color: #444;
+  cursor: pointer;
+}
+.folderBody a:hover,
+.folderBody .contextmenu-hover {
+  background-color: #ebeff2 !important;
+}
+#notebookList input {
+  border: 1px solid #ebeff2;
+  width: 90%;
+  box-shadow: none;
+}
+#notebookList input:focus {
+  outline: none !important;
+  border-color: #0fb264;
+}
+#myTag .folderBody li {
+  position: relative;
+}
+#myTag .folderBody li .badge {
+  width: 40px;
+  position: absolute;
+  right: 3px;
+  top: 7px;
+  font-weight: normal;
+  background-color: #ffffff;
+  color: #000000;
+  border: 1px solid #ebeff2;
+}
+/* notelist */
+#search {
+  border: #bababa 1px solid;
+  background-color: #fff;
+  white-space: nowrap;
+  position: absolute;
+  height: 30px;
+  left: 3px;
+  right: 60px;
+  margin-top: 3px;
+}
+#search label {
+  display: none;
+}
+#searchButton {
+  border: 0 none;
+  width: 16px;
+  height: 16px;
+  overflow: hidden;
+  cursor: pointer;
+  position: absolute;
+  right: 3px;
+  top: 5px;
+}
+#searchInput {
+  border: 0 none;
+  overflow: hidden;
+  position: absolute;
+  right: 20px;
+  left: 0px;
+  padding-left: 10px;
+  height: 28px;
+}
+#searchInput:focus {
+  border: none;
+  outline: thin dotted #333;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+#notesAndSort {
+  background-color: #ffffff;
+  border-bottom: 1px solid #ebeff2;
+}
+#sortType {
+  /*  position: absolute;
+  right:0;*/
+
+  float: right;
+}
+/* item list */
+#noteItemList {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: 100%;
+  overflow-y: hidden;
+  padding: 0 5px;
+}
+#noteItemList .item {
+  position: relative;
+  height: 110px;
+  overflow: hidden;
+  cursor: pointer;
+  padding: 5px;
+  border: 1px solid #ebeff2;
+  border-radius: 3px;
+  margin-top: 5px;
+  background-color: #fff;
+}
+#noteItemList .item:hover,
+#noteItemList .contextmenu-hover {
+  background-color: #ddd !important;
+}
+.item-active,
+#noteItemList .item-active:hover {
+  background-color: #65bd77 !important;
+  color: #fff;
+}
+.item-active .fa,
+#noteItemList .item-active:hover .fa {
+  color: #eee !important;
+}
+.item-active .item-title,
+#noteItemList .item-active:hover .item-title {
+  color: #fff;
+}
+#noteItemList .item-thumb {
+  padding-left: 10px;
+  width: 100px;
+  overflow: hidden;
+  position: absolute;
+  right: 0px;
+  height: 100px;
+  background-color: #fff;
+  margin-right: 5px;
+}
+.item-thumb img {
+  width: 100px;
+}
+#noteItemList .item-desc {
+  position: absolute;
+  left: 0;
+  right: 100px;
+  margin-left: 4px;
+}
+#noteItemList .item-desc .fa {
+  color: #666;
+}
+#noteItemList .item-blog {
+  position: absolute;
+  right: 1px;
+  font-size: 10px;
+  z-index: 2;
+  top: 1px;
+  padding: 3px;
+  cursor: pointer;
+  width: 20px;
+  text-align: center;
+  opacity: 0.5;
+  background-color: #464C5E;
+}
+#noteItemList .item-blog .fa {
+  color: #fff !important;
+}
+#noteItemList .item-blog:hover {
+  opacity: 0.8;
+}
+.item-title {
+  /*font-weight: 400;*/
+
+  font-size: 16px;
+  height: 22px;
+  line-height: 20px;
+  overflow: hidden;
+  margin-bottom: 0px;
+  color: #000000;
+  border-bottom: dashed 1px #ebeff2;
+}
+/* editor */
+#editorTool {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+#editorTool li {
+  display: inline-block;
+}
+#noteTitleDiv {
+  height: 30px;
+  border-bottom: 1px solid #ddd;
+}
+#noteTitle {
+  height: 100%;
+  padding: 0px 3px;
+  width: 100%;
+  border: none;
+  background-color: #ffffff;
+  min-width: 300px;
+}
+#noteTitle:focus {
+  outline: none !important;
+}
+#editorMask {
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+  right: 0;
+  left: 0;
+  background-color: #fff;
+  z-index: -10;
+  padding-top: 50px;
+  text-align: center;
+}
+#editorMask .fa,
+#editorMask a {
+  font-size: 24px;
+}
+#editorMask a {
+  display: inline-block;
+  border-radius: 3px;
+  border: 1px solid #ebeff2;
+  padding: 10px;
+}
+#editorMask a:hover {
+  background-color: #65bd77;
+  color: #fff;
+}
+#editor,
+#mdEditor {
+  position: absolute;
+  z-index: 2;
+  top: 71px;
+  bottom: 0px;
+  right: 0;
+  left: 5px;
+  padding: 0;
+  display: none;
+}
+#mdEditor {
+  z-index: 1;
+  background-color: #fff;
+  bottom: 10px;
+}
+#mdEditor #md-section-helper,
+#mdEditor #wmd-input {
+  font-size: 14px;
+  line-height: 22px;
+}
+#editorContent {
+  position: absolute;
+  top: 30px;
+  bottom: 10px;
+  right: 0;
+  left: 0;
+  overflow: auto;
+}
+/* 包裹iframe */
+#editor .mce-ifr {
+  border: none;
+  overflow: hidden !important;
+  /*不知道哪里设置了auto*/
+
+  /*border-radius: 5px;*/
+
+}
+/* 最顶层 */
+#editor .mce-tinymce {
+  border: none;
+}
+/*编辑器按钮*/
+#mceToolbar,
+#wmd-button-bar {
+  position: relative;
+  height: 30px;
+  overflow: hidden;
+  border-bottom: 1px solid #ccc;
+  background-color: #f0f0f0;
+}
+/* 编辑器工具 需要important, 因为mce还要有js加载css, 肯定在此之后 */
+/*加高, 之前显得拥挤*/
+.mce-btn-small button {
+  padding: 5px 5px !important;
+  line-height: 20px !important;
+}
+.mce-menubtn.mce-btn-small span {
+  line-height: 20px !important;
+}
+.mce-btn span {
+  font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif !important;
+}
+.mce-primary button,
+.mce-primary button i {
+  text-shadow: none;
+}
+.mce-primary {
+  background-color: #47a447 !important;
+  border-color: #398439 !important;
+}
+.mce-menu-item:hover,
+.mce-menu-item.mce-selected,
+.mce-menu-item:focus {
+  background-color: #ebeff2;
+}
+.mce-menu-item:hover span,
+.mce-menu-item.mce-selected span,
+.mce-menu-item:focus span {
+  color: #000 !important;
+}
+.mce-menu-item-normal.mce-active {
+  background-color: #ebeff2;
+}
+.tool-split {
+  display: inline-block;
+  line-height: 25px;
+  color: #ddd;
+}
+/*标签与其它工具*/
+#tool {
+  border-bottom: 1px solid #ddd;
+}
+/* tag */
+#tag {
+  height: 40px;
+  line-height: 38px;
+}
+#tag .dropdown {
+  line-height: 30px;
+}
+#addTagInput {
+  line-height: 25px;
+  display: none;
+  padding: 0;
+  border: none;
+  background-color: #ffffff;
+}
+#addTagInput:focus {
+  outline: none;
+}
+.label-default {
+  background-color: #464C5E;
+}
+.label-red {
+  background-color: #d9534f;
+}
+.label-yellow {
+  background-color: #f0ad4e;
+}
+.label-blue {
+  background-color: #428bca;
+}
+.label-green {
+  background-color: #5cb85c;
+}
+.label {
+  border-radius: 0;
+  font-weight: normal;
+}
+.label i {
+  width: 10px;
+  cursor: pointer;
+  font-style: normal;
+  /*border-left: 1px solid #ccc;*/
+
+  display: inline-block;
+  padding-left: 3px;
+  opacity: 0;
+}
+.label i:hover {
+  opacity: 1;
+}
+/* leanote nav */
+#leanoteNav {
+  position: absolute;
+  right: 5px;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+  background-color: #fff;
+  opacity: 0.5;
+  z-index: 11;
+  margin-right: 2px;
+}
+#leanoteNav h1 {
+  margin: 0;
+  font-size: 18px;
+  padding: 3px;
+  cursor: pointer;
+}
+#leanoteNav i {
+  padding: 3px;
+}
+#leanoteNav span {
+  display: none;
+}
+#leanoteNav #leanoteNavContent {
+  display: none;
+  overflow: auto;
+}
+#leanoteNav.unfolder {
+  min-width: 200px;
+  max-width: 300px;
+  opacity: 0.8;
+}
+#leanoteNav.unfolder h1 {
+  border-bottom: 1px dashed #ebeff2;
+}
+#leanoteNav.unfolder span {
+  display: inline;
+}
+#leanoteNav.unfolder #leanoteNavContent {
+  display: block;
+  min-height: 30px;
+}
+#leanoteNav ul {
+  margin: 0;
+  padding-left: 23px;
+}
+#leanoteNav ul li {
+  list-style-type: disc;
+}
+#leanoteNav ul li a:hover {
+  color: #0fb264;
+}
+#leanoteNav ul .nav-h2 {
+  margin-left: 20px;
+}
+#leanoteNav ul .nav-h3 {
+  margin-left: 30px;
+}
+#leanoteNav ul .nav-h4 {
+  margin-left: 40px;
+}
+#leanoteNav ul .nav-h5 {
+  margin-left: 50px;
+}
+.scrollTo-a {
+  cursor: pointer !important;
+}
+#noteRead {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  display: none;
+  z-index: 100;
+  background-color: #fff;
+}
+#noteReadContainer {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+#noteReadTop {
+  position: absolute;
+  height: 60px;
+  left: 0;
+  right: 0;
+  border-bottom: 1px solid #ebeff2;
+}
+#noteReadTitle {
+  margin: 3px 0;
+}
+#noteReadContent {
+  position: absolute;
+  top: 60px;
+  bottom: 0;
+  right: 0;
+  left: 0;
+  overflow: auto;
+  padding: 3px;
+}
+/*
+::-webkit-scrollbar {
+  width: 5px;
+  height: 8px;
+  background-color: @sbc;
+}
+::-webkit-scrollbar-thumb {
+  background-color: @sbc;
+  border:1px solid #dadada;
+  border-radius: 5px; 
+}
+::-webkit-scrollbar-thumb:hover {
+  background-color:#dadada
+}
+::-webkit-scrollbar-thumb:active {
+  background-color:#606060
+}
+::-webkit-scrollbar-thumb:disabled {
+  background-color:#f9f9f9
+}
+::-webkit-scrollbar-corner {
+  background-color:#f0f0f0
+}
+::-webkit-scrollbar-button {
+  height: 0;
+  background-color:#f0f0f0;
+  background-repeat:no-repeat
+}
+::-webkit-scrollbar-button:vertical {
+  height:0px
+}
+::-webkit-scrollbar-button:horizontal {
+  width:33px
+}
+::-webkit-scrollbar-button:horizontal:increment {
+  background-position:0 -444px
+}
+::-webkit-scrollbar-button:horizontal:decrement {
+  background-position:12px -425px
+}
+::-webkit-scrollbar-button:vertical:increment {
+  background-position:-1px -391px
+}
+::-webkit-scrollbar-button:vertical:decrement {
+  background-position:-1px -358px
+}
+::-webkit-scrollbar-button:hover {
+  background-color:#dadada
+}
+::-webkit-scrollbar-button:horizontal:increment:hover {
+  background-position:0 -548px
+}
+::-webkit-scrollbar-button:horizontal:decrement:hover {
+  background-position:12px -529px
+}
+::-webkit-scrollbar-button:vertical:increment:hover {
+  background-position:-1px -495px
+}
+::-webkit-scrollbar-button:vertical:decrement:hover {
+  background-position:-1px -462px
+}
+::-webkit-scrollbar-button:active {
+  background-color:#606060
+}
+::-webkit-scrollbar-button:horizontal:increment:active {
+  background-position:0 -652px
+}
+::-webkit-scrollbar-button:horizontal:decrement:active {
+background-position:12px -633px
+}
+::-webkit-scrollbar-button:vertical:increment:active {
+background-position:-1px -599px
+}
+::-webkit-scrollbar-button:vertical:decrement:active {
+background-position:-1px -566px
+}
+::-webkit-scrollbar-button:disabled {
+background-color:#f9f9f9
+}
+::-webkit-scrollbar-button:horizontal:increment:disabled {
+background-position:0 -756px
+}
+::-webkit-scrollbar-button:horizontal:decrement:disabled {
+background-position:12px -737px
+}
+::-webkit-scrollbar-button:vertical:increment:disabled {
+background-position:-1px -703px
+}
+::-webkit-scrollbar-button:vertical:decrement:disabled {
+background-position:-1px -670px
+}
+
+*/
+.fa-calendar {
+  color: #666;
+}
+.dropdown-menu .fa {
+  width: 15px;
+}
+.dropdown-menu span,
+.dropdown-menu a,
+.dropdown-menu li {
+  cursor: default;
+}
+#topNav a {
+  display: inline-block;
+  line-height: 60px;
+}
+.tab-pane {
+  padding: 5px 0 0 0;
+}
+.alert {
+  margin-bottom: 10px;
+}
+.btn {
+  border-radius: 0 !important;
+}
+#notebookNavForNewNote li,
+#notebookNavForNewSharedNote > li {
+  padding-left: 0;
+  border-bottom: 1px solid #ebeff2;
+}
+#notebookNavForNewNote > li:hover,
+#notebookNavForNewNote > li:focus,
+#notebookNavForNewSharedNote > li:hover,
+#notebookNavForNewSharedNote > li:focus {
+  background: none;
+}
+.new-note-left {
+  padding: 0 5px;
+  width: 95px;
+  overflow: hidden;
+  white-space: nowrap;
+  border-right: 1px dashed #ebeff2;
+}
+.new-note-left:hover {
+  background-color: #ebeff2;
+}
+.new-note-right {
+  padding: 0 5px;
+}
+.new-note-right:hover {
+  background-color: #ebeff2;
+}
+#historyList table {
+  width: 100%;
+}
+#historyList .btns {
+  border-top: 1px dashed #eee;
+  padding: 5px 0;
+}
+#leanoteMsg {
+  line-height: 40px;
+  margin-top: 10px;
+  margin-left: 10px;
+}
+#newNoteWrap {
+  line-height: 40px;
+  margin-top: 10px;
+}
+#loading {
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  content: url(../../images/loading-a-20-black.gif);
+  margin-top: 10px;
+  visibility: hidden;
+}