MediaWiki:Tweeki.css:修订间差异
MediaWiki界面页面
更多操作
Maintenance script(留言 | 贡献) Remove stale Tweeki login style seam |
Maintenance script(留言 | 贡献) Polish Tweeki component rehearsal style |
||
| 第1行: | 第1行: | ||
/* MUC Wiki Tweeki component theme. Active on the staging rehearsal host. */ | /* MUC Wiki Tweeki component theme. Active on the staging rehearsal host. */ | ||
body.skin-tweeki { | body.skin-tweeki { | ||
--mucwiki-page: # | --mucwiki-page: #f4f7fb; | ||
--mucwiki-surface: #fff; | --mucwiki-surface: #fff; | ||
--mucwiki-surface-raised: #fff; | --mucwiki-surface-raised: #fff; | ||
--mucwiki-surface-soft: # | --mucwiki-surface-soft: #f8fafc; | ||
--mucwiki-text: # | --mucwiki-text: #1d2939; | ||
--mucwiki-text-strong: # | --mucwiki-text-strong: #0f172a; | ||
--mucwiki-muted: # | --mucwiki-muted: #617083; | ||
--mucwiki-border: # | --mucwiki-border: #d8e2ee; | ||
--mucwiki-border-soft: # | --mucwiki-border-soft: #e8eef5; | ||
--mucwiki-accent: # | --mucwiki-accent: #245b9f; | ||
--mucwiki-accent-strong: # | --mucwiki-accent-strong: #173f75; | ||
--mucwiki-accent-soft: # | --mucwiki-accent-soft: #eef6ff; | ||
--mucwiki-success: #18715f; | |||
--mucwiki-success-soft: #eaf7f3; | |||
--mucwiki-ink-soft: #f1f5f9; | |||
--mucwiki-warning-soft: #fffbeb; | --mucwiki-warning-soft: #fffbeb; | ||
--mucwiki-warning-border: #ecd79d; | --mucwiki-warning-border: #ecd79d; | ||
--mucwiki-shadow- | --mucwiki-shadow-xs: 0 1px 2px rgba(16, 24, 40, .035); | ||
--mucwiki-shadow-md: 0 | --mucwiki-shadow-sm: 0 8px 24px rgba(31, 47, 70, .055); | ||
--mucwiki-shadow-md: 0 20px 54px rgba(31, 47, 70, .092); | |||
--mucwiki-focus: rgba(36, 91, 159, .2); | --mucwiki-focus: rgba(36, 91, 159, .2); | ||
min-width: 0; | min-width: 0; | ||
background: var(--mucwiki-page); | background: var(--mucwiki-page); | ||
background-image: | background-image: | ||
linear-gradient(180deg, rgba(255, 255, 255, . | linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(244, 247, 251, 0) 15rem), | ||
linear-gradient(90deg, rgba( | linear-gradient(90deg, rgba(36, 91, 159, .018) 1px, transparent 1px), | ||
linear-gradient(180deg, rgba( | linear-gradient(180deg, rgba(36, 91, 159, .014) 1px, transparent 1px); | ||
background-size: auto, 2.25rem 2.25rem, 2.25rem 2.25rem; | background-size: auto, 2.25rem 2.25rem, 2.25rem 2.25rem; | ||
color: var(--mucwiki-text); | color: var(--mucwiki-text); | ||
| 第52行: | 第56行: | ||
body.skin-tweeki .navbar { | body.skin-tweeki .navbar { | ||
min-height: | min-height: 4rem; | ||
border-bottom: 1px solid rgba(202, 213, 228, .82); | border-bottom: 1px solid rgba(202, 213, 228, .82); | ||
background: rgba(255, 255, 255, . | background: rgba(255, 255, 255, .94) !important; | ||
box-shadow: 0 10px 30px rgba(31, 47, 70, . | box-shadow: 0 10px 30px rgba(31, 47, 70, .048); | ||
backdrop-filter: blur( | backdrop-filter: blur(14px); | ||
} | } | ||
| 第75行: | 第79行: | ||
font-weight: 900; | font-weight: 900; | ||
letter-spacing: 0; | letter-spacing: 0; | ||
} | |||
body.skin-tweeki .navbar-brand::before { | |||
content: ""; | |||
display: inline-block; | |||
width: .72rem; | |||
height: .72rem; | |||
margin-right: .55rem; | |||
border: 2px solid var(--mucwiki-accent); | |||
border-radius: 999px; | |||
background: | |||
radial-gradient(circle at center, var(--mucwiki-accent) 0 35%, transparent 37%), | |||
#fff; | |||
} | } | ||
| 第206行: | 第223行: | ||
body.skin-tweeki #content.mw-body { | body.skin-tweeki #content.mw-body { | ||
max-width: 76rem; | max-width: 76rem; | ||
margin: 1. | margin: 1.45rem auto 0; | ||
padding: 2. | padding: 2rem 2.35rem 2.65rem; | ||
border: 1px solid rgba(215, 224, 236, .92); | border: 1px solid rgba(215, 224, 236, .92); | ||
border-radius: | border-radius: 10px; | ||
background: rgba(255, 255, 255, .96); | background: rgba(255, 255, 255, .96); | ||
box-shadow: | box-shadow: var(--mucwiki-shadow-md); | ||
overflow-x: hidden; | overflow-x: hidden; | ||
} | } | ||
| 第224行: | 第241行: | ||
margin: 0 auto; | margin: 0 auto; | ||
color: var(--mucwiki-text); | color: var(--mucwiki-text); | ||
font-size: 1. | font-size: 1.02rem; | ||
line-height: 1. | line-height: 1.8; | ||
} | } | ||
| 第234行: | 第251行: | ||
body.skin-tweeki #firstHeading { | body.skin-tweeki #firstHeading { | ||
margin: 0 auto 1. | margin: 0 auto 1.05rem; | ||
color: var(--mucwiki-text-strong); | color: var(--mucwiki-text-strong); | ||
font-size: | font-size: 2rem; | ||
font-weight: 900; | font-weight: 900; | ||
line-height: 1.18; | line-height: 1.18; | ||
text-align: left; | text-align: left; | ||
} | |||
body.skin-tweeki:not(.page-首页):not(.ns-special) #firstHeading::after { | |||
content: ""; | |||
display: block; | |||
width: 3rem; | |||
height: .2rem; | |||
margin-top: .72rem; | |||
border-radius: 999px; | |||
background: var(--mucwiki-accent); | |||
} | } | ||
| 第246行: | 第273行: | ||
align-items: center; | align-items: center; | ||
gap: .52rem; | gap: .52rem; | ||
margin-top: 1. | margin-top: 1.85rem; | ||
padding-bottom: .45rem; | padding-bottom: .45rem; | ||
border-bottom: 1px solid var(--mucwiki-border); | border-bottom: 1px solid var(--mucwiki-border); | ||
color: #111827; | color: #111827; | ||
font-size: 1. | font-size: 1.28rem; | ||
font-weight: 900; | font-weight: 900; | ||
} | } | ||
| 第266行: | 第293行: | ||
margin-top: 1.2rem; | margin-top: 1.2rem; | ||
color: #172033; | color: #172033; | ||
font-size: 1. | font-size: 1.08rem; | ||
font-weight: 800; | font-weight: 800; | ||
} | } | ||
| 第280行: | 第307行: | ||
margin-top: .7rem; | margin-top: .7rem; | ||
margin-bottom: .7rem; | margin-bottom: .7rem; | ||
} | |||
body.skin-tweeki .mw-parser-output > p:first-of-type:not(.mucwiki-home-lede) { | |||
margin-top: .85rem; | |||
padding: .95rem 1rem; | |||
border: 1px solid var(--mucwiki-border-soft); | |||
border-left: 4px solid var(--mucwiki-accent); | |||
border-radius: 8px; | |||
background: var(--mucwiki-surface-soft); | |||
color: #253044; | |||
} | } | ||
| 第342行: | 第379行: | ||
body.skin-tweeki button { | body.skin-tweeki button { | ||
border-radius: 8px; | border-radius: 8px; | ||
} | |||
body.skin-tweeki .btn, | |||
body.skin-tweeki .mw-ui-button, | |||
body.skin-tweeki .oo-ui-buttonElement-button, | |||
body.skin-tweeki .cdx-button, | |||
body.skin-tweeki input[type="submit"], | |||
body.skin-tweeki button { | |||
min-height: 2.35rem; | |||
font-weight: 760; | |||
} | } | ||
| 第375行: | 第422行: | ||
body.skin-tweeki.page-特殊_搜索 .mw-search-result { | body.skin-tweeki.page-特殊_搜索 .mw-search-result { | ||
margin: .75rem 0; | margin: .75rem 0; | ||
padding: . | padding: .95rem 1rem; | ||
border: 1px solid var(--mucwiki-border-soft); | border: 1px solid var(--mucwiki-border-soft); | ||
border-radius: 8px; | border-radius: 8px; | ||
background: rgba(255, 255, 255, .96); | background: rgba(255, 255, 255, .96); | ||
box-shadow: var(--mucwiki-shadow-xs); | |||
} | |||
body.skin-tweeki.mw-special-Search .mw-search-result:hover, | |||
body.skin-tweeki.page-特殊_搜索 .mw-search-result:hover { | |||
border-color: #c8d8ea; | |||
box-shadow: var(--mucwiki-shadow-sm); | box-shadow: var(--mucwiki-shadow-sm); | ||
} | } | ||
| 第487行: | 第540行: | ||
border-radius: 8px; | border-radius: 8px; | ||
background: rgba(255, 255, 255, .96); | background: rgba(255, 255, 255, .96); | ||
box-shadow: | box-shadow: var(--mucwiki-shadow-sm); | ||
} | } | ||
| 第525行: | 第578行: | ||
body.skin-tweeki #tweekiTOC .nav-link { | body.skin-tweeki #tweekiTOC .nav-link { | ||
padding: . | padding: .22rem .42rem; | ||
border-radius: 6px; | |||
color: #536070; | color: #536070; | ||
font-size: .92rem; | font-size: .92rem; | ||
| 第535行: | 第589行: | ||
body.skin-tweeki #tweekiTOC .nav-link:focus { | body.skin-tweeki #tweekiTOC .nav-link:focus { | ||
color: var(--mucwiki-accent-strong); | color: var(--mucwiki-accent-strong); | ||
background: | background: var(--mucwiki-accent-soft); | ||
} | } | ||
2026年6月4日 (四) 15:33的版本
/* MUC Wiki Tweeki component theme. Active on the staging rehearsal host. */
body.skin-tweeki {
--mucwiki-page: #f4f7fb;
--mucwiki-surface: #fff;
--mucwiki-surface-raised: #fff;
--mucwiki-surface-soft: #f8fafc;
--mucwiki-text: #1d2939;
--mucwiki-text-strong: #0f172a;
--mucwiki-muted: #617083;
--mucwiki-border: #d8e2ee;
--mucwiki-border-soft: #e8eef5;
--mucwiki-accent: #245b9f;
--mucwiki-accent-strong: #173f75;
--mucwiki-accent-soft: #eef6ff;
--mucwiki-success: #18715f;
--mucwiki-success-soft: #eaf7f3;
--mucwiki-ink-soft: #f1f5f9;
--mucwiki-warning-soft: #fffbeb;
--mucwiki-warning-border: #ecd79d;
--mucwiki-shadow-xs: 0 1px 2px rgba(16, 24, 40, .035);
--mucwiki-shadow-sm: 0 8px 24px rgba(31, 47, 70, .055);
--mucwiki-shadow-md: 0 20px 54px rgba(31, 47, 70, .092);
--mucwiki-focus: rgba(36, 91, 159, .2);
min-width: 0;
background: var(--mucwiki-page);
background-image:
linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(244, 247, 251, 0) 15rem),
linear-gradient(90deg, rgba(36, 91, 159, .018) 1px, transparent 1px),
linear-gradient(180deg, rgba(36, 91, 159, .014) 1px, transparent 1px);
background-size: auto, 2.25rem 2.25rem, 2.25rem 2.25rem;
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(202, 213, 228, .82);
background: rgba(255, 255, 255, .94) !important;
box-shadow: 0 10px 30px rgba(31, 47, 70, .048);
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 {
display: inline-flex;
min-height: 2.35rem;
align-items: center;
margin-right: 1.2rem;
color: #0f172a;
font-size: 1.08rem;
font-weight: 900;
letter-spacing: 0;
}
body.skin-tweeki .navbar-brand::before {
content: "";
display: inline-block;
width: .72rem;
height: .72rem;
margin-right: .55rem;
border: 2px solid var(--mucwiki-accent);
border-radius: 999px;
background:
radial-gradient(circle at center, var(--mucwiki-accent) 0 35%, transparent 37%),
#fff;
}
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 .78rem;
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: #eef5fd;
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: #e5f0fb;
box-shadow: inset 0 0 0 1px #c9daee;
color: var(--mucwiki-accent-strong);
}
body.skin-tweeki .navbar form {
max-width: 20rem;
}
body.skin-tweeki .navbar .form-control,
body.skin-tweeki .navbar input[type="search"],
body.skin-tweeki #searchInput {
min-height: 2.5rem;
border: 1px solid #cbd8e7;
border-radius: 8px;
background: rgba(255, 255, 255, .96);
box-shadow: 0 1px 2px rgba(16, 24, 40, .035);
}
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:not(.page-首页):not(.ns-special) {
background-image: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(245, 247, 251, 0) 14rem);
}
body.skin-tweeki #content.mw-body {
max-width: 76rem;
margin: 1.45rem auto 0;
padding: 2rem 2.35rem 2.65rem;
border: 1px solid rgba(215, 224, 236, .92);
border-radius: 10px;
background: rgba(255, 255, 255, .96);
box-shadow: var(--mucwiki-shadow-md);
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: 1.02rem;
line-height: 1.8;
}
body.skin-tweeki:not(.page-首页) .mw-parser-output,
body.skin-tweeki:not(.page-首页) #firstHeading {
max-width: 59rem;
}
body.skin-tweeki #firstHeading {
margin: 0 auto 1.05rem;
color: var(--mucwiki-text-strong);
font-size: 2rem;
font-weight: 900;
line-height: 1.18;
text-align: left;
}
body.skin-tweeki:not(.page-首页):not(.ns-special) #firstHeading::after {
content: "";
display: block;
width: 3rem;
height: .2rem;
margin-top: .72rem;
border-radius: 999px;
background: var(--mucwiki-accent);
}
body.skin-tweeki .mw-parser-output h2 {
display: flex;
align-items: center;
gap: .52rem;
margin-top: 1.85rem;
padding-bottom: .45rem;
border-bottom: 1px solid var(--mucwiki-border);
color: #111827;
font-size: 1.28rem;
font-weight: 900;
}
body.skin-tweeki .mw-parser-output h2::before {
content: "";
display: inline-block;
width: .32rem;
height: 1.08rem;
border-radius: 999px;
background: var(--mucwiki-accent);
}
body.skin-tweeki .mw-parser-output h3 {
margin-top: 1.2rem;
color: #172033;
font-size: 1.08rem;
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 {
margin-top: .7rem;
margin-bottom: .7rem;
}
body.skin-tweeki .mw-parser-output > p:first-of-type:not(.mucwiki-home-lede) {
margin-top: .85rem;
padding: .95rem 1rem;
border: 1px solid var(--mucwiki-border-soft);
border-left: 4px solid var(--mucwiki-accent);
border-radius: 8px;
background: var(--mucwiki-surface-soft);
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: 8px;
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-ui-button,
body.skin-tweeki .oo-ui-buttonElement-button,
body.skin-tweeki .cdx-button,
body.skin-tweeki input[type="submit"],
body.skin-tweeki button {
border-radius: 8px;
}
body.skin-tweeki .btn,
body.skin-tweeki .mw-ui-button,
body.skin-tweeki .oo-ui-buttonElement-button,
body.skin-tweeki .cdx-button,
body.skin-tweeki input[type="submit"],
body.skin-tweeki button {
min-height: 2.35rem;
font-weight: 760;
}
body.skin-tweeki .oo-ui-widget,
body.skin-tweeki .oo-ui-inputWidget-input,
body.skin-tweeki .mw-widget-dateInputWidget-handle,
body.skin-tweeki .cdx-text-input__input,
body.skin-tweeki .mw-ui-input {
border-radius: 8px;
}
body.skin-tweeki .mw-rcfilters-ui-filterWrapperWidget,
body.skin-tweeki .mw-rcfilters-ui-changesListWrapperWidget,
body.skin-tweeki .mw-changeslist-legend {
border-color: var(--mucwiki-border);
border-radius: 8px;
background: rgba(255, 255, 255, .96);
box-shadow: var(--mucwiki-shadow-sm);
}
body.skin-tweeki .mw-rcfilters-ui-filterWrapperWidget {
overflow: hidden;
}
body.skin-tweeki.mw-special-Search .searchresults,
body.skin-tweeki.mw-special-Search .mw-search-results,
body.skin-tweeki.page-特殊_搜索 .searchresults,
body.skin-tweeki.page-特殊_搜索 .mw-search-results {
max-width: 58rem;
}
body.skin-tweeki.mw-special-Search .mw-search-result,
body.skin-tweeki.page-特殊_搜索 .mw-search-result {
margin: .75rem 0;
padding: .95rem 1rem;
border: 1px solid var(--mucwiki-border-soft);
border-radius: 8px;
background: rgba(255, 255, 255, .96);
box-shadow: var(--mucwiki-shadow-xs);
}
body.skin-tweeki.mw-special-Search .mw-search-result:hover,
body.skin-tweeki.page-特殊_搜索 .mw-search-result:hover {
border-color: #c8d8ea;
box-shadow: var(--mucwiki-shadow-sm);
}
body.skin-tweeki.mw-special-Search .search-types,
body.skin-tweeki.page-特殊_搜索 .search-types {
overflow: hidden;
border: 1px solid var(--mucwiki-border);
border-radius: 8px;
background: rgba(255, 255, 255, .96);
}
body.skin-tweeki.mw-special-Search #searchText,
body.skin-tweeki.page-特殊_搜索 #searchText {
border-color: var(--mucwiki-border);
border-radius: 8px 0 0 8px;
box-shadow: none;
}
body.skin-tweeki textarea,
body.skin-tweeki #wpTextbox1 {
border: 1px solid #cfd9e7;
border-radius: 8px;
background: #fbfdff;
color: #172033;
box-shadow: inset 0 1px 2px rgba(16, 24, 40, .04);
font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
line-height: 1.62;
}
body.skin-tweeki textarea:focus,
body.skin-tweeki #wpTextbox1:focus {
border-color: #8eb0dc;
box-shadow: 0 0 0 .18rem var(--mucwiki-focus), inset 0 1px 2px rgba(16, 24, 40, .04);
outline: 0;
}
body.skin-tweeki .mw-changeslist h4 {
margin-top: 1.6rem;
color: #101828;
font-size: 1.35rem;
font-weight: 900;
}
body.skin-tweeki .mw-changeslist-line {
border-radius: 6px;
}
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 {
position: sticky;
top: 5.3rem;
align-self: flex-start;
padding-top: 1.75rem;
}
body.skin-tweeki #sidebar-right .mucwiki-page-tool {
display: block;
width: 100%;
}
body.skin-tweeki #sidebar-right .mucwiki-page-tool .btn,
body.skin-tweeki #sidebar-right .btn-outline-secondary {
display: flex;
width: 100%;
min-height: 2.5rem;
align-items: center;
justify-content: flex-start;
gap: .38rem;
border-color: #d2ddeb;
border-radius: 8px;
background: rgba(255, 255, 255, .96);
color: #344054;
font-weight: 800;
padding-right: .88rem;
padding-left: .88rem;
box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}
body.skin-tweeki #sidebar-right .mucwiki-page-tool .btn:hover,
body.skin-tweeki #sidebar-right .mucwiki-page-tool .btn:focus {
border-color: #a8bedc;
background: var(--mucwiki-accent-soft);
color: var(--mucwiki-accent-strong);
}
body.skin-tweeki #sidebar-right .fa::before {
color: currentColor;
}
body.skin-tweeki #sidebar-right .card,
body.skin-tweeki #sidebar-right .list-group,
body.skin-tweeki #sidebar-right .tweeki-toc {
border: 1px solid #dbe4ef;
border-radius: 8px;
background: rgba(255, 255, 255, .96);
box-shadow: var(--mucwiki-shadow-sm);
}
body.skin-tweeki #tweekiTOC {
margin-top: 1rem;
}
body.skin-tweeki #tweekiTOC .toctitle h2 {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 0 .58rem;
color: #1f2937;
font-size: .92rem;
font-weight: 900;
}
body.skin-tweeki #tweekiTOC .toctitle h2::before {
content: "";
display: inline-block;
width: .28rem;
height: .95rem;
margin-right: .38rem;
border-radius: 999px;
background: var(--mucwiki-accent);
}
body.skin-tweeki #tweekiTOC .toctitle a {
display: none;
}
body.skin-tweeki #tweekiTOC #toc {
display: block !important;
width: 100%;
padding: .82rem .88rem;
}
body.skin-tweeki #tweekiTOC .nav-link {
padding: .22rem .42rem;
border-radius: 6px;
color: #536070;
font-size: .92rem;
line-height: 1.35;
}
body.skin-tweeki #tweekiTOC .nav-link.active,
body.skin-tweeki #tweekiTOC .nav-link:hover,
body.skin-tweeki #tweekiTOC .nav-link:focus {
color: var(--mucwiki-accent-strong);
background: var(--mucwiki-accent-soft);
}
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: 1.65rem 1rem 2rem;
border-top: 1px solid #dce5ef;
background: rgba(239, 244, 249, .96) !important;
color: var(--mucwiki-muted);
text-align: left;
}
body.skin-tweeki #footer .container {
max-width: 76rem;
}
body.skin-tweeki #footer .row {
align-items: center;
row-gap: .85rem;
}
body.skin-tweeki #footer .footer-widget {
display: flex;
align-items: center;
}
body.skin-tweeki #footer .footer-widget:nth-child(2) {
justify-content: center;
}
body.skin-tweeki #footer .footer-widget:nth-child(3) {
justify-content: flex-end;
}
body.skin-tweeki #footer ul {
display: flex;
flex-wrap: wrap;
gap: .35rem .9rem;
align-items: center;
justify-content: flex-start;
margin: 0;
padding: 0;
list-style: none;
}
body.skin-tweeki #footer li {
margin: 0;
color: var(--mucwiki-muted);
font-size: .88rem;
line-height: 1.45;
}
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 #footer #footer-icons {
justify-content: flex-end;
}
body.skin-tweeki #footer #footer-poweredbyico .cdx-button,
body.skin-tweeki #footer #footer-poweredbyico a {
min-height: 2rem;
padding: .28rem .55rem;
border: 1px solid var(--mucwiki-border);
border-radius: 8px;
background: #fff;
color: #516070;
font-size: .82rem;
box-shadow: none;
}
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-首页 #maincontentwrapper {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
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.55rem;
}
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;
}
@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;
}
body.skin-tweeki:not(.page-首页) #sidebar-right {
width: auto;
max-width: calc(100% - 1.8rem);
margin: .9rem .9rem 0;
}
body.skin-tweeki:not(.page-首页) #sidebar-right .btn-group,
body.skin-tweeki:not(.page-首页) #sidebar-right .dropdown {
max-width: 100%;
}
body.skin-tweeki:not(.page-首页) #sidebar-right .mucwiki-page-tool .btn,
body.skin-tweeki:not(.page-首页) #sidebar-right .btn-outline-secondary {
min-height: 2.2rem;
justify-content: flex-start;
padding-right: .8rem;
padding-left: .8rem;
}
}
@media (max-width: 575.98px) {
body.skin-tweeki #footer {
text-align: center;
}
body.skin-tweeki #footer ul,
body.skin-tweeki #footer #footer-icons {
justify-content: center;
}
body.skin-tweeki #footer .footer-widget,
body.skin-tweeki #footer .footer-widget:nth-child(2),
body.skin-tweeki #footer .footer-widget:nth-child(3) {
justify-content: center;
}
}
@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;
}
}