MediaWiki:Tweeki.css:修订间差异
MediaWiki界面页面
更多操作
Maintenance script(留言 | 贡献) Replace Tweeki menu glyph with CSS bars |
Maintenance script(留言 | 贡献) Refine Tweeki component skin system |
||
| 第1行: | 第1行: | ||
/* MUC Wiki Tweeki component theme. | /* MUC Wiki Tweeki component theme. Active on the staging rehearsal host. */ | ||
body.skin-tweeki { | body.skin-tweeki { | ||
--mucwiki-page: # | --mucwiki-page: #f3f6fa; | ||
--mucwiki-surface: # | --mucwiki-surface: #fff; | ||
--mucwiki-surface-soft: # | --mucwiki-surface-raised: #fff; | ||
--mucwiki-surface-soft: #f8fafc; | |||
--mucwiki-text: #172033; | --mucwiki-text: #172033; | ||
--mucwiki-text-strong: # | --mucwiki-text-strong: #101828; | ||
--mucwiki-muted: # | --mucwiki-muted: #667085; | ||
--mucwiki-border: # | --mucwiki-border: #d8e2ee; | ||
--mucwiki-border-soft: #e8eef6; | --mucwiki-border-soft: #e8eef6; | ||
--mucwiki-accent: #245b9f; | --mucwiki-accent: #245b9f; | ||
--mucwiki-accent-strong: #173f75; | --mucwiki-accent-strong: #173f75; | ||
--mucwiki-accent-soft: #edf4ff; | --mucwiki-accent-soft: #edf4ff; | ||
--mucwiki-focus: rgba( | --mucwiki-warning-soft: #fffbeb; | ||
--mucwiki-warning-border: #ecd79d; | |||
--mucwiki-shadow-sm: 0 1px 2px rgba(16, 24, 40, .045); | |||
--mucwiki-shadow-md: 0 14px 34px rgba(31, 47, 70, .08); | |||
--mucwiki-focus: rgba(36, 91, 159, .2); | |||
min-width: 0; | min-width: 0; | ||
background: var(--mucwiki-page); | background: var(--mucwiki-page); | ||
| 第28行: | 第33行: | ||
body.skin-tweeki #contentwrapper.with-navbar-fixed { | body.skin-tweeki #contentwrapper.with-navbar-fixed { | ||
padding-top: | padding-top: 4.25rem; | ||
} | } | ||
| 第36行: | 第41行: | ||
body.skin-tweeki #sidebar-right, | body.skin-tweeki #sidebar-right, | ||
body.skin-tweeki #content, | body.skin-tweeki #content, | ||
body.skin-tweeki #bodyContent { | body.skin-tweeki #bodyContent, | ||
body.skin-tweeki .mw-parser-output { | |||
min-width: 0; | min-width: 0; | ||
} | } | ||
body.skin-tweeki .navbar { | body.skin-tweeki .navbar { | ||
min-height: | min-height: 4rem; | ||
border-bottom: 1px solid rgba(198, | border-bottom: 1px solid rgba(198, 210, 225, .92); | ||
background: rgba(255, 255, 255, .96) !important; | background: rgba(255, 255, 255, .96) !important; | ||
box-shadow: 0 1px 0 rgba( | box-shadow: 0 1px 0 rgba(16, 24, 40, .04); | ||
backdrop-filter: blur( | backdrop-filter: blur(14px); | ||
} | } | ||
| 第56行: | 第62行: | ||
body.skin-tweeki .navbar-brand { | body.skin-tweeki .navbar-brand { | ||
margin-right: 1.15rem; | |||
color: #111827; | color: #111827; | ||
font-size: 1. | font-size: 1.08rem; | ||
font-weight: 850; | font-weight: 850; | ||
letter-spacing: 0; | letter-spacing: 0; | ||
| 第63行: | 第70行: | ||
body.skin-tweeki .navbar .navbar-nav { | body.skin-tweeki .navbar .navbar-nav { | ||
gap: . | gap: .12rem; | ||
} | } | ||
| 第76行: | 第83行: | ||
display: inline-flex; | display: inline-flex; | ||
align-items: center; | align-items: center; | ||
min-height: 2. | min-height: 2.35rem; | ||
padding: . | padding: .5rem .72rem; | ||
border-radius: 8px; | border-radius: 8px; | ||
color: #344054; | color: #344054; | ||
font-weight: | font-weight: 760; | ||
line-height: 1.2; | line-height: 1.2; | ||
} | } | ||
| 第97行: | 第104行: | ||
background: var(--mucwiki-accent-soft); | background: var(--mucwiki-accent-soft); | ||
color: var(--mucwiki-accent-strong); | color: var(--mucwiki-accent-strong); | ||
} | } | ||
body.skin-tweeki .navbar form { | body.skin-tweeki .navbar form { | ||
max-width: | max-width: 19rem; | ||
} | } | ||
| 第113行: | 第113行: | ||
body.skin-tweeki .navbar input[type="search"], | body.skin-tweeki .navbar input[type="search"], | ||
body.skin-tweeki #searchInput { | body.skin-tweeki #searchInput { | ||
min-height: 2. | min-height: 2.45rem; | ||
border | border: 1px solid #cfd9e7; | ||
border-radius: | border-radius: 8px; | ||
background: #fff; | background: #fff; | ||
box-shadow: none; | box-shadow: none; | ||
| 第131行: | 第131行: | ||
box-shadow: 0 0 0 .18rem var(--mucwiki-focus); | box-shadow: 0 0 0 .18rem var(--mucwiki-focus); | ||
outline: 0; | outline: 0; | ||
} | |||
body.skin-tweeki .navbar-toggler { | |||
display: inline-flex; | |||
align-items: center; | |||
justify-content: center; | |||
min-width: 2.55rem; | |||
min-height: 2.4rem; | |||
border: 1px solid #cfd9e7; | |||
border-radius: 8px; | |||
color: var(--mucwiki-accent-strong); | |||
font-size: 0; | |||
} | |||
body.skin-tweeki .navbar-toggler::before, | |||
body.skin-tweeki .navbar-toggler::after { | |||
content: none !important; | |||
} | |||
body.skin-tweeki .navbar-toggler .navbar-toggler-icon { | |||
position: relative; | |||
display: block; | |||
width: 1.35rem; | |||
height: 2px; | |||
border-radius: 999px; | |||
background: var(--mucwiki-accent-strong); | |||
background-image: none !important; | |||
box-shadow: 0 -.42rem 0 var(--mucwiki-accent-strong), 0 .42rem 0 var(--mucwiki-accent-strong); | |||
} | |||
body.skin-tweeki .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { | |||
transform: rotate(45deg); | |||
box-shadow: none; | |||
} | |||
body.skin-tweeki .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after { | |||
content: ""; | |||
position: absolute; | |||
inset: 0; | |||
border-radius: 999px; | |||
background: var(--mucwiki-accent-strong); | |||
transform: rotate(90deg); | |||
} | |||
@media (min-width: 992px) { | |||
body.skin-tweeki .navbar-toggler { | |||
display: none !important; | |||
} | |||
body.skin-tweeki .navbar-collapse { | |||
display: flex !important; | |||
} | |||
} | } | ||
| 第142行: | 第194行: | ||
max-width: 76rem; | max-width: 76rem; | ||
margin: 1.55rem auto 0; | margin: 1.55rem auto 0; | ||
padding: 2rem 2.25rem 2. | padding: 2rem 2.25rem 2.7rem; | ||
border: 1px solid var(--mucwiki-border-soft); | border: 1px solid var(--mucwiki-border-soft); | ||
border-radius: | border-radius: 8px; | ||
background: rgba(255, 255, 255, . | background: rgba(255, 255, 255, .98); | ||
box-shadow: | box-shadow: var(--mucwiki-shadow-sm); | ||
overflow-x: hidden; | overflow-x: hidden; | ||
} | } | ||
| 第169行: | 第221行: | ||
body.skin-tweeki #firstHeading { | body.skin-tweeki #firstHeading { | ||
margin: 0 auto | margin: 0 auto 1.15rem; | ||
color: var(--mucwiki-text-strong); | color: var(--mucwiki-text-strong); | ||
font-size: 2rem; | font-size: 2rem; | ||
| 第178行: | 第230行: | ||
body.skin-tweeki .mw-parser-output h2 { | body.skin-tweeki .mw-parser-output h2 { | ||
margin-top: 1. | margin-top: 1.7rem; | ||
padding-bottom: . | padding-bottom: .35rem; | ||
border-bottom: 1px solid var(--mucwiki-border); | border-bottom: 1px solid var(--mucwiki-border); | ||
color: #111827; | color: #111827; | ||
| 第187行: | 第239行: | ||
body.skin-tweeki .mw-parser-output h3 { | body.skin-tweeki .mw-parser-output h3 { | ||
margin-top: 1. | margin-top: 1.2rem; | ||
color: #172033; | color: #172033; | ||
font-size: 1.12rem; | font-size: 1.12rem; | ||
| 第206行: | 第258行: | ||
color: #075fc7; | color: #075fc7; | ||
text-decoration: underline; | text-decoration: underline; | ||
text-underline-offset: .14em; | |||
} | } | ||
| 第220行: | 第273行: | ||
body.skin-tweeki .mw-parser-output blockquote, | body.skin-tweeki .mw-parser-output blockquote, | ||
body.skin-tweeki .mw-parser-output pre, | body.skin-tweeki .mw-parser-output pre, | ||
body.skin-tweeki .mw-parser-output | body.skin-tweeki .mw-parser-output code { | ||
border-radius: 8px; | |||
border-radius: | |||
} | } | ||
body.skin-tweeki .mw-parser-output blockquote { | body.skin-tweeki .mw-parser-output blockquote { | ||
padding: . | margin: 1rem 0; | ||
border-left: 4px solid | padding: .9rem 1rem; | ||
border-left: 4px solid var(--mucwiki-accent); | |||
background: var(--mucwiki-accent-soft); | |||
} | } | ||
body.skin-tweeki .mw-parser-output | body.skin-tweeki .mw-parser-output table.wikitable { | ||
width: 100%; | |||
border-collapse: separate; | |||
border-spacing: 0; | |||
overflow: hidden; | overflow: hidden; | ||
border: 1px solid var(--mucwiki-border); | |||
border | border-radius: 10px; | ||
border-radius: | |||
background: #fff; | background: #fff; | ||
} | } | ||
body.skin-tweeki .mw-parser-output .wikitable th { | body.skin-tweeki .mw-parser-output table.wikitable th { | ||
background: # | background: #f3f7fb; | ||
color: #172033; | color: #172033; | ||
font-weight: 800; | |||
} | |||
body.skin-tweeki .mw-parser-output table.wikitable th, | |||
body.skin-tweeki .mw-parser-output table.wikitable td { | |||
padding: .65rem .75rem; | |||
border-color: var(--mucwiki-border-soft); | |||
} | } | ||
body.skin-tweeki .mw-parser-output img, | body.skin-tweeki .mw-parser-output img, | ||
body.skin-tweeki .mw-parser-output | body.skin-tweeki .mw-parser-output .thumbinner { | ||
max-width: 100%; | max-width: 100%; | ||
height: auto; | height: auto; | ||
} | } | ||
body.skin-tweeki | body.skin-tweeki .toc, | ||
body.skin-tweeki #toc { | |||
body.skin-tweeki | border: 1px solid var(--mucwiki-border); | ||
border-radius: 8px; | border-radius: 8px; | ||
background: #fff; | background: #fff; | ||
box-shadow: | box-shadow: var(--mucwiki-shadow-sm); | ||
} | |||
body.skin-tweeki #sidebar-right { | |||
padding-top: 1.55rem; | |||
} | } | ||
body.skin-tweeki . | body.skin-tweeki #sidebar-right .card, | ||
body.skin-tweeki | body.skin-tweeki #sidebar-right .list-group, | ||
body.skin-tweeki #sidebar-right .tweeki-toc { | |||
body.skin-tweeki | border: 1px solid var(--mucwiki-border-soft); | ||
border-radius: 8px; | border-radius: 8px; | ||
background: #fff; | |||
box-shadow: var(--mucwiki-shadow-sm); | |||
} | } | ||
body.skin-tweeki # | body.skin-tweeki #sidebar-right a { | ||
color: #344054; | |||
text-decoration: none; | |||
color: | |||
} | } | ||
body.skin-tweeki # | body.skin-tweeki #sidebar-right a:hover, | ||
body.skin-tweeki #sidebar-right a:focus { | |||
body.skin-tweeki | color: var(--mucwiki-accent-strong); | ||
text-decoration: underline; | |||
} | } | ||
body.skin-tweeki #footer | body.skin-tweeki #footer { | ||
margin-top: 4rem; | |||
padding: 2rem 1rem 2.4rem; | |||
border-top: 1px solid var(--mucwiki-border); | |||
color: var(--mucwiki-muted); | |||
text-align: center; | |||
} | } | ||
body.skin-tweeki # | body.skin-tweeki #footer a { | ||
color: #516070; | |||
color: # | |||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
body.skin-tweeki #footer a:hover, | body.skin-tweeki #footer a:hover, | ||
body.skin-tweeki #footer a:focus | body.skin-tweeki #footer a:focus { | ||
color: var(--mucwiki-accent-strong); | |||
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
body.skin-tweeki.page-首页 #content.mw-body { | |||
body.skin-tweeki.page-首页 # | max-width: 76rem; | ||
padding: 0; | |||
border: 0; | |||
border-radius: 0; | |||
background: transparent; | |||
box-shadow: none; | |||
} | |||
body.skin-tweeki.page-首页 #bodyContent, | |||
body.skin-tweeki.page-首页 .mw-parser-output { | |||
max-width: 100%; | max-width: 100%; | ||
} | } | ||
body.skin-tweeki.page-首页 | body.skin-tweeki.page-首页 .firstHeading, | ||
body.skin-tweeki.page-首页 #firstHeading, | body.skin-tweeki.page-首页 #firstHeading, | ||
body.skin-tweeki.page-首页 h1.firstHeading, | body.skin-tweeki.page-首页 h1.firstHeading, | ||
body.skin-tweeki.page-首页 #siteSub, | body.skin-tweeki.page-首页 #siteSub, | ||
body.skin-tweeki.page-首页 #contentSub, | body.skin-tweeki.page-首页 #contentSub, | ||
body.skin-tweeki.page-首页 #jump-to-nav, | |||
body.skin-tweeki.page-首页 .printfooter, | body.skin-tweeki.page-首页 .printfooter, | ||
body.skin-tweeki.page-首页 .sidebar-right, | |||
body.skin-tweeki.page-首页 .tweeki-toc, | |||
body.skin-tweeki.page-首页 .mw-parser-output > p:first-child { | body.skin-tweeki.page-首页 .mw-parser-output > p:first-child { | ||
display: none !important; | display: none !important; | ||
} | } | ||
body.skin-tweeki.page-首页 # | body.skin-tweeki.page-首页 #sidebar-right, | ||
body.skin-tweeki.page-首页 # | body.skin-tweeki.page-首页 #sidebar-right * { | ||
visibility: hidden !important; | |||
} | } | ||
body.skin-tweeki.page-首页 # | body.skin-tweeki.page-首页 #sidebar-right *::before, | ||
body.skin-tweeki.page-首页 #sidebar-right *::after { | |||
content: none !important; | |||
} | } | ||
body.skin-tweeki. | body.skin-tweeki.ns-special #sidebar-right { | ||
display: none !important; | |||
} | } | ||
body.skin-tweeki.ns-special #maincontentwrapper { | |||
. | flex: 0 0 100%; | ||
. | |||
max-width: 100%; | max-width: 100%; | ||
width: 100%; | |||
} | } | ||
. | body.skin-tweeki.mw-special-Userlogin #content.mw-body { | ||
max-width: 42rem; | max-width: 42rem; | ||
margin-top: 1.35rem; | |||
} | } | ||
. | body.skin-tweeki.mw-special-Userlogin #bodyContent { | ||
max-width: 34rem; | |||
} | } | ||
. | body.skin-tweeki.mw-special-Userlogin #userloginForm, | ||
body.skin-tweeki.mw-special-Userlogin .mw-ui-container, | |||
body.skin-tweeki.mw-special-Userlogin .mw-htmlform { | |||
. | |||
. | |||
border-radius: 8px; | border-radius: 8px; | ||
} | } | ||
. | body.skin-tweeki.mw-special-Userlogin .mw-htmlform-submit, | ||
body.skin-tweeki.mw-special-Userlogin .cdx-button { | |||
min-height: 2.55rem; | |||
border-radius: 9px; | |||
. | |||
. | |||
min-height: 2. | |||
border-radius: | |||
font-weight: 800; | font-weight: 800; | ||
} | } | ||
body.skin-tweeki.mw-special-Userlogin .mw-htmlform-submit[value="MUC Wiki Hub"], | |||
body.skin-tweeki.mw-special-Userlogin button.mw-htmlform-submit:nth-of-type(2) { | |||
background: var(--mucwiki-accent-strong); | |||
border-color: var(--mucwiki-accent-strong); | |||
background: | |||
border- | |||
} | } | ||
| 第1,124行: | 第464行: | ||
width: 100% !important; | width: 100% !important; | ||
max-width: 100%; | max-width: 100%; | ||
} | } | ||
| 第1,131行: | 第470行: | ||
margin: .48rem 0; | margin: .48rem 0; | ||
padding: .52rem .6rem; | padding: .52rem .6rem; | ||
border: 1px solid | border: 1px solid var(--mucwiki-border); | ||
border-radius: | border-radius: 10px; | ||
background: #fff; | background: #fff; | ||
} | } | ||
| 第1,141行: | 第480行: | ||
body.skin-tweeki.page-特殊_最近更改 .mw-changeslist td.mw-changeslist-date { | body.skin-tweeki.page-特殊_最近更改 .mw-changeslist td.mw-changeslist-date { | ||
padding: 0 0 .24rem; | padding: 0 0 .24rem; | ||
color: | color: var(--mucwiki-muted); | ||
font-size: .86rem; | font-size: .86rem; | ||
white-space: normal; | white-space: normal; | ||
| 第1,157行: | 第496行: | ||
} | } | ||
@media (max-width: | @media (max-width: 991.98px) { | ||
. | body.skin-tweeki #contentwrapper.with-navbar-fixed { | ||
padding-top: 3.9rem; | |||
} | } | ||
. | body.skin-tweeki .navbar { | ||
min-height: 3.55rem; | |||
} | } | ||
body.skin-tweeki .navbar .container { | |||
. | padding-right: .9rem; | ||
padding: . | padding-left: .9rem; | ||
} | } | ||
. | body.skin-tweeki .navbar-collapse { | ||
margin-top: .55rem; | |||
padding: .78rem; | |||
border: 1px solid var(--mucwiki-border); | |||
border-radius: 8px; | |||
background: #fff; | |||
box-shadow: var(--mucwiki-shadow-md); | |||
} | } | ||
. | body.skin-tweeki .navbar .nav-link, | ||
body.skin-tweeki .navbar .dropdown-toggle { | |||
width: 100%; | |||
min-height: 2.45rem; | |||
} | } | ||
. | body.skin-tweeki .navbar form { | ||
max-width: none; | |||
margin-top: .5rem; | |||
} | } | ||
. | body.skin-tweeki #content.mw-body { | ||
width: auto; | |||
margin: .9rem .9rem 0; | |||
padding: 1.2rem; | |||
border-radius: 8px; | |||
} | } | ||
. | body.skin-tweeki #firstHeading { | ||
font-size: 1.62rem; | |||
} | } | ||
. | body.skin-tweeki .mw-parser-output { | ||
font-size: .98rem; | |||
line-height: 1.72; | |||
} | } | ||
. | body.skin-tweeki #sidebar-right { | ||
padding: . | padding-top: .9rem; | ||
} | } | ||
} | |||
. | @media (max-width: 560px) { | ||
body.skin-tweeki #contentwrapper.with-navbar-fixed { | |||
padding-top: 3.65rem; | |||
} | } | ||
. | body.skin-tweeki .navbar-brand { | ||
font-size: | font-size: 1rem; | ||
} | } | ||
. | body.skin-tweeki #content.mw-body { | ||
margin: .5rem .75rem 0; | |||
padding: 1rem; | |||
padding: | |||
} | } | ||
. | body.skin-tweeki.page-首页 #content.mw-body { | ||
margin: .5rem .75rem 0; | |||
padding: 0; | |||
padding | |||
} | } | ||
} | } | ||
2026年6月4日 (四) 08:19的版本
/* MUC Wiki Tweeki component theme. Active on the staging rehearsal host. */
body.skin-tweeki {
--mucwiki-page: #f3f6fa;
--mucwiki-surface: #fff;
--mucwiki-surface-raised: #fff;
--mucwiki-surface-soft: #f8fafc;
--mucwiki-text: #172033;
--mucwiki-text-strong: #101828;
--mucwiki-muted: #667085;
--mucwiki-border: #d8e2ee;
--mucwiki-border-soft: #e8eef6;
--mucwiki-accent: #245b9f;
--mucwiki-accent-strong: #173f75;
--mucwiki-accent-soft: #edf4ff;
--mucwiki-warning-soft: #fffbeb;
--mucwiki-warning-border: #ecd79d;
--mucwiki-shadow-sm: 0 1px 2px rgba(16, 24, 40, .045);
--mucwiki-shadow-md: 0 14px 34px rgba(31, 47, 70, .08);
--mucwiki-focus: rgba(36, 91, 159, .2);
min-width: 0;
background: var(--mucwiki-page);
color: var(--mucwiki-text);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", "Microsoft YaHei", sans-serif;
letter-spacing: 0;
-webkit-font-smoothing: antialiased;
}
body.skin-tweeki *,
body.skin-tweeki *::before,
body.skin-tweeki *::after {
box-sizing: border-box;
}
body.skin-tweeki #contentwrapper.with-navbar-fixed {
padding-top: 4.25rem;
}
body.skin-tweeki #contentwrapper,
body.skin-tweeki #contentwrapper > .row,
body.skin-tweeki #maincontentwrapper,
body.skin-tweeki #sidebar-right,
body.skin-tweeki #content,
body.skin-tweeki #bodyContent,
body.skin-tweeki .mw-parser-output {
min-width: 0;
}
body.skin-tweeki .navbar {
min-height: 4rem;
border-bottom: 1px solid rgba(198, 210, 225, .92);
background: rgba(255, 255, 255, .96) !important;
box-shadow: 0 1px 0 rgba(16, 24, 40, .04);
backdrop-filter: blur(14px);
}
body.skin-tweeki .navbar .container {
width: 100%;
max-width: 76rem;
padding-right: 1.25rem;
padding-left: 1.25rem;
}
body.skin-tweeki .navbar-brand {
margin-right: 1.15rem;
color: #111827;
font-size: 1.08rem;
font-weight: 850;
letter-spacing: 0;
}
body.skin-tweeki .navbar .navbar-nav {
gap: .12rem;
}
body.skin-tweeki .navbar a,
body.skin-tweeki .navbar .nav-link,
body.skin-tweeki .navbar .dropdown-toggle {
text-decoration: none;
}
body.skin-tweeki .navbar .nav-link,
body.skin-tweeki .navbar .dropdown-toggle {
display: inline-flex;
align-items: center;
min-height: 2.35rem;
padding: .5rem .72rem;
border-radius: 8px;
color: #344054;
font-weight: 760;
line-height: 1.2;
}
body.skin-tweeki .navbar .nav-link:hover,
body.skin-tweeki .navbar .nav-link:focus,
body.skin-tweeki .navbar .dropdown-toggle:hover,
body.skin-tweeki .navbar .dropdown-toggle:focus {
background: #f1f5f9;
color: var(--mucwiki-accent-strong);
text-decoration: none;
}
body.skin-tweeki .navbar .nav-link.active,
body.skin-tweeki .navbar .nav-item.active > .nav-link {
background: var(--mucwiki-accent-soft);
color: var(--mucwiki-accent-strong);
}
body.skin-tweeki .navbar form {
max-width: 19rem;
}
body.skin-tweeki .navbar .form-control,
body.skin-tweeki .navbar input[type="search"],
body.skin-tweeki #searchInput {
min-height: 2.45rem;
border: 1px solid #cfd9e7;
border-radius: 8px;
background: #fff;
box-shadow: none;
}
body.skin-tweeki .navbar .form-control:focus,
body.skin-tweeki .navbar input[type="search"]:focus,
body.skin-tweeki #searchInput:focus,
body.skin-tweeki input:focus,
body.skin-tweeki select:focus,
body.skin-tweeki textarea:focus,
body.skin-tweeki button:focus,
body.skin-tweeki a:focus-visible {
border-color: #8eb0dc;
box-shadow: 0 0 0 .18rem var(--mucwiki-focus);
outline: 0;
}
body.skin-tweeki .navbar-toggler {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 2.55rem;
min-height: 2.4rem;
border: 1px solid #cfd9e7;
border-radius: 8px;
color: var(--mucwiki-accent-strong);
font-size: 0;
}
body.skin-tweeki .navbar-toggler::before,
body.skin-tweeki .navbar-toggler::after {
content: none !important;
}
body.skin-tweeki .navbar-toggler .navbar-toggler-icon {
position: relative;
display: block;
width: 1.35rem;
height: 2px;
border-radius: 999px;
background: var(--mucwiki-accent-strong);
background-image: none !important;
box-shadow: 0 -.42rem 0 var(--mucwiki-accent-strong), 0 .42rem 0 var(--mucwiki-accent-strong);
}
body.skin-tweeki .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
transform: rotate(45deg);
box-shadow: none;
}
body.skin-tweeki .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
content: "";
position: absolute;
inset: 0;
border-radius: 999px;
background: var(--mucwiki-accent-strong);
transform: rotate(90deg);
}
@media (min-width: 992px) {
body.skin-tweeki .navbar-toggler {
display: none !important;
}
body.skin-tweeki .navbar-collapse {
display: flex !important;
}
}
body.skin-tweeki #siteSub,
body.skin-tweeki #jump-to-nav,
body.skin-tweeki .printfooter {
display: none !important;
}
body.skin-tweeki #content.mw-body {
max-width: 76rem;
margin: 1.55rem auto 0;
padding: 2rem 2.25rem 2.7rem;
border: 1px solid var(--mucwiki-border-soft);
border-radius: 8px;
background: rgba(255, 255, 255, .98);
box-shadow: var(--mucwiki-shadow-sm);
overflow-x: hidden;
}
body.skin-tweeki #bodyContent {
max-width: 68rem;
margin: 0 auto;
}
body.skin-tweeki .mw-parser-output {
max-width: 64rem;
margin: 0 auto;
color: var(--mucwiki-text);
font-size: 1rem;
line-height: 1.78;
}
body.skin-tweeki:not(.page-首页) .mw-parser-output,
body.skin-tweeki:not(.page-首页) #firstHeading {
max-width: 58rem;
}
body.skin-tweeki #firstHeading {
margin: 0 auto 1.15rem;
color: var(--mucwiki-text-strong);
font-size: 2rem;
font-weight: 850;
line-height: 1.18;
text-align: left;
}
body.skin-tweeki .mw-parser-output h2 {
margin-top: 1.7rem;
padding-bottom: .35rem;
border-bottom: 1px solid var(--mucwiki-border);
color: #111827;
font-size: 1.42rem;
font-weight: 850;
}
body.skin-tweeki .mw-parser-output h3 {
margin-top: 1.2rem;
color: #172033;
font-size: 1.12rem;
font-weight: 800;
}
body.skin-tweeki .mw-parser-output p,
body.skin-tweeki .mw-parser-output li,
body.skin-tweeki .mw-parser-output dd,
body.skin-tweeki .mw-parser-output td {
color: #253044;
}
body.skin-tweeki .mw-parser-output p a,
body.skin-tweeki .mw-parser-output li a,
body.skin-tweeki .mw-parser-output dd a,
body.skin-tweeki .mw-parser-output td a {
color: #075fc7;
text-decoration: underline;
text-underline-offset: .14em;
}
body.skin-tweeki .mw-parser-output a:hover,
body.skin-tweeki .mw-parser-output a:focus {
color: #064b9c;
}
body.skin-tweeki .mw-parser-output ul,
body.skin-tweeki .mw-parser-output ol {
padding-left: 1.35rem;
}
body.skin-tweeki .mw-parser-output blockquote,
body.skin-tweeki .mw-parser-output pre,
body.skin-tweeki .mw-parser-output code {
border-radius: 8px;
}
body.skin-tweeki .mw-parser-output blockquote {
margin: 1rem 0;
padding: .9rem 1rem;
border-left: 4px solid var(--mucwiki-accent);
background: var(--mucwiki-accent-soft);
}
body.skin-tweeki .mw-parser-output table.wikitable {
width: 100%;
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
border: 1px solid var(--mucwiki-border);
border-radius: 10px;
background: #fff;
}
body.skin-tweeki .mw-parser-output table.wikitable th {
background: #f3f7fb;
color: #172033;
font-weight: 800;
}
body.skin-tweeki .mw-parser-output table.wikitable th,
body.skin-tweeki .mw-parser-output table.wikitable td {
padding: .65rem .75rem;
border-color: var(--mucwiki-border-soft);
}
body.skin-tweeki .mw-parser-output img,
body.skin-tweeki .mw-parser-output .thumbinner {
max-width: 100%;
height: auto;
}
body.skin-tweeki .toc,
body.skin-tweeki #toc {
border: 1px solid var(--mucwiki-border);
border-radius: 8px;
background: #fff;
box-shadow: var(--mucwiki-shadow-sm);
}
body.skin-tweeki #sidebar-right {
padding-top: 1.55rem;
}
body.skin-tweeki #sidebar-right .card,
body.skin-tweeki #sidebar-right .list-group,
body.skin-tweeki #sidebar-right .tweeki-toc {
border: 1px solid var(--mucwiki-border-soft);
border-radius: 8px;
background: #fff;
box-shadow: var(--mucwiki-shadow-sm);
}
body.skin-tweeki #sidebar-right a {
color: #344054;
text-decoration: none;
}
body.skin-tweeki #sidebar-right a:hover,
body.skin-tweeki #sidebar-right a:focus {
color: var(--mucwiki-accent-strong);
text-decoration: underline;
}
body.skin-tweeki #footer {
margin-top: 4rem;
padding: 2rem 1rem 2.4rem;
border-top: 1px solid var(--mucwiki-border);
color: var(--mucwiki-muted);
text-align: center;
}
body.skin-tweeki #footer a {
color: #516070;
text-decoration: none;
}
body.skin-tweeki #footer a:hover,
body.skin-tweeki #footer a:focus {
color: var(--mucwiki-accent-strong);
text-decoration: underline;
}
body.skin-tweeki.page-首页 #content.mw-body {
max-width: 76rem;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
body.skin-tweeki.page-首页 #bodyContent,
body.skin-tweeki.page-首页 .mw-parser-output {
max-width: 100%;
}
body.skin-tweeki.page-首页 .firstHeading,
body.skin-tweeki.page-首页 #firstHeading,
body.skin-tweeki.page-首页 h1.firstHeading,
body.skin-tweeki.page-首页 #siteSub,
body.skin-tweeki.page-首页 #contentSub,
body.skin-tweeki.page-首页 #jump-to-nav,
body.skin-tweeki.page-首页 .printfooter,
body.skin-tweeki.page-首页 .sidebar-right,
body.skin-tweeki.page-首页 .tweeki-toc,
body.skin-tweeki.page-首页 .mw-parser-output > p:first-child {
display: none !important;
}
body.skin-tweeki.page-首页 #sidebar-right,
body.skin-tweeki.page-首页 #sidebar-right * {
visibility: hidden !important;
}
body.skin-tweeki.page-首页 #sidebar-right *::before,
body.skin-tweeki.page-首页 #sidebar-right *::after {
content: none !important;
}
body.skin-tweeki.ns-special #sidebar-right {
display: none !important;
}
body.skin-tweeki.ns-special #maincontentwrapper {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
body.skin-tweeki.mw-special-Userlogin #content.mw-body {
max-width: 42rem;
margin-top: 1.35rem;
}
body.skin-tweeki.mw-special-Userlogin #bodyContent {
max-width: 34rem;
}
body.skin-tweeki.mw-special-Userlogin #userloginForm,
body.skin-tweeki.mw-special-Userlogin .mw-ui-container,
body.skin-tweeki.mw-special-Userlogin .mw-htmlform {
border-radius: 8px;
}
body.skin-tweeki.mw-special-Userlogin .mw-htmlform-submit,
body.skin-tweeki.mw-special-Userlogin .cdx-button {
min-height: 2.55rem;
border-radius: 9px;
font-weight: 800;
}
body.skin-tweeki.mw-special-Userlogin .mw-htmlform-submit[value="MUC Wiki Hub"],
body.skin-tweeki.mw-special-Userlogin button.mw-htmlform-submit:nth-of-type(2) {
background: var(--mucwiki-accent-strong);
border-color: var(--mucwiki-accent-strong);
}
@media (max-width: 720px) {
body.skin-tweeki.mw-special-Recentchanges .mw-changeslist,
body.skin-tweeki.mw-special-Recentchanges .mw-rcfilters-ui-changesListWrapperWidget,
body.skin-tweeki.mw-special-Recentchanges .mw-body-content,
body.skin-tweeki.mw-special-Recentchanges #bodyContent,
body.skin-tweeki.mw-special-Recentchanges #content,
body.skin-tweeki.page-特殊_最近更改 .mw-changeslist,
body.skin-tweeki.page-特殊_最近更改 .mw-rcfilters-ui-changesListWrapperWidget,
body.skin-tweeki.page-特殊_最近更改 .mw-body-content,
body.skin-tweeki.page-特殊_最近更改 #bodyContent,
body.skin-tweeki.page-特殊_最近更改 #content {
max-width: 100%;
overflow-x: hidden;
}
body.skin-tweeki.mw-special-Recentchanges .mw-changeslist table,
body.skin-tweeki.mw-special-Recentchanges .mw-changeslist tbody,
body.skin-tweeki.mw-special-Recentchanges .mw-changeslist tr,
body.skin-tweeki.mw-special-Recentchanges .mw-changeslist td,
body.skin-tweeki.page-特殊_最近更改 .mw-changeslist table,
body.skin-tweeki.page-特殊_最近更改 .mw-changeslist tbody,
body.skin-tweeki.page-特殊_最近更改 .mw-changeslist tr,
body.skin-tweeki.page-特殊_最近更改 .mw-changeslist td {
display: block;
width: 100% !important;
max-width: 100%;
}
body.skin-tweeki.mw-special-Recentchanges .mw-changeslist table.mw-changeslist-line,
body.skin-tweeki.page-特殊_最近更改 .mw-changeslist table.mw-changeslist-line {
margin: .48rem 0;
padding: .52rem .6rem;
border: 1px solid var(--mucwiki-border);
border-radius: 10px;
background: #fff;
}
body.skin-tweeki.mw-special-Recentchanges .mw-changeslist td.mw-enhanced-rc,
body.skin-tweeki.mw-special-Recentchanges .mw-changeslist td.mw-changeslist-date,
body.skin-tweeki.page-特殊_最近更改 .mw-changeslist td.mw-enhanced-rc,
body.skin-tweeki.page-特殊_最近更改 .mw-changeslist td.mw-changeslist-date {
padding: 0 0 .24rem;
color: var(--mucwiki-muted);
font-size: .86rem;
white-space: normal;
}
body.skin-tweeki.mw-special-Recentchanges .mw-changeslist-line-inner,
body.skin-tweeki.mw-special-Recentchanges .mw-changeslist-line-inner *,
body.skin-tweeki.page-特殊_最近更改 .mw-changeslist-line-inner,
body.skin-tweeki.page-特殊_最近更改 .mw-changeslist-line-inner * {
max-width: 100%;
overflow-wrap: anywhere;
word-break: break-word;
white-space: normal;
}
}
@media (max-width: 991.98px) {
body.skin-tweeki #contentwrapper.with-navbar-fixed {
padding-top: 3.9rem;
}
body.skin-tweeki .navbar {
min-height: 3.55rem;
}
body.skin-tweeki .navbar .container {
padding-right: .9rem;
padding-left: .9rem;
}
body.skin-tweeki .navbar-collapse {
margin-top: .55rem;
padding: .78rem;
border: 1px solid var(--mucwiki-border);
border-radius: 8px;
background: #fff;
box-shadow: var(--mucwiki-shadow-md);
}
body.skin-tweeki .navbar .nav-link,
body.skin-tweeki .navbar .dropdown-toggle {
width: 100%;
min-height: 2.45rem;
}
body.skin-tweeki .navbar form {
max-width: none;
margin-top: .5rem;
}
body.skin-tweeki #content.mw-body {
width: auto;
margin: .9rem .9rem 0;
padding: 1.2rem;
border-radius: 8px;
}
body.skin-tweeki #firstHeading {
font-size: 1.62rem;
}
body.skin-tweeki .mw-parser-output {
font-size: .98rem;
line-height: 1.72;
}
body.skin-tweeki #sidebar-right {
padding-top: .9rem;
}
}
@media (max-width: 560px) {
body.skin-tweeki #contentwrapper.with-navbar-fixed {
padding-top: 3.65rem;
}
body.skin-tweeki .navbar-brand {
font-size: 1rem;
}
body.skin-tweeki #content.mw-body {
margin: .5rem .75rem 0;
padding: 1rem;
}
body.skin-tweeki.page-首页 #content.mw-body {
margin: .5rem .75rem 0;
padding: 0;
}
}