Template:方剂条目/styles.css:修订间差异

删除的内容 添加的内容
// Edit via Wikiplus
// Edit via Wikiplus
第17行:
}
.fangji-card:hover {
box-shadow: 0 4px 18px rgba(0,0,0,0.09);
transform: translateY(-2px);
}
第35行:
}
.fangji-entry .fj-label {
padding: 0 10px 0 0; /* 单元格右侧内边距,制造色块和内容间隙,table有效 */
padding: 0;
margin-right: 8px; /* 固定标签与内容的横向空隙 */
width: 5em;
vertical-align: top;
white-space: nowrap;
}
/* 修复1:flexline-height 实现垂直居中,文字在底色块上下居中,table环境完美兼容 */
.fangji-entry .fj-label span {
display: flexblock;
align-items: center; /* 垂直居中核心 */
justify-content: flex-end; /* 文字靠右,色块统一宽度 */
width: 100%;
paddingtext-align: 4px 10pxright;
line-height: 2.2; /* 和padding匹配,文字垂直居中 */
padding: 0 10px;
border-left: 3px solid #397c57;
background-color: #f1f4f2;
第88行 ⟶ 第87行:
width: 100% !important;
}
/* 手机移动文字恢复左对齐,取消右侧留白 */
.fangji-entry .fj-label {
marginpadding-right: 0;
}
.fangji-entry .fj-label span {
justifytext-contentalign: flex-startleft;
}
.fangji-entry .fj-label {
margin-right: 0;
margin-bottom: 4px;
}
第133行 ⟶ 第134行:
}
.fangji-entry .fj-label {
padding: 0 10px 0 0;
margin-right: 8px;
width: 5em;
vertical-align: top;
第140行:
}
.fangji-entry .fj-label span {
display: flexblock;
align-items: center;
justify-content: flex-end;
width: 100%;
paddingtext-align: 4px 10pxright;
line-height: 2.2;
padding: 0 10px;
border-left: 3px solid #366699;
background-color: #f0f4f8;
第175行:
display: block;
width: 100% !important;
}
.fangji-entry .fj-label {
margin padding-right: 8px0;
}
.fangji-entry .fj-label span {
justifytext-contentalign: flex-startleft;
}
.fangji-entry .fj-label {
margin-right: 0;
margin-bottom: 4px;
}
第221行 ⟶ 第223行:
}
.fangji-entry .fj-label {
padding: 0 10px 0 0;
margin-right: 8px;
width: 5em;
vertical-align: top;
第228行 ⟶ 第229行:
}
.fangji-entry .fj-label span {
display: flexblock;
align-items: center;
justify-content: flex-end;
width: 100%;
paddingtext-align: 4px 10pxright;
line-height: 2.2;
padding: 0 10px;
border-left: 3px solid #a0683b;
background-color: #f8f3ee;
第263行 ⟶ 第264行:
display: block;
width: 100% !important;
}
.fangji-entry .fj-label {
marginpadding-right: 0;
}
.fangji-entry .fj-label span {
justifytext-contentalign: flex-startleft;
}
.fangji-entry .fj-label {
margin-right: 0;
margin-bottom: 4px;
}