From 1718bd7eda230ecc5f26fa75938c712c0ea38ad4 Mon Sep 17 00:00:00 2001
From: Eltrac <45323514+BigCoke233@users.noreply.github.com>
Date: Thu, 25 Jul 2019 18:25:55 +0800
Subject: Add files via upload

---
 assets/css/dark.miracles.css | 34 +++++++++++++++---
 assets/css/miracles.min.css  | 83 ++++++++++++++++++++++++++++++++++++++++----
 2 files changed, 105 insertions(+), 12 deletions(-)

(limited to 'assets/css')

diff --git a/assets/css/dark.miracles.css b/assets/css/dark.miracles.css
index bb72243..1b69804 100644
--- a/assets/css/dark.miracles.css
+++ b/assets/css/dark.miracles.css
@@ -35,6 +35,12 @@
 .body-dark .comment-reply a {
 	background: transparent
 }
+/* No Shadow */
+.body-dark .options {
+	box-shadow: 0 0 0 #fff;
+	-moz-box-shadow: 0 0 0 #fff;
+	-webkit-box-shadow: 0 0 0 #fff;
+}
 /* Need Shadow */
 .body-dark .dark-button,
 .body-dark .post-body,
@@ -44,7 +50,8 @@
 .body-dark .OwO-body,
 .body-dark .OwO-open .OwO-logo,
 .body-dark .OwO .OwO-body .OwO-items .OwO-item:hover,
-.body-dark .options {
+.body-dark .options,
+.body-dark .comment-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
@@ -65,7 +72,11 @@
 .body-dark .comment-author,
 .body-dark .bubble.saying-body,
 .body-dark .tags-item a,
-.body-dark .options-button-active {
+.body-dark .options-button-active,
+.body-dark .drawer-footer,
+.body-dark .drawer-search,
+.body-dark .drawer-content a:hover,
+.body-dark .comment-pagenav a {
 	background: #646464!important;
 }
 /* Need #5a5a5a bg */
@@ -88,7 +99,11 @@
 .body-dark .dialog,
 .body-dark .options,
 .body-dark .options-theme-label,
-.body-dark .options-family-button {
+.body-dark .options-family-button,
+.body-dark .drawer,
+.body-dark .drawer-icon,
+.body-dark .drawer-search-form input,
+.body-dark .drawer-search-form button {
 	background: #5a5a5a!important
 }
 /* OwO */
@@ -126,7 +141,13 @@
 .body-dark .mobile-menu-footer,
 .body-dark .options-family-button,
 .body-dark .options-theme-item:hover .options-theme-label,
-.body-dark .options-contentsize-button {
+.body-dark .options-contentsize-button,
+.body-dark .drawer,
+.body-dark .drawer a,
+.body-dark .drawer-open .drawer-button,
+.body-dark .drawer-icon,
+.body-dark .drawer-search-form button,
+.body-dark .drawer-search-form input {
 	color: #fafafa!important
 }
 /* Need #5a5a5a color */
@@ -146,7 +167,10 @@
 .body-dark .mobile-menu-title,
 .body-dark .mobile-menu-footer,
 .body-dark .saying-textarea,
-.body-dark .options hr{
+.body-dark .options hr, 
+.body-dark .drawer,
+.body-dark .drawer-search-form button,
+.body-dark .drawer-search-form input {
 	border-color: #6e6e6e!important;
 }
 .body-dark .tip {
diff --git a/assets/css/miracles.min.css b/assets/css/miracles.min.css
index 08420f6..1025722 100644
--- a/assets/css/miracles.min.css
+++ b/assets/css/miracles.min.css
@@ -83,15 +83,19 @@ hr {
 }
 .html-filter-sepia {
 	filter: sepia(30%);
-    -webkit-filter: sepia(30%);;
-    -moz-filter: sepia(30%);;
-    -ms-filter: sepia(30%);;
-    -o-filter: sepia(30%);;
+    -webkit-filter: sepia(30%);
+    -moz-filter: sepia(30%);
+    -ms-filter: sepia(30%);
+    -o-filter: sepia(30%);
     filter:progid:DXImageTransform.Microsoft.BasicImage(sepia=0.30);
 }
 
 /* 组件 */
 /* > 按钮 */
+button {
+	outline: none;
+	cursor: pointer
+}
 .button {
 	border: 3px solid #ccc;
 	border-radius: 30px;
@@ -114,6 +118,36 @@ hr {
 	background: rgb(235,235,235);
 	color: #fff;
 }
+/* > Alert */
+.alert {
+	background: rgb(80,80,80);
+	color: #fff;
+	border-bottom-left-radius: 4px;
+	border-bottom-right-radius: 4px;
+	padding: 10px 18px;
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	width: 100%;
+	margin: 0 auto;
+	box-shadow: 0 0 4px #000;
+	-moz-box-shadow: 0 0 4px #000;
+	-webkit-box-shadow: 0 0 4px #000;
+	z-index: 40;
+	transition: all 0.3s;
+}
+.alert.ready {
+	top: -200px;
+}
+.alert-close {
+	border: none;
+	background: rgb(0,0,0,0);
+	transform: scale(0.8);
+	color: #fff;
+	float: right;
+	margin-top: -36px;
+}
 
 /* Large Mask */
 .mask {
@@ -124,7 +158,7 @@ hr {
 	right: 0;
 	background: rgb(70,70,70,0);
 	z-index: -100;
-	transition: all 0.4s;
+	transition: background 0.4s;
 }
 .mask-open {
 	background: rgb(70,70,70,0.7);
@@ -272,7 +306,7 @@ hr {
 	color: rgb(80,80,80);
 	text-shadow: 0 0 0 #fff;
 }
-.drawer-open #live2dcanvas {
+#live2dcanvas {
 	z-index: 0!important;
 }
 
@@ -343,7 +377,10 @@ hr {
 .index-banner {
 	margin-top: -21px;
 	width: 100%;
-	text-align: center
+	text-align: center;
+	background-size: cover;
+    background-repeat: no-repeat;
+    background-position: 50% 50%;
 }
 .dark-cover,
 .banner-mask {
@@ -632,6 +669,34 @@ hr {
 	font-size: 160%;
 }
 
+/* 关于页面 */
+.about-avatar img {
+	margin: 0 auto;
+	display: block;
+	padding: 2px;
+	border: 3px solid #ddd;
+	border-radius: 100%;
+	height: 200px;
+	width: 200px;
+}
+.about-name {
+	text-align: center;
+	font-size: 35px;
+	margin: 20px 0;
+	margin-bottom: 0;
+}
+.about-social {
+	text-align: center;
+	margin-top: 15px;
+}
+.about-social a {
+	transform: scale(1.2);
+	border-radius: 100%;
+	padding: 5px 10px;
+}
+.about-social a:hover {
+	background: rgb(246,246,246);
+}
 
 /* 标签云 */
 .tags-list {
@@ -1316,6 +1381,10 @@ iframe[src*="//player.bilibili.com/player.html"] {
 }
 /* > Pad and up */
 @media (min-width:768px) {
+	.alert {
+		min-width: 300px;
+	    max-width: 700px
+	}
 	.drawer-avatar img {
 		height: 220px;
 		width: 220px;
-- 
cgit v1.2.3