MediaWiki:Tweeki.css:修订间差异
MediaWiki界面页面
更多操作
Maintenance script(留言 | 贡献) Add Tweeki reading and layout polish |
Maintenance script(留言 | 贡献) Fix Tweeki CSS selectors for body skin class |
||
| 第1行: | 第1行: | ||
/* Tweeki rehearsal site polish. Loaded only for users selecting the Tweeki skin. */ | /* Tweeki rehearsal site polish. Loaded only for users selecting the Tweeki skin. */ | ||
.skin-tweeki { | body.skin-tweeki { | ||
background: #fbfcfe; | background: #fbfcfe; | ||
} | } | ||
.skin-tweeki .navbar { | body.skin-tweeki .navbar { | ||
border-bottom: 1px solid #e5eaf1; | border-bottom: 1px solid #e5eaf1; | ||
box-shadow: none; | box-shadow: none; | ||
} | } | ||
.skin-tweeki .mw-body { | body.skin-tweeki.mw-body { | ||
max-width: 78rem; | max-width: 78rem; | ||
margin: 0 auto; | margin: 0 auto; | ||
| 第15行: | 第15行: | ||
} | } | ||
.skin-tweeki .mw-parser-output { | body.skin-tweeki .mw-parser-output { | ||
max-width: 68rem; | max-width: 68rem; | ||
margin: 0 auto; | margin: 0 auto; | ||
| 第23行: | 第23行: | ||
} | } | ||
.skin-tweeki:not(.page-首页) .mw-parser-output { | body.skin-tweeki:not(.page-首页) .mw-parser-output { | ||
max-width: 60rem; | max-width: 60rem; | ||
} | } | ||
.skin-tweeki | body.skin-tweeki #firstHeading { | ||
max-width: 60rem; | max-width: 60rem; | ||
margin: 1.4rem auto 1rem; | margin: 1.4rem auto 1rem; | ||
| 第37行: | 第37行: | ||
} | } | ||
.skin-tweeki.page-首页 .mw-parser-output, | body.skin-tweeki.page-首页 .mw-parser-output, | ||
.skin-tweeki.page-首页 .mw-body { | body.skin-tweeki.page-首页.mw-body { | ||
max-width: 78rem; | max-width: 78rem; | ||
} | } | ||
.skin-tweeki .mw-parser-output h2 { | body.skin-tweeki .mw-parser-output h2 { | ||
margin-top: 1.8rem; | margin-top: 1.8rem; | ||
padding-bottom: .25rem; | padding-bottom: .25rem; | ||
| 第51行: | 第51行: | ||
} | } | ||
.skin-tweeki .mw-parser-output h3 { | body.skin-tweeki .mw-parser-output h3 { | ||
margin-top: 1.35rem; | margin-top: 1.35rem; | ||
color: #172033; | color: #172033; | ||
| 第58行: | 第58行: | ||
} | } | ||
.skin-tweeki .mw-parser-output p, | body.skin-tweeki .mw-parser-output p, | ||
.skin-tweeki .mw-parser-output li { | body.skin-tweeki .mw-parser-output li { | ||
color: #1f2937; | color: #1f2937; | ||
} | } | ||
.skin-tweeki .mw-parser-output ul, | body.skin-tweeki .mw-parser-output ul, | ||
.skin-tweeki .mw-parser-output ol { | body.skin-tweeki .mw-parser-output ol { | ||
padding-left: 1.35rem; | padding-left: 1.35rem; | ||
} | } | ||
.skin-tweeki .mw-parser-output .wikitable { | body.skin-tweeki .mw-parser-output .wikitable { | ||
border-color: #d7dee8; | border-color: #d7dee8; | ||
background: #fff; | background: #fff; | ||
} | } | ||
.skin-tweeki .mw-parser-output .wikitable th { | body.skin-tweeki .mw-parser-output .wikitable th { | ||
background: #f3f6fa; | background: #f3f6fa; | ||
} | } | ||
.skin-tweeki .mw-parser-output .toc, | body.skin-tweeki .mw-parser-output .toc, | ||
.skin-tweeki .mw-parser-output #toc { | body.skin-tweeki .mw-parser-output #toc { | ||
max-width: 24rem; | max-width: 24rem; | ||
margin: 1rem 0 1.35rem; | margin: 1rem 0 1.35rem; | ||
| 第87行: | 第87行: | ||
@media (max-width: 720px) { | @media (max-width: 720px) { | ||
.skin-tweeki .mw-body { | body.skin-tweeki.mw-body { | ||
padding: 4.25rem 1rem 1.5rem; | padding: 4.25rem 1rem 1.5rem; | ||
} | } | ||
.skin-tweeki | body.skin-tweeki #firstHeading { | ||
font-size: 1.7rem; | font-size: 1.7rem; | ||
} | } | ||
.skin-tweeki .mw-parser-output { | body.skin-tweeki .mw-parser-output { | ||
font-size: .98rem; | font-size: .98rem; | ||
line-height: 1.72; | line-height: 1.72; | ||
} | } | ||
} | } | ||
2026年6月4日 (四) 02:01的版本
/* Tweeki rehearsal site polish. Loaded only for users selecting the Tweeki skin. */
body.skin-tweeki {
background: #fbfcfe;
}
body.skin-tweeki .navbar {
border-bottom: 1px solid #e5eaf1;
box-shadow: none;
}
body.skin-tweeki.mw-body {
max-width: 78rem;
margin: 0 auto;
padding: 4.75rem 1.5rem 2rem;
}
body.skin-tweeki .mw-parser-output {
max-width: 68rem;
margin: 0 auto;
color: #111827;
font-size: 1rem;
line-height: 1.78;
}
body.skin-tweeki:not(.page-首页) .mw-parser-output {
max-width: 60rem;
}
body.skin-tweeki #firstHeading {
max-width: 60rem;
margin: 1.4rem auto 1rem;
color: #0f172a;
font-size: 2.15rem;
font-weight: 700;
line-height: 1.2;
text-align: left;
}
body.skin-tweeki.page-首页 .mw-parser-output,
body.skin-tweeki.page-首页.mw-body {
max-width: 78rem;
}
body.skin-tweeki .mw-parser-output h2 {
margin-top: 1.8rem;
padding-bottom: .25rem;
border-bottom: 1px solid #e5eaf1;
color: #111827;
font-size: 1.6rem;
font-weight: 700;
}
body.skin-tweeki .mw-parser-output h3 {
margin-top: 1.35rem;
color: #172033;
font-size: 1.25rem;
font-weight: 700;
}
body.skin-tweeki .mw-parser-output p,
body.skin-tweeki .mw-parser-output li {
color: #1f2937;
}
body.skin-tweeki .mw-parser-output ul,
body.skin-tweeki .mw-parser-output ol {
padding-left: 1.35rem;
}
body.skin-tweeki .mw-parser-output .wikitable {
border-color: #d7dee8;
background: #fff;
}
body.skin-tweeki .mw-parser-output .wikitable th {
background: #f3f6fa;
}
body.skin-tweeki .mw-parser-output .toc,
body.skin-tweeki .mw-parser-output #toc {
max-width: 24rem;
margin: 1rem 0 1.35rem;
border-color: #d7dee8;
border-radius: 8px;
background: #fff;
}
@media (max-width: 720px) {
body.skin-tweeki.mw-body {
padding: 4.25rem 1rem 1.5rem;
}
body.skin-tweeki #firstHeading {
font-size: 1.7rem;
}
body.skin-tweeki .mw-parser-output {
font-size: .98rem;
line-height: 1.72;
}
}