diff --git a/classic/css/base.scss b/classic/css/base.scss
index bac64c0..55fb6c1 100644
--- a/classic/css/base.scss
+++ b/classic/css/base.scss
@@ -21,286 +21,349 @@
*
* @author Liyuan Li
* @author Liang Ding
- * @version 2.0.0.0, Feb 21, 2019
+ * @version 2.0.0.1, Mar 1, 2019
*/
+@import "../../../scss/reset";
@import "../../../scss/reset-content";
@import "vditor/src/assets/scss/classic";
+
.left {
- float: left;
+ float: left;
}
.right {
- float: right;
+ float: right;
}
.clear:before,
.clear:after {
- display: table;
- content: "";
+ display: table;
+ content: "";
}
.clear:after {
- clear: both;
+ clear: both;
}
+
.none {
- display: none;
+ display: none;
}
+
a, a:link {
- color: #0000CC;
+ color: #0000CC;
}
+
a:active {
- color: red;
+ color: red;
}
+
a:visited {
- color: #551A8B;
+ color: #551A8B;
}
+
h5 {
- font-size: 12px;
+ font-size: 12px;
}
+
.content {
- margin: 0 auto;
- max-width: 1250px;
- padding: 0 12px;
+ margin: 0 auto;
+ max-width: 1250px;
+ padding: 0 12px;
}
+
.header {
- height: 108px;
- margin-bottom: 10px;
+ height: 108px;
+ margin-bottom: 10px;
}
.header .page-icon {
- height: 14px;
- width: 14px;
- margin: -1px 3px 0 0;
+ height: 14px;
+ width: 14px;
+ margin: -1px 3px 0 0;
}
.sub-title {
- font-size: 14px;
- font-weight: normal;
+ font-size: 14px;
+ font-weight: normal;
}
+
.side {
- border-left: 2px solid #E5ECF9;
- padding-left: 12px;
- width: 280px;
+ border-left: 2px solid #E5ECF9;
+ padding-left: 12px;
+ width: 280px;
}
+
.main {
- margin-right: -294px;
- width: 100%;
+ margin-right: -294px;
+ width: 100%;
}
-.main>div {
- min-width: 280px;
- padding-right: 318px;
+
+.main > div {
+ min-width: 280px;
+ padding-right: 318px;
}
+
#logoTitle {
- font-family: "Microsoft YaHei";
- font-size: 32px;
- line-height: 64px;
- text-decoration: none;
+ font-family: "Microsoft YaHei";
+ font-size: 32px;
+ line-height: 64px;
+ text-decoration: none;
}
+
#statistic span {
- font-size: 11px;
+ font-size: 11px;
}
+
.article, .comments {
- padding-bottom: 24px;
+ padding-bottom: 24px;
}
+
.article-title {
- background-color: #E3E3FF;
- border-top: 1px solid #3366CC;
- margin-left: 91px;
- padding: 3px 0 6px 12px;
+ background-color: #E3E3FF;
+ border-top: 1px solid #3366CC;
+ margin-left: 91px;
+ padding: 3px 0 6px 12px;
}
+
.article-title sup {
- font-size: 12px;
+ font-size: 12px;
}
+
.article-date {
- background-color: #E3E3FF;
- border: 1px solid #BBCCFF;
- float: left;
- margin: 0 12px 12px 0;
- border-radius: 5px;
- padding: 7px 3px;
- width: 70px;
- text-align: center;
- word-break: break-all;
+ background-color: #E3E3FF;
+ border: 1px solid #BBCCFF;
+ float: left;
+ margin: 0 12px 12px 0;
+ border-radius: 5px;
+ padding: 7px 3px;
+ width: 70px;
+ text-align: center;
+ word-break: break-all;
}
+
.article-abstract {
- word-wrap: break-word;
+ word-wrap: break-word;
}
+
.content-reset {
- margin-left: 12px;
- line-height: 145%;
+ margin-left: 12px;
+ line-height: 145%;
}
+
.article-footer {
- margin-right: 12px;
+ margin-right: 12px;
}
+
.article-footer a, .article-details-footer a {
- text-decoration: none;
+ text-decoration: none;
}
+
.article-details-footer {
- margin: 36px 12px 0 0;
+ margin: 36px 12px 0 0;
}
+
.article-relative {
- line-height: 22px;
- margin-top: 24px;
+ line-height: 22px;
+ margin-top: 24px;
+ ul {
+ list-style: none;
+ }
}
+
.comments {
- position: relative;
+ position: relative;
}
+
.comment-title {
- background-color: #E3E3FF;
- border-top: 1px solid #3366CC;
- padding: 3px 12px 3px 12px;
+ background-color: #E3E3FF;
+ border-top: 1px solid #3366CC;
+ padding: 3px 12px 3px 12px;
}
+
.comment-body-ref {
- background-color: #FFFFFF;
- border: 1px solid #E3E3FF;
- filter: alpha(opacity=90);
- left: 88px;
- opacity: 0.9;
- position: absolute;
- top: 27px;
- width: 87%;
- z-index: 10;
+ background-color: #FFFFFF;
+ border: 1px solid #E3E3FF;
+ filter: alpha(opacity=90);
+ left: 88px;
+ opacity: 0.9;
+ position: absolute;
+ top: 27px;
+ width: 87%;
+ z-index: 10;
}
+
.comment-body-ref .comment-title {
- border-top: 0px;
+ border-top: 0px;
}
+
.comment-body {
- padding: 9px 12px 12px;
- word-wrap: break-word;
- overflow: hidden;
+ padding: 9px 12px 12px;
+ word-wrap: break-word;
+ overflow: hidden;
}
+
.comment-picture {
- margin-right: 12px;
+ margin-right: 12px;
}
+
.comment-picture img {
- height: 60px;
- width: 60px;
+ height: 60px;
+ width: 60px;
}
+
.comment-reply {
- margin: 0 auto 24px auto;
+ margin: 0 auto 24px auto;
}
+
.comment-content {
- float: left;
- width: 88%;
+ float: left;
+ width: 88%;
}
#commentURL:focus, #commentURLReply:focus {
- box-shadow: -3px 1px 2px rgba(0, 0, 0, 0.3) inset;
+ box-shadow: -3px 1px 2px rgba(0, 0, 0, 0.3) inset;
}
.error-msg {
- color: #3366CC;
+ color: #3366CC;
}
+
.error-footer {
- bottom: 0px;
- position: fixed;
- width: 82%;
+ bottom: 0px;
+ position: fixed;
+ width: 82%;
}
+
#sideNavi a.selected {
- color: #000000;
- text-decoration: none;
+ color: #000000;
+ text-decoration: none;
}
+
.side-navi ul {
- list-style: none;
+ list-style: none;
}
+
#sideNavi li {
- line-height: 22px;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- -o-text-overflow: ellipsis;
+ line-height: 22px;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ -o-text-overflow: ellipsis;
}
+
#sideNavi li.aboutMe, #sideNavi li.side-navi-notice {
- white-space: normal;
+ white-space: normal;
}
+
#sideNavi sup {
- margin-right: 3px;
- color: green;
+ margin-right: 3px;
+ color: green;
}
+
.side-comment {
- text-decoration: none;
+ text-decoration: none;
}
+
#recentComments p {
- display: inline;
-}
-#recentComments div, #recentComments br {
+ display: inline;
+ img {
display: none;
+ }
}
+
+#recentComments div, #recentComments br {
+ display: none;
+}
+
.line {
- border-top: thin dotted #BBBBBB;
- margin-top: 12px;
- padding-top: 12px;
+ border-top: thin dotted #BBBBBB;
+ margin-top: 12px;
+ padding-top: 12px;
}
+
.pagination {
- margin: 16px;
- text-align: center;
+ margin: 16px;
+ text-align: center;
}
+
.pagination a, .pagination a:visited {
- color: #4272DB;
- padding: 0 3px;
- text-decoration: none;
+ color: #4272DB;
+ padding: 0 3px;
+ text-decoration: none;
}
+
.pagination a.selected {
- color: #000000;
- font-weight: bold;
+ color: #000000;
+ font-weight: bold;
}
+
#tagsPanel .tagPanel {
- border: 2px solid;
- cursor: pointer;
- float: left;
- margin: 3px;
- border-radius: 6px;
+ border: 2px solid;
+ cursor: pointer;
+ float: left;
+ margin: 3px;
+ border-radius: 6px;
}
+
#tagsPanel .tagPanel:hover {
- background-color: #EEEEEE;
- border: 2px dashed;
+ background-color: #EEEEEE;
+ border: 2px dashed;
}
+
#tagsPanel .tagPanel {
- text-decoration: none;
+ text-decoration: none;
}
-.error-title {
- border-top: 1px solid #3366CC;
- background-color: #E5ECF9;
- margin-left: 12px;
- padding: 6px 12px;
+
+.error-title {
+ border-top: 1px solid #3366CC;
+ background-color: #E5ECF9;
+ margin-left: 12px;
+ padding: 6px 12px;
}
+
.error-panel {
- margin-left: 12px;
- padding: 24px;
+ margin-left: 12px;
+ padding: 24px;
}
+
.commentIcon, .browserIcon {
- background-image: url("../../../images/icon.png");
- cursor: pointer;
- height: 16px;
- margin-right: 3px;
- width: 16px;
+ background-image: url("../../../images/icon.png");
+ cursor: pointer;
+ height: 16px;
+ margin-right: 3px;
+ width: 16px;
}
+
.commentIcon {
- background-position: -32px -16px;
+ background-position: -32px -16px;
}
+
.browserIcon {
- background-position: -128px -16px;
+ background-position: -128px -16px;
}
+
.goTopIcon {
- background-position: -128px -32px;
+ background-position: -128px -32px;
}
+
.goBottomIcon {
- background-position: -144px -32px;
+ background-position: -144px -32px;
}
+
.footer {
- text-align: center;
- margin: 30px 0 30px 0;
+ text-align: center;
+ margin: 30px 0 30px 0;
}
.has-toc > ul > li {
- list-style: none;
- float: left;
- width: 50%;
- text-align: center;
- margin: 15px 0;
- cursor: pointer;
+ list-style: none;
+ float: left;
+ width: 50%;
+ text-align: center;
+ margin: 15px 0;
+ cursor: pointer;
}
.has-toc > ul > li.current {
- color: #3366CC;
+ color: #3366CC;
}
\ No newline at end of file