2206
редагувань
MediaWiki:Common.css: відмінності між версіями
login v2.4: вертикальне центрування + футер до низу + прибрати Мобільний вигляд
Admin (обговорення | внесок) (прибрати DEBUG-фарбу wrapper-ів логіну) |
Admin (обговорення | внесок) (login v2.4: вертикальне центрування + футер до низу + прибрати Мобільний вигляд) |
||
| Рядок 847: | Рядок 847: | ||
==================================================================== */ | ==================================================================== */ | ||
/* Фон сторінки з ледь помітним gradient від брендових кольорів */ | /* Фон сторінки з ледь помітним gradient від брендових кольорів + | ||
flex column layout щоб footer був унизу, а контент центрувався по вертикалі */ | |||
body.mw-special-Userlogin .mw-page-container, | body.mw-special-Userlogin .mw-page-container, | ||
body.mw-special-CreateAccount .mw-page-container { | body.mw-special-CreateAccount .mw-page-container { | ||
| Рядок 855: | Рядок 856: | ||
#f7f9fc; | #f7f9fc; | ||
min-height: 100vh; | min-height: 100vh; | ||
display: flex; | |||
flex-direction: column; | |||
} | |||
/* Inner росте і центрує контент по вертикалі */ | |||
body.mw-special-Userlogin .mw-page-container-inner, | |||
body.mw-special-CreateAccount .mw-page-container-inner { | |||
flex: 1; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
padding-top: 0 !important; | |||
} | |||
body.mw-special-Userlogin .mw-content-container, | |||
body.mw-special-CreateAccount .mw-content-container { | |||
display: flex; | |||
flex-direction: column; | |||
align-items: center; | |||
justify-content: center; | |||
width: 100% !important; | |||
} | |||
/* Footer притиснутий до низу через margin-top: auto в flex column */ | |||
body.mw-special-Userlogin .mw-footer-container, | |||
body.mw-special-CreateAccount .mw-footer-container { | |||
margin-top: auto; | |||
} | |||
/* Прибрати "Мобільний вигляд" з футера */ | |||
#footer-places-mobileview { | |||
display: none !important; | |||
} | } | ||
| Рядок 897: | Рядок 926: | ||
text-align: center; | text-align: center; | ||
border: none; | border: none; | ||
margin: | margin: 0 auto 8px; | ||
max-width: 420px; | max-width: 420px; | ||
letter-spacing: -0.02em; | letter-spacing: -0.02em; | ||
| Рядок 920: | Рядок 949: | ||
max-width: 420px; | max-width: 420px; | ||
margin: 0 auto; | margin: 0 auto; | ||
padding: | padding: 24px 16px; | ||
width: 100%; | |||
box-sizing: border-box; | |||
} | } | ||