Support note list view and sorter

public/css/blog/p.less

@@ -16,16 +16,16 @@
 @green: #65bd77;
 @gray: #ccc;
 
-/* leanote */
-@font-face {
-	font-family: 'leanote';
-	src:url('../../fonts/leanote-font2/leanote.eot?-vcf23i');
-	src:url('../../fonts/leanote-font2/leanote.eot?#iefix-vcf23i') format('embedded-opentype'),
-		url('../../fonts/leanote-font2/leanote.ttf?-vcf23i') format('truetype'),
-		url('../../fonts/leanote-font2/leanote.woff?-vcf23i') format('woff'),
-		url('../../fonts/leanote-font2/leanote.svg?-vcf23i#leanote') format('svg');
-	font-weight: normal;
-	font-style: normal;
+@import "../theme/includes/icon.less";
+
+#logo {
+    font-size: 24px;
+    &:before {
+        line-height: 40px;
+    }
+}
+#subTitle {
+    padding: 0 0 0 5px;
 }
 
 @selectionBg: @aBlackColor;
@@ -65,22 +65,6 @@ a:hover {
 		float: left;
 	}
 }
-#logo {
-	font-family: 'leanote';
-	speak: none;
-	font-style: normal;
-	font-weight: normal;
-	font-variant: normal;
-	text-transform: none;
-
-	/* Better Font Rendering =========== */
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
-	font-size: 24px;
-}
-#logo:before {
-	content: "\e601";
-}
 
 #navbar {
 	width: @pwidth;