From 4a8952e45c1fa91d53877149ff61dea99b5e39cc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=BF=9B=E5=87=BB=E7=9A=84Creeper?= Date: Wed, 29 Oct 2025 09:32:26 +0800 Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E6=96=B0=E4=B8=8A=E4=BC=A0=E5=81=9C?= =?UTF-8?q?=E6=9B=B4=E7=89=881.0.3=E8=B5=84=E6=96=99?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 重新上传停更版1.0.3资料 Signed-off-by: 进击的Creeper --- website.css | 196 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 196 insertions(+) create mode 100644 website.css diff --git a/website.css b/website.css new file mode 100644 index 0000000..8c107fe --- /dev/null +++ b/website.css @@ -0,0 +1,196 @@ +.homepage{ + align-self:center; + text-align:center; + margin: 10px 625px; + border: 3px solid rgba(210, 204, 235, 0.901); + width: 80px; + height: 25px; + a:link{ + color:white; + text-decoration:none; + } + a:visited{ + color:white; + text-decoration:none; + } + a:hover{ + color:white; + text-decoration:none; + } + a:active{ + color:wheat; + text-decoration:none; + } +} +.flex{ + display:flex; +} +.flex1{ + display:flex; + flex-direction:column; + justify-content: space-between; +} +.grid { + display:grid; + grid-template-rows:4fr 4fr; + grid-template-columns:1fr 1fr; + gap:9px; +} +.grid1 { + display:grid; + grid-template-rows:150px 150px; + grid-template-columns:1fr 4fr; + gap:60px; +} +ul +{ + list-style-type:none; + margin:0; + padding:0; + padding-top:2%; + padding-bottom:2%; + border-radius:10%; +} +li +{ + display:inline; +} +a:link,a:visited +{ + font-weight:bold; + color:#FFFFFF; + background-color:rgba(15, 23, 42, 0.353); + text-align:center; + padding:0.9%; + text-decoration:none; + text-transform:uppercase; + border-radius:20px; + transition:padding 0.2s ease, box-shadow 0.4s ease; +} +a:hover,a:active +{ + box-shadow: -1px -1px 10px 7px rgba(255, 252, 252, 0.168); + padding:1.4%; + +} +.line { + background-color:rgba(18, 27, 50, 0.373); + border-radius:12px; + padding:1%; + box-shadow:-1px -1px 10px 1px rgba(189, 238, 214, 0.168); + text-align:center; + color:#dedede; + font-weight: bold; +} +.rec { + background-color:rgba(26, 66, 72, 0.373); + border-radius:15px; + padding:1%; + box-shadow:-1px -1px 10px 1px rgba(100, 106, 103, 0.168); +} +.over { + background-color:rgba(15, 23, 42, 0.226); + width:83%; + box-shadow: 3px 3px 10px rgba(0,0,0,0.1); + height:auto; + margin:auto auto; + border-radius:20px; + padding-left:1%; + padding-right:1%; + padding-top:1%; +} +.day { + background-color:rgb(59, 151, 176); + width:97%; + height:150px; + border-radius:7px; + margin-left:1%; + box-shadow: 2px 3px 30px rgba(234, 231, 231, 0.1); +} +.line { + background-color:rgb(59, 94, 176); + width:97%; + height:150px; + border-radius:4px; + box-shadow:2px 3px 30px rgba(0, 0, 0, 0.168); +} +.grid2 { + display:grid; + grid-template-rows:150px; + grid-template-columns:3fr 4fr 4fr; + gap:1px; + +} +audio { + width: 74%; /* 宽度为100% */ + height: 50px; /* 高度为50px */ + border-radius: 10px; /* 边框半径为10px */ +} + +/* 设置音频播放进度条的颜色 */ +audio::-webkit-media-controls-progress-bar { + background-color: #000; +} + +/* 定义播放器的背景颜色 */ +.player { + /* background: linear-gradient(to bottom, #304352, #d7d2cc); */ + background-color: rgba(32, 32, 32, 0.2); /* 背景颜色为rgba(238, 238, 238, 0.2) */ +} + +/* 隐藏音频播放器的背景颜色 */ +audio::-webkit-media-controls-enclosure { + background-color: rgba(216, 218, 221, 0.0); +} +.mus{ + background-color:rgb(39, 96, 112); + width:98%; + height:160px; + border-radius:4px; + box-shadow:2px 3px 30px rgba(160, 157, 157, 0.168); +} +.pic { + background-color:rgb(24, 36, 64); + width:99%; + height:350px; + border-radius:4px; + box-shadow:2px 3px 30px rgba(160, 157, 157, 0.168); + background-image:url('./recouce/snow.png'); + background-repeat: no-repeat; + background-size: cover; +} +.grid3 { + display:grid; + grid-template-rows:150px 100px; + grid-template-columns:7fr 4fr; + gap:10px; + +} +.board { + background-color:rgb(24, 36, 64); + width:100%; + height:300px; + border-radius:20px; + box-shadow:2px 3px 30px rgba(0, 0, 0, 0.168); + color:#FFFFFF; + font-weight: bold; + padding:1%; + word-wrap: normal; + transition:padding 0.2s ease, box-shadow 0.4s ease; +} +.board:hover { + box-shadow:2px 3px 30px rgba(0, 0, 0, 0.404); + padding:1.5%; +} +.board-top { + background-color:rgb(73, 119, 228); + width:100%; + height:30px; + border-radius:10px; + box-shadow:2px 3px 30px rgba(0, 0, 0, 0.168); +} +.between { + display:flex; + flex-direction:column; + justify-content: space-between; +} \ No newline at end of file