fix(css): 样式调整

This commit is contained in:
BTMuli
2023-04-02 16:36:24 +08:00
parent 68c077326e
commit 7d116c6011
3 changed files with 4 additions and 2 deletions

View File

@@ -0,0 +1,124 @@
/*
* @description 米游社解析 css
* @since Alpha v0.1.1
*/
.mys-post-body {
margin: 20px auto;
width: 800px;
font-family: "Genshin-Light", serif;
}
.mys-post-div {
margin: 20px auto;
}
.mys-post-span {
line-height: 2;
}
.mys-post-link {
color: #00c3ff;
text-decoration: none;
}
.mys-post-details {
border: #35acce 2px solid;
padding: 10px;
border-radius: 10px;
}
.mys-post-details ::marker {
color: #35acce;
content: "✧";
}
.mys-post-divider {
margin: 20px auto;
}
.mys-post-divider img {
width: 800px;
height: auto;
}
.mys-post-img {
max-width: 100%;
width: 800px;
height: auto;
border-radius: 10px;
}
.mys-post-vod {
width: 800px;
height: 450px;
border-radius: 10px;
}
.mys-post-iframe {
width: 800px;
height: 450px;
overflow: hidden;
border: 0;
border-radius: 10px;
}
.mys-post-link-card {
width: 800px;
height: 200px;
padding: 10px;
border-radius: 10px;
display: flex;
background: #faf7e8;
}
.mys-post-unknown {
width: 800px;
background: #5b738f;
color: #faf7e8;
font-family: Consolas, monospace;
border-radius: 10px;
padding: 10px;
margin: 10px auto;
border: 2px solid #485466;
}
.mys-post-link-card-cover {
width: auto;
height: 180px;
border-radius: 10px;
}
.mys-post-link-card-cover img {
max-width: 320px;
width: auto;
height: 180px;
border-radius: 10px;
}
.mys-post-link-card-content {
width: 100%;
padding-left: 20px;
height: 180px;
}
.mys-post-link-card-title {
font-size: 20px;
font-family: Genshin, serif;
color: #546d8b;
height: 150px;
}
.mys-post-link-card-price {
font-size: 20px;
font-weight: bold;
color: #ff6d6d;
display: inline-block;
}
.mys-post-link-card-btn {
display: inline-block;
float: right;
color: #00c3ff;
margin-right: 20px;
text-decoration: none;
}