💄 admin style

c0d13b25 · Liang · 32af1c06 · c0d13b25 · c0d13b25 · c0d13b25
Commit c0d13b25 authored Apr 09, 2017 by Liang
16 changed files
--- a/src/main/resources/lang_en_US.properties
+++ b/src/main/resources/lang_en_US.properties
@@ -61,6 +61,7 @@ emailSubject1Label=Email Subject:
 emailContent1Label=Email Content:
 linkDescriptionLabel=Link Description
 linkDescription1Label=Description: 
+descriptionLabel=Description
 addressInvalidLabel=start protocol, e.g.: http://
 ToolLabel=Tool
 replayEmailTemplateLabel=Email Template for Reply

--- a/src/main/resources/lang_zh_CN.properties
+++ b/src/main/resources/lang_zh_CN.properties
@@ -61,6 +61,7 @@ emailSubject1Label=\u90AE\u4EF6\u4E3B\u9898\uFF1A
 emailContent1Label=\u90AE\u4EF6\u5185\u5BB9\uFF1A
 linkDescriptionLabel=\u94FE\u63A5\u63CF\u8FF0
 linkDescription1Label=\u63CF\u8FF0\uFF1A
+descriptionLabel=\u63CF\u8FF0
 addressInvalidLabel=\u8BF7\u4EE5\u534F\u8BAE\u5F00\u5934\uFF0C\u5982: http://
 ToolLabel=\u5DE5\u5177
 replayEmailTemplateLabel=\u56DE\u590D\u63D0\u9192\u90AE\u4EF6\u6A21\u7248

--- a/src/main/webapp/admin-label.ftl
+++ b/src/main/webapp/admin-label.ftl
@@ -122,6 +122,7 @@
        "changeRoleLabel": "${changeRoleLabel}",
        "visitorUserLabel": "${visitorUserLabel}",
        "categoryTooLongLabel": "${categoryTooLongLabel}",
+        "descriptionLabel": "${descriptionLabel}",
        "autoSaveLabel": "${autoSaveLabel}"
    };    

--- a/src/main/webapp/css/default-admin.css
+++ b/src/main/webapp/css/default-admin.css
@@ -17,7 +17,7 @@
 * admin style
 *
 * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
-* @version 2.1.6.4, Nov 9, 2016
+* @version 2.1.7.4, Apr 8, 2017
 */
 /* start resset */
@@ -45,17 +45,6 @@ a:hover {
    text-decoration: underline;
 }
-@font-face {
-    font-family: 'icomoon';
-    src:url('fonts/icomoon.eot?1450');
-    src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
-        url('fonts/icomoon.ttf?1450') format('truetype'),
-        url('fonts/icomoon.woff?1450') format('woff'),
-        url('fonts/icomoon.svg#icomoon') format('svg');
-    font-weight: normal;
-    font-style: normal;
-}
 .content-reset {
    font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
    word-wrap: break-word;
@@ -203,218 +192,238 @@ button:hover {
 /* end reset */
 /* start ico */
-[class^="icon-"], [class*=" icon-"] {
+@font-face {
-    font-family: 'icomoon';
+  font-family: 'icomoon';
-    speak: none;
+  src:  url('fonts/icomoon.eot?f71494');
-    font-style: normal;
+  src:  url('fonts/icomoon.eot?f71494#iefix') format('embedded-opentype'),
-    font-weight: normal;
+    url('fonts/icomoon.ttf?f71494') format('truetype'),
-    font-variant: normal;
+    url('fonts/icomoon.woff?f71494') format('woff'),
-    text-transform: none;
+    url('fonts/icomoon.svg?f71494#icomoon') format('svg');
-    line-height: 1;
+  font-weight: normal;
-    /* Better Font Rendering =========== */
+  font-style: normal;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
 }
-a[class^="icon-"], 
+[class^="icon-"], [class*=" icon-"] {
-a[class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
-    color: #333;
+  font-family: 'icomoon' !important;
-}
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
-a[class^="icon-"]:hover, 
+  /* Better Font Rendering =========== */
-a[class*=" icon-"]:hover {
+  -webkit-font-smoothing: antialiased;
-    text-decoration: none;
+  -moz-osx-font-smoothing: grayscale;
-    color: #4183c4;
 }
-.icon-upload:before {
+.icon-move-down:before {
-    content: "\f0ee";
+  content: "\e90a";
-}
-.icon-copy:before {
-    content: "\e908";
-}
-.icon-time:before {
-    content: "\e906";
-}
-.icon-sortasc:before {
-    content: "\e905";
 }
-.icon-locked:before {
+.icon-move-up:before {
-    content: "\e61e";
+  content: "\e90b";
-}
-.icon-close:before {
-    content: "\e909";
 }
 .icon-points:before {
-    content: "\e900";
+  content: "\e900";
 }
 .icon-goods:before {
-    content: "\e904";
+  content: "\e904";
 }
 .icon-bold:before {
-    content: "\e000";
+  content: "\e000";
 }
 .icon-italic:before {
-    content: "\e001";
+  content: "\e001";
 }
 .icon-quote:before {
-    content: "\e003";
+  content: "\e003";
 }
 .icon-unordered-list:before {
-    content: "\e004";
+  content: "\e004";
 }
 .icon-ordered-list:before {
-    content: "\e005";
+  content: "\e005";
 }
 .icon-link:before {
-    content: "\e006";
+  content: "\e006";
 }
 .icon-image:before {
-    content: "\e007";
+  content: "\e007";
 }
 .icon-play:before {
-    content: "\e008";
+  content: "\e008";
 }
 .icon-music:before {
-    content: "\e009";
+  content: "\e009";
 }
 .icon-contract:before {
-    content: "\e00a";
+  content: "\e00a";
 }
 .icon-fullscreen:before {
-    content: "\e00b";
+  content: "\e00b";
 }
 .icon-question:before {
-    content: "\e00c";
+  content: "\e00c";
 }
 .icon-info:before {
-    content: "\e00d";
+  content: "\e00d";
 }
 .icon-undo:before {
-    content: "\e00e";
+  content: "\e00e";
 }
 .icon-redo:before {
-    content: "\e00f";
+  content: "\e00f";
 }
 .icon-code:before {
-    content: "\e011";
+  content: "\e011";
 }
 .icon-preview:before {
-    content: "\e002";
+  content: "\e002";
 }
 .icon-navigation:before {
-    content: "\e903";
+  content: "\e903";
 }
 .icon-thumbs-down:before {
-    content: "\e901";
+  content: "\e901";
 }
 .icon-thumbs-up:before {
-    content: "\e902";
+  content: "\e902";
 }
 .icon-video:before {
-    content: "\f057";
+  content: "\f057";
 }
 .icon-feed:before {
-    content: "\e61f";
+  content: "\e61f";
 }
 .icon-article:before {
-    content: "\e61d";
+  content: "\e61d";
 }
 .icon-star:before {
-    content: "\e600";
+  content: "\e600";
 }
 .icon-register:before {
-    content: "\e602";
+  content: "\e602";
 }
 .icon-logout:before {
-    content: "\e603";
+  content: "\e603";
 }
 .icon-setting:before {
-    content: "\e604";
+  content: "\e604";
 }
 .icon-google:before {
-    content: "\e605";
+  content: "\e605";
 }
 .icon-search:before {
-    content: "\e606";
+  content: "\e606";
 }
 .icon-weibo:before {
-    content: "\e607";
+  content: "\e607";
 }
 .icon-date:before {
-    content: "\e608";
+  content: "\e608";
 }
 .icon-view:before {
-    content: "\e609";
+  content: "\e609";
 }
 .icon-cmts:before {
-    content: "\e60a";
+  content: "\e60a";
 }
 .icon-refresh:before {
-    content: "\e60b";
+  content: "\e60b";
 }
 .icon-up:before {
-    content: "\e60c";
+  content: "\e60c";
 }
 .icon-twitter:before {
-    content: "\e60d";
+  content: "\e60d";
 }
 .icon-edit:before {
-    content: "\e60e";
+  content: "\e60e";
 }
 .icon-tencent:before {
-    content: "\e60f";
+  content: "\e60f";
 }
 .icon-tag:before {
-    content: "\e610";
+  content: "\e610";
 }
 .icon-tags:before {
-    content: "\e611";
+  content: "\e611";
 }
 .icon-addfile:before {
-    content: "\e612";
+  content: "\e612";
 }
 .icon-login:before {
-    content: "\e613";
+  content: "\e613";
 }
 .icon-articles:before {
-    content: "\e614";
+  content: "\e614";
 }
 .icon-userrole:before {
-    content: "\e615";
+  content: "\e615";
 }
 .icon-email:before {
-    content: "\e616";
+  content: "\e616";
 }
 .icon-flag:before {
-    content: "\e617";
+  content: "\e617";
 }
 .icon-chevron-down:before {
-    content: "\e618";
+  content: "\e618";
-    margin-right: 10px;
 }
 .icon-chevron-up:before {
-    content: "\e619";
+  content: "\e619";
-    margin-right: 10px;
 }
 .icon-reply:before {
-    content: "\e61a";
+  content: "\e61a";
 }
 .icon-clock:before {
-    content: "\e61b";
+  content: "\e61b";
 }
 .icon-compass:before {
-    content: "\e61c";
+  content: "\e61c";
 }
 .icon-heart:before {
-    content: "\e9da";
+  content: "\e9da";
+}
+.icon-locked:before {
+  content: "\e61e";
+}
+.icon-close:before {
+  content: "\e909";
 }
 .icon-wechat:before {
-    content: "\e907";
+  content: "\e907";
+}
+.icon-upload:before {
+  content: "\f0ee";
+}
+.icon-copy:before {
+  content: "\e908";
+}
+.icon-time:before {
+  content: "\e906";
+}
+.icon-sortasc:before {
+  content: "\e905";
+}
+a[class^="icon-"], 
+a[class*=" icon-"] {
+    color: #333;
+}
+a[class^="icon-"]:hover, 
+a[class*=" icon-"]:hover {
+    text-decoration: none;
+    color: #4183c4;
 }
 .aboutIcon {
    background-position: -16px -48px;
 }
+.icon-move-down,
+.icon-move-up {
+    cursor: pointer;
+}
 /* end ico */
 /* start frame */
@@ -580,6 +589,10 @@ a[class*=" icon-"]:hover {
 #tabs .aboutIcon {
    display: none;
 }
+#tabs .icon-chevron-up,
+#tabs .icon-chevron-down {
+    margin-right: 10px;
+}
 /* end first tabs */
 /* start sub tabs */
@@ -882,7 +895,7 @@ button#submitArticle:hover,
    height: 100%;
    left: 0;
    opacity: .3;
-    position: absolute;
+    position: fixed;
    top: 0;
    width: 100%;
    z-index: 90;
@@ -911,8 +924,7 @@ button#submitArticle:hover,
    height: 34px;
 }
-.dialog-close-icon {
+.dialog-header-bg .icon-close {
-    background: url("../images/bowknot/dialog-close.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: right;
    height: 18px;
@@ -921,10 +933,6 @@ button#submitArticle:hover,
    width: 22px;
 }
-.dialog-close-icon:hover {
-    background-image: url("../images/bowknot/dialog-close-hover.png");
-}
 .dialog-main {
    background-color: #FFFFFF;
    border: 1px solid #666666;
@@ -1039,18 +1047,6 @@ button#submitArticle:hover,
 .table-center {
    margin: 0 auto;
 }
-.table-upIcon,.table-downIcon {
-    background-image: url("../images/icon.png");
-    cursor: pointer;
-    float: left;
-    height: 16px;
-    width: 16px;
-    background-position: -81px -32px;
-}
-.table-upIcon {
-    background-position: -64px -32px;
-    margin-right: 6px;
-}
 .table-tag {
    color: #D54121;

--- a/src/main/webapp/css/default-base.css
+++ b/src/main/webapp/css/default-base.css
@@ -17,7 +17,7 @@
 * base style
 *
 * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 1.0.2.2, Aug 27, 2012
+ * @version 1.0.3.2, Apr 8, 2017
 */
 html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dd, dl, ol {
    margin: 0;
@@ -57,10 +57,6 @@ textarea {
    overflow: auto;
 }
-li {
-    margin-left: 12px;
-}
 button, .button {
    background: url(../images/icon.png) repeat center bottom;
    border: 1px solid;

--- a/src/main/webapp/css/fonts/icomoon.eot
+++ b/src/main/webapp/css/fonts/icomoon.eot
--- a/src/main/webapp/css/fonts/icomoon.svg
+++ b/src/main/webapp/css/fonts/icomoon.svg
@@ -65,6 +65,8 @@
 <glyph unicode="&#xe907;" glyph-name="wechat" horiz-adv-x="1170" d="M331.429 687.428q0 23.429-14.286 37.714t-37.714 14.286q-24.571 0-43.429-14.571t-18.857-37.429q0-22.286 18.857-36.857t43.429-14.571q23.429 0 37.714 14t14.286 37.429zM756 397.714q0 16-14.571 28.571t-37.429 12.571q-15.429 0-28.286-12.857t-12.857-28.286q0-16 12.857-28.857t28.286-12.857q22.857 0 37.429 12.571t14.571 29.143zM621.143 687.428q0 23.429-14 37.714t-37.429 14.286q-24.571 0-43.429-14.571t-18.857-37.429q0-22.286 18.857-36.857t43.429-14.571q23.429 0 37.429 14t14 37.429zM984 397.714q0 16-14.857 28.571t-37.143 12.571q-15.429 0-28.286-12.857t-12.857-28.286q0-16 12.857-28.857t28.286-12.857q22.286 0 37.143 12.571t14.857 29.143zM832 624.571q-17.714 2.286-40 2.286-96.571 0-177.714-44t-127.714-119.143-46.571-164.286q0-44.571 13.143-86.857-20-1.714-38.857-1.714-14.857 0-28.571 0.857t-31.429 3.714-25.429 4-31.143 6-28.571 6l-144.571-72.571 41.143 124.571q-165.714 116-165.714 280 0 96.571 55.714 177.714t150.857 127.714 207.714 46.571q100.571 0 190-37.714t149.714-104.286 78-148.857zM1170.286 304q0-66.857-39.143-127.714t-106-110.571l31.429-103.429-113.714 62.286q-85.714-21.143-124.571-21.143-96.571 0-177.714 40.286t-127.714 109.429-46.571 150.857 46.571 150.857 127.714 109.429 177.714 40.286q92 0 173.143-40.286t130-109.714 48.857-150.571z" />
 <glyph unicode="&#xe908;" glyph-name="copy" d="M852.199 928.002h-680.228c-85.031 0-155.887-70.855-155.887-155.886v-680.229c0-85.031 70.856-155.887 155.887-155.887h680.228c85.031 0 155.887 70.856 155.887 155.887v680.228c-0.001 85.031-70.857 155.887-155.887 155.887zM586.966 295.875l-148.653-148.496c-64.179-64.040-169.159-64.040-233.329 0l-2.782 2.781c-64.174 64.036-64.174 168.916 0 233.039l104.051 103.775c-0.527-30.558 5.038-61.305 16.695-90.102l-67.262-67.171c-34.845-34.71-34.845-91.344 0-126.139l2.781-2.776c34.845-34.751 91.511-34.751 126.36 0l148.702 148.455c34.845 34.799 34.845 91.421 0 126.18l-2.781 2.776c-5.436 5.428-11.439 9.92-17.802 13.671l54.371 54.339c5.872-4.454 11.572-9.263 16.912-14.599h0.004l2.735-2.735c64.084-64.038 64.084-168.919-0.002-233zM803.906 512.556l-104.005-103.821c0.527 30.565-4.994 61.263-16.657 90.063l67.221 67.171c34.849 34.751 34.849 91.381 0 126.181l-2.781 2.735c-34.845 34.8-91.511 34.8-126.267 0l-148.748-148.455c-34.85-34.799-34.85-91.422 0-126.221l2.739-2.694c5.432-5.424 11.439-9.965 17.797-13.674l-54.407-54.38c-5.832 4.5-11.526 9.308-16.871 14.649l-2.745 2.689c-64.171 64.125-64.171 168.961 0 233.039l148.663 148.5c64.171 64.081 169.151 64.081 233.321 0l2.785-2.777v-0.004c64.176-64.077 64.176-168.912-0.040-232.998z" />
 <glyph unicode="&#xe909;" glyph-name="close" d="M1002.667 818.543l-391.876-391.876 391.876-391.876-98.791-98.791-391.876 391.876-391.876-391.876-98.791 98.791 391.876 391.876-391.876 391.876 98.791 98.791 391.876-391.876 391.876 391.876z" />
+<glyph unicode="&#xe90a;" glyph-name="move-down" d="M832 640h-192v320h-256v-320h-192l320-384 320 384zM192-64h640v192h-640v-192z" />
+<glyph unicode="&#xe90b;" glyph-name="move-up" d="M192 256h192v-320h256v320h192l-320 384-320-384zM192 960v-192h640v192h-640z" />
 <glyph unicode="&#xe9da;" glyph-name="heart" d="M705.949 826.125c-85.838 0-159.71-69.827-193.928-142.757-34.244 72.928-108.126 142.757-193.971 142.757-118.337 0-214.379-96.053-214.379-214.4 0-240.73 242.845-303.852 408.348-541.85 156.437 236.525 408.313 308.804 408.313 541.85 0 118.347-96.046 214.4-214.383 214.4z" />
 <glyph unicode="&#xf057;" glyph-name="video" d="M576 768c-35.347 0-64-28.653-64-64s28.653-64 64-64 64 28.653 64 64-28.653 64-64 64zM896 576l-128-128v64c0 30.625-21.515 56.21-50.25 62.503 31.208 34.143 50.25 79.594 50.25 129.495 0 106.040-85.961 192.002-192 192.002-101.123 0-183.986-78.178-191.45-177.393-34.034 30.699-79.108 49.393-128.55 49.393-106.038 0-192-85.962-192-192.002 0-106.037 85.962-191.998 192-191.998h-64v-128h64v-128c0-35.347 28.653-64 64-64h384c35.347 0 64 28.653 64 64v64l128-128h64v512h-64zM256 640c-35.347 0-64-28.653-64-64s28.653-64 64-64v-64c-70.692 0-128 57.308-128 127.999 0 70.693 57.308 128.001 128 128.001s128-57.307 128-128h-64c0 35.347-28.653 64-64 64zM576 256h-128v128h128v-128zM704 365.213c-33.526 33.547-70.276 70.317-73.373 73.414-5.79 5.791-13.79 9.373-22.627 9.373h-192c-17.674 0-32-14.326-32-32v-192c0-8.329 3.183-15.915 8.396-21.607 0.53-0.58 39.123-39.164 74.409-74.393h-114.805c-17.674 0-32 14.326-32 32v320c0 17.674 14.326 32 32 32h320c17.674 0 32-14.326 32-32v-114.787zM576 576c-70.692 0-128 57.308-128 127.999 0 70.693 57.308 128.001 128 128.001s128-57.308 128-128.001c0-70.691-57.308-127.999-128-127.999zM896 256l-64 64 0.082 128.084 63.918 63.918v-256.002z" />
 <glyph unicode="&#xf0ee;" glyph-name="upload" horiz-adv-x="1097" d="M731.429 457.143q0 8-5.143 13.143l-201.143 201.143q-5.143 5.143-13.143 5.143t-13.143-5.143l-200.571-200.571q-5.714-6.857-5.714-13.714 0-8 5.143-13.143t13.143-5.143h128v-201.143q0-7.429 5.429-12.857t12.857-5.429h109.714q7.429 0 12.857 5.429t5.429 12.857v201.143h128q7.429 0 12.857 5.429t5.429 12.857zM1097.143 292.571q0-90.857-64.286-155.143t-155.143-64.286h-621.714q-105.714 0-180.857 75.143t-75.143 180.857q0 74.286 40 137.143t107.429 94.286q-1.143 17.143-1.143 24.571 0 121.143 85.714 206.857t206.857 85.714q89.143 0 163.143-49.714t107.714-132q40.571 35.429 94.857 35.429 60.571 0 103.429-42.857t42.857-103.429q0-43.429-23.429-78.857 74.286-17.714 122-77.429t47.714-136.286z" />

--- a/src/main/webapp/css/fonts/icomoon.ttf
+++ b/src/main/webapp/css/fonts/icomoon.ttf
--- a/src/main/webapp/css/fonts/icomoon.woff
+++ b/src/main/webapp/css/fonts/icomoon.woff
--- a/src/main/webapp/css/fonts/selection.json
+++ b/src/main/webapp/css/fonts/selection.json
--- a/src/main/webapp/js/admin/categoryList.js
+++ b/src/main/webapp/js/admin/categoryList.js
@@ -18,7 +18,7 @@
 *
 * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
 * @author <a href="http://88250.b3log.org">Liang Ding</a>
- * @version 1.0.0.1, Apr 7, 2017
+ * @version 1.0.1.1, Apr 9, 2017
 * @since 2.0.0
 */
@@ -50,7 +50,7 @@ admin.categoryList = {
                width: 230
            }, {
                style: "padding-left: 12px;",
-                text: Label.linkDescription1Label,
+                text: Label.descriptionLabel,
                index: "categoryDesc",
                minWidth: 180
            }]);
@@ -98,17 +98,17 @@ admin.categoryList = {
                            categoryData[i].linkOrder = "";
                        } else {
                            categoryData[i].linkOrder = '<div class="table-center" style="width:14px">\
-                                <span onclick="admin.categoryList.changeOrder(' + categories[i].oId + ', ' + i + ', \'down\');" class="table-downIcon"></span>\
+                                <span onclick="admin.categoryList.changeOrder(' + categories[i].oId + ', ' + i + ', \'down\');" class="icon-move-down"></span>\
                            </div>';
                        }
                    } else if (i === categories.length - 1) {
                        categoryData[i].linkOrder = '<div class="table-center" style="width:14px">\
-                                <span onclick="admin.categoryList.changeOrder(' + categories[i].oId + ', ' + i + ', \'up\');" class="table-upIcon"></span>\
+                                <span onclick="admin.categoryList.changeOrder(' + categories[i].oId + ', ' + i + ', \'up\');" class="icon-move-up"></span>\
                            </div>';
                    } else {
                        categoryData[i].linkOrder = '<div class="table-center" style="width:38px">\
-                                <span onclick="admin.categoryList.changeOrder(' + categories[i].oId + ', ' + i + ', \'up\');" class="table-upIcon"></span>\
+                                <span onclick="admin.categoryList.changeOrder(' + categories[i].oId + ', ' + i + ', \'up\');" class="icon-move-up"></span>\
-                                <span onclick="admin.categoryList.changeOrder(' + categories[i].oId + ', ' + i + ', \'down\');" class="table-downIcon"></span>\
+                                <span onclick="admin.categoryList.changeOrder(' + categories[i].oId + ', ' + i + ', \'down\');" class="icon-move-down"></span>\
                            </div>';
                    }

--- a/src/main/webapp/js/admin/latkeAdmin.js
+++ b/src/main/webapp/js/admin/latkeAdmin.js
@@ -2235,11 +2235,11 @@ admin.pageList = {
                        }
                    } else if (i === pages.length - 1) {
                        pageData[i].pageOrder = '<div class="table-center" style="width:14px">\
-                                    <span onclick="admin.pageList.changeOrder(' + pages[i].oId + ', ' + i + ', \'up\');" class="table-upIcon"></span>\
+                                    <span onclick="admin.pageList.changeOrder(' + pages[i].oId + ', ' + i + ', \'up\');" class="icon-move-up"></span>\
                                    </div>';
                    } else {
                        pageData[i].pageOrder = '<div class="table-center" style="width:38px">\
-                                    <span onclick="admin.pageList.changeOrder(' + pages[i].oId + ', ' + i + ', \'up\');" class="table-upIcon"></span>\
+                                    <span onclick="admin.pageList.changeOrder(' + pages[i].oId + ', ' + i + ', \'up\');" class="icon-move-up"></span>\
                                    <span onclick="admin.pageList.changeOrder(' + pages[i].oId + ', ' + i + ', \'down\');" class="table-downIcon"></span>\
                                    </div>';
                    }
@@ -2790,11 +2790,11 @@ admin.linkList = {
                        }
                    } else if (i === links.length - 1) {
                        linkData[i].linkOrder = '<div class="table-center" style="width:14px">\
-                                <span onclick="admin.linkList.changeOrder(' + links[i].oId + ', ' + i + ', \'up\');" class="table-upIcon"></span>\
+                                <span onclick="admin.linkList.changeOrder(' + links[i].oId + ', ' + i + ', \'up\');" class="icon-move-up"></span>\
                            </div>';
                    } else {
                        linkData[i].linkOrder = '<div class="table-center" style="width:38px">\
-                                <span onclick="admin.linkList.changeOrder(' + links[i].oId + ', ' + i + ', \'up\');" class="table-upIcon"></span>\
+                                <span onclick="admin.linkList.changeOrder(' + links[i].oId + ', ' + i + ', \'up\');" class="icon-move-up"></span>\
                                <span onclick="admin.linkList.changeOrder(' + links[i].oId + ', ' + i + ', \'down\');" class="table-downIcon"></span>\
                            </div>';
                    }
@@ -3973,7 +3973,7 @@ admin.categoryList = {
                        }
                    } else if (i === categories.length - 1) {
                        categoryData[i].linkOrder = '<div class="table-center" style="width:14px">\
-                                <span onclick="admin.categoryList.changeOrder(' + categories[i].oId + ', ' + i + ', \'up\');" class="table-upIcon"></span>\
+                                <span onclick="admin.categoryList.changeOrder(' + categories[i].oId + ', ' + i + ', \'up\');" class="icon-move-up"></span>\
                            </div>';
                    } else {
                        categoryData[i].linkOrder = '<div class="table-center" style="width:38px">\

--- a/src/main/webapp/js/admin/linkList.js
+++ b/src/main/webapp/js/admin/linkList.js
@@ -18,7 +18,7 @@
 *
 * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
 * @author <a href="http://88250.b3log.org">Liang Ding</a>
- * @version 1.0.1.4, Feb 23, 2013
+ * @version 1.1.1.4, Apr 9, 2017
 */
 /* link-list 相关操作 */
@@ -102,17 +102,17 @@ admin.linkList = {
                            linkData[i].linkOrder = "";
                        } else {
                            linkData[i].linkOrder = '<div class="table-center" style="width:14px">\
-                                <span onclick="admin.linkList.changeOrder(' + links[i].oId + ', ' + i + ', \'down\');" class="table-downIcon"></span>\
+                                <span onclick="admin.linkList.changeOrder(' + links[i].oId + ', ' + i + ', \'down\');" class="icon-move-down"></span>\
                            </div>';
                        }
                    } else if (i === links.length - 1) {
                        linkData[i].linkOrder = '<div class="table-center" style="width:14px">\
-                                <span onclick="admin.linkList.changeOrder(' + links[i].oId + ', ' + i + ', \'up\');" class="table-upIcon"></span>\
+                                <span onclick="admin.linkList.changeOrder(' + links[i].oId + ', ' + i + ', \'up\');" class="icon-move-up"></span>\
                            </div>';
                    } else {
                        linkData[i].linkOrder = '<div class="table-center" style="width:38px">\
-                                <span onclick="admin.linkList.changeOrder(' + links[i].oId + ', ' + i + ', \'up\');" class="table-upIcon"></span>\
+                                <span onclick="admin.linkList.changeOrder(' + links[i].oId + ', ' + i + ', \'up\');" class="icon-move-up"></span>\
-                                <span onclick="admin.linkList.changeOrder(' + links[i].oId + ', ' + i + ', \'down\');" class="table-downIcon"></span>\
+                                <span onclick="admin.linkList.changeOrder(' + links[i].oId + ', ' + i + ', \'down\');" class="icon-move-down"></span>\
                            </div>';
                    }

--- a/src/main/webapp/js/admin/pageList.js
+++ b/src/main/webapp/js/admin/pageList.js
@@ -18,7 +18,7 @@
 *
 * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
 * @author <a href="http://88250.b3log.org">Liang Ding</a>
- * @version 1.1.2.5, Nov 8, 2016
+ * @version 1.2.2.5, Apr 9, 2017
 */
 /* page-list 相关操作 */
@@ -140,16 +140,16 @@ admin.pageList = {
                        } else {
                            pageData[i].pageOrder = '<div class="table-center" style="width:14px">\
                                        <span onclick="admin.pageList.changeOrder(' + pages[i].oId + ', ' + i + ', \'down\');" \
-                                        class="table-downIcon"></span></div>';
+                                        class="icon-move-down"></span></div>';
                        }
                    } else if (i === pages.length - 1) {
                        pageData[i].pageOrder = '<div class="table-center" style="width:14px">\
-                                    <span onclick="admin.pageList.changeOrder(' + pages[i].oId + ', ' + i + ', \'up\');" class="table-upIcon"></span>\
+                                    <span onclick="admin.pageList.changeOrder(' + pages[i].oId + ', ' + i + ', \'up\');" class="icon-move-up"></span>\
                                    </div>';
                    } else {
                        pageData[i].pageOrder = '<div class="table-center" style="width:38px">\
-                                    <span onclick="admin.pageList.changeOrder(' + pages[i].oId + ', ' + i + ', \'up\');" class="table-upIcon"></span>\
+                                    <span onclick="admin.pageList.changeOrder(' + pages[i].oId + ', ' + i + ', \'up\');" class="icon-move-up"></span>\
-                                    <span onclick="admin.pageList.changeOrder(' + pages[i].oId + ', ' + i + ', \'down\');" class="table-downIcon"></span>\
+                                    <span onclick="admin.pageList.changeOrder(' + pages[i].oId + ', ' + i + ', \'down\');" class="icon-move-down"></span>\
                                    </div>';
                    }

--- a/src/main/webapp/js/lib/compress/admin-lib.min.js
+++ b/src/main/webapp/js/lib/compress/admin-lib.min.js
--- a/src/main/webapp/js/lib/jquery/jquery.bowknot.min.js
+++ b/src/main/webapp/js/lib/jquery/jquery.bowknot.min.js