MediaWiki:Common.css:修订间差异
外观
| 第1行: | 第1行: | ||
/* 这里放置的CSS将应用于所有皮肤 */ | /* 这里放置的CSS将应用于所有皮肤 */ | ||
/* 自定义底部按钮栏容器 - 套用你提供的 page-options-bottom 风格 */ | |||
#custom-wiki-bottom-bar { | |||
display: flex; | |||
flex-wrap: wrap; | |||
grid-gap: 0.25rem; | |||
gap: 0.25rem; /* 兼容旧浏览器 */ | |||
margin: 2.5rem 1rem 1rem; /* 上边距保留,避免和内容紧贴 */ | |||
padding: 0; | |||
} | |||
/* 自定义底部按钮 - 套用你提供的风格 */ | |||
#custom-wiki-bottom-bar > a { | |||
flex: 2 0 auto; | |||
color: rgba(var(--page-option-text-color, 32, 33, 34), 1); /* 回退默认深灰 */ | |||
background: rgba(var(--page-option-background-color, 248, 249, 250), 1); /* 回退默认浅灰 */ | |||
transition: background var(--general-transition-time-slow, 0.2s); | |||
display: flex; | |||
line-height: 1; | |||
justify-content: center; | |||
align-items: center; | |||
height: 2rem; | |||
text-decoration: none; | |||
padding: 0 0.25rem; | |||
margin: 0; | |||
border-radius: 2px; /* 稍微加一点圆角,更贴合现代风格 */ | |||
} | |||
/* 按钮悬停效果 */ | |||
#custom-wiki-bottom-bar > a:hover { | |||
background: rgba(var(--page-option-background-color--hover, 234, 236, 240), 1); | |||
} | |||
2026年2月19日 (四) 11:44的版本
/* 这里放置的CSS将应用于所有皮肤 */
/* 自定义底部按钮栏容器 - 套用你提供的 page-options-bottom 风格 */
#custom-wiki-bottom-bar {
display: flex;
flex-wrap: wrap;
grid-gap: 0.25rem;
gap: 0.25rem; /* 兼容旧浏览器 */
margin: 2.5rem 1rem 1rem; /* 上边距保留,避免和内容紧贴 */
padding: 0;
}
/* 自定义底部按钮 - 套用你提供的风格 */
#custom-wiki-bottom-bar > a {
flex: 2 0 auto;
color: rgba(var(--page-option-text-color, 32, 33, 34), 1); /* 回退默认深灰 */
background: rgba(var(--page-option-background-color, 248, 249, 250), 1); /* 回退默认浅灰 */
transition: background var(--general-transition-time-slow, 0.2s);
display: flex;
line-height: 1;
justify-content: center;
align-items: center;
height: 2rem;
text-decoration: none;
padding: 0 0.25rem;
margin: 0;
border-radius: 2px; /* 稍微加一点圆角,更贴合现代风格 */
}
/* 按钮悬停效果 */
#custom-wiki-bottom-bar > a:hover {
background: rgba(var(--page-option-background-color--hover, 234, 236, 240), 1);
}