游戏玩法变化/styles.css:修订间差异
来自星露谷物语扩展百科
更多操作
Sizau已使用非默认内容模型“已过滤的CSS”创建页面游戏玩法变化/styles.css |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
.config-wrapper { | |||
--accent: #3663f1; | |||
--surface: #ffffff; | |||
--surface-alt: #f8f9fa; | |||
--border: rgba(0, 0, 0, 0.15); | |||
--text-main: #202122; | |||
--text-muted: #54595d; | |||
} | |||
.skin-theme-dark .config-wrapper { | |||
--surface: #1a1b1e; | |||
--surface-alt: #25262b; | |||
--border: rgba(255, 255, 255, 0.1); | |||
--text-main: #eaecef; | |||
--text-muted: #a2a9b1; | |||
} | |||
.config-section { | |||
margin: 24px 0; | |||
border: 1px solid var(--border); | |||
border-radius: 8px; | |||
background: var(--surface); | |||
overflow: hidden; | |||
color: var(--text-main); | |||
} | |||
.config-header { | |||
background: var(--accent); | |||
color: #ffffff !important; | |||
padding: 12px 16px; | |||
font-weight: bold; | |||
font-size: 1.1em; | |||
} | |||
.config-intro { | |||
padding: 16px; | |||
font-size: 0.9em; | |||
line-height: 1.5; | |||
border-bottom: 1px solid var(--border); | |||
color: var(--text-muted); | |||
} | |||
.config-grid { | |||
display: grid; | |||
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); | |||
background: var(--border); | |||
gap: 1px; | |||
} | |||
.config-card { | |||
background: var(--surface); | |||
padding: 20px; | |||
display: flex; | |||
flex-direction: column; | |||
transition: background 0.2s ease; | |||
} | |||
.config-card:hover { | |||
background: var(--surface-alt); | |||
} | |||
.card-icon { | |||
height: 90px; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
margin-bottom: 16px; | |||
} | |||
.card-title { | |||
font-weight: bold; | |||
margin-bottom: 8px; | |||
color: var(--accent); | |||
} | |||
.card-desc { | |||
font-size: 0.85em; | |||
line-height: 1.4; | |||
color: var(--text-muted); | |||
} | |||
2026年1月29日 (四) 10:36的版本
.config-wrapper {
--accent: #3663f1;
--surface: #ffffff;
--surface-alt: #f8f9fa;
--border: rgba(0, 0, 0, 0.15);
--text-main: #202122;
--text-muted: #54595d;
}
.skin-theme-dark .config-wrapper {
--surface: #1a1b1e;
--surface-alt: #25262b;
--border: rgba(255, 255, 255, 0.1);
--text-main: #eaecef;
--text-muted: #a2a9b1;
}
.config-section {
margin: 24px 0;
border: 1px solid var(--border);
border-radius: 8px;
background: var(--surface);
overflow: hidden;
color: var(--text-main);
}
.config-header {
background: var(--accent);
color: #ffffff !important;
padding: 12px 16px;
font-weight: bold;
font-size: 1.1em;
}
.config-intro {
padding: 16px;
font-size: 0.9em;
line-height: 1.5;
border-bottom: 1px solid var(--border);
color: var(--text-muted);
}
.config-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
background: var(--border);
gap: 1px;
}
.config-card {
background: var(--surface);
padding: 20px;
display: flex;
flex-direction: column;
transition: background 0.2s ease;
}
.config-card:hover {
background: var(--surface-alt);
}
.card-icon {
height: 90px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 16px;
}
.card-title {
font-weight: bold;
margin-bottom: 8px;
color: var(--accent);
}
.card-desc {
font-size: 0.85em;
line-height: 1.4;
color: var(--text-muted);
}