< Template:首页 | episodes
无编辑摘要 |
小 (// Edit via Wikiplus) |
||
(未显示2个用户的22个中间版本) | |||
第1行: | 第1行: | ||
body { |
body { |
||
overflow-x: hidden; |
|||
} |
|||
⚫ | |||
height: 18em; |
|||
} |
} |
||
.latest-item-episode { |
.latest-item-episode { |
||
font-size: .9em; |
|||
} |
} |
||
.latest-item-info { |
.latest-item-info { |
||
padding: .6em; |
|||
white-space: nowrap; |
|||
⚫ | |||
} |
} |
||
.latest-item-info p { |
.latest-item-info p { |
||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
} |
} |
||
.latest-item-more { |
.latest-item-more { |
||
width: 4em; |
|||
height: 4em; |
|||
border-radius: 999px; |
|||
text-align: center; |
|||
} |
|||
⚫ | |||
width: 11em; |
|||
⚫ | |||
⚫ | |||
} |
} |
||
.scroller-item { |
.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:hover { |
.scroller-item:hover { |
||
border-color: var(--color-primary--hover); |
|||
transition: all .2s; |
|||
} |
} |
||
.scroller-item-now { |
.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 { |
|||
width: 4em; |
|||
height: 4em; |
|||
line-height: 4em; |
|||
height: 2em; |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
line-height: 2em; |
|||
font-size: 1.2em; |
|||
background-color: #fff; |
|||
⚫ | |||
user-select: none; |
|||
} |
} |
||
.scroller |
.scroller { |
||
⚫ | |||
⚫ | |||
⚫ | |||
} |
} |
||
⚫ | |||
⚫ | |||
height: 4em; |
|||
line-height: 4em; |
|||
} |
|||
⚫ | |||
.latest-item-click { |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
} |
} |
||
⚫ | |||
.latest-item-click a img { |
|||
height: 18em; |
|||
display: flex; |
|||
flex-wrap: nowrap; |
|||
flex-direction: row; |
|||
⚫ | |||
overflow-x: auto; |
|||
⚫ | |||
overflow-y: hidden; |
|||
margin: .8em; |
|||
⚫ | |||
} |
} |
||
⚫ | |||
.scroller { |
|||
height: 10em; |
|||
⚫ | |||
⚫ | |||
⚫ | |||
} |
} |
||
.scroller-item { |
|||
flex-wrap: wrap; |
|||
display: flex; |
|||
justify-content: left; |
|||
margin: .8em; |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
} |
} |
||
#scroller-next-btn { |
|||
position: absolute; |
|||
top: 45%; |
|||
right: 7px; |
|||
} |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
} |
|||
} |
|||
@media screen and (max-width: 640px){ |
|||
#scroller-last-btn{ |
|||
/*content: '向左划';*/ |
|||
pointer-events: none; |
|||
height: 200px; |
|||
⚫ | |||
top: 27%; |
|||
/*transform: translateY(50%);*/ |
|||
background-color: rgba(255, 255, 255, 0.5); |
|||
⚫ | |||
⚫ | |||
} |
} |
2024年2月18日 (日) 09:01的最新版本
body {
overflow-x: hidden;
}
.latest-item-episode {
font-size: .9em;
}
.latest-item-info {
padding: .6em;
white-space: nowrap;
width: 9em;
}
.latest-item-info p {
overflow: hidden;
text-overflow: ellipsis;
}
.latest-item-more {
width: 4em;
height: 4em;
border-radius: 999px;
text-align: center;
}
.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: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);
}
.latest-item-more-text {
width: 4em;
height: 4em;
line-height: 4em;
}
.scroller {
position: relative;
}
@media screen and (max-width:768px) {
.home-card--col2 {
grid-column: span 4;
}
}
.scroller-container {
height: 18em;
display: flex;
flex-wrap: nowrap;
flex-direction: row;
align-items: center;
overflow-x: auto;
width: 90%;
overflow-y: hidden;
margin: .8em;
margin-left: 5%;
}
.comic-header a img {
height: 10em;
width: 10em;
border-radius: 4px 4px 0 0;
object-fit: cover;
}
.scroller-item {
flex-wrap: wrap;
display: flex;
justify-content: left;
margin: .8em;
width: 10em;
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:hover {
border-color: var(--color-primary--hover);
transition: all .2s;
}