2025年8月5日 (二) 05:28 ChineseDolphin

2025-08-05T05:28:30Z

新页面

/**
* From User:甜的白萝卜/Sandbox_2/styles.css @ [[Special:固定链接/6817477]]
*/
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);
}
/* [[分类:在模板名字空间下的CSS页面]] */

模板:ActivityBanner/styles.css - 版本历史

2025年8月5日 (二) 05:28 ChineseDolphin