Aurora Lemon(讨论 | 贡献) (创建页面,内容为“→搜索: .mw-parser-output .home-header__search { max-width: 600px; padding: 0.6rem 0.8rem; margin: 0.8rem auto 0 auto; background: var(--color-surface-1); border-radius: 100px; box-shadow: var(--box-shadow-card); color: var(--color-base--subtle); font-size: 0.875rem; flex-direction: row; text-align: center; } →统计信息: .home-stats { flex-grow: 1; line-height: 1; } .home-stats__value {…”) |
Aurora Lemon(讨论 | 贡献) 小无编辑摘要 |
||
(未显示同一用户的17个中间版本) | |||
第1行: | 第1行: | ||
.home-header { | |||
padding-bottom: 30px; | |||
} | |||
.home-header__search { | |||
max-width: 600px; | |||
padding: 0.6rem 0.8rem; | |||
margin: 0.8rem auto 0 auto; | |||
background: var(--color-surface-1); | |||
border-radius: 100px; | |||
box-shadow: var(--box-shadow-card); | |||
color: var(--color-base--subtle); | |||
} | font-size: 0.875rem; | ||
flex-direction: row; | |||
text-align: center; | |||
} | |||
.home-stats { | |||
flex-grow: 1; | |||
line-height: 1; | |||
} | |||
.home-stats__value { | |||
font-size: 1.5rem; | |||
font-weight: 600; | |||
} | |||
.home-stats__unit { | |||
margin-top: 0.2rem; | |||
color: var( --color-base--subtle ); | |||
font-size: 0.8125rem; | |||
} | |||
.home-footer { | |||
font-size: 0.8125rem; | |||
font-family: monospace; | |||
text-align: center; | |||
} | |||
.home-card__navimgtext { | |||
pointer-events: none; | |||
height: 100%; | |||
width: 100%; | |||
display: flex; | |||
align-items: center; | |||
padding: 0 15px; | |||
color: #fff; | |||
font-weight: 500; | |||
} | |||
.home-card__flex { | |||
display: flex; | |||
justify-content: space-between; | |||
flex-direction: column; | |||
} | |||
.home-card__posterimg { | |||
padding: 10px; | |||
} | |||
.home-card__postertext { | |||
bottom: 0px; | |||
margin: 0; | |||
padding-left: 15px; | |||
} | |||
.animate { | |||
display: inline-block; | |||
padding: 0 5px; | |||
vertical-align: 3px; | |||
font-size: 20px; | |||
font-weight: normal; | |||
} | |||
.animate.on { | |||
animation: fade 1.5s infinite forwards; | |||
} | |||
@keyframes fade { | |||
from { | |||
opacity: 0; | |||
} | } | ||
to { | |||
opacity: 1; | |||
} | } | ||
} | |||
#adm-list div a img, | |||
#friend-server p img, | |||
#friend-link p img, | |||
#friend-link div img, | |||
#friend-server div img { | |||
border-radius: 50%; | |||
} | |||
.info-box-container li { | |||
margin-right: 7px; | |||
list-style: none; | |||
} | |||
.info-box-container li:last-child { | |||
margin-right: 0; | |||
} | |||
.info-box-container ul { | |||
display: flex; | |||
gap: 3px; | |||
flex-wrap: wrap; | |||
margin: 0; | |||
} | |||
.header-title { | |||
text-align: center; | |||
display: block; | |||
font-size: 30px; | |||
font-family: 'Minecraft AE'; | |||
} | |||
.header-subtitle { | |||
text-align: center; | |||
} | |||
2023年8月14日 (一) 02:20的最新版本
.home-header {
padding-bottom: 30px;
}
.home-header__search {
max-width: 600px;
padding: 0.6rem 0.8rem;
margin: 0.8rem auto 0 auto;
background: var(--color-surface-1);
border-radius: 100px;
box-shadow: var(--box-shadow-card);
color: var(--color-base--subtle);
font-size: 0.875rem;
flex-direction: row;
text-align: center;
}
.home-stats {
flex-grow: 1;
line-height: 1;
}
.home-stats__value {
font-size: 1.5rem;
font-weight: 600;
}
.home-stats__unit {
margin-top: 0.2rem;
color: var( --color-base--subtle );
font-size: 0.8125rem;
}
.home-footer {
font-size: 0.8125rem;
font-family: monospace;
text-align: center;
}
.home-card__navimgtext {
pointer-events: none;
height: 100%;
width: 100%;
display: flex;
align-items: center;
padding: 0 15px;
color: #fff;
font-weight: 500;
}
.home-card__flex {
display: flex;
justify-content: space-between;
flex-direction: column;
}
.home-card__posterimg {
padding: 10px;
}
.home-card__postertext {
bottom: 0px;
margin: 0;
padding-left: 15px;
}
.animate {
display: inline-block;
padding: 0 5px;
vertical-align: 3px;
font-size: 20px;
font-weight: normal;
}
.animate.on {
animation: fade 1.5s infinite forwards;
}
@keyframes fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
#adm-list div a img,
#friend-server p img,
#friend-link p img,
#friend-link div img,
#friend-server div img {
border-radius: 50%;
}
.info-box-container li {
margin-right: 7px;
list-style: none;
}
.info-box-container li:last-child {
margin-right: 0;
}
.info-box-container ul {
display: flex;
gap: 3px;
flex-wrap: wrap;
margin: 0;
}
.header-title {
text-align: center;
display: block;
font-size: 30px;
font-family: 'Minecraft AE';
}
.header-subtitle {
text-align: center;
}