样式优化/体验优化/Bug Fix

1 files changed, 276 insertions, 1 deletions

diff --git a/assets/css/dark.miracles.css b/assets/css/dark.miracles.css
index c325249..b96aeb7 100644
--- a/assets/css/dark.miracles.css
+++ b/assets/css/dark.miracles.css
@@ -1 +1,276 @@
-@charset 'utf-8';.body-dark{background:#4b4b4b;color:#fafafa}.body-dark .post-content code{background:#505050}.body-dark .post-content img:not(.OwO-img){box-shadow:0 2px 10px #323232;-moz-box-shadow:0 2px 10px #323232;-webkit-box-shadow:0 2px 10px #323232}.body-dark .post-content tr:nth-child(odd){background:#6e6e6e}.body-dark .post-content hr{background:#787878}.body-dark .post-meta a{color:gray!important}.body-dark .comment-reply a{background:0 0}.body-dark .options{box-shadow:0 0 0 #fff;-moz-box-shadow:0 0 0 #fff;-webkit-box-shadow:0 0 0 #fff}.body-dark .OwO .OwO-body .OwO-items .OwO-item:hover,.body-dark .OwO-body,.body-dark .OwO-open .OwO-logo,.body-dark .bubble.saying-body:hover,.body-dark .comment-pagenav a,.body-dark .dark-button,.body-dark .options,.body-dark .post-body,.body-dark .post-item,.body-dark .post-pagenav a{box-shadow:0 0 36px #323232!important;-moz-box-shadow:0 0 36px #323232!important;-webkit-box-shadow:0 0 36px #323232!important}.body-dark .gotop-button,.body-dark .links-item{box-shadow:0 1px 3px #323232!important}.body-dark .gotop-button:hover,.body-dark .links-item:hover{box-shadow:0 4px 22px #323232!important}.body-dark .archives-list a:hover,.body-dark .bubble.comment-content,.body-dark .bubble.saying-body,.body-dark .comment-author,.body-dark .comment-by-author .bubble.comment-content,.body-dark .comment-pagenav a,.body-dark .comment-submit button,.body-dark .drawer-content a:hover,.body-dark .drawer-footer,.body-dark .drawer-search,.body-dark .options-button-active,.body-dark .tags-item a{background:#646464!important}.body-dark .OwO-body,.body-dark .OwO-logo,.body-dark .OwO-package-active,.body-dark .OwO-packages li:hover,.body-dark .comment-form input,.body-dark .comment-form textarea,.body-dark .comment-reply a:hover,.body-dark .dark-button,.body-dark .dialog,.body-dark .drawer,.body-dark .drawer-icon,.body-dark .drawer-search-form button,.body-dark .drawer-search-form input,.body-dark .gotop-button,.body-dark .links-item,.body-dark .options,.body-dark .options-family-button,.body-dark .options-theme-label,.body-dark .post-body,.body-dark .post-content th,.body-dark .post-item,.body-dark .post-pagenav a,.body-dark .saying-textarea,.body-dark .search-form input{background:#5a5a5a!important}.body-dark .OwO-bar,.body-dark .OwO-item{background:#6e6e6e!important}.body-dark .OwO-bar,.body-dark .OwO-logo,.body-dark .comment,.body-dark .comment a,.body-dark .comment-content p,.body-dark .comment-form input,.body-dark .comment-form textarea,.body-dark .dark-button,.body-dark .drawer,.body-dark .drawer a,.body-dark .drawer-icon,.body-dark .drawer-open .drawer-button,.body-dark .drawer-search-form button,.body-dark .drawer-search-form input,.body-dark .footer-info,.body-dark .footer-info a,.body-dark .gotop-button,.body-dark .login,.body-dark .login-close,.body-dark .mobile-menu,.body-dark .mobile-menu a,.body-dark .mobile-menu-close,.body-dark .mobile-menu-footer,.body-dark .nav,.body-dark .nav a,.body-dark .options-contentsize-button,.body-dark .options-family-button,.body-dark .options-theme-item:hover .options-theme-label,.body-dark .post-body,.body-dark .post-body a,.body-dark .post-content blockquote,.body-dark .post-item,.body-dark .post-item a,.body-dark .search-close,.body-dark .search-form button,.body-darl .login a{color:#fafafa!important}.body-dark .options-theme-label{color:#5a5a5a!important}.body-dark .OwO-body,.body-dark .OwO-logo,.body-dark .comment-form input,.body-dark .comment-form textarea,.body-dark .drawer,.body-dark .drawer-search-form button,.body-dark .drawer-search-form input,.body-dark .mobile-menu-footer,.body-dark .mobile-menu-title,.body-dark .options hr,.body-dark .post-content blockquote,.body-dark .post-content table,.body-dark .post-content td,.body-dark .post-content th,.body-dark .post-content tr,.body-dark .saying-textarea{border-color:#6e6e6e!important}.body-dark .tip{border-top-color:#6e6e6e!important;border-bottom-color:#6e6e6e!important;border-right-color:#6e6e6e!important}.body-dark .bubble.comment-content:before,.body-dark .bubble.saying-body:before,.body-dark .comment-by-author .bubble.comment-content:before{border-right-color:#646464!important}.body-dark .dark-cover{background:rgba(10,10,10,.35)}.body-dark .footer-info{background:#3c3c3c!important}.body-dark .nav{background:rgba(50,50,50,.9)!important;box-shadow:0 0 20px #000;-webkit-box-shadow:0 0 20px #000;-moz-box-shadow:0 0 30px #000}.body-dark .mobile-menu-pagelist a:hover,.body-dark .nav a:hover,.body-dark .nav-mobile-title:hover{background:#646464}.body-dark .nav-icon-button{background:#5a5a5a}.body-dark .nav-icon-button{color:#fff}.body-dark .nav-icon-button:hover,.body-dark .search-close{background:#5a5a5a}.body-dark img{filter:brightness(90%)}.body-dark .aplayer-pic,.body-dark .post-banner,.body-dark iframe{filter:brightness(75%)}.body-dark .login,.body-dark .mobile-menu,.body-dark .search{background:rgba(90,90,90,.95)}.body-dark .pio-container .pio-dialog{color:#fff;box-shadow:1px 1px 15px #505050;-webkit-box-shadow:1px 1px 15px #505050;-moz-box-shadow:1px 1px 15px #505050;background:rgba(90,90,90,.9)}.body-dark .pio-action span{background-color:rgba(90,90,90,.9)}.body-dark .aplayer,.body-dark .aplayer .aplayer-author,.body-dark .aplayer .aplayer-controller,.body-dark .aplayer .aplayer-icon,.body-dark .aplayer .aplayer-info,.body-dark .aplayer .aplayer-lrc-contents p,.body-dark .aplayer-list-author,.body-dark .aplayer-list-index{color:#f0f0f0!important}.body-dark .aplayer{background:#646464}.body-dark .aplayer .aplayer-list ol li:hover,.body-dark .aplayer-list-light{background:#8c8c8c!important}.body-dark .aplayer .aplayer-lrc:after,.body-dark .aplayer .aplayer-lrc:before{background:0 0;background:0 0;filter:none}.body-dark .aplayer .aplayer-list ol li{border-color:#787878}.body-dark .aplayer-list::-webkit-scrollbar{background:#6e6e6e!important}.body-dark .aplayer-list::-webkit-scrollbar-thumb{background:#505050}.body-dark .aplayer-info{border:none}
\ No newline at end of file
+@charset 'utf-8';

+

+/*

+ * Dark theme for Miracles

+ * Author:  Eltrac

+ * License: MIT

+ */

+

+.body-dark {

+	background:#4b4b4b;

+	color:#fafafa

+}

+

+/**

+ *  Special

+ */

+

+/* Post Content */

+.body-dark .post-content code {

+	background:#505050

+}

+.body-dark .post-content img:not(.OwO-img) {

+	box-shadow:0 2px 10px #323232;

+	-moz-box-shadow:0 2px 10px #323232;

+	-webkit-box-shadow:0 2px 10px #323232

+}

+.body-dark .post-content tr:nth-child(odd) {

+	background:#6e6e6e

+}

+.body-dark .post-content hr {

+	background:#787878

+}

+/* Pio Plugin */

+.body-dark .pio-container .pio-dialog {

+	color:#fff;

+	box-shadow:1px 1px 15px #505050;

+	-webkit-box-shadow:1px 1px 15px #505050;

+	-moz-box-shadow:1px 1px 15px #505050;

+	background:rgba(90,90,90,.9)

+}

+.body-dark .pio-action span {

+	background-color:rgba(90,90,90,.9)

+}

+/* Aplayer */

+.body-dark .aplayer,

+.body-dark .aplayer .aplayer-author,

+.body-dark .aplayer .aplayer-controller,

+.body-dark .aplayer .aplayer-icon,

+.body-dark .aplayer .aplayer-info,

+.body-dark .aplayer .aplayer-lrc-contents p,

+.body-dark .aplayer-list-author,

+.body-dark .aplayer-list-index {

+	color:#f0f0f0!important

+}

+.body-dark .aplayer {

+	background:#646464

+}

+.body-dark .aplayer .aplayer-list ol li:hover,

+.body-dark .aplayer-list-light {

+	background:#8c8c8c!important

+}

+.body-dark .aplayer .aplayer-lrc:after,

+.body-dark .aplayer .aplayer-lrc:before {

+	background:0 0;

+	background:0 0;

+	filter:none

+}

+.body-dark .aplayer .aplayer-list ol li {

+	border-color:#787878

+}

+.body-dark .aplayer-list::-webkit-scrollbar {

+	background:#6e6e6e!important

+}

+.body-dark .aplayer-list::-webkit-scrollbar-thumb {

+	background:#505050

+}

+.body-dark .aplayer-info {

+	border:none

+}

+/* Nav/Search/login */

+.body-dark .nav {

+	background:rgba(50,50,50,.9)!important;

+	box-shadow:0 0 20px #000;

+	-webkit-box-shadow:0 0 20px #000;

+	-moz-box-shadow:0 0 30px #000

+}

+.body-dark .mobile-menu-pagelist a:hover,

+.body-dark .nav a:hover,

+.body-dark .nav-mobile-title:hover {

+	background:#646464

+}

+.body-dark .nav-icon-button {

+	background:#5a5a5a

+}

+.body-dark .nav-icon-button {

+	color:#fff

+}

+.body-dark .nav-icon-button:hover,

+.body-dark .search-close {

+	background:#5a5a5a

+}

+.body-dark .login,

+.body-dark .mobile-menu,

+.body-dark .search {

+	background:rgba(90,90,90,.95)

+}

+/* Others */

+.body-dark .post-meta a {

+	color: gray!important

+}

+.body-dark .comment-reply a {

+	background: 0 0

+}

+.body-dark .footer-info {

+	background:#3c3c3c!important

+}

+

+/**

+ *  Normal

+ */

+ 

+/* Need shadow */

+.body-dark .options {

+	box-shadow:0 0 0 #fff;

+	-moz-box-shadow:0 0 0 #fff;

+	-webkit-box-shadow:0 0 0 #fff

+}

+.body-dark .OwO .OwO-body .OwO-items .OwO-item:hover,

+.body-dark .OwO-body,.body-dark .OwO-open .OwO-logo,

+.body-dark .bubble.saying-body:hover,

+.body-dark .comment-pagenav a,

+.body-dark .dark-button,

+.body-dark .options,

+.body-dark .post-body,

+.body-dark .post-item,

+.body-dark .post-pagenav a {

+	box-shadow:0 0 36px #323232!important;

+	-moz-box-shadow:0 0 36px #323232!important;

+	-webkit-box-shadow:0 0 36px #323232!important

+}

+.body-dark .gotop-button,

+.body-dark .links-item {

+	box-shadow:0 1px 3px #323232!important

+}

+.body-dark .gotop-button:hover,

+.body-dark .links-item:hover {

+	box-shadow:0 4px 22px #323232!important

+}

+/* Need #646464 bg */

+.body-dark .archives-list a:hover,

+.body-dark .bubble.comment-content,

+.body-dark .bubble.saying-body,

+.body-dark .comment-author,

+.body-dark .comment-by-author .bubble.comment-content,

+.body-dark .comment-pagenav a,

+.body-dark .comment-submit button,

+.body-dark .drawer-content a:hover,

+.body-dark .drawer-footer,.body-dark .drawer-search,

+.body-dark .options-button-active,

+.body-dark .tags-item a {

+	background: #646464!important

+}

+/* Need #5a5a5a bg */

+.body-dark .OwO-body,

+.body-dark .OwO-logo,

+.body-dark .OwO-package-active,

+.body-dark .OwO-packages li:hover,

+.body-dark .comment-form input,

+.body-dark .comment-form textarea,

+.body-dark .comment-reply a:hover,

+.body-dark .dark-button,.body-dark .dialog,

+.body-dark .drawer,

+.body-dark .drawer-icon,

+.body-dark .drawer-search-form button,

+.body-dark .drawer-search-form input,

+.body-dark .gotop-button,.body-dark .links-item,

+.body-dark .options,

+.body-dark .options-family-button,

+.body-dark .options-theme-label,

+.body-dark .post-body,

+.body-dark .post-content th,

+.body-dark .post-item,

+.body-dark .post-pagenav a,

+.body-dark .saying-textarea,

+.body-dark .search-form input {

+	background:#5a5a5a!important

+}

+/* Need #6e6e6e bg */

+.body-dark .OwO-bar,

+.body-dark .OwO-item {

+	background:#6e6e6e!important

+}

+/* Need white fonts */

+.body-dark .OwO-bar,

+.body-dark .OwO-logo,

+.body-dark .comment,

+.body-dark .comment a,

+.body-dark .comment-content p,

+.body-dark .comment-form input,

+.body-dark .comment-form textarea,

+.body-dark .dark-button,

+.body-dark .drawer,

+.body-dark .drawer a,

+.body-dark .drawer-icon,

+.body-dark .drawer-open .drawer-button,

+.body-dark .drawer-search-form button,

+.body-dark .drawer-search-form input,

+.body-dark .footer-info,

+.body-dark .footer-info a,

+.body-dark .gotop-button,

+.body-dark .login,

+.body-dark .login-close,

+.body-dark .mobile-menu,

+.body-dark .mobile-menu a,

+.body-dark .mobile-menu-close,

+.body-dark .mobile-menu-footer,

+.body-dark .nav,

+.body-dark .nav a,

+.body-dark .options-contentsize-button,

+.body-dark .options-family-button,

+.body-dark .options-theme-item:hover .options-theme-label,

+.body-dark .post-body,

+.body-dark .post-body a,

+.body-dark .post-content blockquote,

+.body-dark .post-item,

+.body-dark .post-item a,

+.body-dark .search-close,

+.body-dark .search-form button,

+.body-darl .login a {

+	color:#fafafa!important

+}

+.body-dark .options-theme-label {

+	color:#5a5a5a!important

+}

+/* Need border color */

+.body-dark .OwO-body,

+.body-dark .OwO-logo,

+.body-dark .comment-form input,

+.body-dark .comment-form textarea,

+.body-dark .drawer,

+.body-dark .drawer-search-form button,

+.body-dark .drawer-search-form input,

+.body-dark .mobile-menu-footer,

+.body-dark .mobile-menu-title,

+.body-dark .options hr,

+.body-dark .post-content blockquote,

+.body-dark .post-content table,

+.body-dark .post-content td,

+.body-dark .post-content th,

+.body-dark .post-content tr,

+.body-dark .saying-textarea {

+	border-color:#6e6e6e!important

+}

+.body-dark .tip {

+	border-top-color:#6e6e6e!important;

+	border-bottom-color:#6e6e6e!important;

+	border-right-color:#6e6e6e!important

+}

+.body-dark .bubble.comment-content:before,

+.body-dark .bubble.saying-body:before,

+.body-dark .comment-by-author .bubble.comment-content:before {

+	border-right-color:#646464!important

+}

+/* Need darker mask */

+.body-dark .banner-mask {

+	background:rgba(10,10,10,.4)

+}

+/* Need filter */

+.body-dark img {

+	filter:brightness(90%)

+}

+.body-dark .aplayer-pic,

+.body-dark .post-banner,

+.body-dark iframe {

+	filter:brightness(75%)

+}