:lock: Add: 为密码保护文章的表单添加样式

1 files changed, 35 insertions, 5 deletions

diff --git a/assets/matcha/matcha.post.css b/assets/matcha/matcha.post.css
index 56a063c..9b2e599 100644
--- a/assets/matcha/matcha.post.css
+++ b/assets/matcha/matcha.post.css
@@ -278,11 +278,6 @@
 	font-size: 1em;
 }
 
-/* 密码保护 */
-.protected .text {
-	width: 50%;
-}
-
 /* 文章目录 */
 .tocbar {
 	position: fixed;
@@ -614,6 +609,41 @@ h3.comment-closed.fade {
 	}
 }
 
+/* 密码保护 */
+
+.protected {
+	max-width: 400px;
+	margin: 0 auto;
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	justify-content: space-around;
+}
+
+.protected .word {
+	display: none
+}
+
+.protected input {
+	border: 2px solid var(--light-gray-bg);
+	box-sizing: border-box;
+	padding: .4em .8em;
+	border-radius: 3px
+}
+
+.protected input[type="submit"] {
+	background: var(--theme-color);
+	color: #fff;
+	border: 2px solid var(--theme-color);
+	cursor: pointer
+}
+
+.post-atmain .protected {
+	justify-content: flex-start;
+	width: auto;
+	margin: 0
+}
+
 /* 其他 */
 
 .external-icon {