MediaWiki:Common.css:修订间差异
无编辑摘要 标签:已被回退 |
无编辑摘要 标签:手工回退 |
||
第42行: | 第42行: | ||
} | } | ||
.responsive-iframe { | |||
width: 100%; /* 宽度自适应 */ | |||
height: 100vh; /* 高度设置为视窗高度 */ | |||
border: none; | |||
} |
2024年11月21日 (四) 14:09的最新版本
/* 在MediaWiki的Common.css文件中添加以下代码 */
/* 引入文风字体 */
@import url('https://cn.windfonts.com/wenfeng/fonts/xwxzs/regular/web/zh_index.css');
/* 设置页面默认字体为文风字体 */
body {
font-family: 'wenfeng-xwxzs', sans-serif;
}
/* 设置标题字体为文风字体 */
#content h1,
#content h2 {
font-family: 'wenfeng-xwxzs', serif;
}
/* 以下是字体权重和样式的示例,根据实际可用的字体变体进行调整 */
.wf-font-example {
font-family: 'wenfeng-xwxzs'; /* 固定值,不可修改 */
font-weight: 400; /* 你可以根据需要选择100到900之间的值 */
font-style: normal; /* 你可以选择 normal, italic, 或 oblique */
}
/* 这里放置的CSS将应用于所有皮肤 */
/* 基本样式,适用于所有图片 */
img[src*="www.guohao.asia"] {
height: auto;
}
/* 媒体查询,仅当图片宽度大于450像素时应用 */
@media (min-width: 450px) {
img[src*="www.guohao.asia"] {
width: 80%;
}
}
@media only screen and (max-width: 600px) {
/* 针对手机的样式 */
.ev-video {
width: 100%;
height: auto;
}
}
.responsive-iframe {
width: 100%; /* 宽度自适应 */
height: 100vh; /* 高度设置为视窗高度 */
border: none;
}