(清空全部内容) 标签:清空 手工回退 |
无编辑摘要 标签:已被回退 |
||
第1行: | 第1行: | ||
ul.ActivityBannerSwitcher { |
|||
margin: 0; |
|||
padding: 0; |
|||
list-style: none !important; |
|||
} |
|||
.ActivityBannerContainer { |
|||
position: relative; |
|||
width: 500px; |
|||
height: 300px; |
|||
overflow: hidden; |
|||
visibility: hidden; |
|||
border-radius: 0.2em; |
|||
} |
|||
.ActivityBannerContainer.loaded { |
|||
visibility: visible; |
|||
border-radius: 0.2em; |
|||
} |
|||
.ActivityBannerImages { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
height: 300px; |
|||
display: flex; |
|||
transition: left ease-in-out .5s; |
|||
} |
|||
.ActivityBannerImages>div { |
|||
width: 500px; |
|||
height: 300px; |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
border-radius: 0.2em; |
|||
} |
|||
.ActivityBannerSwitcher { |
|||
position: absolute; |
|||
width: 100%; |
|||
bottom: 0; |
|||
display: flex; |
|||
justify-content: center; |
|||
} |
|||
.ActivityBannerSwitcherItem { |
|||
width: 20px; |
|||
height: 20px; |
|||
border-radius: 20px; |
|||
background-color: #fff; |
|||
margin: 10px 10px; |
|||
cursor: pointer; |
|||
} |
|||
.ActivityBannerSwitcher>.ActivityBannerHoverable { |
|||
background-color: #6D9EF0; |
|||
} |
|||
.ActivityBannerArrow { |
|||
position: absolute; |
|||
top: calc(50% - 24px); |
|||
margin: 0 3px; |
|||
color: #fff; |
|||
font-weight: 900; |
|||
font-size: 30px; |
|||
cursor: pointer; |
|||
border-radius: 1000px; |
|||
user-select: none; |
|||
background-color: rgba(0, 0, 0, 0); |
|||
transition: background-color ease-in-out .2s; |
|||
} |
|||
.ActivityBannerArrow.left { |
|||
left: 0; |
|||
} |
|||
.ActivityBannerArrow.right { |
|||
right: 0; |
|||
} |
|||
.ActivityBannerContainer:hover .ActivityBannerArrow { |
|||
background-color: rgba(0, 0, 0, .3); |
|||
} |
2023年8月3日 (四) 20:16的版本
ul.ActivityBannerSwitcher {
margin: 0;
padding: 0;
list-style: none !important;
}
.ActivityBannerContainer {
position: relative;
width: 500px;
height: 300px;
overflow: hidden;
visibility: hidden;
border-radius: 0.2em;
}
.ActivityBannerContainer.loaded {
visibility: visible;
border-radius: 0.2em;
}
.ActivityBannerImages {
position: absolute;
top: 0;
left: 0;
height: 300px;
display: flex;
transition: left ease-in-out .5s;
}
.ActivityBannerImages>div {
width: 500px;
height: 300px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0.2em;
}
.ActivityBannerSwitcher {
position: absolute;
width: 100%;
bottom: 0;
display: flex;
justify-content: center;
}
.ActivityBannerSwitcherItem {
width: 20px;
height: 20px;
border-radius: 20px;
background-color: #fff;
margin: 10px 10px;
cursor: pointer;
}
.ActivityBannerSwitcher>.ActivityBannerHoverable {
background-color: #6D9EF0;
}
.ActivityBannerArrow {
position: absolute;
top: calc(50% - 24px);
margin: 0 3px;
color: #fff;
font-weight: 900;
font-size: 30px;
cursor: pointer;
border-radius: 1000px;
user-select: none;
background-color: rgba(0, 0, 0, 0);
transition: background-color ease-in-out .2s;
}
.ActivityBannerArrow.left {
left: 0;
}
.ActivityBannerArrow.right {
right: 0;
}
.ActivityBannerContainer:hover .ActivityBannerArrow {
background-color: rgba(0, 0, 0, .3);
}