Update index.css

This commit is contained in:
mumuy 2025-10-23 21:35:52 +08:00
parent 8774059123
commit 254a69db66

View File

@ -16,14 +16,14 @@
} }
.mod-poster .bd{ .mod-poster .bd{
padding: 60px 0; padding: 60px 0;
line-height: 24px; line-height: 24px;
} }
.mod-poster .bd h1{ .mod-poster .bd h1{
margin-bottom: 10px; margin-bottom: 10px;
line-height: 48px; line-height: 48px;
font-weight: bold; font-weight: bold;
font-size: 36px; font-size: 36px;
color:var(--title-color); color:var(--title-color);
} }
.mod-poster .bd h1 span.tag{ .mod-poster .bd h1 span.tag{
display: inline-block; display: inline-block;
@ -42,8 +42,8 @@
line-height: 26px; line-height: 26px;
} }
.mod-poster .bd b{ .mod-poster .bd b{
margin: 0 3px; margin: 0 3px;
color: #fd7474; color: #fd7474;
} }
.mod-poster .buttons{ .mod-poster .buttons{
margin-bottom: 20px; margin-bottom: 20px;
@ -74,28 +74,28 @@
vertical-align: middle; vertical-align: middle;
} }
.mod-poster .btn:hover{ .mod-poster .btn:hover{
background: #1b85da; background: #1b85da;
} }
.mod-poster .btn-green{ .mod-poster .btn-green{
background: #4bae4f; background: #4bae4f;
color: #fff; color: #fff;
} }
.mod-poster .btn-green:hover{ .mod-poster .btn-green:hover{
background: #47a04b; background: #47a04b;
} }
.mod-poster .bd .btn-red{ .mod-poster .bd .btn-red{
background: #f56954; background: #f56954;
color: #fff; color: #fff;
} }
.mod-poster .btn-red:hover{ .mod-poster .btn-red:hover{
background: #f4543c;; background: #f4543c;;
} }
.mod-poster .btn-orange{ .mod-poster .btn-orange{
background: #ff9000; background: #ff9000;
color: #fff; color: #fff;
} }
.mod-poster .btn-orange:hover{ .mod-poster .btn-orange:hover{
background: #e18309; background: #e18309;
} }
.mod-panel{ .mod-panel{
@ -222,28 +222,28 @@
border-radius: 4px; border-radius: 4px;
} }
.mod-panel .bd .btn:hover{ .mod-panel .bd .btn:hover{
background: #1b85da; background: #1b85da;
} }
.mod-panel .bd .btn-green{ .mod-panel .bd .btn-green{
background: #4bae4f; background: #4bae4f;
color: #fff; color: #fff;
} }
.mod-panel .bd .btn-green:hover{ .mod-panel .bd .btn-green:hover{
background: #47a04b; background: #47a04b;
} }
.mod-panel .bd .btn-red{ .mod-panel .bd .btn-red{
background: #f56954; background: #f56954;
color: #fff; color: #fff;
} }
.mod-panel .bd .btn-red:hover{ .mod-panel .bd .btn-red:hover{
background: #f4543c;; background: #f4543c;;
} }
.mod-panel .bd .btn-orange{ .mod-panel .bd .btn-orange{
background: #ff9000; background: #ff9000;
color: #fff; color: #fff;
} }
.mod-panel .bd .btn-orange:hover{ .mod-panel .bd .btn-orange:hover{
background: #e18309; background: #e18309;
} }
.mod-panel .bd .btn-small{ .mod-panel .bd .btn-small{
min-width: 36px; min-width: 36px;
@ -251,8 +251,8 @@
cursor: pointer; cursor: pointer;
} }
.mod-panel .bd .btn[disabled]{ .mod-panel .bd .btn[disabled]{
background: #f0f0f0; background: #f0f0f0;
color: #aaa; color: #aaa;
} }
.mod-panel .bd .text-green{ .mod-panel .bd .text-green{
color: #4bae4f; color: #4bae4f;
@ -262,15 +262,15 @@
} }
.mod-panel .bd textarea{ .mod-panel .bd textarea{
display: block; display: block;
width: 100%; width: 100%;
height: 120px; height: 120px;
padding:5px 10px; padding:5px 10px;
background: #fafafa; background: #fafafa;
border: 1px solid #ebebeb; border: 1px solid #ebebeb;
box-sizing: border-box; box-sizing: border-box;
border-radius: 5px; border-radius: 5px;
resize: none; resize: none;
outline: none; outline: none;
} }
.mod-panel .bd label{ .mod-panel .bd label{
white-space: nowrap; white-space: nowrap;
@ -282,18 +282,18 @@
margin-right: 5px; margin-right: 5px;
} }
.mod-panel .suggestion{ .mod-panel .suggestion{
background: #fff; background: #fff;
} }
.mod-panel .suggestion ul{ .mod-panel .suggestion ul{
border:1px solid #ebebeb; border:1px solid #ebebeb;
} }
.mod-panel .suggestion li{ .mod-panel .suggestion li{
padding:0 10px; padding:0 10px;
line-height: 30px; line-height: 30px;
cursor: pointer; cursor: pointer;
} }
.mod-panel .suggestion .active{ .mod-panel .suggestion .active{
background: #ccc; background: #ccc;
} }