陋室

MediaWiki:Common.css：修订间差异

以互动方式浏览历史
←上一编辑下一编辑→

XP-jia​（留言 | 贡献）

3个用户组
1,055次编辑
删除的内容 添加的内容
XP-jia​（留言 | 贡献）
行政员、​界面管理员、​管理员
1,055次编辑
小 测试
XP-jia​（留言 | 贡献）
行政员、​界面管理员、​管理员
1,055次编辑
小 测试
第8行：
}
 
/* 横幅标语样式 */
.banner {
height: 100pxauto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; /* 居中对齐 */
color: red;
background: linear-gradient(to right, #b30000, #cc3300); /* 渐变背景 */
color: white; /* 白色字体，提升对比度 */
font-weight: bold;
border-radius: 10px12px; /* 圆角优化 */
padding: 012px 20px24px; /* 增加上下 padding */
box-shadow: 0 4px 8px12px rgba(0, 0, 0, 0.115); /* 更柔和的阴影 */
text-align: leftcenter;▼
}
 
.banner-text {
margin: 0;
line-height: 1.24; /* 让文本更易读 */
}
 
.banner .chinese-text {
font-size: 24px; /* 默认大小 */
▲ text-align: left;
font-sizeweight: 24px700;
}
 
.banner .english-text {
font-size: 16px; /* 默认大小 */
text-align: right;
font-sizeweight: 16px500;
opacity: 0.9;
}
 
/* 当屏幕宽度大于 768px（如平板和大屏幕设备） */
@media screen and (min-width: 768px) {
.banner .chinese-text {
font-size: 28px;
}
 
.banner .english-text {
font-size: 18px;
}
}
 
/* 当屏幕宽度小于 480px（如手机设备） */
@media screen and (max-width: 480px) {
.banner .chinese-text {
font-size: 20px;
}
 
.banner .english-text {
font-size: 14px;
}
}
 
取自“https://xn--k7y073b.xn--6qqs2j68e.xn--fiqs8s/wiki/MediaWiki:Common.css”