Perf: Details

4 files changed, 79 insertions, 51 deletions

diff --git a/assets/css/main/comment.css b/assets/css/main/comment.css
index e2a66de..a4f0776 100644
--- a/assets/css/main/comment.css
+++ b/assets/css/main/comment.css
@@ -195,46 +195,4 @@
 }

 .owo-para {

 	margin-top: 0;

-}

-/* 说说动态 */

-.saying-form {

-	margin-bottom: 20px;

-}

-.saying-OwO {

-	float: left;

-	margin-left: 0

-}

-.saying-submit {

-	float: right;

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

-	border-radius: 5px;

-	color: white;

-	padding: 10px 20px;

-	border: none;

-	font-size: 15px;

-	cursor: pointer;

-}

-.saying-content p {

-	padding: 10px 20px;

-}

-.saying-content a {

-	color: white;

-}

-.saying-author,

-.saying-meta,

-.saying-author a {

-	position: absolute;

-	color: rgb(250,250,250)!important;

-	font-size: 12px;

-}

-.saying-meta {

-	bottom: 3px;

-	right: 10px;

-}

-.saying-author {

-	top: 3px;

-	left: 20px;

-}

-.saying-meta i {

-	font-size: 12px;

 }
\ No newline at end of file
diff --git a/assets/css/main/component.css b/assets/css/main/component.css
index 90eea7d..7385789 100644
--- a/assets/css/main/component.css
+++ b/assets/css/main/component.css
@@ -33,7 +33,7 @@ button {
 }

 /* Alert */

 .alert {

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

+	background: rgb(100,100,100);

 	color: #fff;

 	border-bottom-left-radius: 4px;

 	border-bottom-right-radius: 4px;

@@ -44,9 +44,9 @@ button {
 	right: 0;

 	width: 100%;

 	margin: 0 auto;

-	box-shadow: 0 0 4px #ccc;

-	-moz-box-shadow: 0 0 4px #ccc;

-	-webkit-box-shadow: 0 0 4px #ccc;

+	box-shadow: 0 0 4px #000;

+	-moz-box-shadow: 0 0 4px #000;

+	-webkit-box-shadow: 0 0 4px #000;

 	z-index: 20;

 	transition: all 0.3s;

 }

diff --git a/assets/css/main/post.css b/assets/css/main/post.css
index fa9ad4d..02aac0d 100644
--- a/assets/css/main/post.css
+++ b/assets/css/main/post.css
@@ -7,7 +7,8 @@
 /* 文章 */

 .post-list,

 .post-body {

-	margin-top: -110px

+	margin-top: -110px;

+	transition: .8s;

 }

 .post-body,.post-item {

 	background: #fff;

@@ -146,6 +147,10 @@
 .post-content p {

 	vertical-align: middle;

 }

+.post-content ul ul,

+.post-content ol ol {

+	margin-top: 0;

+}

 .post-content .owo-img {

 	box-shadow: 0 0 0 #fff;

 	-moz-box-shadow: 0 0 0 #fff;

@@ -154,6 +159,49 @@
 	height: 34px;

 	vertical-align: middle

 }

+/* 加密文章 */

+.post-content .protected {

+	display: flex;

+	align-items: center;

+    justify-content: center;

+}

+

+.post-content .protected .word {

+	display: none;

+}

+

+.post-content .protected .text {

+    border-top-left-radius: 6px;

+	border-bottom-left-radius: 6px;

+	margin-right: -7px;

+}

+

+.post-content .protected .submit {

+	border-top-right-radius: 6px;

+	border-bottom-right-radius: 6px;

+	margin-left: -7xp;

+	background: var(--theme-color);

+	border-color: var(--theme-color)!important;

+	color: #fff;

+	cursor: pointer;

+}

+

+.post-content .protected .submit:hover {

+	opacity: 0.8;

+}

+

+.post-content .protected .submit,

+.post-content .protected .text {

+	border: 1px solid #ccc;

+	padding: 8px 14px;

+	box-shadow: 0 2px 10px #ddd;

+	transition: .3s;

+}

+

+.post-content .protected {

+	margin: 50px 0;

+}

+

 /* >短代码 */

 .tip {

 	border: 1px solid rgb(240,240,240);

diff --git a/assets/css/main/special.css b/assets/css/main/special.css
index 0f0e862..63d519b 100644
--- a/assets/css/main/special.css
+++ b/assets/css/main/special.css
@@ -130,31 +130,45 @@
 .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%;

 }

+/* - For Footer */

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

+	font-size: 14px;

+	line-height: 18px;

+}

+

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

+	font-size: 16px;

+}

+

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

+	font-size: 18px;

+}

+

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

+	font-size: 20px;

+}

+

 /* Footer */

 .footer-info {

 	background: #f0f0f0;

@@ -165,6 +179,7 @@
 	padding: 25px 10px;

 	line-height: 26px;

 	width: 100%;

+	font-size: 12px;

 }

 .footer-dark a {

 	color: #000

@@ -208,4 +223,11 @@ iframe[src*="//player.bilibili.com/player.html"] {
 	display: none;

 	transition: all 0.3s;

 	z-index: 0!important

+}

+/* Animation Helper */

+.fadeout {

+	opacity: 0;

+}

+.fadein {

+	opacity: 1;

 }
\ No newline at end of file