From 9f005b5e386fc2888e05a4f9344247291005bf7a Mon Sep 17 00:00:00 2001
From: Eltrac <45323514+BigCoke233@users.noreply.github.com>
Date: Wed, 17 Jul 2019 16:58:25 +0800
Subject: =?UTF-8?q?=E5=A4=9C=E9=97=B4=E6=A8=A1=E5=BC=8F=E4=B8=8B=E8=AF=84?=
 =?UTF-8?q?=E8=AE=BA=E5=8C=BA=E7=9A=84=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/dark.miracles.css | 183 +++++++++++++++++++++++++++++++++++++++++++
 assets/css/miracles.min.css  | 178 +----------------------------------------
 assets/css/owo.min.css       |   2 +-
 3 files changed, 187 insertions(+), 176 deletions(-)
 create mode 100644 assets/css/dark.miracles.css

(limited to 'assets/css')

diff --git a/assets/css/dark.miracles.css b/assets/css/dark.miracles.css
new file mode 100644
index 0000000..80a8078
--- /dev/null
+++ b/assets/css/dark.miracles.css
@@ -0,0 +1,183 @@
+@charset 'utf-8';
+/*
+ * DarkTheme for Miracles
+ * Author: Eltrac
+ */
+/* Body */
+.body-dark {
+	background: #4b4b4b;
+	color: rgb(250,250,250);
+}
+/* Post */
+/* > PostContent */
+.body-dark .post-content code {
+	background: #505050;
+}
+.body-dark .post-content 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: rgb(120,120,120)
+}
+/* > PostOthers */
+.body-dark .post-meta a {
+	color: gray!important
+}
+/* No Background */
+.body-dark .comment-reply a {
+	background: transparent
+}
+/* Need Shadow */
+.body-dark .dark-button,
+.body-dark .gotop-button,
+.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 .links-item {
+	box-shadow: 0 0 2px #323232!important
+}
+.body-dark .links-item:hover {
+	box-shadow: 0 0 22px #323232!important
+}
+/* Need #646464 bg */
+.body-dark .archives-list a:hover,
+.body-dark .comment-submit button,
+.body-dark .comment-by-author .bubble.comment-content,
+.body-dark .bubble.comment-content,
+.body-dark .comment-author {
+	background: #646464
+}
+/* Need #5a5a5a bg */
+.body-dark .search-form input,
+.body-dark .comment-form input,
+.body-dark .OwO-logo,
+.body-dark .comment-form textarea,
+.body-dark .comment-reply a:hover,
+.body-dark .dark-button,
+.body-dark .gotop-button,
+.body-dark .links-item,
+.body-dark .post-body,
+.body-dark .post-content th,
+.body-dark .post-item,
+.body-dark .post-pagenav a,
+.body-dark .OwO-body,
+.body-dark .OwO-package-active,
+.body-dark .OwO-packages li:hover {
+	background: #5a5a5a!important
+}
+/* OwO */
+.body-dark .OwO-item,
+.body-dark .OwO-bar {
+	background: rgb(110,110,110)!important;
+}
+/* Need white fonts */
+.body-dark .comment,
+.body-dark .comment a,
+.body-dark .comment-content p,
+.body-dark .comment-form input,
+.body-dark .comment-form textarea,
+.body-dark .OwO-logo,
+.body-dark .dark-button,
+.body-dark .footer-info,
+.body-dark .footer-info a,
+.body-dark .gotop-button,
+.body-dark .nav,
+.body-dark .nav a,
+.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-form button,
+.body-dark .search-close,
+.body-dark .login,
+.body-dark .login-close,
+.body-darl .login a,
+.body-dark .OwO-bar,
+.body-dark .mobile-menu,
+.body-dark .mobile-menu a,
+.body-dark .mobile-menu-close,
+.body-dark .mobile-menu-footer {
+	color: #fafafa!important
+}
+/* Need dark border-color */
+.body-dark .comment-form input,
+.body-dark .comment-form textarea,
+.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 .OwO-logo,
+.body-dark .OwO-body,
+.body-dark .mobile-menu-title,
+.body-dark .mobile-menu-footer {
+	border-color: #6e6e6e!important;
+}
+.body-dark .comment-by-author .bubble.comment-content:before,
+.body-dark .bubble.comment-content:before {
+	border-right-color: #646464;
+}
+/* Darker Mask */
+.body-dark .dark-cover {
+	background: rgba(10,10,10,0.35)
+}
+/* Dark Footer */
+.body-dark .footer-info {
+	background: #3c3c3c!important
+}
+/* Dark Nav */
+.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 .nav a:hover,
+.body-dark .nav-mobile-title:hover,
+.mobile-menu-pagelist a:hover {
+	background: #646464
+}
+.body-dark .nav-icon-button {
+	background: rgb(90,90,90)
+}
+.body-dark .nav-icon-button {
+	color: #fff
+}
+.body-dark .nav-icon-button:hover,.body-dark .search-close {
+	background: #5a5a5a
+}
+/* Need dark filter */
+.body-dark img {
+	filter: brightness(90%);
+}
+.body-dark .post-banner,
+.body-dark iframe {
+	filter: brightness(75%);
+}
+/* Need Transparent dark background */
+.body-dark .search,
+.body-dark .login,
+.body-dark .mobile-menu {
+	background: rgba(90,90,90,.95)
+}
+/* Pio Plugin in dark theme */
+.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)
+}
\ No newline at end of file
diff --git a/assets/css/miracles.min.css b/assets/css/miracles.min.css
index 8a02386..8f0d813 100644
--- a/assets/css/miracles.min.css
+++ b/assets/css/miracles.min.css
@@ -41,151 +41,6 @@ hr {
 	background-color: var(--theme-color)
 }
 
-.body-dark {
-	background: #4b4b4b
-}
-
-.body-dark .post-content code {
-	background: #505050;
-}
-
-
-.body-dark .post-content img {
-	box-shadow: 0 2px 10px #323232;
-	-moz-box-shadow: 0 2px 10px #323232;
-	-webkit-box-shadow: 0 2px 10px #323232
-}
-
-.body-dark .dark-button,.body-dark .gotop-button,.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 .post-meta a {
-	color: gray!important
-}
-
-.body-dark .archives-list a:hover,.body-dark .comment-submit button {
-	background: #646464
-}
-
-.body-dark .search-form input,
-.body-dark .comment-form input,
-.body-dark .OwO-logo,
-.body-dark .comment-form textarea,
-.body-dark .comment-reply a:hover,
-.body-dark .dark-button,
-.body-dark .gotop-button,
-.body-dark .links-item,
-.body-dark .post-body,
-.body-dark .post-content th,
-.body-dark .post-item,
-.body-dark .post-pagenav a,
-.body-dark .OwO-body,
-.body-dark .OwO-package-active,
-.body-dark .OwO-packages li:hover {
-	background: #5a5a5a!important
-}
-.body-dark .OwO-item,
-.body-dark .OwO-bar {
-	background: rgb(110,110,110)!important;
-}
-
-.body-dark .links-item {
-	box-shadow: 0 0 2px #323232!important
-}
-
-.body-dark .links-item:hover {
-	box-shadow: 0 0 22px #323232!important
-}
-
-.body-dark .comment,
-.body-dark .comment a,
-.body-dark .comment-content p,
-.body-dark .comment-form input,
-.body-dark .comment-form textarea,
-.body-dark .OwO-logo,
-.body-dark .dark-button,
-.body-dark .footer-info,
-.body-dark .footer-info a,
-.body-dark .gotop-button,
-.body-dark .nav,
-.body-dark .nav a,
-.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-form button,
-.body-dark .search-close,
-.body-dark .login,
-.body-dark .login-close,
-.body-darl .login a,
-.body-dark .OwO-bar,
-.body-dark .mobile-menu,
-.body-dark .mobile-menu a,
-.body-dark .mobile-menu-close,
-.body-dark .mobile-menu-footer {
-	color: #fafafa!important
-}
-
-.body-dark .comment-reply a {
-	background: #6e6e6e
-}
-
-.body-dark .comment-form input,
-.body-dark .comment-form textarea,
-.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 .OwO-logo,
-.body-dark .OwO-body,
-.body-dark .mobile-menu-title,
-.body-dark .mobile-menu-footer {
-	border-color: #6e6e6e!important;
-}
-
-.body-dark .dark-cover {
-	background: rgba(10,10,10,.35)
-}
-
-.body-dark .post-content tr:nth-child(odd) {
-	background: #6e6e6e
-}
-
-.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 .nav a:hover,
-.body-dark .nav-mobile-title:hover,
-.mobile-menu-pagelist a:hover {
-	background: #646464
-}
-.body-dark .nav-icon-button {
-	background: rgb(90,90,90)
-}
-.body-dark .post-content hr {
-	background: rgb(120,120,120)
-}
-.body-dark img {
-	filter: brightness(90%);
-}
-.body-dark .post-banner,
-.body-dark iframe {
-	filter: brightness(75%);
-}
-
 .nav {
 	background: rgba(255,255,255,0.96);
 	width: 100%;
@@ -271,15 +126,6 @@ hr {
 	background: rgb(230,230,230);
 	cursor: pointer
 }
-
-.body-dark .nav-icon-button {
-	color: #fff
-}
-
-.body-dark .nav-icon-button:hover,.body-dark .search-close {
-	background: #5a5a5a
-}
-
 .font-sans-serif {
 	font-family: 'Noto Sans SC',sans-serif
 }
@@ -720,11 +566,6 @@ hr {
 	align-items: center;
 	justify-content: center;
 }
-.body-dark .search,
-.body-dark .login,
-.body-dark .mobile-menu {
-	background: rgba(90,90,90,.95)
-}
 .search.ready,
 .login.ready,
 .mobile-menu.ready {
@@ -952,6 +793,7 @@ hr {
 	padding: 3px 8px;
 	padding-top: -3px;
 	border-radius: 4px;
+	min-width: 10px!important;
 }
 .bubble.comment-content:before {
     border-right-color: rgb(238,238,238);
@@ -1032,8 +874,7 @@ hr {
 }
 
 .owo-img {
-	height: 28px;
-	width: 28px;
+	height: 34px;
 	vertical-align: middle;
 	margin: 0 3px;
 }
@@ -1125,19 +966,6 @@ hr {
 	-moz-box-shadow: 1px 1px 5px #bababa;
 	-webkit-box-shadow: 1px 1px 5px #bababa
 }
-
-.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)
-}
-
 .pio-container {
 	display: none
 }
@@ -1396,4 +1224,4 @@ iframe[src*="//player.bilibili.com/player.html"] {
 	.links-container {
 	    padding: 15px;
     }
-}
+}
\ No newline at end of file
diff --git a/assets/css/owo.min.css b/assets/css/owo.min.css
index a719c88..610d9d1 100644
--- a/assets/css/owo.min.css
+++ b/assets/css/owo.min.css
@@ -66,7 +66,7 @@
 .OwO .OwO-body {
 	display: none;
 	position: absolute;
-	width: 400px;
+	width: 300px;
 	background: #fff;
 	z-index: 3;
 	top: 21px;
-- 
cgit v1.2.3