MediaWiki:Common.css：修订间差异
删除的内容 添加的内容
还原 标签：手工回退 |
1 |
||
第14行：
flex-direction: column;
justify-content: center;
align-items: center;
background: linear-gradient(
color: white;
font-weight: bold;
border-radius: 12px;
padding: 12px 24px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
text-align: center;
}
第26行：
.banner-text {
margin: 0;
line-height: 1.4;
}
.banner .chinese-text {
font-size: 24px;
font-weight: 700;
}
.banner .english-text {
font-size: 16px;
font-weight: 500;
opacity: 0.9;
第68行：
border-radius: 10px;
border: 1px solid #e0e0e0;
-webkit-transition: -webkit-transform 0.3s ease, box-shadow 0.3s ease;
transition: transform 0.3s ease, box-shadow 0.3s ease;
will-change: transform; /* 性能优化 */
backface-visibility: hidden; /* 性能优化 */
}
.content-box:hover {
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
transform: translateY(-5px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.content-box:focus {
outline: 2px solid #0066cc; /* 可访问性改进 */
outline-offset: 2px;
}
第104行 ⟶ 第114行：
.flex-container {
flex-direction: column;
gap: 15px; /* 统一间距 */
}
.flex-container .content-box {
max-width:
margin-bottom: 0; /* 统一使用 gap */
}
第114行 ⟶ 第126行：
.banner .english-text {
text-align: center;
}
font-size: 18px;▼
.banner .chinese-text {
}
第122行 ⟶ 第137行：
}
/*
@media (prefers-reduced-motion: reduce) {
.content-box {
-webkit-transition: none;
transition: none;
}
.content-box:hover {
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
}
/* 全站重定向链接样式 */
.mw-redirect {
color: #008000 !important; /* 使用 hex 颜色值，提高优先级 */
color: green;▼
font-weight: 500;
}
/* 重定向链接悬停效果 */
.mw-redirect:hover {
color: #006400 !important;
text-decoration: underline;
}
/* 导航框样式优化 */
.navbox {
width: 100%;
border-collapse: collapse;
}
.navbox td {
padding: 8px 12px;
border: none;
}
.navbox a {
text-decoration: none;
}
.navbox a:hover {
text-decoration: underline;
}
/* 语言链接样式 */
#p-lang ul {
list-style: none;
padding: 0;
margin: 10px 0;
}
#p-lang li {
display: inline-block;
margin-right: 10px;
}
/* 响应式表格 */
@media (max-width: 480px) {
.navbox {
font-size: 14px;
}
.navbox td {
padding: 6px 8px;
display: block;
width: 100%;
box-sizing: border-box;
}
}
| |||