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。
/* ========== 0. 全域字體與基礎設定 ========== */
body {
font-family: -apple-system, "Noto Sans TC", "Microsoft JhengHei", "Helvetica Neue", sans-serif;
background: #f6f6f6;
}
#content {
background: #ffffff;
border: 1px solid #a7d7f9;
padding: 1.25em 1.5em 1.5em 1.5em;
}
/* ========== 1. 標題、標題線 ========== */
#firstHeading {
font-size: 1.8em;
border-bottom: 1px solid #a2a9b1;
font-family: "Linux Libertine", "Georgia", serif;
line-height: 1.3;
}
h2 {
border-bottom: 1px solid #a2a9b1;
font-size: 1.5em;
overflow: hidden;
}
#content h1, #content h2, #content h3 {
font-weight: bold;
}
/* ========== 2. 頂部 Logo 區 ========== */
/* 改成你自己的 Logo，上傳到 Special:Upload 後替換網址 */
#p-logo a {
background-image: url(/w/images/bc/Wiki.png) !important;
background-size: 135px auto !important;
background-position: center center !important;
}
/* ========== 3. 導航列 Vector 皮膚 ========== */
#mw-navigation, #mw-head {
background: #f8f9fa;
}
.vector-menu-tabs li a {
background: linear-gradient(to bottom, #ffffff 0%, #eaf3ff 100%);
border-color: #a7d7f9;
}
.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a:visited {
background: #ffffff;
color: #000;
}
/* ========== 4. Infobox 資訊框 ========== */
.infobox {
width: 22em;
border: 1px solid #a2a9b1;
background: #f8f9fa;
font-size: 88%;
float: right;
clear: right;
margin: 0.5em 0 0.5em 1em;
border-collapse: collapse;
}
.infobox th {
background: #eaecf0;
text-align: center;
padding: 0.2em;
}
.infobox td {
padding: 0.2em 0.4em;
}
/* ========== 5. 首頁 Banner，求真百科風格 ========== */
#mainpage-banner {
clear: both;
background-image: url("https://static.wikia.nocookie.net/worldpedias/images/1/12/Site-banner_blue.png/revision/latest?cb=20220414144623&path-prefix=zh");
background-repeat: repeat-x;
height: 120px;
min-width: 592px;
margin-bottom: 1em;
border: 1px solid #a7d7f9;
}
#mainpage-banner > div {
line-height: 120px;
}
#mainpage-banner > div > div {
line-height: 1.5em;
vertical-align: middle;
}
#mainpage-banner-logo {
float: left;
width: 112px;
height: 119px;
margin-bottom: 1px;
background-image: url("https://static.wikia.nocookie.net/worldpedias/images/b/bc/Wiki.png/revision/latest?cb=20170616114115&path-prefix=zh");
background-position: -25px 35px;
background-repeat: no-repeat;
}
#mainpage-banner-title {
float: left;
margin-left: 20px;
width: 270px;
}
#mainpage-banner-title > div {
display: inline-block;
}
#mainpage-banner-title h1 {
font-size: 2em;
margin: 0;
padding: 0;
line-height: 1.6em;
border: none;
}
#mainpage-banner-title p {
margin: 0;
padding: 0;
font-size: 90%;
}
#mainpage-banner-intro {
float: right;
margin-right: 20px;
width: 170px;
text-align: right;
}
#mainpage-banner-intro > div {
display: inline-block;
text-align: center;
}
#mainpage-banner-intro .number-of-articles a {
font-size: 120%;
font-family: sans-serif;
font-weight: bold;
}
#mainpage-banner-intro p {
margin: 0;
padding-bottom: .3em;
letter-spacing: .1em;
font-weight: bold;
color: #457;
}
/* ========== 6. 首頁大框 ========== */
#mainpage {
clear: both;
}
#mainpage h2 {
font-size: 1.16em;
margin-bottom: .8em;
letter-spacing: .16em;
font-weight: bold;
border: none;
}
.mainpage-box {
border: 1px solid #a7d7f9;
background: #f5faff;
padding: 0.5em 1em;
margin-bottom: 1em;
}
.mainpage-box h2 {
background: #cedff2;
margin: -0.5em -1em 0.5em -1em;
padding: 0.2em 1em;
border: none;
}
/* ========== 7. 授權圖片 LicenseImage ========== */
.license-description {
clear: both;
margin: 18px 0 18px 12px;
height: 31px;
}
.license-description:before,
.license-description:after {
display: inline-block;
float: right;
visibility: visible;
margin-left: 5.6px;
width: 88px;
height: 31px;
content: "";
background-size: 88px 31px;
}
.license-description:before {
background: url(https://upload.wikimedia.org/wikipedia/commons/b/b7/MediaWiki-2020-button.svg);
}
.license-description:after {
background: url(https://upload.wikimedia.org/wikipedia/commons/a/a3/Cc-by-sa_icon.svg);
}
/* ========== 8. 語言能力 Babel 框 ========== */
.lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 {
margin: 2px 4px 2px 4px;
width: 238px;
border-collapse: collapse;
}
td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 {
text-align: center;
font-size: 14pt;
width: 45px;
height: 45px;
color: black;
}
td.lang-descriptionN, td.lang-description0, td.lang-description1,
td.lang-description2, td.lang-description3 {
font-size: 8pt;
padding: 4pt;
line-height: 1.25em;
color: black;
}
.lang-block0 { border: 1px solid #FFB3B3; }
td.lang-code0 { background-color: #FFB3B3; }
td.lang-description0 { background-color: #FFE0E8; }
.lang-block1, .lang-block2, .lang-block3 { border: 1px solid #99B3FF; }
td.lang-code1, td.lang-code2, td.lang-code3 { background-color: #99B3FF; }
td.lang-description1, td.lang-description2, td.lang-description3 { background-color: #E0E8FF; }
.lang-blockN { border: 1px solid #6EF7A7; }
td.lang-codeN { background-color: #6EF7A7; }
td.lang-descriptionN { background-color: #C5FCDC; }
/* ========== 9. 去掉 WikiTide 頁腳 ========== */
#footer-info-copyright, .wikitide-footer {
display: none !important;
}
/* ========== 10. 行動版修正 ========== */
@media all and (max-width: 720px) {
#mainpage-banner-title, #mainpage-banner-intro {
float: none;
width: auto;
margin: 0;
text-align: center;
}
#mainpage-banner-logo { display: none; }
#mainpage-banner { height: auto; min-width: 0; }
#mainpage-banner > div { line-height: normal; padding: 1em 0; }
}
/* ========== 11. 其他修正 ========== */
/* 透明編輯儲存頁面 */
#editarea .loading-background {
background-color: rgba(255,255,255,0.6);
}
/* 修掉你原本 CSS 的語法錯誤 */
:is(.theme-fandomdesktop-dark, .theme-fandommobile-dark) .fandom-community-header__image img {
filter: invert(1);
}