MediaWiki:Tweeki.css:修订间差异
MediaWiki界面页面
更多操作
Maintenance script(留言 | 贡献) Use full width for homepage component surface |
Maintenance script(留言 | 贡献) Tighten article reading measure |
||
| (未显示同一用户的23个中间版本) | |||
| 第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: #f6f8fb; | ||
--mucwiki-surface: #fff; | --mucwiki-surface: #fff; | ||
--mucwiki-surface-raised: #fff; | --mucwiki-surface-raised: #fff; | ||
--mucwiki-surface-soft: #f8fafc; | --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: #d7e0eb; | ||
--mucwiki-border-soft: # | --mucwiki-border-soft: #e9eef5; | ||
--mucwiki-accent: #245b9f; | --mucwiki-accent: #245b9f; | ||
--mucwiki-accent-strong: #173f75; | --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 20px rgba(31, 47, 70, .045); | ||
--mucwiki-shadow-md: 0 18px 46px rgba(31, 47, 70, .07); | |||
--mucwiki-focus: rgba(36, 91, 159, .2); | --mucwiki-focus: rgba(36, 91, 159, .2); | ||
--mucwiki-radius-sm: 6px; | |||
--mucwiki-radius: 8px; | |||
--mucwiki-radius-lg: 10px; | |||
min-width: 0; | min-width: 0; | ||
background: var(--mucwiki-page); | background: var(--mucwiki-page); | ||
background-image: linear-gradient(180deg, rgba(255, 255, 255, .97), rgba(246, 248, 251, 0) 15rem); | |||
color: var(--mucwiki-text); | color: var(--mucwiki-text); | ||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", "Microsoft YaHei", sans-serif; | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", "Microsoft YaHei", sans-serif; | ||
| 第48行: | 第56行: | ||
body.skin-tweeki .navbar { | body.skin-tweeki .navbar { | ||
min-height: 4rem; | min-height: 4rem; | ||
border-bottom: 1px solid rgba( | border-bottom: 1px solid rgba(202, 213, 228, .82); | ||
background: rgba(255, 255, 255, . | background: rgba(255, 255, 255, .94) !important; | ||
box-shadow: 0 | box-shadow: 0 8px 24px rgba(31, 47, 70, .04); | ||
backdrop-filter: blur(14px); | backdrop-filter: blur(14px); | ||
} | } | ||
| 第62行: | 第70行: | ||
body.skin-tweeki .navbar-brand { | body.skin-tweeki .navbar-brand { | ||
margin-right: 1. | display: inline-flex; | ||
color: # | min-height: 2.35rem; | ||
align-items: center; | |||
margin-right: 1.2rem; | |||
color: #0f172a; | |||
font-size: 1.08rem; | font-size: 1.08rem; | ||
font-weight: | 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; | |||
} | } | ||
| 第83行: | 第107行: | ||
display: inline-flex; | display: inline-flex; | ||
align-items: center; | align-items: center; | ||
gap: .35rem; | |||
min-height: 2.35rem; | min-height: 2.35rem; | ||
padding: .5rem . | padding: .5rem .78rem; | ||
border-radius: | border-radius: var(--mucwiki-radius); | ||
color: #344054; | color: #344054; | ||
font-weight: 760; | font-weight: 760; | ||
| 第95行: | 第120行: | ||
body.skin-tweeki .navbar .dropdown-toggle:hover, | body.skin-tweeki .navbar .dropdown-toggle:hover, | ||
body.skin-tweeki .navbar .dropdown-toggle:focus { | body.skin-tweeki .navbar .dropdown-toggle:focus { | ||
background: # | background: #eef5fd; | ||
color: var(--mucwiki-accent-strong); | color: var(--mucwiki-accent-strong); | ||
text-decoration: none; | text-decoration: none; | ||
| 第102行: | 第127行: | ||
body.skin-tweeki .navbar .nav-link.active, | body.skin-tweeki .navbar .nav-link.active, | ||
body.skin-tweeki .navbar .nav-item.active > .nav-link { | body.skin-tweeki .navbar .nav-item.active > .nav-link { | ||
background: | background: #e5f0fb; | ||
box-shadow: inset 0 0 0 1px #c9daee; | |||
color: var(--mucwiki-accent-strong); | color: var(--mucwiki-accent-strong); | ||
} | } | ||
body.skin-tweeki .navbar form { | body.skin-tweeki .navbar form { | ||
max-width: | max-width: 20rem; | ||
} | } | ||
| 第113行: | 第139行: | ||
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.5rem; | ||
border: 1px solid # | border: 1px solid #cbd8e7; | ||
border-radius: | border-radius: var(--mucwiki-radius); | ||
background: | background: rgba(255, 255, 255, .96); | ||
box-shadow: | box-shadow: 0 1px 2px rgba(16, 24, 40, .035); | ||
} | } | ||
| 第140行: | 第166行: | ||
min-height: 2.4rem; | min-height: 2.4rem; | ||
border: 1px solid #cfd9e7; | border: 1px solid #cfd9e7; | ||
border-radius: | border-radius: var(--mucwiki-radius); | ||
color: var(--mucwiki-accent-strong); | color: var(--mucwiki-accent-strong); | ||
font-size: 0; | font-size: 0; | ||
| 第189行: | 第215行: | ||
body.skin-tweeki .printfooter { | body.skin-tweeki .printfooter { | ||
display: none !important; | 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 { | body.skin-tweeki #content.mw-body { | ||
max-width: | max-width: 75rem; | ||
margin: 1. | margin: 1.25rem auto 0; | ||
padding: | padding: 2.05rem 2.25rem 2.55rem; | ||
border: 1px solid | border: 1px solid rgba(215, 224, 236, .86); | ||
border-radius: | border-radius: 12px; | ||
background: rgba(255, 255, 255, .98); | background: rgba(255, 255, 255, .98); | ||
box-shadow: | box-shadow: 0 14px 42px rgba(31, 47, 70, .055); | ||
overflow-x: hidden; | overflow-x: hidden; | ||
} | } | ||
| 第211行: | 第241行: | ||
margin: 0 auto; | margin: 0 auto; | ||
color: var(--mucwiki-text); | color: var(--mucwiki-text); | ||
font-size: | font-size: 1.02rem; | ||
line-height: 1. | line-height: 1.8; | ||
} | } | ||
body.skin-tweeki:not(.page-首页) .mw-parser-output, | body.skin-tweeki:not(.page-首页) .mw-parser-output, | ||
body.skin-tweeki:not(.page-首页) #firstHeading { | body.skin-tweeki:not(.page-首页) #firstHeading { | ||
max-width: | max-width: 52rem; | ||
} | } | ||
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: 1.95rem; | ||
font-weight: | 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: 2.45rem; | |||
height: .16rem; | |||
margin-top: .66rem; | |||
border-radius: 999px; | |||
background: var(--mucwiki-accent); | |||
} | |||
@media (min-width: 992px) { | |||
body.skin-tweeki:not(.page-首页):not(.ns-special) #maincontentwrapper { | |||
flex: 0 0 78%; | |||
max-width: 78%; | |||
} | |||
body.skin-tweeki:not(.page-首页):not(.ns-special) #sidebar-right { | |||
flex: 0 0 22%; | |||
max-width: 22%; | |||
} | |||
} | |||
body.skin-tweeki #contentSub, | |||
body.skin-tweeki .mw-indicators { | |||
max-width: 52rem; | |||
margin-right: auto; | |||
margin-left: auto; | |||
} | } | ||
body.skin-tweeki .mw-parser-output h2 { | body.skin-tweeki .mw-parser-output h2 { | ||
margin-top: 1. | display: flex; | ||
padding-bottom: . | align-items: center; | ||
border-bottom: 1px solid var(--mucwiki-border); | gap: .52rem; | ||
margin-top: 1.75rem; | |||
padding-bottom: .42rem; | |||
border-bottom: 1px solid var(--mucwiki-border-soft); | |||
color: #111827; | color: #111827; | ||
font-size: 1. | font-size: 1.22rem; | ||
font-weight: | 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); | |||
} | } | ||
| 第241行: | 第312行: | ||
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; | ||
} | } | ||
| 第250行: | 第321行: | ||
body.skin-tweeki .mw-parser-output td { | body.skin-tweeki .mw-parser-output td { | ||
color: #253044; | color: #253044; | ||
} | |||
body.skin-tweeki .mw-parser-output p { | |||
margin-top: .7rem; | |||
margin-bottom: .7rem; | |||
} | } | ||
| 第274行: | 第350行: | ||
body.skin-tweeki .mw-parser-output pre, | body.skin-tweeki .mw-parser-output pre, | ||
body.skin-tweeki .mw-parser-output code { | body.skin-tweeki .mw-parser-output code { | ||
border-radius: | border-radius: var(--mucwiki-radius); | ||
} | } | ||
| 第290行: | 第366行: | ||
overflow: hidden; | overflow: hidden; | ||
border: 1px solid var(--mucwiki-border); | border: 1px solid var(--mucwiki-border); | ||
border-radius: | border-radius: var(--mucwiki-radius); | ||
background: #fff; | background: #fff; | ||
} | } | ||
| 第304行: | 第380行: | ||
padding: .65rem .75rem; | padding: .65rem .75rem; | ||
border-color: var(--mucwiki-border-soft); | 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: var(--mucwiki-radius); | |||
} | |||
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: var(--mucwiki-radius); | |||
} | |||
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 .search-types, | |||
body.skin-tweeki.page-特殊_搜索 .search-types, | |||
body.skin-tweeki.mw-special-Search .mw-search-profile-tabs, | |||
body.skin-tweeki.page-特殊_搜索 .mw-search-profile-tabs { | |||
margin: 1rem 0; | |||
} | |||
body.skin-tweeki.mw-special-Search .search-types ul, | |||
body.skin-tweeki.page-特殊_搜索 .search-types ul, | |||
body.skin-tweeki.mw-special-Search .mw-search-profile-tabs, | |||
body.skin-tweeki.page-特殊_搜索 .mw-search-profile-tabs { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: .35rem; | |||
padding: .4rem; | |||
} | |||
body.skin-tweeki.mw-special-Search .search-types li, | |||
body.skin-tweeki.page-特殊_搜索 .search-types li { | |||
margin: 0; | |||
} | |||
body.skin-tweeki.mw-special-Search .search-types a, | |||
body.skin-tweeki.page-特殊_搜索 .search-types a, | |||
body.skin-tweeki.mw-special-Search .mw-search-profile-tabs a, | |||
body.skin-tweeki.page-特殊_搜索 .mw-search-profile-tabs a { | |||
display: inline-flex; | |||
align-items: center; | |||
min-height: 2rem; | |||
padding: .3rem .62rem; | |||
border-radius: var(--mucwiki-radius-sm); | |||
color: #344054; | |||
text-decoration: none; | |||
} | |||
body.skin-tweeki.mw-special-Search .search-types .current a, | |||
body.skin-tweeki.page-特殊_搜索 .search-types .current a, | |||
body.skin-tweeki.mw-special-Search .mw-search-profile-tabs .current a, | |||
body.skin-tweeki.page-特殊_搜索 .mw-search-profile-tabs .current a { | |||
background: var(--mucwiki-accent-soft); | |||
color: var(--mucwiki-accent-strong); | |||
font-weight: 800; | |||
} | |||
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 .mw-search-result-heading, | |||
body.skin-tweeki.page-特殊_搜索 .mw-search-result-heading { | |||
margin-bottom: .3rem; | |||
font-size: 1.02rem; | |||
font-weight: 800; | |||
} | |||
body.skin-tweeki.mw-special-Search .searchmatch, | |||
body.skin-tweeki.page-特殊_搜索 .searchmatch { | |||
border-radius: 4px; | |||
background: #fff3bf; | |||
color: #60420a; | |||
font-weight: 800; | |||
} | |||
body.skin-tweeki.mw-special-Search .search-types, | |||
body.skin-tweeki.page-特殊_搜索 .search-types { | |||
overflow: hidden; | |||
border: 1px solid var(--mucwiki-border); | |||
border-radius: var(--mucwiki-radius); | |||
background: rgba(255, 255, 255, .96); | |||
} | |||
body.skin-tweeki.mw-special-Search #powersearch, | |||
body.skin-tweeki.page-特殊_搜索 #powersearch { | |||
max-width: 68rem; | |||
} | |||
body.skin-tweeki.mw-special-Search #powersearch .oo-ui-actionFieldLayout, | |||
body.skin-tweeki.page-特殊_搜索 #powersearch .oo-ui-actionFieldLayout { | |||
width: 100%; | |||
max-width: 50rem; | |||
} | |||
body.skin-tweeki.mw-special-Search .mw-search-profile-tabs, | |||
body.skin-tweeki.page-特殊_搜索 .mw-search-profile-tabs { | |||
width: 100%; | |||
max-width: 50rem; | |||
border-color: var(--mucwiki-border); | |||
border-radius: var(--mucwiki-radius); | |||
background: #f8fbff; | |||
} | |||
body.skin-tweeki.mw-special-Search #mw-searchoptions, | |||
body.skin-tweeki.page-特殊_搜索 #mw-searchoptions { | |||
width: 100%; | |||
max-width: 68rem; | |||
margin: 1rem 0 2rem; | |||
padding: 1rem; | |||
border: 1px solid var(--mucwiki-border); | |||
border-radius: var(--mucwiki-radius-lg); | |||
background: | |||
linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 251, 255, .96)), | |||
#fff; | |||
box-shadow: var(--mucwiki-shadow-sm); | |||
} | |||
body.skin-tweeki.mw-special-Search #mw-searchoptions legend, | |||
body.skin-tweeki.page-特殊_搜索 #mw-searchoptions legend { | |||
display: block; | |||
width: 100%; | |||
margin-bottom: .75rem; | |||
padding: 0 0 .65rem; | |||
border-bottom: 1px solid var(--mucwiki-border-soft); | |||
color: var(--mucwiki-text-strong); | |||
font-size: 1.2rem; | |||
font-weight: 900; | |||
} | |||
body.skin-tweeki.mw-special-Search #mw-searchoptions .oo-ui-fieldsetLayout-group, | |||
body.skin-tweeki.page-特殊_搜索 #mw-searchoptions .oo-ui-fieldsetLayout-group { | |||
display: grid; | |||
grid-template-columns: repeat(4, minmax(8rem, 1fr)); | |||
gap: .48rem .7rem; | |||
} | |||
body.skin-tweeki.mw-special-Search #mw-searchoptions .oo-ui-fieldLayout, | |||
body.skin-tweeki.page-特殊_搜索 #mw-searchoptions .oo-ui-fieldLayout { | |||
min-height: 2.4rem; | |||
margin: 0; | |||
padding: .35rem .45rem; | |||
border: 1px solid transparent; | |||
border-radius: var(--mucwiki-radius); | |||
} | |||
body.skin-tweeki.mw-special-Search #mw-searchoptions .oo-ui-fieldLayout:hover, | |||
body.skin-tweeki.page-特殊_搜索 #mw-searchoptions .oo-ui-fieldLayout:hover { | |||
border-color: var(--mucwiki-border-soft); | |||
background: #fff; | |||
} | |||
body.skin-tweeki.mw-special-Search #mw-searchoptions .oo-ui-labelElement-label, | |||
body.skin-tweeki.page-特殊_搜索 #mw-searchoptions .oo-ui-labelElement-label { | |||
color: #253044; | |||
font-weight: 680; | |||
} | |||
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 { | |||
width: 100%; | |||
min-height: 28rem; | |||
padding: 1rem 1.05rem; | |||
border: 1px solid #cbd8e8; | |||
border-radius: var(--mucwiki-radius-lg); | |||
background: | |||
linear-gradient(180deg, rgba(255, 255, 255, .84), rgba(248, 251, 255, .96)), | |||
#fbfdff; | |||
color: #172033; | |||
box-shadow: | |||
inset 0 1px 2px rgba(16, 24, 40, .035), | |||
0 10px 28px rgba(31, 47, 70, .06); | |||
font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace; | |||
font-size: .94rem; | |||
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: 1.7rem 0 .72rem; | |||
color: #101828; | |||
font-size: 1.35rem; | |||
font-weight: 900; | |||
} | |||
body.skin-tweeki .mw-changeslist-line { | |||
border-radius: var(--mucwiki-radius); | |||
} | |||
body.skin-tweeki .mw-rcfilters-ui-filterWrapperWidget { | |||
margin-bottom: 1rem; | |||
border-color: #d5e0ec !important; | |||
background: | |||
linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 251, 255, .96)), | |||
#fff !important; | |||
} | |||
body.skin-tweeki .mw-rcfilters-ui-filterWrapperWidget .mw-rcfilters-ui-filterWrapperWidget-bottom { | |||
border-top-color: var(--mucwiki-border-soft); | |||
background: #f8fbff; | |||
} | |||
body.skin-tweeki .mw-rcfilters-ui-filterWrapperWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { | |||
color: #23324a; | |||
font-weight: 900; | |||
} | |||
body.skin-tweeki .mw-rcfilters-ui-filterWrapperWidget .oo-ui-tagItemWidget { | |||
min-height: 1.9rem; | |||
border: 1px solid #bad0ea !important; | |||
border-radius: 999px !important; | |||
background: #edf6ff !important; | |||
color: var(--mucwiki-accent-strong); | |||
font-weight: 760; | |||
} | |||
body.skin-tweeki .mw-rcfilters-ui-filterWrapperWidget .oo-ui-tagItemWidget .oo-ui-labelElement-label { | |||
line-height: 1.45; | |||
} | |||
body.skin-tweeki .mw-rcfilters-ui-filterWrapperWidget .oo-ui-buttonElement-button { | |||
border-radius: var(--mucwiki-radius-sm) !important; | |||
color: #344054; | |||
} | |||
body.skin-tweeki .mw-rcfilters-ui-changesListWrapperWidget { | |||
padding: .9rem 1rem 1.1rem; | |||
border-color: #d5e0ec !important; | |||
background: rgba(255, 255, 255, .96) !important; | |||
} | |||
body.skin-tweeki .mw-changeslist-line-inner { | |||
padding: .28rem .34rem; | |||
} | |||
body.skin-tweeki .mw-changeslist table.mw-changeslist-line { | |||
width: 100%; | |||
margin: .16rem 0; | |||
border-collapse: separate; | |||
border-spacing: 0; | |||
} | |||
body.skin-tweeki .mw-changeslist table.mw-changeslist-line > tbody > tr > td { | |||
padding-top: .32rem; | |||
padding-bottom: .32rem; | |||
border-top: 1px solid transparent; | |||
border-bottom: 1px solid transparent; | |||
} | |||
body.skin-tweeki .mw-changeslist table.mw-changeslist-line:hover > tbody > tr > td { | |||
border-color: var(--mucwiki-border-soft); | |||
background: #f8fbff; | |||
} | |||
body.skin-tweeki .mw-changeslist table.mw-changeslist-line:hover > tbody > tr > td:first-child { | |||
border-top-left-radius: var(--mucwiki-radius); | |||
border-bottom-left-radius: var(--mucwiki-radius); | |||
} | |||
body.skin-tweeki .mw-changeslist table.mw-changeslist-line:hover > tbody > tr > td:last-child { | |||
border-top-right-radius: var(--mucwiki-radius); | |||
border-bottom-right-radius: var(--mucwiki-radius); | |||
} | |||
body.skin-tweeki .mw-changeslist-line .mw-title a, | |||
body.skin-tweeki .mw-changeslist-title { | |||
color: #075fc7; | |||
font-weight: 820; | |||
text-decoration: none; | |||
} | |||
body.skin-tweeki .mw-changeslist-line .mw-title a:hover, | |||
body.skin-tweeki .mw-changeslist-title:hover { | |||
color: #064b9c; | |||
text-decoration: underline; | |||
text-underline-offset: .14em; | |||
} | |||
body.skin-tweeki .mw-changeslist-links a, | |||
body.skin-tweeki .mw-changeslist-links span, | |||
body.skin-tweeki .mw-changeslist-links { | |||
color: #516070; | |||
font-size: .88rem; | |||
} | |||
body.skin-tweeki .mw-plusminus-pos { | |||
color: var(--mucwiki-success); | |||
font-weight: 900; | |||
} | |||
body.skin-tweeki .mw-plusminus-neg { | |||
color: #b42318; | |||
font-weight: 900; | |||
} | |||
body.skin-tweeki .mw-changeslist-separator, | |||
body.skin-tweeki .mw-changeslist-separator--semicolon, | |||
body.skin-tweeki .mw-changeslist-separator--comma { | |||
color: #94a3b8; | |||
} | |||
body.skin-tweeki .mw-changeslist-legend { | |||
float: none !important; | |||
clear: both; | |||
width: 100%; | |||
max-width: 100%; | |||
margin: .1rem 0 1rem; | |||
padding: .7rem .85rem; | |||
} | |||
body.skin-tweeki .mw-changeslist-legend summary { | |||
color: #23324a; | |||
cursor: pointer; | |||
font-size: .92rem; | |||
font-weight: 880; | |||
} | |||
body.skin-tweeki .mw-changeslist-legend dl { | |||
display: grid; | |||
grid-template-columns: auto minmax(12rem, 1fr) auto minmax(12rem, 1fr); | |||
gap: .25rem .52rem; | |||
margin: .55rem 0 0; | |||
color: #516070; | |||
font-size: .88rem; | |||
} | |||
body.skin-tweeki .mw-changeslist-legend dt { | |||
display: inline-flex; | |||
min-width: 1.55rem; | |||
min-height: 1.45rem; | |||
align-items: center; | |||
justify-content: center; | |||
border-radius: var(--mucwiki-radius-sm); | |||
background: var(--mucwiki-accent-soft); | |||
color: var(--mucwiki-accent-strong); | |||
font-weight: 900; | |||
} | |||
body.skin-tweeki .mw-changeslist-line-inner:hover { | |||
background: var(--mucwiki-surface-soft); | |||
} | } | ||
| 第315行: | 第791行: | ||
body.skin-tweeki #toc { | body.skin-tweeki #toc { | ||
border: 1px solid var(--mucwiki-border); | border: 1px solid var(--mucwiki-border); | ||
border-radius: | border-radius: var(--mucwiki-radius); | ||
background: #fff; | background: #fff; | ||
box-shadow: var(--mucwiki-shadow-sm); | box-shadow: var(--mucwiki-shadow-sm); | ||
| 第321行: | 第797行: | ||
body.skin-tweeki #sidebar-right { | body.skin-tweeki #sidebar-right { | ||
padding-top: 1. | position: sticky; | ||
top: 5.3rem; | |||
align-self: flex-start; | |||
padding-top: 1.25rem; | |||
max-width: 16rem; | |||
} | |||
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.38rem; | |||
align-items: center; | |||
justify-content: flex-start; | |||
gap: .38rem; | |||
border-color: #d9e2ee; | |||
border-radius: var(--mucwiki-radius); | |||
background: rgba(255, 255, 255, .92); | |||
color: #344054; | |||
font-size: .94rem; | |||
font-weight: 780; | |||
padding-right: .88rem; | |||
padding-left: .88rem; | |||
box-shadow: 0 1px 2px rgba(31, 47, 70, .025); | |||
} | |||
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; | |||
} | } | ||
| 第327行: | 第842行: | ||
body.skin-tweeki #sidebar-right .list-group, | body.skin-tweeki #sidebar-right .list-group, | ||
body.skin-tweeki #sidebar-right .tweeki-toc { | body.skin-tweeki #sidebar-right .tweeki-toc { | ||
border: 1px solid var(--mucwiki- | border: 1px solid #dde6f0; | ||
border-radius: | border-radius: 10px; | ||
background: rgba(255, 255, 255, .9); | |||
box-shadow: 0 10px 26px rgba(31, 47, 70, .042); | |||
} | |||
body.skin-tweeki #tweekiTOC { | |||
margin-top: .9rem; | |||
} | |||
body.skin-tweeki #tweekiTOC .toctitle h2 { | |||
display: flex; | |||
align-items: center; | |||
justify-content: space-between; | |||
margin: 0 0 .52rem; | |||
color: #172033; | |||
font-size: .88rem; | |||
font-weight: 900; | |||
letter-spacing: 0; | |||
} | |||
body.skin-tweeki #tweekiTOC .toctitle h2::before { | |||
content: ""; | |||
display: inline-block; | |||
width: .2rem; | |||
height: .82rem; | |||
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: .74rem .78rem; | |||
} | |||
body.skin-tweeki #tweekiTOC .nav-link { | |||
padding: .2rem .38rem; | |||
border-radius: var(--mucwiki-radius-sm); | |||
color: #536070; | |||
font-size: .9rem; | |||
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); | |||
} | } | ||
| 第345行: | 第910行: | ||
body.skin-tweeki #footer { | body.skin-tweeki #footer { | ||
margin-top: | margin-top: 3.25rem; | ||
padding: | padding: 1.25rem 1rem 1.55rem; | ||
border-top: 1px solid | border-top: 1px solid #dce5ef; | ||
background: rgba(241, 245, 249, .88) !important; | |||
color: var(--mucwiki-muted); | color: var(--mucwiki-muted); | ||
text-align: center; | 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: .84rem; | |||
line-height: 1.45; | |||
} | } | ||
| 第361行: | 第967行: | ||
color: var(--mucwiki-accent-strong); | color: var(--mucwiki-accent-strong); | ||
text-decoration: underline; | 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: 1.9rem; | |||
padding: .24rem .5rem; | |||
border: 1px solid var(--mucwiki-border); | |||
border-radius: 8px; | |||
background: #fff; | |||
color: #516070; | |||
font-size: .78rem; | |||
box-shadow: none; | |||
} | } | ||
| 第418行: | 第1,040行: | ||
body.skin-tweeki.mw-special-Userlogin #content.mw-body { | body.skin-tweeki.mw-special-Userlogin #content.mw-body { | ||
max-width: 42rem; | max-width: 42rem; | ||
margin-top: 1. | margin-top: 1.55rem; | ||
} | } | ||
| 第431行: | 第1,053行: | ||
} | } | ||
@media (max-width: 720px) { | |||
body.skin-tweeki.mw- | body.skin-tweeki .mw-changeslist-legend dl { | ||
grid-template-columns: auto minmax(0, 1fr); | |||
} | |||
} | |||
body.skin-tweeki.mw-special-Recentchanges .mw-changeslist, | 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-rcfilters-ui-changesListWrapperWidget, | ||
| 第475行: | 第1,088行: | ||
body.skin-tweeki.page-特殊_最近更改 .mw-changeslist table.mw-changeslist-line { | body.skin-tweeki.page-特殊_最近更改 .mw-changeslist table.mw-changeslist-line { | ||
margin: .48rem 0; | margin: .48rem 0; | ||
padding: . | padding: .5rem .62rem; | ||
border: 1px solid var(--mucwiki-border); | border: 1px solid var(--mucwiki-border); | ||
border-radius: 10px; | border-radius: 10px; | ||
background: #fff; | background: #fff; | ||
} | |||
body.skin-tweeki.mw-special-Recentchanges .mw-changeslist table.mw-changeslist-line.mw-enhanced-rc > tbody > tr > td:first-child, | |||
body.skin-tweeki.mw-special-Recentchanges .mw-changeslist table.mw-changeslist-line.mw-enhanced-rc > tbody > tr > td:nth-child(2), | |||
body.skin-tweeki.mw-special-Recentchanges .mw-changeslist table.mw-changeslist-line.mw-enhanced-rc > tbody > tr > td.mw-changeslist-line-prefix, | |||
body.skin-tweeki.page-特殊_最近更改 .mw-changeslist table.mw-changeslist-line.mw-enhanced-rc > tbody > tr > td:first-child, | |||
body.skin-tweeki.page-特殊_最近更改 .mw-changeslist table.mw-changeslist-line.mw-enhanced-rc > tbody > tr > td:nth-child(2), | |||
body.skin-tweeki.page-特殊_最近更改 .mw-changeslist table.mw-changeslist-line.mw-enhanced-rc > tbody > tr > td.mw-changeslist-line-prefix { | |||
display: none; | |||
padding: 0; | |||
} | } | ||
| 第539行: | 第1,162行: | ||
width: auto; | width: auto; | ||
margin: .9rem .9rem 0; | margin: .9rem .9rem 0; | ||
padding: 1. | padding: 1.1rem; | ||
border-radius: 8px; | border-radius: 8px; | ||
} | } | ||
| 第554行: | 第1,177行: | ||
body.skin-tweeki #sidebar-right { | body.skin-tweeki #sidebar-right { | ||
padding-top: .9rem; | padding-top: .9rem; | ||
} | |||
body.skin-tweeki:not(.page-首页) #sidebar-right { | |||
width: auto; | |||
max-width: calc(100% - 1.8rem); | |||
margin: .7rem .9rem 0; | |||
padding-top: .35rem; | |||
text-align: center; | |||
} | |||
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 { | |||
display: inline-flex; | |||
width: auto; | |||
margin: 0 .22rem .38rem; | |||
} | |||
body.skin-tweeki:not(.page-首页) #sidebar-right .mucwiki-page-tool .btn, | |||
body.skin-tweeki:not(.page-首页) #sidebar-right .btn-outline-secondary { | |||
min-height: 2rem; | |||
width: auto; | |||
justify-content: center; | |||
padding-right: .68rem; | |||
padding-left: .68rem; | |||
border-radius: 999px; | |||
box-shadow: none; | |||
font-size: .88rem; | |||
} | |||
body.skin-tweeki:not(.page-首页) #tweekiTOC { | |||
width: 100%; | |||
margin-top: .45rem; | |||
} | |||
body.skin-tweeki:not(.page-首页) #tweekiTOC #toc { | |||
max-height: 12rem; | |||
overflow: auto; | |||
} | |||
} | |||
@media (max-width: 575.98px) { | |||
body.skin-tweeki #footer { | |||
margin-top: 2.2rem; | |||
padding-top: 1.1rem; | |||
padding-bottom: 1.25rem; | |||
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; | |||
} | } | ||
} | } | ||