Dictionary:修订间差异
来自卡厄思梦境WIKI
小无编辑摘要 |
无编辑摘要 |
||
| (未显示同一用户的1个中间版本) | |||
| 第1行: | 第1行: | ||
{{ | {{ResourceLoader|Dictionary.js}} | ||
{{#css: | |||
.dict-editor { | |||
max-width: 1200px; | |||
margin: 20px auto; | |||
font-family: sans-serif; | |||
} | |||
.dict-section { | |||
background: white; | |||
border: 1px solid #a7d7f9; | |||
padding: 20px; | |||
margin-bottom: 20px; | |||
} | |||
.dict-section h3 { | |||
margin-top: 0; | |||
padding-bottom: 10px; | |||
border-bottom: 2px solid #a7d7f9; | |||
} | |||
.dict-tabs { | |||
display: flex; | |||
gap: 5px; | |||
margin-bottom: 20px; | |||
border-bottom: 2px solid #a7d7f9; | |||
} | |||
.dict-tab { | |||
padding: 10px 20px; | |||
cursor: pointer; | |||
background: #f8f9fa; | |||
border: 1px solid #a7d7f9; | |||
border-bottom: none; | |||
border-radius: 4px 4px 0 0; | |||
transition: background 0.2s; | |||
} | |||
.dict-tab:hover { | |||
background: #e8f4ff; | |||
} | |||
.dict-tab.active { | |||
background: white; | |||
font-weight: bold; | |||
border-bottom: 2px solid white; | |||
margin-bottom: -2px; | |||
} | |||
.dict-tab-content { | |||
display: none; | |||
} | |||
.dict-tab-content.active { | |||
display: block; | |||
} | |||
.dict-button { | |||
display: inline-block; | |||
padding: 10px 20px; | |||
margin: 5px 5px 5px 0; | |||
background: #0645ad; | |||
color: white; | |||
cursor: pointer; | |||
border-radius: 3px; | |||
font-size: 14px; | |||
transition: background 0.2s; | |||
} | |||
.dict-button:hover { | |||
background: #0b0080; | |||
} | |||
.dict-button.secondary { | |||
background: #72777d; | |||
} | |||
.dict-button.secondary:hover { | |||
background: #54595d; | |||
} | |||
.dict-button.success { | |||
background: #14866d; | |||
} | |||
.dict-button.success:hover { | |||
background: #0f6654; | |||
} | |||
.dict-button.danger { | |||
background: #d33; | |||
} | |||
.dict-button.danger:hover { | |||
background: #a00; | |||
} | |||
.dict-table { | |||
width: 100%; | |||
border-collapse: collapse; | |||
margin-top: 20px; | |||
background: white; | |||
} | |||
.dict-table th, | |||
.dict-table td { | |||
border: 1px solid #ddd; | |||
padding: 12px; | |||
text-align: left; | |||
} | |||
.dict-table th { | |||
background: #eaecf0; | |||
font-weight: bold; | |||
} | |||
.dict-table tr:hover { | |||
background: #f8f9fa; | |||
} | |||
.dict-grid { | |||
display: grid; | |||
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); | |||
gap: 10px; | |||
margin-top: 20px; | |||
} | |||
.dict-list-item { | |||
padding: 15px; | |||
background: white; | |||
border: 1px solid #a7d7f9; | |||
border-radius: 4px; | |||
cursor: pointer; | |||
transition: all 0.2s; | |||
} | |||
.dict-list-item:hover { | |||
background: #e8f4ff; | |||
border-color: #0645ad; | |||
transform: translateY(-2px); | |||
box-shadow: 0 2px 5px rgba(0,0,0,0.1); | |||
} | |||
.dict-form-group { | |||
margin-bottom: 15px; | |||
} | |||
.dict-form-group label { | |||
display: block; | |||
margin-bottom: 5px; | |||
font-weight: bold; | |||
color: #202122; | |||
} | |||
.dict-field-row { | |||
display: grid; | |||
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); | |||
gap: 15px; | |||
margin-bottom: 20px; | |||
} | |||
.dict-input, | |||
.dict-select, | |||
.dict-textarea { | |||
width: 100%; | |||
padding: 8px; | |||
border: 1px solid #a7d7f9; | |||
border-radius: 2px; | |||
font-size: 14px; | |||
box-sizing: border-box; | |||
font-family: sans-serif; | |||
} | |||
.dict-input:focus, | |||
.dict-select:focus, | |||
.dict-textarea:focus { | |||
outline: none; | |||
border-color: #0645ad; | |||
box-shadow: 0 0 0 1px #0645ad; | |||
} | |||
.dict-textarea { | |||
min-height: 100px; | |||
resize: vertical; | |||
font-family: monospace; | |||
} | |||
/* 自定义选择器 */ | |||
.dict-custom-select { | |||
position: relative; | |||
width: 100%; | |||
} | |||
.dict-select-display { | |||
padding: 8px; | |||
border: 1px solid #a7d7f9; | |||
border-radius: 2px; | |||
background: white; | |||
cursor: pointer; | |||
user-select: none; | |||
} | |||
.dict-select-display::after { | |||
content: '▼'; | |||
position: absolute; | |||
right: 10px; | |||
top: 50%; | |||
transform: translateY(-50%); | |||
font-size: 10px; | |||
color: #72777d; | |||
} | |||
.dict-select-options { | |||
display: none; | |||
position: absolute; | |||
top: 100%; | |||
left: 0; | |||
right: 0; | |||
background: white; | |||
border: 1px solid #a7d7f9; | |||
border-top: none; | |||
max-height: 200px; | |||
overflow-y: auto; | |||
z-index: 100; | |||
box-shadow: 0 2px 5px rgba(0,0,0,0.1); | |||
} | |||
.dict-custom-select.open .dict-select-options { | |||
display: block; | |||
} | |||
.dict-select-option { | |||
padding: 8px; | |||
cursor: pointer; | |||
} | |||
.dict-select-option:hover { | |||
background: #e8f4ff; | |||
} | |||
/* 标签 */ | |||
.dict-badge { | |||
display: inline-block; | |||
padding: 4px 10px; | |||
border-radius: 3px; | |||
font-size: 12px; | |||
font-weight: bold; | |||
margin-right: 5px; | |||
} | |||
.dict-badge-white { | |||
background: #f5f5f5; | |||
color: #333; | |||
border: 1px solid #ddd; | |||
} | |||
.dict-badge-blue { | |||
background: #0645ad; | |||
color: white; | |||
} | |||
.dict-badge-red { | |||
background: #d33; | |||
color: white; | |||
} | |||
.dict-badge-orange { | |||
background: #ff8c00; | |||
color: white; | |||
} | |||
.dict-badge-rainbow { | |||
background: linear-gradient(90deg, #ff0000, #ff8800, #ffff00, #00ff00, #0088ff, #8800ff); | |||
color: white; | |||
} | |||
.dict-message { | |||
padding: 12px; | |||
margin: 10px 0; | |||
border-radius: 3px; | |||
border-left: 4px solid; | |||
} | |||
.dict-message.info { | |||
background: #e8f4ff; | |||
border-color: #0645ad; | |||
color: #0645ad; | |||
} | |||
.dict-message.success { | |||
background: #d4edda; | |||
border-color: #14866d; | |||
color: #0f6654; | |||
} | |||
.dict-message.error { | |||
background: #f8d7da; | |||
border-color: #d33; | |||
color: #721c24; | |||
} | |||
.dict-message.warning { | |||
background: #fff3cd; | |||
border-color: #ff8c00; | |||
color: #856404; | |||
} | |||
.dict-loading { | |||
text-align: center; | |||
padding: 40px; | |||
color: #72777d; | |||
font-size: 16px; | |||
} | |||
.dict-loading::before { | |||
content: '⏳ '; | |||
} | |||
.dict-variant { | |||
margin: 5px 0; | |||
padding: 10px; | |||
background: #f8f9fa; | |||
border-left: 3px solid #0645ad; | |||
border-radius: 2px; | |||
} | |||
.dict-variant-header { | |||
margin-bottom: 8px; | |||
} | |||
.dict-variant-desc { | |||
color: #202122; | |||
line-height: 1.5; | |||
} | |||
.dict-variant-icon { | |||
color: #72777d; | |||
font-size: 12px; | |||
margin-top: 5px; | |||
} | |||
/* 预览容器 */ | |||
#dict-preview-container { | |||
margin-top: 20px; | |||
padding: 15px; | |||
background: #f8f9fa; | |||
border: 1px solid #a7d7f9; | |||
border-radius: 4px; | |||
} | |||
#dict-preview-container h4 { | |||
margin-top: 0; | |||
color: #202122; | |||
} | |||
#dict-preview-container pre { | |||
background: white; | |||
padding: 15px; | |||
border: 1px solid #ddd; | |||
border-radius: 2px; | |||
overflow-x: auto; | |||
white-space: pre-wrap; | |||
word-wrap: break-word; | |||
} | |||
}} | |||
2025年10月8日 (三) 15:51的最新版本