MediaWiki:Citizen.css：修订间差异
MediaWiki界面页面
更多操作
style: stabilize mobile homepage toolbar |
Polish Citizen login and account pages |
||
| 第315行： | 第315行： | ||
.skin-citizen .citizen-footer__bottom #footer-icons { | .skin-citizen .citizen-footer__bottom #footer-icons { | ||
opacity: .72; | opacity: .72; | ||
} | |||
.skin-citizen.mw-special-Userlogin .citizen-page-header, | |||
.skin-citizen.mw-special-CreateAccount .citizen-page-header { | |||
max-width: 42rem; | |||
margin-right: auto; | |||
margin-left: auto; | |||
} | |||
.skin-citizen.mw-special-Userlogin .citizen-page-heading, | |||
.skin-citizen.mw-special-CreateAccount .citizen-page-heading { | |||
justify-content: center; | |||
} | |||
.skin-citizen.mw-special-Userlogin #firstHeading, | |||
.skin-citizen.mw-special-CreateAccount #firstHeading { | |||
color: var(--mucwiki-ink); | |||
font-size: clamp(1.55rem, 2.8vw, 2rem); | |||
letter-spacing: 0; | |||
} | |||
.skin-citizen.mw-special-Userlogin #mw-content-text, | |||
.skin-citizen.mw-special-CreateAccount #mw-content-text { | |||
max-width: 42rem; | |||
margin: .75rem auto 0; | |||
} | |||
.skin-citizen.mw-special-Userlogin .mw-ui-container, | |||
.skin-citizen.mw-special-CreateAccount .mw-ui-container { | |||
overflow: hidden; | |||
border: 1px solid #eaded7; | |||
border-radius: 10px; | |||
background: linear-gradient(180deg, #fffdfa 0%, #fff 48%); | |||
box-shadow: 0 16px 38px rgba(32, 33, 34, .07); | |||
} | |||
.skin-citizen.mw-special-Userlogin #userloginForm, | |||
.skin-citizen.mw-special-CreateAccount #userloginForm, | |||
.skin-citizen.mw-special-CreateAccount #userloginForm form { | |||
display: grid; | |||
justify-items: stretch; | |||
max-width: 27.5rem; | |||
margin: 0 auto; | |||
padding: 2.25rem 2rem 2rem; | |||
} | |||
.skin-citizen.mw-special-Userlogin #userloginForm > *, | |||
.skin-citizen.mw-special-CreateAccount #userloginForm > * { | |||
width: 100%; | |||
max-width: none; | |||
} | |||
.skin-citizen.mw-special-Userlogin #userloginForm .cdx-text-input__input, | |||
.skin-citizen.mw-special-CreateAccount #userloginForm .cdx-text-input__input, | |||
.skin-citizen.mw-special-Userlogin #userloginForm .cdx-button, | |||
.skin-citizen.mw-special-CreateAccount #userloginForm .cdx-button, | |||
.skin-citizen.mw-special-Userlogin #userloginForm .mw-ui-button, | |||
.skin-citizen.mw-special-CreateAccount #userloginForm .mw-ui-button { | |||
width: 100%; | |||
min-height: 2.75rem; | |||
border-radius: 8px; | |||
} | |||
.skin-citizen.mw-special-Userlogin #userloginForm .cdx-text-input__input, | |||
.skin-citizen.mw-special-CreateAccount #userloginForm .cdx-text-input__input { | |||
background: #fff; | |||
} | |||
.skin-citizen.mw-special-Userlogin #userloginForm .mw-htmlform-submit, | |||
.skin-citizen.mw-special-CreateAccount #userloginForm .mw-htmlform-submit { | |||
margin-top: .25rem; | |||
font-weight: 650; | |||
} | |||
.skin-citizen.mw-special-Userlogin #mw-input-pluggableauthlogin0 { | |||
border-color: #d8c7bf; | |||
background: #fff; | |||
color: var(--mucwiki-red-deep); | |||
box-shadow: none; | |||
} | |||
.skin-citizen.mw-special-Userlogin #mw-input-pluggableauthlogin0:hover, | |||
.skin-citizen.mw-special-Userlogin #mw-input-pluggableauthlogin0:focus { | |||
border-color: #c79c94; | |||
background: #fff7f5; | |||
color: var(--mucwiki-red-deep); | |||
} | |||
.skin-citizen.mw-special-Userlogin #userloginForm > a, | |||
.skin-citizen.mw-special-CreateAccount #userloginForm > a { | |||
justify-self: center; | |||
width: auto; | |||
color: var(--mucwiki-muted); | |||
font-size: .92rem; | |||
} | |||
.skin-citizen.mw-special-Userlogin #userloginForm > a:hover, | |||
.skin-citizen.mw-special-Userlogin #userloginForm > a:focus, | |||
.skin-citizen.mw-special-CreateAccount #userloginForm > a:hover, | |||
.skin-citizen.mw-special-CreateAccount #userloginForm > a:focus { | |||
color: var(--mucwiki-red-deep); | |||
} | |||
.skin-citizen.mw-special-Userlogin #userloginForm .mw-userlogin-help, | |||
.skin-citizen.mw-special-Userlogin #userloginForm .mw-userlogin-join, | |||
.skin-citizen.mw-special-CreateAccount #userloginForm .mw-userlogin-help, | |||
.skin-citizen.mw-special-CreateAccount #userloginForm .mw-userlogin-join { | |||
border-radius: 8px; | |||
background: #faf7f4; | |||
} | |||
.skin-citizen.mw-special-Userlogin #userloginForm .mw-userlogin-join, | |||
.skin-citizen.mw-special-CreateAccount #userloginForm .mw-userlogin-join { | |||
margin-top: 1rem; | |||
padding: 1rem; | |||
border: 1px solid #efe5df; | |||
color: var(--mucwiki-muted); | |||
text-align: center; | |||
} | |||
.skin-citizen.mw-special-Userlogin #userloginForm .mw-userlogin-join .cdx-button, | |||
.skin-citizen.mw-special-CreateAccount #userloginForm .mw-userlogin-join .cdx-button { | |||
margin-top: .75rem; | |||
border-color: #eaded7; | |||
background: #fff; | |||
color: var(--mucwiki-red-deep); | |||
} | } | ||
| 第361行： | 第487行： | ||
gap: .78rem; | gap: .78rem; | ||
justify-content: stretch; | justify-content: stretch; | ||
} | |||
.skin-citizen.mw-special-Userlogin .citizen-page-header, | |||
.skin-citizen.mw-special-CreateAccount .citizen-page-header, | |||
.skin-citizen.mw-special-Userlogin #mw-content-text, | |||
.skin-citizen.mw-special-CreateAccount #mw-content-text { | |||
max-width: none; | |||
} | |||
.skin-citizen.mw-special-Userlogin .mw-ui-container, | |||
.skin-citizen.mw-special-CreateAccount .mw-ui-container { | |||
border-right: 0; | |||
border-left: 0; | |||
border-radius: 0; | |||
box-shadow: none; | |||
} | |||
.skin-citizen.mw-special-Userlogin #userloginForm, | |||
.skin-citizen.mw-special-CreateAccount #userloginForm, | |||
.skin-citizen.mw-special-CreateAccount #userloginForm form { | |||
max-width: none; | |||
padding: 1.5rem 1rem 1.35rem; | |||
} | } | ||
} | } | ||