MediaWiki:Tweeki.css:修订间差异
MediaWiki界面页面
更多操作
Maintenance script(留言 | 贡献) Polish Tweeki system surfaces |
Maintenance script(留言 | 贡献) Tighten article reading measure |
||
| (未显示同一用户的8个中间版本) | |||
| 第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; | ||
| 第8行: | 第8行: | ||
--mucwiki-text-strong: #0f172a; | --mucwiki-text-strong: #0f172a; | ||
--mucwiki-muted: #617083; | --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; | ||
| 第19行: | 第19行: | ||
--mucwiki-warning-border: #ecd79d; | --mucwiki-warning-border: #ecd79d; | ||
--mucwiki-shadow-xs: 0 1px 2px rgba(16, 24, 40, .035); | --mucwiki-shadow-xs: 0 1px 2px rgba(16, 24, 40, .035); | ||
--mucwiki-shadow-sm: 0 8px | --mucwiki-shadow-sm: 0 8px 20px rgba(31, 47, 70, .045); | ||
--mucwiki-shadow-md: 0 | --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-sm: 6px; | ||
| 第27行: | 第27行: | ||
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, .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; | ||
| 第62行: | 第58行: | ||
border-bottom: 1px solid rgba(202, 213, 228, .82); | border-bottom: 1px solid rgba(202, 213, 228, .82); | ||
background: rgba(255, 255, 255, .94) !important; | 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); | ||
} | } | ||
| 第226行: | 第222行: | ||
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 rgba(215, 224, 236, . | border: 1px solid rgba(215, 224, 236, .86); | ||
border-radius: | border-radius: 12px; | ||
background: rgba(255, 255, 255, . | background: rgba(255, 255, 255, .98); | ||
box-shadow: | box-shadow: 0 14px 42px rgba(31, 47, 70, .055); | ||
overflow-x: hidden; | overflow-x: hidden; | ||
} | } | ||
| 第251行: | 第247行: | ||
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; | ||
} | } | ||
| 第257行: | 第253行: | ||
margin: 0 auto 1.05rem; | margin: 0 auto 1.05rem; | ||
color: var(--mucwiki-text-strong); | color: var(--mucwiki-text-strong); | ||
font-size: | font-size: 1.95rem; | ||
font-weight: 900; | font-weight: 900; | ||
line-height: 1.18; | line-height: 1.18; | ||
| 第266行: | 第262行: | ||
content: ""; | content: ""; | ||
display: block; | display: block; | ||
width: | width: 2.45rem; | ||
height: . | height: .16rem; | ||
margin-top: . | margin-top: .66rem; | ||
border-radius: 999px; | border-radius: 999px; | ||
background: var(--mucwiki-accent); | 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 #contentSub, | ||
body.skin-tweeki .mw-indicators { | body.skin-tweeki .mw-indicators { | ||
max-width: | max-width: 52rem; | ||
margin-right: auto; | margin-right: auto; | ||
margin-left: auto; | margin-left: auto; | ||
| 第284行: | 第292行: | ||
align-items: center; | align-items: center; | ||
gap: .52rem; | gap: .52rem; | ||
margin-top: 1. | margin-top: 1.75rem; | ||
padding-bottom: . | padding-bottom: .42rem; | ||
border-bottom: 1px solid var(--mucwiki-border); | border-bottom: 1px solid var(--mucwiki-border-soft); | ||
color: #111827; | color: #111827; | ||
font-size: 1. | font-size: 1.22rem; | ||
font-weight: 900; | font-weight: 900; | ||
} | } | ||
| 第501行: | 第509行: | ||
border-radius: var(--mucwiki-radius); | border-radius: var(--mucwiki-radius); | ||
background: rgba(255, 255, 255, .96); | 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; | |||
} | } | ||
| 第594行: | 第676行: | ||
body.skin-tweeki .mw-changeslist table.mw-changeslist-line { | body.skin-tweeki .mw-changeslist table.mw-changeslist-line { | ||
width: 100%; | |||
margin: .16rem 0; | margin: .16rem 0; | ||
border-collapse: separate; | border-collapse: separate; | ||
| 第659行: | 第742行: | ||
body.skin-tweeki .mw-changeslist-legend { | body.skin-tweeki .mw-changeslist-legend { | ||
float: none !important; | |||
clear: both; | |||
width: 100%; | |||
max-width: 100%; | |||
margin: .1rem 0 1rem; | margin: .1rem 0 1rem; | ||
padding: .7rem .85rem; | padding: .7rem .85rem; | ||
| 第672行: | 第759行: | ||
body.skin-tweeki .mw-changeslist-legend dl { | body.skin-tweeki .mw-changeslist-legend dl { | ||
display: grid; | display: grid; | ||
grid-template-columns: auto 1fr; | grid-template-columns: auto minmax(12rem, 1fr) auto minmax(12rem, 1fr); | ||
gap: .25rem .52rem; | gap: .25rem .52rem; | ||
margin: .55rem 0 0; | margin: .55rem 0 0; | ||
| 第713行: | 第800行: | ||
top: 5.3rem; | top: 5.3rem; | ||
align-self: flex-start; | align-self: flex-start; | ||
padding-top: 1. | padding-top: 1.25rem; | ||
max-width: 16rem; | |||
} | } | ||
| 第725行: | 第813行: | ||
display: flex; | display: flex; | ||
width: 100%; | width: 100%; | ||
min-height: 2. | min-height: 2.38rem; | ||
align-items: center; | align-items: center; | ||
justify-content: flex-start; | justify-content: flex-start; | ||
gap: .38rem; | gap: .38rem; | ||
border-color: # | border-color: #d9e2ee; | ||
border-radius: var(--mucwiki-radius); | border-radius: var(--mucwiki-radius); | ||
background: | background: rgba(255, 255, 255, .92); | ||
color: #344054; | color: #344054; | ||
font-weight: | font-size: .94rem; | ||
font-weight: 780; | |||
padding-right: .88rem; | padding-right: .88rem; | ||
padding-left: .88rem; | padding-left: .88rem; | ||
box-shadow: 0 | box-shadow: 0 1px 2px rgba(31, 47, 70, .025); | ||
} | } | ||
| 第755行: | 第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 # | border: 1px solid #dde6f0; | ||
border-radius: | border-radius: 10px; | ||
background: rgba(255, 255, 255, . | background: rgba(255, 255, 255, .9); | ||
box-shadow: | box-shadow: 0 10px 26px rgba(31, 47, 70, .042); | ||
} | } | ||
body.skin-tweeki #tweekiTOC { | body.skin-tweeki #tweekiTOC { | ||
margin-top: | margin-top: .9rem; | ||
} | } | ||
| 第769行: | 第856行: | ||
align-items: center; | align-items: center; | ||
justify-content: space-between; | justify-content: space-between; | ||
margin: 0 0 . | margin: 0 0 .52rem; | ||
color: # | color: #172033; | ||
font-size: . | font-size: .88rem; | ||
font-weight: 900; | font-weight: 900; | ||
letter-spacing: 0; | |||
} | } | ||
| 第778行: | 第866行: | ||
content: ""; | content: ""; | ||
display: inline-block; | display: inline-block; | ||
width: . | width: .2rem; | ||
height: . | height: .82rem; | ||
margin-right: .38rem; | margin-right: .38rem; | ||
border-radius: 999px; | border-radius: 999px; | ||
| 第792行: | 第880行: | ||
display: block !important; | display: block !important; | ||
width: 100%; | width: 100%; | ||
padding: . | padding: .74rem .78rem; | ||
} | } | ||
body.skin-tweeki #tweekiTOC .nav-link { | body.skin-tweeki #tweekiTOC .nav-link { | ||
padding: . | padding: .2rem .38rem; | ||
border-radius: var(--mucwiki-radius-sm); | border-radius: var(--mucwiki-radius-sm); | ||
color: #536070; | color: #536070; | ||
font-size: . | font-size: .9rem; | ||
line-height: 1.35; | line-height: 1.35; | ||
} | } | ||
| 第822行: | 第910行: | ||
body.skin-tweeki #footer { | body.skin-tweeki #footer { | ||
margin-top: | margin-top: 3.25rem; | ||
padding: 1. | padding: 1.25rem 1rem 1.55rem; | ||
border-top: 1px solid #dce5ef; | border-top: 1px solid #dce5ef; | ||
background: rgba( | background: rgba(241, 245, 249, .88) !important; | ||
color: var(--mucwiki-muted); | color: var(--mucwiki-muted); | ||
text-align: left; | text-align: left; | ||
| 第866行: | 第954行: | ||
margin: 0; | margin: 0; | ||
color: var(--mucwiki-muted); | color: var(--mucwiki-muted); | ||
font-size: . | font-size: .84rem; | ||
line-height: 1.45; | line-height: 1.45; | ||
} | } | ||
| 第887行: | 第975行: | ||
body.skin-tweeki #footer #footer-poweredbyico .cdx-button, | body.skin-tweeki #footer #footer-poweredbyico .cdx-button, | ||
body.skin-tweeki #footer #footer-poweredbyico a { | body.skin-tweeki #footer #footer-poweredbyico a { | ||
min-height: | min-height: 1.9rem; | ||
padding: . | padding: .24rem .5rem; | ||
border: 1px solid var(--mucwiki-border); | border: 1px solid var(--mucwiki-border); | ||
border-radius: 8px; | border-radius: 8px; | ||
background: #fff; | background: #fff; | ||
color: #516070; | color: #516070; | ||
font-size: . | font-size: .78rem; | ||
box-shadow: none; | box-shadow: none; | ||
} | } | ||
| 第966行: | 第1,054行: | ||
@media (max-width: 720px) { | @media (max-width: 720px) { | ||
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, | ||
| 第996行: | 第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; | |||
} | } | ||
| 第1,060行: | 第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; | ||
} | } | ||
| 第1,080行: | 第1,182行: | ||
width: auto; | width: auto; | ||
max-width: calc(100% - 1.8rem); | max-width: calc(100% - 1.8rem); | ||
margin: . | margin: .7rem .9rem 0; | ||
padding-top: .35rem; | |||
text-align: center; | |||
} | } | ||
| 第1,086行: | 第1,190行: | ||
body.skin-tweeki:not(.page-首页) #sidebar-right .dropdown { | body.skin-tweeki:not(.page-首页) #sidebar-right .dropdown { | ||
max-width: 100%; | 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 .mucwiki-page-tool .btn, | ||
body.skin-tweeki:not(.page-首页) #sidebar-right .btn-outline-secondary { | body.skin-tweeki:not(.page-首页) #sidebar-right .btn-outline-secondary { | ||
min-height: | min-height: 2rem; | ||
justify-content: | width: auto; | ||
padding-right: . | justify-content: center; | ||
padding-left: . | 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; | |||
} | } | ||
} | } | ||
| 第1,099行: | 第1,223行: | ||
@media (max-width: 575.98px) { | @media (max-width: 575.98px) { | ||
body.skin-tweeki #footer { | body.skin-tweeki #footer { | ||
margin-top: 2.2rem; | |||
padding-top: 1.1rem; | |||
padding-bottom: 1.25rem; | |||
text-align: center; | text-align: center; | ||
} | } | ||