< Template:首页 | episodes
无编辑摘要 |
无编辑摘要 |
||
第120行: | 第120行: | ||
} |
} |
||
@media (min-width: 353) and (max-width: 360px){ |
@media (min-width: 353) and (max-width: 360px){ |
||
#scroller-last-btn::after{ |
|||
content: '1'; |
|||
height: 100%; |
height: 100%; |
||
width: 20px; |
width: 20px; |
||
display: block; |
display: block; |
||
background-color: red |
|||
} |
} |
||
} |
} |
2024年2月9日 (五) 12:08的版本
body {
overflow-x: hidden;
}
.scroller-container {
height: 18em;
}
.latest-item-episode {
font-size: .9em;
}
.latest-item-info {
padding: .6em;
white-space: nowrap;
}
.latest-item-info p {
overflow: hidden;
text-overflow: ellipsis;
}
.latest-item-more {
width: 4em;
height: 4em;
border-radius: 999px;
text-align: center;
}
.comic-header img {
width: 11em;
height: 10em;
object-fit: cover;
}
.scroller-item {
flex-wrap: wrap;
display: flex;
margin: .8em;
width: 11em;
height: 200px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.04), 0 3px 6px rgba(0, 0, 0, 0.0575);
border: 1px solid rgba(0, 0, 0, .12);
border-radius: 4px;
transition: all .2s;
}
.scroller-item:nth-child(1) {
margin-left: 5%;
}
.scroller-item:hover {
border-color: var(--color-primary--hover);
transition: all .2s;
}
.scroller-item-now {
border-color: var(--color-primary);
transition: all .2s;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08), 0 5px 8px rgba(0, 0, 0, 0.0975);
}
.scroller-btn {
position: absolute;
display: block;
width: 2em;
height: 2em;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.04), 0 3px 6px rgba(0, 0, 0, 0.0575);
border: 1px solid rgba(0, 0, 0, .12);
border-radius: 99px;
transition: all .2s;
line-height: 2em;
font-size: 1.2em;
background-color: #fff;
text-align: center;
user-select: none;
}
.scroller-btn:hover {
border-color: var(--color-primary--hover);
transition: all .2s;
}
.latest-item-more-text {
width: 4em;
height: 4em;
line-height: 4em;
}
.latest-item-click {
position: absolute;
}
.latest-item-click a img {
width: 11em;
height: 13em;
opacity: 0;
}
.scroller {
position: relative;
}
#scroller-last-btn {
position: absolute;
top: 45%;
left: 7px;
}
#scroller-next-btn {
position: absolute;
top: 45%;
right: 7px;
}
@media screen and (max-width:768px) {
.home-card--col2 {
grid-column: span 4;
}
}
@media (min-width: 353) and (max-width: 360px){
#scroller-last-btn::after{
content: '1';
height: 100%;
width: 20px;
display: block;
}
}