90 lines
2.0 KiB
CSS
90 lines
2.0 KiB
CSS
|
.body {
|
||
|
|
filter:blur(0.5px) contrast(2.3) grayscale(0.4) saturate(2);
|
||
|
|
background-color:rgb(19, 19, 19);
|
||
|
|
color:aliceblue;
|
||
|
|
text-align:center;
|
||
|
|
height:100vh;
|
||
|
|
}
|
||
|
|
ul
|
||
|
|
{
|
||
|
|
margin-top:40%;
|
||
|
|
margin-left:10%;
|
||
|
|
display:flex;
|
||
|
|
flex-direction:column;
|
||
|
|
gap:40px;
|
||
|
|
list-style-type:none;
|
||
|
|
padding:0;
|
||
|
|
background-color:rgba(78, 78, 78, 0);
|
||
|
|
}
|
||
|
|
li
|
||
|
|
{
|
||
|
|
display:flex;
|
||
|
|
}
|
||
|
|
a:link,a:visited
|
||
|
|
{
|
||
|
|
line-height: 65px;
|
||
|
|
font-weight:bold;
|
||
|
|
color:#FFFFFF;
|
||
|
|
background-color:rgba(89, 88, 88, 0.185);
|
||
|
|
text-align:center;
|
||
|
|
height:auto;
|
||
|
|
width:250px;
|
||
|
|
text-decoration:none;
|
||
|
|
text-transform:uppercase;
|
||
|
|
border-radius:1px;
|
||
|
|
font-size:25px;
|
||
|
|
transition:padding 0.2s ease, box-shadow 0.4s ease;
|
||
|
|
}
|
||
|
|
a:hover,a:active
|
||
|
|
{
|
||
|
|
background-color:rgba(49, 48, 48, 0.185);
|
||
|
|
box-shadow: -1px -1px 10px 7px rgba(255, 252, 252, 0.168);
|
||
|
|
padding:1.4%;
|
||
|
|
}
|
||
|
|
.book {
|
||
|
|
background-color:rgba(255, 252, 252, 0.168);
|
||
|
|
height:1350px;
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
.book3 {
|
||
|
|
background-color:rgba(255, 252, 252, 0.168);
|
||
|
|
height:850px;
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
.book2 {
|
||
|
|
background-color:rgba(255, 252, 252, 0.168);
|
||
|
|
height:2350px;
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
.grid2 {
|
||
|
|
display:grid;
|
||
|
|
grid-template-rows:709px;
|
||
|
|
grid-template-columns:1fr 3fr;
|
||
|
|
gap:1px;
|
||
|
|
}
|
||
|
|
.box {
|
||
|
|
background-color:rgba(255, 252, 252, 0.168);
|
||
|
|
height:710px;
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
audio {
|
||
|
|
width: 74%; /* 宽度为100% */
|
||
|
|
height: 50px; /* 高度为50px */
|
||
|
|
border-radius: 10px; /* 边框半径为10px */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 设置音频播放进度条的颜色 */
|
||
|
|
audio::-webkit-media-controls-progress-bar {
|
||
|
|
background-color: rgba(149, 148, 148, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 定义播放器的背景颜色 */
|
||
|
|
.player {
|
||
|
|
/* background: linear-gradient(to bottom, #304352, #d7d2cc); */
|
||
|
|
background-color: rgba(120, 119, 119, 0.2); /* 背景颜色为rgba(238, 238, 238, 0.2) */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 隐藏音频播放器的背景颜色 */
|
||
|
|
audio::-webkit-media-controls-enclosure {
|
||
|
|
background-color: rgba(120, 119, 119, 0.2);
|
||
|
|
}
|