diff --git a/src/main/resources/demo.css b/src/main/resources/demo.css
index 2fd6b2af1..29984c6f5 100644
--- a/src/main/resources/demo.css
+++ b/src/main/resources/demo.css
@@ -1,71 +1,88 @@
-*{margin: 0;padding: 0;list-style: none;}
-/*
-KISSY CSS Reset
-理念：1. reset 的目的不是清除浏览器的默认样式，这仅是部分工作。清除和重置是紧密不可分的。
-2. reset 的目的不是让默认样式在所有浏览器下一致，而是减少默认样式有可能带来的问题。
-3. reset 期望提供一套普适通用的基础样式。但没有银弹，推荐根据具体需求，裁剪和修改后再使用。
-特色：1. 适应中文；2. 基于最新主流浏览器。
-维护：玉伯<lifesinger@gmail.com>, 正淳<ragecarrier@gmail.com>
- */
-
-/** 清除内外边距 **/
-body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
-dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
-pre, /* text formatting elements 文本格式元素 */
-form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
-th, td /* table elements 表格元素 */ {
- margin: 0;
- padding: 0;
-}
-
-/** 设置默认字体 **/
+* {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+
+body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
+dl, dt, dd, ul, ol, li,
+pre,
+form, fieldset, legend, button, input, textarea,
+th, td {
+ margin: 0;
+ padding: 0;
+}
+
body,
-button, input, select, textarea /* for ie */ {
- font: 16px/1.5 sans-serif, tahoma, arial, \5b8b\4f53;
- font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal;
- font-weight: normal;
+button, input, select, textarea {
+ font: 16px/1.5 sans-serif, tahoma, arial, \5b8b\4f53;
+ font-family: Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal;
+ font-weight: normal;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ font-size: 100%;
+}
+
+address, cite, dfn, em, var {
+ font-style: normal;
+}
+
+code, kbd, pre, samp {
+ font-family: courier new, courier, monospace;
+}
+
+small {
+ font-size: 14px;
+}
+
+ul, ol {
+ list-style: none;
}
-h1, h2, h3, h4, h5, h6 { font-size: 100%; }
-address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
-code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
-small { font-size: 14px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
-/** 重置列表元素 **/
-ul, ol { list-style: none; }
+a {
+ text-decoration: none;
+}
+
+a:hover {
+ text-decoration: underline;
+}
-/** 重置文本格式元素 **/
-a { text-decoration: none; }
-a:hover { text-decoration: underline; }
+legend {
+ color: #000;
+}
+fieldset, img {
+ border: 0;
+}
-/** 重置表单元素 **/
-legend { color: #000; } /* for ie6 */
-fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
-button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
-/* 注：optgroup 无法扶正 */
+button, input, select, textarea {
+ font-size: 100%;
+}
-/** 重置表格元素 **/
-table { border-collapse: collapse; border-spacing: 0; }
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
-/* 清除浮动 */
.ks-clear:after, .clear:after {
- content: '\20';
- display: block;
- height: 0;
- clear: both;
+ content: '\20';
+ display: block;
+ height: 0;
+ clear: both;
}
+
.ks-clear, .clear {
- *zoom: 1;
+ *zoom: 1;
}
-
header {
- background-color: #009688;
- height: 138px;
- line-height: 68px;
- padding: 0 20px;
- color: #fff;
- position: absolute;
+ background-color: #009688;
+ height: 138px;
+ line-height: 68px;
+ padding: 0 20px;
+ color: #fff;
+ position: absolute;
top: 0;
left: 0;
right: 0;
@@ -73,102 +90,106 @@ header {
}
h1, h2, h3, h4, h5, h6 {
- font-weight: 400;
+ font-weight: 400;
}
header h1 {
- font-size: 28px;
+ font-size: 28px;
}
h2 {
- font-size: 24px;
+ font-size: 24px;
}
h3 {
- font-weight: 700;
- border: 1px solid #ddd;
- display: inline-block;
- border-radius: 2px;
- padding: 0px 4px;
-
+ font-weight: 700;
+ border: 1px solid #ddd;
+ display: inline-block;
+ border-radius: 2px;
+ padding: 0px 4px;
+
}
.article {
- padding: 20px;
- max-width: 960px;
- margin: 0px auto;
- box-shadow: 0px 0px 4px #ccc;
- background: #fff;
- margin-top: 80px;
+ padding: 20px;
+ max-width: 960px;
+ margin: 0px auto;
+ box-shadow: 0px 0px 4px #ccc;
+ background: #fff;
+ margin-top: 80px;
}
-.article>div {
- padding: 10px 10px;
+.article > div {
+ padding: 10px 10px;
}
-.POST, .post, .get, .GET, .put, .PUT,.delete, .DELETE {
- color: #fff;
- padding: 4px;
- border-radius: 2px;
- font-size: 8px;
- margin: 0 4px;
- width: 40px;
+.POST, .post, .get, .GET, .put, .PUT, .delete, .DELETE {
+ color: #fff;
+ padding: 4px;
+ border-radius: 2px;
+ font-size: 8px;
+ margin: 0 4px;
+ width: 40px;
display: inline-block;
text-align: center;
}
-.POST, .post{
- background-color: #0B7CAF;
+
+.post, .POST {
+ background-color: #0B7CAF;
}
+
.get, .GET {
- background-color: #009688;
+ background-color: #009688;
}
+
.put, .PUT {
- background-color: #c5862b;
+ background-color: #c5862b;
}
+
.delete, .DELETE {
- background-color: #F44336;
+ background-color: #F44336;
}
hr {
- color: #dfdfdf;
+ color: #dfdfdf;
}
-ol>li {
- margin: 24px;
+ol > li {
+ margin: 24px;
}
-ol>li>ul {
- background-color: #504949;
- color: #fff;
- padding: 8px 16px;
+ol > li > ul {
+ background-color: #504949;
+ color: #fff;
+ padding: 8px 16px;
}
-ul.change>li {
- margin: 10px 20px;
+ul.change > li {
+ margin: 10px 20px;
}
ul {
- margin: 10px 0;
+ margin: 10px 0;
}
-ul>li {
- margin: 10px 0;
+ul > li {
+ margin: 10px 0;
}
.comment {
- color: #d8fa3c;
- margin-left: 16px;
- font-size: 14px;
+ color: #d8fa3c;
+ margin-left: 16px;
+ font-size: 14px;
}
-.missing>s, .missing>del {
- padding: 0 4px;
+.missing > s, .missing > del {
+ padding: 0 4px;
}
s, del, .missing, del.comment {
- color: #F44336;
+ color: #F44336;
}
-.missing>.comment {
- color: #F44336;
+.missing > .comment {
+ color: #F44336;
}
\ No newline at end of file