MediaWiki:Common.css
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
- Opera:按 Ctrl-F5。
/* 放置于这里的 CSS 将应用于所有皮肤 */
/* html {
-webkit-filter:invert(100%);
filter:invert(100%);
}
img {
-webkit-filter:invert(100%);
filter:invert(100%);
}
.wikiEditor-preview-spinner {
-webkit-filter:invert(0%);
filter:invert(0%);
} */
html {
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
}
body,
[lang=zh], [lang=zh] h1, [lang=zh] h2, [lang=zh] h3, [lang=zh] h4, [lang=zh] h5, [lang=zh] h6 {
font-family: "Helvetica Neue", "Hiragino Sans GB","Microsoft Yahei","WenQuanYi Micro Hei", Arial, sans-serif !important;
}
[lang=zh-Hans], [lang=zh-Hans] h1, [lang=zh-Hans] h2, [lang=zh-Hans] h3, [lang=zh-Hans] h4, [lang=zh-Hans] h5, [lang=zh-Hans] h6,
[lang=zh-MY], [lang=zh-MY] h1, [lang=zh-MY] h2, [lang=zh-MY] h3, [lang=zh-MY] h4, [lang=zh-MY] h5, [lang=zh-MY] h6,
[lang=zh-SG], [lang=zh-SG] h1, [lang=zh-SG] h2, [lang=zh-SG] h3, [lang=zh-SG] h4, [lang=zh-SG] h5, [lang=zh-SG] h6 {
font-family: "Helvetica Neue", "PingFang SC","Microsoft Yahei","WenQuanYi Micro Hei", Arial, sans-serif !important;
}
[lang=zh-hant], [lang=zh-hant] h1, [lang=zh-hant] h2, [lang=zh-hant] h3, [lang=zh-hant] h4, [lang=zh-hant] h5, [lang=zh-hant] h6,
[lang=zh-MO], [lang=zh-MO] h1, [lang=zh-MO] h2, [lang=zh-MO] h3, [lang=zh-MO] h4, [lang=zh-MO] h5, [lang=zh-MO] h6,
[lang=zh-TW], [lang=zh-TW] h1, [lang=zh-TW] h2, [lang=zh-TW] h3, [lang=zh-TW] h4, [lang=zh-TW] h5, [lang=zh-TW] h6 {
font-family: "Helvetica Neue", "PingFang TC","Microsoft Yahei","WenQuanYi Micro Hei", Arial, sans-serif !important;
}
[lang=zh-HK], [lang=zh-HK] h1, [lang=zh-HK] h2, [lang=zh-HK] h3, [lang=zh-HK] h4, [lang=zh-HK] h5, [lang=zh-HK] h6 {
font-family: "Helvetica Neue", "PingFang HK","Microsoft Yahei","WenQuanYi Micro Hei", Arial, sans-serif !important;
}
pre, code {
font-family: Menlo, Consolas, monospace !important;
}
/* http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
display: table;
content: "";
}
.clearfix:after {
clear: both;
}
.col {
float: left;
box-sizing: border-box;
padding: .6rem;
}
.col-3 {
width: 25%;
}
.col-4 {
width: 33.3333%;
width: calc(100% / 3);
}
.col-6 {
width: 50%;
}
.col-12 {
width: 100%;
}
.col.gray { background: #f1f1f1; }
.col.yellow { background: #FDF5EB; }
.col.blue { background: #EBF8FD; }
@media (max-width: 800px) {
.col-3 {
width: 50%;
}
.col-4,
.col-6 {
width: 100%;
}
}
.multi-col-list { }
@media (min-width: 481px) {
.multi-col-list ul {
margin: 0;
}
.multi-col-list li {
display: inline-block;
width: 49%;
}
}
@media (min-width: 801px) {
.multi-col-list ul {
margin: 0;
}
.multi-col-list li {
display: inline-block;
width: 19%;
}
}
@media (min-width: 1001px) {
.multi-col-list ul {
margin: 0;
}
.multi-col-list li {
display: inline-block;
width: 15%;
}
}
.column { }
.column-2 { column-count: 2; }
.column-3 { column-count: 3; }
.column-4 { column-count: 4; }
.column-5 { column-count: 5; }
.column-6 { column-count: 6; }
@media (max-width: 800px) {
.column-2 { column-count: 1; }
.column-3 { column-count: 2; }
.column-4 { column-count: 2; }
.column-5 { column-count: 3; }
.column-6 { column-count: 4; }
}
@media (max-width: 500px) {
.column-2 { column-count: 1; }
.column-3 { column-count: 1; }
.column-4 { column-count: 2; }
.column-5 { column-count: 2; }
.column-6 { column-count: 2; }
}
/* Custom styles copied from Wikipedia
https://en.wikipedia.org/wiki/MediaWiki:Common.css
*/