MediaWiki:Common.css
MediaWiki界面页面
更多操作
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/* 字体 */
@font-face {
font-family: "LNNCrypt";
src: url("https://cdn.jsdelivr.net/gh/DGCK81LNN/bootstrap-lnn@c0d4c78907b4ebabc6d5d34abd404abf64338816/fonts/LNNCrypt.woff") format('woff');
unicode-range: U+E000-E03F;
font-display: block;
}
@font-face {
font-family: "Zhunghua";
src: url("https://cdn.jsdelivr.net/gh/DGCK81LNN/bootstrap-lnn@c0d4c78907b4ebabc6d5d34abd404abf64338816/fonts/Zhunghua@0.5.woff2") format("woff2"),
url("https://cdn.jsdelivr.net/gh/DGCK81LNN/bootstrap-lnn@c0d4c78907b4ebabc6d5d34abd404abf64338816/fonts/Zhunghua@0.5.woff") format("woff");
font-display: block;
}
@font-face {
font-family: "XEGOEPUAall";
src: url("https://cdn.jsdelivr.net/gh/DGCK81LNN/bootstrap-lnn@c0d4c78907b4ebabc6d5d34abd404abf64338816/fonts/XEGOEPUAall.woff2") format("woff2"),
url("https://cdn.jsdelivr.net/gh/DGCK81LNN/bootstrap-lnn@c0d4c78907b4ebabc6d5d34abd404abf64338816/fonts/XEGOEPUAall.woff") format("woff");
font-display: block;
}
[ lang ],
.lnnblog-font-g {
font-family: -apple-system,
BlinkMacSystemFont,
"Segoe UI",
system-ui,
Roboto,
"Helvetica Neue",
Arial,
"Noto Sans",
"Liberation Sans",
sans-serif,
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji";
}
[ lang$="-Hans" ],
[ lang*="-Hans-" ],
[ lang="zh-CN" ],
[ lang^="zh-CN-" ],
.lnnblog-font-hans {
font-family: '思源黑体 CN',
'苹方-简',
'等线',
'Microsoft YaHei UI',
'微软雅黑',
'Droid Sans Fallback',
sans-serif,
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji";
}
[ lang$="-Qaac" ],
[ lang*="-Qaac-" ],
.lnnblog-font-qaac {
font-family: "LNNCrypt",
'思源黑体 CN',
'苹方-简',
'等线',
'Microsoft YaHei UI',
'微软雅黑',
'Droid Sans Fallback',
sans-serif,
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji" !important;
font-synthesis: none;
}
[ lang$="-Qaaz" ],
[ lang*="-Qaaz-" ],
.lnnblog-font-qaaz {
font-family: "Zhunghua",
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
system-ui,
Roboto,
"Helvetica Neue",
Arial,
"Noto Sans",
"Liberation Sans",
sans-serif,
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji" !important;
font-synthesis: none;
}
[ lang$="-Qaax" ],
[ lang*="-Qaax-" ],
[ lang="qdx" ],
[ lang^="qdx-" ],
[ lang="art-x-xdi8" ],
.lnnblog-font-qaax {
font-family: "XEGOEPUAall",
"Segoe UI",
"思源黑体 CN",
"Source Han CN",
-apple-system,
"Roboto",
"微软雅黑",
"Microsoft YaHei",
system-ui,
sans-serif,
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji" !important;
font-synthesis: weight;
}
pre, code, samp, kbd, tt, textarea {
font-family: Sarasa Mono SC,
Iosevka,
SFMono-Regular,
Menlo,
Monaco,
Consolas,
"Liberation Mono",
"Courier New",
monospace !important;
tab-size: 4;
}
#bodyContent {
font-size: unset;
font-family: unset;
}
html {
font-size: 16px;
}
a.new {
text-decoration-style: dotted;
-webkit-text-decoration-style: dotted;
background-color: rgba(255, 0, 0, 0.08);
}
/* 按钮 */
.lnnblog-button-small {
background: linear-gradient( #f0f0f0, #e0e0e0 );
border-radius: 3px;
border: 1px solid #c0c0c0;
padding: 2px 5px;
}
.lnnblog-button-blue {
display: inline-block;
padding: 0.5rem 1rem;
background: linear-gradient( #4060ff, #3040ff );
color: white;
border-radius: 3px;
border: 2px solid #1c2880;
}
.lnnblog-button-white {
display: inline-block;
padding: 0.5rem 1rem;
background: linear-gradient( #f0f0f0, #e0e0e0 );
color: black;
border-radius: 3px;
border: 2px solid #c0c0c0;
}
.lnnblog-button-red {
display: inline-block;
padding: 0.5rem 1rem;
background: linear-gradient( #ff6040, #ff4030 );
color: white;
border-radius: 3px;
border: 2px solid #80281c;
}
/* 代码块 */
pre:not(.mw-code *),
.mw-code > div {
overflow-y: auto;
max-height: 70vh;
}
td > pre:first-child:last-child,
td > .mw-code:first-child:last-child,
.lnnblog-box-body > pre:first-child:last-child,
.lnnblog-box-body > .mw-code:first-child:last-child,
.lnnblog-hidebox-body > pre:first-child:last-child,
.lnnblog-hidebox-body > .mw-code:first-child:last-child {
margin: -0.2em;
border: none;
}
/* 引用 */
blockquote {
border-left: 0.25rem solid gray;
margin-left: 1rem;
padding-left: 0.75rem;
}
@keyframes lnnblog-highlight {
from {
background-color: rgba(51, 191, 171, 0.75);
}
}
a:target {
animation: lnnblog-highlight 5s ease-out;
}
/* Template:Documentation */
.lnnblog-documentation {
background: rgba(48, 160, 144, 0.2);
border: 1px solid #aaa;
padding: 1rem;
}
.lnnblog-documentation-header {
border-bottom: 1px solid #aaa;
margin-bottom: 1rem;
}
.lnnblog-documentation-header-title {
font-weight: bold;
font-size: 1.25rem;
}
/* Template:Info
* 引自< https://zh.moegirl.org.cn/MediaWiki:Gadget-site-styles.css >,有改动
* CC BY-NC-SA 3.0
*/
.infoBox {
margin: 0 auto;
width: 80%;
border-left: 10px solid;
}
.infoBoxTitle {
margin: 3px auto;
text-align: center;
font-weight: bold;
}
.infoBoxIcon {
display: table-cell;
padding: 2px 0 2px .5em;
vertical-align: middle;
}
.infoBoxText {
display: table-cell;
padding: .25em .5em .25em 1.3em;
width: 100%;
vertical-align: middle;
}
.infoBoxContent {
border: 1px solid #ddd;
border-left-width: 0;
background: #fbfbfb;
}
/* Template:Box 和 Template:Hidebox */
.lnnblog-box,
.lnnblog-hidebox {
display: inline-block;
background: #f9f9f9;
border: 1px solid #aaa;
max-width: 100%;
}
.lnnblog-box-heading,
.lnnblog-hidebox-heading {
background: #f2f2f2;
padding: .2rem;
font-weight: bold;
text-align: center;
}
.lnnblog-box-body,
.lnnblog-hidebox-body {
border-top: 1px solid #aaa;
padding: .2rem;
overflow-wrap: break-word;
}
.lnnblog-box-heading:empty ~ .lnnblog-box-body {
border-top: none;
}
.lnnblog-hidebox-heading {
cursor: pointer;
list-style: none;
position: relative;
padding-left: 1.2rem;
}
.lnnblog-hidebox-heading::-webkit-details-marker { display: none }
.lnnblog-hidebox-heading::before {
content: '';
position: absolute;
left: 0.4rem;
top: 0;
bottom: 0;
height: 0;
margin: auto;
border: 0.3rem solid transparent;
border-left-width: 0.5rem;
border-left-color: currentColor;
transform: rotate(0);
transform-origin: 0.25rem 50%;
}
.lnnblog-hidebox[open] > .lnnblog-hidebox-heading::before {
transform: rotate(90deg);
}
.lnnblog-hidebox[data-lnnblog-hidebox-state="expand"] > .lnnblog-hidebox-heading::before {
animation: lnnblog-hidebox-expand 250ms;
}
.lnnblog-hidebox[data-lnnblog-hidebox-state="shrink"] > .lnnblog-hidebox-heading::before {
transform: rotate(0);
animation: lnnblog-hidebox-shrink 250ms;
}
@keyframes lnnblog-hidebox-expand {
from { transform: rotate(0deg); }
to { transform: rotate(90deg); }
}
@keyframes lnnblog-hidebox-shrink {
from { transform: rotate(90deg); }
to { transform: rotate(0deg); }
}
/* Template:Jk */
.lnnblog-jk {
color: rgba(0, 0, 0, 0.5);
text-decoration: line-through;
text-decoration-color: black;
}
/* 信息模板 */
.lnnblog-infobox {
background: #f9f9f9;
border: 1px solid #aaa;
border-collapse: collapse;
}
@media (min-width: 768px) {
.lnnblog-infobox {
float: right;
width: 300px;
margin-left: 1.5rem;
margin-bottom: 1.5rem;
}
}
.lnnblog-infobox-titlebar {
background: #f2f2f2;
}
.lnnblog-infobox th,
.lnnblog-infobox td {
text-align: center;
padding: 1px;
}
/*
* 工具类
*/
/* 外边距和响应式浮动 */
.lnnblog-margin {
margin-top: .5rem !important;
margin-bottom: .5rem !important;
}
.lnnblog-margin-lg {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.lnnblog-margin-top-0 {
margin-top: 0 !important;
}
@media (min-width: 768px) {
.lnnblog-float {
float: right;
max-width: 300px;
margin-left: .5rem !important;
}
.wikitable.lnnblog-float {
margin-left: 1rem !important;
}
.lnnblog-margin-lg.lnnblog-float {
margin-left: 1.5rem !important;
}
}
/* 清除浮动 */
.clear-both {
clear: both;
}
.clearfix::after {
content: "";
display: block;
clear: both;
}
/* 隐藏空元素hack */
.lnnblog-hide-empty:empty {
display: none !important;
}
/* 首行缩进 */
p.lnnblog-first-line-indent:before,
.lnnblog-first-line-indent p:before {
content: '\3000\3000';
}
/* 目录层数 Hack */
.lnnblog-toc-levels-1 .toclevel-1>ul,
.lnnblog-toc-levels-2 .toclevel-2>ul,
.lnnblog-toc-levels-3 .toclevel-3>ul,
.lnnblog-toc-levels-4 .toclevel-4>ul,
.lnnblog-toc-levels-5 .toclevel-5>ul {
display: none;
}