MediaWiki:Citizen.css:修订间差异
MediaWiki界面页面
更多操作
style: adapt Citizen skin for MUC Wiki |
Unify Citizen special page styling |
||
| (未显示同一用户的6个中间版本) | |||
| 第130行: | 第130行: | ||
.skin-citizen.page-首页 #firstHeading, | .skin-citizen.page-首页 #firstHeading, | ||
.skin-citizen.page-首页 #siteSub, | .skin-citizen.page-首页 #siteSub, | ||
.skin-citizen.page-首页 .citizen-page-heading | .skin-citizen.page-首页 .citizen-page-heading { | ||
display: none; | display: none; | ||
} | } | ||
| 第145行: | 第144行: | ||
.skin-citizen .mucwiki-home { | .skin-citizen .mucwiki-home { | ||
margin-top: .25rem; | margin-top: .25rem; | ||
} | |||
.skin-citizen .citizen-page-actions .cdx-button, | |||
.skin-citizen .citizen-page-actions .cdx-button--fake-button { | |||
border-radius: 8px; | |||
} | |||
.skin-citizen .citizen-page-actions .cdx-button:hover, | |||
.skin-citizen .citizen-page-actions .cdx-button:focus, | |||
.skin-citizen .citizen-page-actions .cdx-button--fake-button:hover, | |||
.skin-citizen .citizen-page-actions .cdx-button--fake-button:focus { | |||
background: #fff7f5; | |||
color: var(--mucwiki-red-deep); | |||
} | |||
.skin-citizen.page-首页 .citizen-page-header { | |||
display: flex; | |||
order: -1; | |||
min-height: 0; | |||
margin: .25rem 0 .45rem; | |||
padding: 0; | |||
border: 0; | |||
} | |||
.skin-citizen.page-首页 .citizen-page-header-inner { | |||
width: 100%; | |||
min-height: 0; | |||
justify-content: flex-end; | |||
padding-top: 0; | |||
border-top: 0; | |||
} | |||
.skin-citizen.page-首页 .citizen-page-actions { | |||
width: auto; | |||
margin-left: auto; | |||
} | |||
.skin-citizen.page-首页 .citizen-page-actions > :not(#p-views), | |||
.skin-citizen.page-首页 .citizen-page-actions .citizen-menu:not(#p-views) { | |||
display: none; | |||
} | |||
.skin-citizen.page-首页 #p-views { | |||
display: block; | |||
} | |||
.skin-citizen.page-首页 #p-views .citizen-menu__heading { | |||
display: none; | |||
} | |||
.skin-citizen.page-首页 #p-views .citizen-menu__content-list { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: .28rem; | |||
justify-content: flex-end; | |||
} | |||
.skin-citizen.page-首页 #p-views .mw-list-item { | |||
margin: 0; | |||
} | |||
.skin-citizen.page-首页 #p-views a { | |||
min-height: 2rem; | |||
padding: .26rem .58rem; | |||
border: 1px solid #eaded7; | |||
border-radius: 999px; | |||
background: #fffdfa; | |||
color: var(--mucwiki-red-deep); | |||
font-size: .88rem; | |||
line-height: 1.2; | |||
} | |||
.skin-citizen.page-首页 #p-views a:hover, | |||
.skin-citizen.page-首页 #p-views a:focus { | |||
border-color: #d7b7ae; | |||
background: #fff3f4; | |||
} | |||
.skin-citizen .citizen-page-footer { | |||
margin-top: 2rem; | |||
padding-top: 1rem; | |||
border-top: 1px solid #eee7df; | |||
color: var(--mucwiki-muted); | |||
} | |||
.skin-citizen .citizen-page-footer__item, | |||
.skin-citizen .citizen-page-footer p { | |||
font-size: .92rem; | |||
line-height: 1.55; | |||
} | |||
.skin-citizen .citizen-footer { | |||
margin-top: 2.25rem; | |||
padding: 1.45rem 0 1.2rem; | |||
border-top: 1px solid #eee7df; | |||
background: #fffdfa; | |||
} | |||
.skin-citizen .citizen-footer__container { | |||
padding-top: 0; | |||
} | |||
.skin-citizen .citizen-footer__content { | |||
display: grid; | |||
grid-template-columns: minmax(16rem, 1fr) minmax(22rem, auto); | |||
gap: 1rem 2rem; | |||
align-items: start; | |||
} | |||
.skin-citizen .citizen-footer__siteinfo { | |||
gap: .62rem; | |||
} | |||
.skin-citizen .citizen-footer__sitetitle { | |||
color: var(--mucwiki-ink); | |||
} | |||
.skin-citizen .citizen-footer__desc { | |||
display: none; | |||
} | |||
.skin-citizen .citizen-footer__places { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: .42rem .55rem; | |||
justify-content: flex-end; | |||
} | |||
.skin-citizen .citizen-footer__places li { | |||
margin: 0; | |||
} | |||
.skin-citizen .citizen-footer__places a { | |||
display: inline-flex; | |||
min-height: 2rem; | |||
align-items: center; | |||
padding: .24rem .58rem; | |||
border: 1px solid transparent; | |||
border-radius: 999px; | |||
color: #39434d; | |||
font-size: .92rem; | |||
line-height: 1.2; | |||
} | |||
.skin-citizen .citizen-footer__places a:hover, | |||
.skin-citizen .citizen-footer__places a:focus { | |||
border-color: #eaded7; | |||
background: #fff; | |||
color: var(--mucwiki-red-deep); | |||
text-decoration: none; | |||
} | |||
.skin-citizen .citizen-footer__bottom { | |||
display: flex; | |||
gap: 1rem; | |||
align-items: center; | |||
justify-content: space-between; | |||
margin-top: 1rem; | |||
padding-top: .88rem; | |||
border-top: 1px solid #eee7df; | |||
color: var(--mucwiki-muted); | |||
font-size: .88rem; | |||
} | |||
.skin-citizen .citizen-footer__bottom ul { | |||
margin: 0; | |||
} | |||
.skin-citizen .citizen-footer__bottom .footer-icons, | |||
.skin-citizen .citizen-footer__bottom #footer-icons { | |||
opacity: .72; | |||
} | |||
.skin-citizen.ns-special #mw-content-text > form, | |||
.skin-citizen.ns-special #mw-content-text > .mw-search-profile-tabs, | |||
.skin-citizen.ns-special .mw-specialpages-list, | |||
.skin-citizen.ns-special .mw-allpages-body, | |||
.skin-citizen.ns-special .mw-prefixindex-list, | |||
.skin-citizen.ns-special .mw-category, | |||
.skin-citizen.ns-special .mw-changeslist, | |||
.skin-citizen.ns-special .mw-contributions-list, | |||
.skin-citizen.ns-special .mw-logevent-loglines { | |||
max-width: 100%; | |||
} | |||
.skin-citizen.ns-special fieldset { | |||
margin: 1rem 0 1.35rem; | |||
padding: 1rem; | |||
border: 1px solid #eaded7; | |||
border-radius: 8px; | |||
background: #fffdfa; | |||
} | |||
.skin-citizen.ns-special legend { | |||
padding: 0 .35rem; | |||
color: var(--mucwiki-ink); | |||
font-weight: 700; | |||
letter-spacing: 0; | |||
} | |||
.skin-citizen.ns-special form:not(#userloginForm):not(.mw-editform) { | |||
margin: .5rem 0 1.25rem; | |||
} | |||
.skin-citizen.ns-special .oo-ui-fieldLayout, | |||
.skin-citizen.ns-special .mw-htmlform-field-HTMLTextField, | |||
.skin-citizen.ns-special .mw-htmlform-field-HTMLSelectField, | |||
.skin-citizen.ns-special .mw-htmlform-field-HTMLMultiSelectField { | |||
margin-top: .78rem; | |||
} | |||
.skin-citizen.ns-special .oo-ui-fieldLayout-field, | |||
.skin-citizen.ns-special .oo-ui-fieldLayout-header { | |||
max-width: 100%; | |||
} | |||
.skin-citizen.ns-special .oo-ui-textInputWidget, | |||
.skin-citizen.ns-special .oo-ui-dropdownInputWidget, | |||
.skin-citizen.ns-special .oo-ui-comboBoxInputWidget, | |||
.skin-citizen.ns-special .oo-ui-tagMultiselectWidget, | |||
.skin-citizen.ns-special .oo-ui-menuTagMultiselectWidget, | |||
.skin-citizen.ns-special .oo-ui-textInputWidget input, | |||
.skin-citizen.ns-special .oo-ui-dropdownInputWidget select, | |||
.skin-citizen.ns-special input[type='text'], | |||
.skin-citizen.ns-special input[type='search'], | |||
.skin-citizen.ns-special input[type='email'], | |||
.skin-citizen.ns-special select, | |||
.skin-citizen.ns-special textarea { | |||
max-width: min(100%, 38rem); | |||
} | |||
.skin-citizen.ns-special .oo-ui-textInputWidget input, | |||
.skin-citizen.ns-special input[type='text'], | |||
.skin-citizen.ns-special input[type='search'], | |||
.skin-citizen.ns-special input[type='email'], | |||
.skin-citizen.ns-special select, | |||
.skin-citizen.ns-special textarea { | |||
border-radius: 8px; | |||
} | |||
.skin-citizen.ns-special .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button, | |||
.skin-citizen.ns-special .cdx-button, | |||
.skin-citizen.ns-special input[type='submit'], | |||
.skin-citizen.ns-special button { | |||
border-radius: 8px; | |||
} | |||
.skin-citizen.ns-special .mw-htmlform-submit-buttons, | |||
.skin-citizen.ns-special .oo-ui-buttonElement, | |||
.skin-citizen.ns-special .cdx-button { | |||
margin-top: .35rem; | |||
} | |||
.skin-citizen.ns-special .mw-search-form-wrapper, | |||
.skin-citizen.ns-special .mw-search-results-info, | |||
.skin-citizen.ns-special .mw-search-nonefound, | |||
.skin-citizen.ns-special .mw-search-createlink, | |||
.skin-citizen.ns-special .mw-warning, | |||
.skin-citizen.ns-special .error, | |||
.skin-citizen.ns-special .permissions-errors, | |||
.skin-citizen.ns-special .mw-parser-output > .errorbox, | |||
.skin-citizen.ns-special .mw-parser-output > .successbox { | |||
margin: 1rem 0 1.25rem; | |||
padding: .9rem 1rem; | |||
border: 1px solid #eaded7; | |||
border-radius: 8px; | |||
background: #fffdfa; | |||
} | |||
.skin-citizen.ns-special .mw-search-results { | |||
margin-top: 1.2rem; | |||
} | |||
.skin-citizen.ns-special .mw-search-result { | |||
margin: 0 0 1rem; | |||
padding-bottom: 1rem; | |||
border-bottom: 1px solid #eee7df; | |||
} | |||
.skin-citizen.ns-special .mw-search-result-heading { | |||
font-size: 1.05rem; | |||
font-weight: 700; | |||
} | |||
.skin-citizen.ns-special .mw-allpages-chunk, | |||
.skin-citizen.ns-special .mw-prefixindex-list, | |||
.skin-citizen.ns-special .mw-category-group ul, | |||
.skin-citizen.ns-special .special { | |||
columns: 2 18rem; | |||
column-gap: 2rem; | |||
} | |||
.skin-citizen.ns-special .mw-allpages-chunk li, | |||
.skin-citizen.ns-special .mw-prefixindex-list li, | |||
.skin-citizen.ns-special .mw-category-group li, | |||
.skin-citizen.ns-special .special li { | |||
break-inside: avoid; | |||
margin-bottom: .28rem; | |||
} | |||
.skin-citizen.ns-special .mw-changeslist, | |||
.skin-citizen.ns-special .mw-contributions-list, | |||
.skin-citizen.ns-special .mw-logevent-loglines { | |||
margin-top: 1rem; | |||
} | |||
.skin-citizen.ns-special .mw-changeslist-line, | |||
.skin-citizen.ns-special .mw-contributions-list li, | |||
.skin-citizen.ns-special .mw-logevent-loglines li, | |||
.skin-citizen.ns-special .mw-tag-markers { | |||
line-height: 1.55; | |||
} | |||
.skin-citizen.ns-special .mw-tag-marker, | |||
.skin-citizen.ns-special .mw-changeslist-line .comment, | |||
.skin-citizen.ns-special .mw-plusminus-pos, | |||
.skin-citizen.ns-special .mw-plusminus-neg, | |||
.skin-citizen.ns-special .mw-plusminus-null { | |||
border-radius: 999px; | |||
} | |||
.skin-citizen.ns-special .mw-pager-navigation-bar, | |||
.skin-citizen.ns-special .mw-prevlink, | |||
.skin-citizen.ns-special .mw-nextlink { | |||
margin-top: 1rem; | |||
} | } | ||
| 第150行: | 第474行: | ||
.skin-citizen .mw-parser-output .wikitable { | .skin-citizen .mw-parser-output .wikitable { | ||
font-size: .9em; | font-size: .9em; | ||
} | |||
.skin-citizen.page-首页 .citizen-page-header { | |||
display: none; | |||
} | |||
.skin-citizen.page-首页 .citizen-page-header-inner, | |||
.skin-citizen.page-首页 .citizen-page-actions { | |||
justify-content: flex-start; | |||
} | |||
.skin-citizen.page-首页 #p-views .citizen-menu__content-list { | |||
justify-content: flex-start; | |||
} | |||
.skin-citizen.page-首页 #p-views a { | |||
border-radius: 8px; | |||
} | |||
.skin-citizen .citizen-page-footer { | |||
margin-top: 1.35rem; | |||
} | |||
.skin-citizen .citizen-footer { | |||
margin-top: 1.45rem; | |||
padding: 1.1rem 0 1rem; | |||
} | |||
.skin-citizen .citizen-footer__content { | |||
grid-template-columns: minmax(0, 1fr); | |||
gap: .9rem; | |||
} | |||
.skin-citizen .citizen-footer__places { | |||
justify-content: flex-start; | |||
} | |||
.skin-citizen .citizen-footer__bottom { | |||
display: grid; | |||
gap: .78rem; | |||
justify-content: stretch; | |||
} | |||
.skin-citizen.ns-special fieldset { | |||
padding: .85rem; | |||
} | |||
.skin-citizen.ns-special .oo-ui-textInputWidget, | |||
.skin-citizen.ns-special .oo-ui-dropdownInputWidget, | |||
.skin-citizen.ns-special .oo-ui-comboBoxInputWidget, | |||
.skin-citizen.ns-special .oo-ui-tagMultiselectWidget, | |||
.skin-citizen.ns-special .oo-ui-menuTagMultiselectWidget, | |||
.skin-citizen.ns-special .oo-ui-textInputWidget input, | |||
.skin-citizen.ns-special .oo-ui-dropdownInputWidget select, | |||
.skin-citizen.ns-special input[type='text'], | |||
.skin-citizen.ns-special input[type='search'], | |||
.skin-citizen.ns-special input[type='email'], | |||
.skin-citizen.ns-special select, | |||
.skin-citizen.ns-special textarea { | |||
width: 100%; | |||
max-width: 100%; | |||
} | |||
.skin-citizen.ns-special .mw-allpages-chunk, | |||
.skin-citizen.ns-special .mw-prefixindex-list, | |||
.skin-citizen.ns-special .mw-category-group ul, | |||
.skin-citizen.ns-special .special { | |||
columns: 1; | |||
} | } | ||
} | } | ||