修复文字卡片标题部分字母下半部分显示不完整、内置两只可调戏的猫咪

1 files changed, 94 insertions, 18 deletions

diff --git a/assets/css/miracles.min.css b/assets/css/miracles.min.css
index d296beb..ad48593 100644
--- a/assets/css/miracles.min.css
+++ b/assets/css/miracles.min.css
@@ -20,6 +20,9 @@ a {
 	text-decoration: none;

 	color: #000

 }

+html {

+	font-size: 16px;

+}

 body,html {

 	padding: 0;

 	margin: 0;

@@ -65,15 +68,25 @@ hr {
 	filter: grayscale(100%);

 	-webkit-filter: grayscale(100%);

 }

-.body-sepia {

-	filter: sepia(35%);

-	-webkit-filter: sepia(35%);

-}

 .body-serif {

 	font-family: 'Noto Serif SC',serif

 }

-.body-noscroll {

-	overflow: hidden;

+/* Html tag class for filter */

+.html-filter-gray {

+	filter: grayscale(100%);

+    -webkit-filter: grayscale(100%);

+    -moz-filter: grayscale(100%);

+    -ms-filter: grayscale(100%);

+    -o-filter: grayscale(100%);

+    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

+}

+.html-filter-sepia {

+	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);

 }

 

 /* 组件 */

@@ -235,6 +248,7 @@ hr {
 	margin-top: 30px;

 	transition: color .2s;

 	overflow: hidden;

+	height: 36px;

 	white-space: nowrap;

 	text-overflow: ellipsis

 }

@@ -442,6 +456,37 @@ hr {
 	text-overflow: ellipsis;

 	font-size: 25px

 }

+/* > 文章字体大小 */

+.body-contentsize-small .post-content,

+.body-contentsize-small .comment-content p,

+.body-contentsize-small .banner-content,

+.body-contentsize-small .footer-info,

+.body-contentsize-small .nav-content {

+	font-size: 100%;

+}

+.body-contentsize-normal .post-content,

+.body-contentsize-normal .comment-content p,

+.body-contentsize-normal .banner-content,

+.body-contentsize-normal .footer-info,

+.body-contentsize-normal .nav-content {

+	font-size: 125%;

+}

+.body-contentsize-big .post-content,

+.body-contentsize-big .comment-content p,

+.body-contentsize-big .banner-content,

+.body-contentsize-big .footer-info,

+.body-contentsize-big .nav-content {

+	font-size: 140%;

+}

+.body-contentsize-large .post-content,

+.body-contentsize-large .comment-content p,

+.body-contentsize-large .banner-content,

+.body-contentsize-large .footer-info,

+.body-contentsize-large .nav-content {

+	font-size: 160%;

+}

+

+

 /* 标签云 */

 .tags-list {

 	margin-left: -30px

@@ -674,8 +719,8 @@ hr {
 .fixed-button {

 	background: #fdfdfd;

 	font-size: 16px;

-	height: 60px;

-	width: 60px;

+	height: 40px;

+	width: 40px;

 	display: flex;

 	justify-content:center;

 	align-items:center;

@@ -711,7 +756,7 @@ hr {
 	margin-top: 130px!important;

 	padding: 25px 10px;

 	line-height: 26px;

-	width: 100%

+	width: 100%;

 }

 .footer-dark a {

 	color: #000

@@ -993,15 +1038,15 @@ hr {
 /* Options Pannel */

 .options {

 	transition: all 0.3s;

-	background: #fff;

+	background: rgb(254,254,254,0.96);

 	border-radius: 2px;

 	box-shadow: 0 1px 8px #bababa;

 	-moz-box-shadow: 0 1px 8px #bababa;

 	-webkit-box-shadow: 0 1px 8px #bababa;

 	position: fixed;

-	top: 90px;

-	right: 10px;

-	left: 10px;

+	top: 50px;

+	right: 0;

+	left: 0;

 	z-index: 20;

 	width: 100%;

 }

@@ -1024,11 +1069,12 @@ hr {
 .options-family {

 	text-align: center;

 }

-.options-family button {

+.options-family button,

+.options-contentsize-button {

 	display: block;

 	width: 100%;

 	border: none;

-	background: #fff;

+	background: rgb(254,254,254,0);

 	font-size: 20px;

 	padding: 8px 0;

 	transition: all 0.3s;

@@ -1036,10 +1082,13 @@ hr {
 	cursor: pointer;

 	border-radius: 3px;

 }

+.options-contentsize-button {

+	font-size: 14px;

+}

 .options-family button:hover {

-	background: rgb(242,242,242);

+	background: rgb(244,244,244,0.96);

 }

-.options-family-button.options-button-active {

+.options-button-active {

 	color: #fff;

 	background: var(--theme-color)!important;

 }

@@ -1099,6 +1148,10 @@ iframe[src*="//player.bilibili.com/player.html"] {
 	height: 150px;

 	position: relative

 }

+/* Live2D */

+#live2dcanvas {

+	display: none;

+}

 /* 响应式相关 */

 .large-screen {

 	display: none

@@ -1108,9 +1161,25 @@ iframe[src*="//player.bilibili.com/player.html"] {
 }

 /* > Pad and up */

 @media (min-width:768px) {

+	.fixed-button {

+		height: 60px;

+		width: 60px;

+	}

+	

 	.options {

-	    width: 400px!important;

+	    width: 300px!important;

 		left: auto!important;

+		top: 90px;

+		right: 10px;

+    }

+

+    .options:before {

+    	border-right: 8px solid transparent;

+        border-top: 16px solid rgb(254,254,254,0.96);

+        border-left: 8px solid transparent;

+        position: absolute;

+        top: 80px;

+        right: 40px;

     }

 

 	.comment-content p {

@@ -1275,6 +1344,10 @@ iframe[src*="//player.bilibili.com/player.html"] {
 	.links-container {

 	    padding: 12px;

     }

+	#live2dcanvas {

+		display: block;

+		transform: scale(0.8);

+	}

 }

 /* Computer screen and up */

 @media (min-width:1200px) {

@@ -1358,4 +1431,7 @@ iframe[src*="//player.bilibili.com/player.html"] {
 	.links-container {

 	    padding: 15px;

     }

+	#live2dcanvas {

+		transform: scale(1);

+	}

 }
\ No newline at end of file