MediaWiki:Common.css：修订间差异
MediaWiki界面页面
更多操作
DoubleCircle（留言 | 贡献） 小 "新增文字背景/文字描边模板与文字效果样式" |
DoubleCircle（留言 | 贡献） 小无编辑摘要 |
||
| 第116行： | 第116行： | ||
float: right; | float: right; | ||
margin-left: 10px; | margin-left: 10px; | ||
max-width: | width: 300px; | ||
/* 固定宽度（参考 huijiwiki），保证文字环绕时布局稳定 */ | |||
max-width: 100%; | |||
/* 极窄屏下不溢出 */ | |||
text-align: center; | text-align: center; | ||
color: var(--color-text); | color: var(--color-text); | ||
| 第130行： | 第133行： | ||
clear: right; | clear: right; | ||
margin-bottom: 1em; | margin-bottom: 1em; | ||
overflow-wrap: break-word; | |||
/* 长文本自动换行，避免撑破表格 */ | |||
} | |||
/* 窄屏（≤768px，参考 huijiwiki）：取消右浮动、居中显示，避免左侧文字列被挤压过窄 */ | |||
@media (max-width: 767.98px) { | |||
.infobox { | |||
float: none; | |||
clear: both; | |||
width: 300px; | |||
max-width: 100%; | |||
margin-left: auto; | |||
margin-right: auto; | |||
} | |||
} | |||
/* 手机（≤576px）：占满内容区全宽（用 !important 覆盖模板内联的固定宽度，如 bodystyle=width:20em） */ | |||
@media (max-width: 575.98px) { | |||
.infobox { | |||
width: 100% !important; | |||
max-width: 100%; | |||
margin-left: 0 !important; | |||
margin-right: 0 !important; | |||
} | |||
} | } | ||
| 第146行： | 第173行： | ||
.infobox .infobox-label { | .infobox .infobox-label { | ||
width: 30%; | width: 30%; | ||
min-width: 90px; | |||
/* 保证标签列在任何宽度下都不至于过窄 */ | |||
font-weight: bold; | font-weight: bold; | ||
background-color: var(--color-theme-deep); | background-color: var(--color-theme-deep); | ||