diff --git a/.gitignore b/.gitignore
index 8898a0b..ca48b26 100644
--- a/.gitignore
+++ b/.gitignore
@@ -15,3 +15,4 @@ app/routes/routes.go
 app/tmp/main.go
 .DS_Store
 .settings
+public/config.codekit
diff --git a/public/css/theme/default.css b/public/css/theme/default.css
index b5038a5..1338328 100644
--- a/public/css/theme/default.css
+++ b/public/css/theme/default.css
@@ -1,1118 +1 @@
-@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;
-}
-#toggleEditorMode {
-  margin: 0 10px !important;
-}
+@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')}::selection{background:#000;color:#fff}::-moz-selection{background:#000;color:#fff}::-webkit-selection{background:#000;color:#fff}*,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:#000;cursor:pointer}a:hover{text-decoration:none!important;color:#000}a.raw{color:#428bca}a.raw:hover{color:#2a6496}#header{height:60px;background-color:#25313e;color:#fff;border-bottom:1px solid #ebeff2;webkit-user-select:none;-webkit-app-region:drag}#header a{color:#ccc}#header li{color:#000}#header li a{color:#000}#logo,#logo span{line-height:50px;font-size:28px}#logo{width:140px;height:59px;padding-left:10px;padding-top:0;border-bottom:1px solid transparent;border-color:rgba(255,255,255,.1)}#logo span,#switcher span{background-color:#000;border-radius:10px;display:inline-block;padding:4px 0;line-height:1}#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:0!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:#999}.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:#000;display:inline-block;padding: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;background-color:#41586e;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,.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:.8;display:none;list-style:none;margin:0;margin-left:20px;padding:5px 0;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:0;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:#fff}.folderHeader{min-height:35px;line-height:35px;cursor:pointer;border-bottom:1px solid transparent;border-color:rgba(255,255,255,.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,.05);text-align:center;color:#fff}.each-user div{cursor:pointer;border-bottom:1px solid transparent;border-color:rgba(255,255,255,.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}#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,.05);line-height:35px}.folderBody a:hover,.folderBody .contextmenu-hover{color:#fff;background-color:rgba(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:0!important;border-color:#0fb264}#myTag .folderBody li{position:relative}#myTag .folderBody li .badge{width:40px;position:absolute;right:3px;top:7px;font-weight:400;background-color:#fff;color:#000;border:1px solid #ebeff2}#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:0;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{float:right}#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:#000}.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:0;height:100px;background-color:#fff;margin-right:5px;line-height:100px;text-align:center}.item-thumb img{max-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:.5;background-color:#464C5E}#noteItemList .item-blog .fa{color:#fff!important}#noteItemList .item-blog:hover{opacity:.8}.item-title{font-size:16px;height:22px;line-height:20px;overflow:hidden;margin-bottom:0;color:#000;border-bottom:dashed 1px #ebeff2}#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:0 3px;width:100%;border:none;background-color:#fff}#noteTitle:focus{outline:0!important}#editorMask{position:absolute;top:0;bottom:0;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:0;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}#editor .mce-ifr{border:none;overflow:hidden!important}#editor .mce-tinymce{border:none}#mceToolbar,#wmd-button-bar{position:relative;height:30px;overflow:hidden;border-bottom:1px solid #ccc;background-color:#f0f0f0}.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{height:40px;line-height:38px}#tag .dropdown{line-height:30px}#addTagInput{line-height:25px;display:none;padding:0;border:none;background-color:#fff}#addTagInput:focus{outline:0}.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:400}.label i{width:10px;cursor:pointer;font-style:normal;display:inline-block;padding-left:3px;opacity:0}.label i:hover{opacity:1}#leanoteNav{position:absolute;right:5px;border:1px solid #ccc;border-radius:3px;background-color:#fff;opacity:.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:.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}.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}.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:0 0}.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}#toggleEditorMode{margin:0 10px!important}
\ No newline at end of file
diff --git a/public/css/theme/default.less b/public/css/theme/default.less
index de91f5c..8b244f0 100644
--- a/public/css/theme/default.less
+++ b/public/css/theme/default.less
@@ -649,9 +649,11 @@ a.raw:hover {
   height: 100px;
   background-color: #fff;
   margin-right: 5px;
+  line-height: 100px;
+  text-align: center;
 }
   .item-thumb img {
-     width: 100px;
+     max-width: 100px;
   }
 #noteItemList .item-desc {
   position: absolute; 
diff --git a/public/css/theme/simple.css b/public/css/theme/simple.css
index 444dd36..0978d9a 100644
--- a/public/css/theme/simple.css
+++ b/public/css/theme/simple.css
@@ -1,1080 +1 @@
-@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;
-*/
-
-}
-#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;
-}
-#toggleEditorMode {
-  margin: 0 10px !important;
-}
+@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')}::selection{background:#000;color:#fff}::-moz-selection{background:#000;color:#fff}::-webkit-selection{background:#000;color:#fff}*,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:#000;cursor:pointer}a:hover{text-decoration:none!important;color:#000}a.raw{color:#428bca}a.raw:hover{color:#2a6496}#header{height:60px;background-color:#fff;color:#fff;border-bottom:1px solid #ebeff2;webkit-user-select:none;-webkit-app-region:drag}#header{color:#000}#logo,#logo span{line-height:50px;font-size:28px}#logo{width:140px;height:60px;padding-left:10px;padding-top:0;border-bottom:1px solid transparent;border-color:rgba(255,255,255,.1)}#logo span,#switcher span{background-color:#000;color:#fff;border-radius:10px;display:inline-block;padding:4px 0;line-height:1}#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:0!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:#999}.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:#000;display:inline-block;padding: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;background-color:#fff;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:.8;display:none;list-style:none;margin:0;margin-left:20px;padding:5px 0;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:0;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:#fff}.folderHeader{min-height:35px;line-height:35px;cursor:pointer;border-bottom:1px solid transparent;border-color:rgba(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,.05);text-align:center;color:#000}.each-user div{cursor:pointer;border-bottom:1px solid transparent;border-color:rgba(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}#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:#fff;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:0!important;border-color:#0fb264}#myTag .folderBody li{position:relative}#myTag .folderBody li .badge{width:40px;position:absolute;right:3px;top:7px;font-weight:400;background-color:#fff;color:#000;border:1px solid #ebeff2}#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:0;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:#fff;border-bottom:1px solid #ebeff2}#sortType{float:right}#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:0;height:100px;background-color:#fff;margin-right:5px;line-height:100px;text-align:center}.item-thumb img{max-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:.5;background-color:#464C5E}#noteItemList .item-blog .fa{color:#fff!important}#noteItemList .item-blog:hover{opacity:.8}.item-title{font-size:16px;height:22px;line-height:20px;overflow:hidden;margin-bottom:0;color:#000;border-bottom:dashed 1px #ebeff2}#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:0 3px;width:100%;border:none;background-color:#fff;min-width:300px}#noteTitle:focus{outline:0!important}#editorMask{position:absolute;top:0;bottom:0;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:0;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}#editor .mce-ifr{border:none;overflow:hidden!important}#editor .mce-tinymce{border:none}#mceToolbar,#wmd-button-bar{position:relative;height:30px;overflow:hidden;border-bottom:1px solid #ccc;background-color:#f0f0f0}.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{height:40px;line-height:38px}#tag .dropdown{line-height:30px}#addTagInput{line-height:25px;display:none;padding:0;border:none;background-color:#fff}#addTagInput:focus{outline:0}.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:400}.label i{width:10px;cursor:pointer;font-style:normal;display:inline-block;padding-left:3px;opacity:0}.label i:hover{opacity:1}#leanoteNav{position:absolute;right:5px;border:1px solid #ccc;border-radius:3px;background-color:#fff;opacity:.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:.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}.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}.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:0 0}.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}#toggleEditorMode{margin:0 10px!important}
\ No newline at end of file
diff --git a/public/css/theme/simple.less b/public/css/theme/simple.less
index 07e2197..4d8291a 100644
--- a/public/css/theme/simple.less
+++ b/public/css/theme/simple.less
@@ -614,9 +614,11 @@ border: 1px solid @borderColor;
   height: 100px;
   background-color: #fff;
   margin-right: 5px;
+  line-height: 100px;
+  text-align: center;
 }
   .item-thumb img {
-     width: 100px;
+     max-width: 100px;
   }
 #noteItemList .item-desc {
   position: absolute;