MediaWiki:Common.css:修订间差异
MediaWiki界面页面
更多操作
无编辑摘要 |
无编辑摘要 |
||
| 第17行: | 第17行: | ||
} | } | ||
/* | |||
/* 角色信息框 - 基于Infobox元模板 适配SimmcWIKI专属风格 */ | |||
.infobox { | .infobox { | ||
/* 复用首页同款透明边框+像素化渲染 */ | |||
border: 4vmin solid transparent; | border: 4vmin solid transparent; | ||
border-radius: 4vmin; | border-radius: 4vmin; | ||
| 第24行: | 第26行: | ||
background-color: #fbf2db; | background-color: #fbf2db; | ||
color: #361d07; | color: #361d07; | ||
/* 基础布局 */ | |||
margin: 0 0 0.5em 1em; | margin: 0 0 0.5em 1em; | ||
padding: 0. | padding: 0.5em; | ||
float: right; | float: right; | ||
clear: right; | clear: right; | ||
font-size: 88%; | font-size: 88%; | ||
line-height: 1. | line-height: 1.6em; | ||
width: 22em; | width: 22em; | ||
/* MC专属字体+像素化 */ | |||
font-family: Minecraft, sans-serif; | font-family: Minecraft, sans-serif; | ||
image-rendering: pixelated; | image-rendering: pixelated; | ||
box-shadow: 0 0 20px rgba(0,0,0,0.1); | box-shadow: 0 0 20px rgba(0,0,0,0.1); | ||
box-sizing: border-box; | |||
} | |||
/* 信息框外标题 title */ | |||
.infobox-title { | |||
font-size: 1.5em; | |||
font-weight: bold; | |||
text-align: center; | |||
color: #441f74; | |||
margin-bottom: 0.5em; | |||
font-family: Minecraft, sans-serif; | |||
} | } | ||
/* | /* 信息框内标题 above + 子标题subheader */ | ||
.infobox-above { | |||
text-align: center; | text-align: center; | ||
font-size: | font-size: 1.3em; | ||
font-weight: bold; | font-weight: bold; | ||
padding: 0. | padding: 0.3em; | ||
color: #441f74; | color: #441f74; | ||
border-bottom: 2px solid #361d0733; | |||
margin-bottom: 0.5em; | |||
} | } | ||
.infobox-subheader { | .infobox-subheader { | ||
text-align: center; | text-align: center; | ||
font-weight: bold; | font-weight: bold; | ||
padding: 0.2em; | padding: 0.2em; | ||
color: #361d07; | |||
margin: 0.3em 0; | |||
} | } | ||
/* | /* 顶栏header - 区分于标题的强调样式 */ | ||
.infobox-header { | |||
text-align: center; | |||
padding: 0.4em; | |||
background-color: #221b0066; | |||
color: #f6c628; | |||
border-radius: 2vmin; | |||
margin: 0.6em 0 0.3em; | |||
font-weight: bold; | |||
} | |||
/* 标签label + 数据data 行样式 */ | |||
.infobox-label { | .infobox-label { | ||
text-align: right; | text-align: right; | ||
padding: 0. | padding: 0.3em 0.8em; | ||
white-space: nowrap; | white-space: nowrap; | ||
vertical-align: top; | vertical-align: top; | ||
color: #361d07; | color: #361d07; | ||
background-color: #221b0022; | background-color: #221b0022; | ||
border-radius: 1vmin; | |||
font-weight: 500; | |||
} | } | ||
.infobox-data { | .infobox-data { | ||
padding: 0. | padding: 0.3em 0.5em; | ||
vertical-align: top; | vertical-align: top; | ||
color: #361d07; | color: #361d07; | ||
width: 100%; | |||
} | } | ||
/* 图片+ | /* 图片+说明文字 - 像素化渲染适配MC图片 */ | ||
.infobox-image { | .infobox-image { | ||
text-align: center; | text-align: center; | ||
padding: 0. | padding: 0.5em 0; | ||
image-rendering: pixelated; | image-rendering: pixelated; | ||
} | } | ||
.infobox-caption { | .infobox-caption { | ||
font-size: | font-size: 85%; | ||
text-align: center; | text-align: center; | ||
color: #361d07; | color: #361d07; | ||
margin-top: 0.3em; | |||
font-style: italic; | |||
} | } | ||
/* | /* 信息框底部below */ | ||
.infobox-below { | .infobox-below { | ||
text-align: center; | text-align: center; | ||
font-weight: bold; | font-weight: bold; | ||
padding: 0. | padding: 0.5em; | ||
color: #441f74; | color: #441f74; | ||
border-top: 2px solid #361d0733; | |||
margin-top: 0.5em; | |||
} | } | ||
/* 移动端适配 */ | /* 适配Infobox元模板的自定义样式参数(覆盖默认) */ | ||
.infobox [style] { | |||
font-family: Minecraft, sans-serif !important; | |||
image-rendering: pixelated !important; | |||
} | |||
/* 移动端适配 - 取消浮动,自适应宽度 */ | |||
@media screen and (max-width: 768px) { | @media screen and (max-width: 768px) { | ||
.infobox { | .infobox { | ||
float: none; | float: none; | ||
clear: none; | clear: none; | ||
margin: | margin: 1em auto; | ||
width: 95%; | width: 95%; | ||
border-width: 2vmin; | border-width: 2vmin; | ||
font-size: 85%; | |||
} | } | ||
} | |||
/* 兼容表格内嵌套样式,避免冲突 */ | |||
.infobox table { | |||
width: 100%; | |||
border-collapse: collapse; | |||
} | |||
.infobox tr { | |||
margin: 0.2em 0; | |||
} | |||
.infobox td { | |||
border: 0 !important; | |||
} | } | ||
2026年3月28日 (六) 01:47的版本
/* 这里放置的CSS将应用于所有皮肤 */
/* 首行缩进 */
div.textIndent p {
text-indent: 2em;
margin: 0.5em 0;
}
/* 首字下沉样式 */
.dropCap::first-letter {
float: left;
font-size: 3.2em !important;
line-height: 0.85em !important;
margin-right: 0.1em !important;
font-weight: bold;
color: #000;
}
/* 角色信息框 - 基于Infobox元模板 适配SimmcWIKI专属风格 */
.infobox {
/* 复用首页同款透明边框+像素化渲染 */
border: 4vmin solid transparent;
border-radius: 4vmin;
border-image:url(https://huiji-public.huijistatic.com/simmc/uploads/8/8a/HomePageBoarderImage.png) 170 round;
background-color: #fbf2db;
color: #361d07;
/* 基础布局 */
margin: 0 0 0.5em 1em;
padding: 0.5em;
float: right;
clear: right;
font-size: 88%;
line-height: 1.6em;
width: 22em;
/* MC专属字体+像素化 */
font-family: Minecraft, sans-serif;
image-rendering: pixelated;
box-shadow: 0 0 20px rgba(0,0,0,0.1);
box-sizing: border-box;
}
/* 信息框外标题 title */
.infobox-title {
font-size: 1.5em;
font-weight: bold;
text-align: center;
color: #441f74;
margin-bottom: 0.5em;
font-family: Minecraft, sans-serif;
}
/* 信息框内标题 above + 子标题subheader */
.infobox-above {
text-align: center;
font-size: 1.3em;
font-weight: bold;
padding: 0.3em;
color: #441f74;
border-bottom: 2px solid #361d0733;
margin-bottom: 0.5em;
}
.infobox-subheader {
text-align: center;
font-weight: bold;
padding: 0.2em;
color: #361d07;
margin: 0.3em 0;
}
/* 顶栏header - 区分于标题的强调样式 */
.infobox-header {
text-align: center;
padding: 0.4em;
background-color: #221b0066;
color: #f6c628;
border-radius: 2vmin;
margin: 0.6em 0 0.3em;
font-weight: bold;
}
/* 标签label + 数据data 行样式 */
.infobox-label {
text-align: right;
padding: 0.3em 0.8em;
white-space: nowrap;
vertical-align: top;
color: #361d07;
background-color: #221b0022;
border-radius: 1vmin;
font-weight: 500;
}
.infobox-data {
padding: 0.3em 0.5em;
vertical-align: top;
color: #361d07;
width: 100%;
}
/* 图片+说明文字 - 像素化渲染适配MC图片 */
.infobox-image {
text-align: center;
padding: 0.5em 0;
image-rendering: pixelated;
}
.infobox-caption {
font-size: 85%;
text-align: center;
color: #361d07;
margin-top: 0.3em;
font-style: italic;
}
/* 信息框底部below */
.infobox-below {
text-align: center;
font-weight: bold;
padding: 0.5em;
color: #441f74;
border-top: 2px solid #361d0733;
margin-top: 0.5em;
}
/* 适配Infobox元模板的自定义样式参数(覆盖默认) */
.infobox [style] {
font-family: Minecraft, sans-serif !important;
image-rendering: pixelated !important;
}
/* 移动端适配 - 取消浮动,自适应宽度 */
@media screen and (max-width: 768px) {
.infobox {
float: none;
clear: none;
margin: 1em auto;
width: 95%;
border-width: 2vmin;
font-size: 85%;
}
}
/* 兼容表格内嵌套样式,避免冲突 */
.infobox table {
width: 100%;
border-collapse: collapse;
}
.infobox tr {
margin: 0.2em 0;
}
.infobox td {
border: 0 !important;
}