From 4c7eff848dd38e826787fbd29dd2d8185ba42278 Mon Sep 17 00:00:00 2001
From: Eltrac <45323514+BigCoke233@users.noreply.github.com>
Date: Sat, 20 Jul 2019 12:41:10 +0800
Subject: =?UTF-8?q?=E8=A7=84=E8=8C=83=E4=BB=A3=E7=A0=81=E7=BB=93=E6=9E=84/?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E8=AE=BE=E7=BD=AE=E9=A1=B9/=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E9=83=A8=E5=88=86=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/dark.miracles.css |  5 ++-
 assets/css/miracles.min.css  | 89 ++++++++++++++++++++++++++------------------
 2 files changed, 55 insertions(+), 39 deletions(-)

(limited to 'assets/css')

diff --git a/assets/css/dark.miracles.css b/assets/css/dark.miracles.css
index 9e5b49e..e9071d5 100644
--- a/assets/css/dark.miracles.css
+++ b/assets/css/dark.miracles.css
@@ -61,7 +61,8 @@
 .body-dark .comment-by-author .bubble.comment-content,
 .body-dark .bubble.comment-content,
 .body-dark .comment-author,
-.body-dark .bubble.saying-body {
+.body-dark .bubble.saying-body,
+.body-dark .tags-item a {
 	background: #646464
 }
 /* Need #5a5a5a bg */
@@ -155,7 +156,7 @@
 }
 .body-dark .nav a:hover,
 .body-dark .nav-mobile-title:hover,
-.mobile-menu-pagelist a:hover {
+.body-dark .mobile-menu-pagelist a:hover {
 	background: #646464
 }
 .body-dark .nav-icon-button {
diff --git a/assets/css/miracles.min.css b/assets/css/miracles.min.css
index 32a105e..707f2f9 100644
--- a/assets/css/miracles.min.css
+++ b/assets/css/miracles.min.css
@@ -51,6 +51,49 @@ hr {
 	background-color: var(--theme-color)
 }
 
+/* For Body tag */
+.body-dark {
+	/* For the dark theme
+	 * turn to 'dark.miracles.css' 
+	 */
+}
+.body-gray {
+	/* For the gray theme */
+	filter: grayscale(100%);
+	-webkit-filter: grayscale(100%);
+}
+.body-sans-serif {
+	font-family: 'Noto Sans SC',sans-serif
+}
+.body-serif {
+	font-family: 'Noto Serif SC',serif
+}
+
+/* 组件 */
+/* > 按钮 */
+.button {
+	border: 3px solid #ccc;
+	border-radius: 30px;
+	padding: 8px 12px;
+	transition: all .2s;
+}
+.button:hover {
+	border-color: #000;
+	background: #000;
+	color: #fff
+}
+.button-sm {
+	padding: 3px 5px;
+}
+.button-md {
+	border: none;
+	border-radius: 3px;
+}
+.button-md:hover {
+	background: rgb(235,235,235);
+	color: #fff;
+}
+
 /* 导航栏 */
 .nav {
 	background: rgba(255,255,255,0.96);
@@ -62,7 +105,7 @@ hr {
 	display: table;
 	top: 0;
 	z-index: 10;
-	transition: all .2s
+	transition: all .2s;
 }
 .nav-content {
 	margin: 0;
@@ -127,14 +170,6 @@ hr {
 	background: rgb(230,230,230);
 	cursor: pointer
 }
-/* 字体 Class */
-.font-sans-serif {
-	font-family: 'Noto Sans SC',sans-serif
-}
-
-.font-serif {
-	font-family: 'Noto Serif SC',serif
-}
 /* 首页大图 */
 .index-banner {
 	margin-top: -21px;
@@ -206,17 +241,8 @@ hr {
 	margin-top: 15px
 }
 .post-button {
-	border: 3px solid #ccc;
-	border-radius: 30px;
-	padding: 8px 12px;
-	transition: all .2s;
 	float: right
 }
-.post-button:hover {
-	border-color: #000;
-	background: #000;
-	color: #fff
-}
 .post-footer {
 	color: #c8c8c8;
 	font-size: 14px
@@ -260,10 +286,10 @@ hr {
 	display: block;
 	margin: 20px auto;
 	border-radius: 3px;
-	box-shadow: 0 2px 10px #ccc;
-	-moz-box-shadow: 0 2px 10px #ccc;
-	-webkit-box-shadow: 0 2px 10px #ccc;
-	max-width: 100%
+	box-shadow: 0 4px 20px #ccc;
+	-moz-box-shadow: 0 4px 20px #ccc;
+	-webkit-box-shadow: 0 4px 20px #ccc;
+	max-width: 90%
 }
 .post-content blockquote p {
 	margin: 0
@@ -634,20 +660,8 @@ hr {
 	font-size: 100px;
 	text-shadow: 0 4px 12px #ccc;
 }
-.error-button {
-	padding: 5px 10px;
-	margin: 20px 10px;
-	transition: all .2s;
-	border: 4px solid #ddd;
-	border-radius: 100px;
-}
-.error-button:hover {
-	background: #000;
-	border-color: #000;
-	color: #fff
-}
-/* Buttons */
-/* > 悬浮按钮 */
+
+/* 悬浮按钮 */
 .dark-button,.gotop-button {
 	background: #fdfdfd;
 	font-size: 22px;
@@ -766,6 +780,7 @@ hr {
 .bubble.comment-content {
 	background: rgb(238,238,238);
 	padding: 3px 8px;
+	padding-right: 12px;
 	padding-top: -3px;
 	border-radius: 4px;
 	min-width: 10px!important;
@@ -788,7 +803,7 @@ hr {
 .comment-by-author > .container-fluid > .row > .comment-main > .bubble.comment-content:before {
 	border-right-color: var(--theme-color)
 }
-.comment-by-author .bubble.comment-content .comment-reply a {
+.comment-by-author > .container-fluid > .row > .comment-main > .bubble.comment-content > .comment-reply a {
 	color:#fff!important;
 }
 .comment-reply a {
-- 
cgit v1.2.3