|
|
| 第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);
| |
| }
| |
