From 6bd243b6f91b2223617a3bc5f2f578336ca37c70 Mon Sep 17 00:00:00 2001
From: BigCoke233 <hi@guhub.cn>
Date: Sat, 11 Apr 2020 17:12:09 +0800
Subject: =?UTF-8?q?:apple:=20Fix:=20=E4=BF=AE=E5=A4=8D=E6=97=A0=E6=B3=95?=
 =?UTF-8?q?=E5=A4=87=E4=BB=BD=EF=BC=8C=E4=BC=98=E5=8C=96=E5=90=8E=E5=8F=B0?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/setting.miracles.css | 75 +++++++++++++++++++++++------------------
 1 file changed, 43 insertions(+), 32 deletions(-)

(limited to 'assets/css/setting.miracles.css')

diff --git a/assets/css/setting.miracles.css b/assets/css/setting.miracles.css
index e2bf856..e89430d 100644
--- a/assets/css/setting.miracles.css
+++ b/assets/css/setting.miracles.css
@@ -55,24 +55,47 @@ hr {
 	transform-origin: bottom left;
 }
 
-.miracles-backup-alert {
-	position: fixed;
-	top: 0;
-	right: 0;
-	left: 0;
-	padding: 15px 0;
-	background: #4d90fe;
+.tongzhi {
+	bottom: 0;
+	left: 50%;
+    transform: translate(-50%, 0px);
+    z-index: 10;
+    padding: 1em;
+    position: fixed;
+	color: #fff;
+    background: rgba(50,50,50,.95);
+    border-radius: 2px;
+    margin: 0 auto 1em auto;
+    box-shadow: 0 2px 6px gray;
+    transition: .2s;
+	-webkit-animation: slideDown 0.2s ease forwards;
+	animation: slideDown 0.3s ease forwards;
+	max-width: 520px;
 	text-align: center;
-	transition: all .2s;
+	font-size: 1.06em
 }
 
-.miracles-backup-alert,.miracles-backup-alert a {
-	color: #fff;
+@-webkit-keyframes slideDown {
+    0%{
+        bottom: -100px;
+    }
+    25%{
+        bottom: -50px;
+    }
+    50%{
+        bottom: 0;
+    }
+    100%{
+        bottom: 50px;
+    }
 }
 
-.miracles-backup-button {
+.miracles-backup-div {
 	margin: 15px 0;
-	margin-bottom: 0;
+	margin-bottom: 0
+}
+
+.miracles-backup-button {
 	padding: 6px 10px;
 	border: none;
 	border-radius: 2px;
@@ -81,8 +104,7 @@ hr {
 	-moz-box-shadow: 0 1px 1px #000;
 	box-shadow: 0 1px 1px #000;
 	color: #fff;
-}[action="?MiraclesBackup"] {
-	margin-top: -10px;
+	cursor: pointer;
 }
 
 .miracles-para-attention {
@@ -92,14 +114,6 @@ hr {
 	color: #fff;
 }
 
-iframe.miracles-news {
-	margin: 0 -8px;
-	margin-top: -5px;
-	width: 100%;
-	height: 60px;
-	border: none;
-}
-
 ::-webkit-scrollbar {
 	width: 6px;
 	height: 5px;
@@ -160,17 +174,14 @@ iframe.miracles-news {
 }
 
 .typecho-option .btn {
-	width: 100%;
-	display: block;
-	height: 50px;
-	background: #000;
-	text-align: center;
-	font-size: 18px;
 	position: fixed;
-	bottom: 0;
-	left: 0;
-	right: 0;
-	border-radius: 0;
+	bottom: 15px;
+	right: 15px;
+	border-radius: 4px;
+	background: #000;
+	box-shadow: 0 0 6px #bababa;
+	padding: 8px 14px;
+	font-size: 1.1em
 }
 
 .wmd-button-row {
-- 
cgit v1.2.3