Create amily2-glossary.css

This commit is contained in:
2025-10-12 16:06:16 +08:00
committed by GitHub
parent 4595cbd8b6
commit d807ac65e3

118
assets/amily2-glossary.css Normal file
View File

@@ -0,0 +1,118 @@
/* --- 术语表 (Glossary) 专属样式 --- */
/* 所有样式均已限定在 #amily2_glossary_panel 范围内,防止全局污染 */
/* 标签页导航容器 */
#amily2_glossary_panel .glossary-tabs {
display: flex;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
margin-bottom: 15px;
}
/* 单个标签页按钮 */
#amily2_glossary_panel .glossary-tab {
background: none;
border: none;
color: var(--text-color-secondary);
padding: 10px 15px;
cursor: pointer;
font-size: 1em;
transition: color 0.2s, border-bottom 0.2s;
border-bottom: 2px solid transparent;
margin-bottom: -1px; /* 让下边框与容器边框重合 */
}
#amily2_glossary_panel .glossary-tab:hover {
color: var(--text-color-light);
}
/* 激活状态的标签页 */
#amily2_glossary_panel .glossary-tab.active {
color: var(--text-color-accent);
border-bottom: 2px solid var(--text-color-accent);
}
#amily2_glossary_panel .glossary-tab i {
margin-right: 8px;
}
/* 标签页内容面板 */
#amily2_glossary_panel .glossary-content {
display: none; /* 默认隐藏 */
}
/* 激活状态的内容面板 */
#amily2_glossary_panel .glossary-content.active {
display: block; /* 显示激活的面板 */
}
/* 隐藏内容的辅助类 */
#amily2_glossary_panel .amily2-content-hidden {
display: none !important;
}
/* 通用设置组样式 */
#amily2_glossary_panel .settings-group {
background-color: rgba(0, 0, 0, 0.15);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 10px;
padding: 15px;
margin-bottom: 15px;
}
#amily2_glossary_panel .settings-group .legend {
font-size: 1.1em;
font-weight: bold;
color: var(--text-color-light);
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
#amily2_glossary_panel .settings-group .legend i {
margin-right: 8px;
color: var(--text-color-accent);
}
/* 设置块 */
#amily2_glossary_panel .amily2_settings_block {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
#amily2_glossary_panel .amily2_settings_block:last-child {
border-bottom: none;
}
/* 控制组(标签和输入框) */
#amily2_glossary_panel .control-group {
display: flex;
align-items: center;
margin-bottom: 12px;
}
#amily2_glossary_panel .control-group label {
flex-basis: 150px; /* 固定标签宽度 */
flex-shrink: 0;
margin-right: 10px;
}
#amily2_glossary_panel .control-group .text_pole,
#amily2_glossary_panel .control-group .select-with-refresh {
flex-grow: 1;
}
/* 带刷新按钮的选择器 */
#amily2_glossary_panel .select-with-refresh {
display: flex;
align-items: center;
}
/* 按钮行 */
#amily2_glossary_panel .sybd-button-row {
display: flex;
gap: 10px;
justify-content: center;
margin-top: 20px;
}