游戏玩法变化/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);
}