Template:Infobox 中药/styles.css:修订间差异
外观
删除的内容 添加的内容
升级:Infobox 加拼音/拉丁名;中药条目加药典检验类字段与标题参数 |
配色改为书籍/人物同款蓝色系(#ccccFF) |
||
| (未显示同一用户的1个中间版本) | |||
| 第1行: | 第1行: | ||
/* ===== Template:Infobox 中药 样式 ===== */ |
/* ===== Template:Infobox 中药 样式(配色同 Infobox 书籍/人物) ===== */ |
||
.zy-infobox { |
.zy-infobox { |
||
float: right; |
float: right; |
||
| 第5行: | 第5行: | ||
width: 300px; |
width: 300px; |
||
max-width: 40%; |
max-width: 40%; |
||
border: 1px solid # |
border: 1px solid #c8ccff; |
||
border-collapse: separate; |
border-collapse: separate; |
||
border-spacing: 0; |
border-spacing: 0; |
||
background: # |
background: #fdfdff; |
||
box-shadow: 0 2px 10px rgba(0,0,0,0.06); |
box-shadow: 0 2px 10px rgba(0,0,0,0.06); |
||
border-radius: 10px; |
border-radius: 10px; |
||
| 第15行: | 第15行: | ||
} |
} |
||
.zy-infobox .zyib-title { |
.zy-infobox .zyib-title { |
||
background: # |
background: #ccccFF; |
||
border-bottom: 1px solid # |
border-bottom: 1px solid #b8bcf0; |
||
padding: 10px 12px; |
padding: 10px 12px; |
||
text-align: center; |
text-align: center; |
||
font-size: 1.15em; |
font-size: 1.15em; |
||
font-weight: 600; |
font-weight: 600; |
||
color: # |
color: #1a1a6e; |
||
line-height: 1.5; |
line-height: 1.5; |
||
} |
} |
||
| 第27行: | 第27行: | ||
font-size: 0.72em; |
font-size: 0.72em; |
||
font-weight: normal; |
font-weight: normal; |
||
color: # |
color: #55557a; |
||
} |
} |
||
.zy-infobox .zyib-label { |
.zy-infobox .zyib-label { |
||
| 第34行: | 第34行: | ||
vertical-align: top; |
vertical-align: top; |
||
text-align: center; |
text-align: center; |
||
background: # |
background: #e8ecff; |
||
color: #333; |
color: #333; |
||
font-weight: 500; |
font-weight: 500; |
||
white-space: nowrap; |
white-space: nowrap; |
||
border-top: 1px solid # |
border-top: 1px solid #d8dcff; |
||
} |
} |
||
.zy-infobox .zyib-value { |
.zy-infobox .zyib-value { |
||
| 第44行: | 第44行: | ||
line-height: 1.6; |
line-height: 1.6; |
||
color: #444; |
color: #444; |
||
border-top: 1px solid # |
border-top: 1px solid #e8eaff; |
||
} |
} |
||
.zy-infobox .zyib-important { |
.zy-infobox .zyib-important { |
||
color: # |
color: #3333cc; |
||
} |
} |
||
.zy-infobox .zyib-warning { |
.zy-infobox .zyib-warning { |
||
| 第67行: | 第67行: | ||
font-size: 0.8em; |
font-size: 0.8em; |
||
font-weight: normal; |
font-weight: normal; |
||
color: # |
color: #44446a; |
||
letter-spacing: 0.02em; |
letter-spacing: 0.02em; |
||
} |
} |
||
| 第73行: | 第73行: | ||
font-size: 0.72em; |
font-size: 0.72em; |
||
font-weight: normal; |
font-weight: normal; |
||
color: # |
color: #55557a; |
||
font-style: italic; |
font-style: italic; |
||
letter-spacing: 0.03em; |
letter-spacing: 0.03em; |
||
2026年8月1日 (六) 18:16的最新版本
/* ===== Template:Infobox 中药 样式(配色同 Infobox 书籍/人物) ===== */
.zy-infobox {
float: right;
clear: right;
width: 300px;
max-width: 40%;
border: 1px solid #c8ccff;
border-collapse: separate;
border-spacing: 0;
background: #fdfdff;
box-shadow: 0 2px 10px rgba(0,0,0,0.06);
border-radius: 10px;
font-size: 0.92em;
margin: 0 0 14px 14px;
}
.zy-infobox .zyib-title {
background: #ccccFF;
border-bottom: 1px solid #b8bcf0;
padding: 10px 12px;
text-align: center;
font-size: 1.15em;
font-weight: 600;
color: #1a1a6e;
line-height: 1.5;
}
.zy-infobox .zyib-subtitle {
font-size: 0.72em;
font-weight: normal;
color: #55557a;
}
.zy-infobox .zyib-label {
width: 5.5em;
padding: 6px 8px;
vertical-align: top;
text-align: center;
background: #e8ecff;
color: #333;
font-weight: 500;
white-space: nowrap;
border-top: 1px solid #d8dcff;
}
.zy-infobox .zyib-value {
padding: 6px 10px;
line-height: 1.6;
color: #444;
border-top: 1px solid #e8eaff;
}
.zy-infobox .zyib-important {
color: #3333cc;
}
.zy-infobox .zyib-warning {
background: #fcf0ef;
}
.zy-infobox .zyib-warning-text {
color: #c44536;
}
@media (max-width: 640px) {
.zy-infobox {
float: none;
width: 100%;
max-width: 100%;
margin: 0 0 10px;
}
}
/* 标题下拼音/拉丁名 */
.zy-infobox .zyib-pinyin {
font-size: 0.8em;
font-weight: normal;
color: #44446a;
letter-spacing: 0.02em;
}
.zy-infobox .zyib-latin {
font-size: 0.72em;
font-weight: normal;
color: #55557a;
font-style: italic;
letter-spacing: 0.03em;
}