2206
редагувань
MediaWiki:Common.css: відмінності між версіями
login v2.5: повна ширина viewport, грід → flex, фікс горизонтального центрування
Admin (обговорення | внесок) (login v2.4: вертикальне центрування + футер до низу + прибрати Мобільний вигляд) |
Admin (обговорення | внесок) (login v2.5: повна ширина viewport, грід → flex, фікс горизонтального центрування) |
||
| Рядок 847: | Рядок 847: | ||
==================================================================== */ | ==================================================================== */ | ||
/* Фон | /* Фон + повна ширина viewport (прибираємо Vector max-width центрування) */ | ||
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 { | ||
| Рядок 858: | Рядок 857: | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
max-width: none !important; | |||
width: 100% !important; | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
border: none !important; | |||
} | } | ||
/* Inner | /* Inner — замінити Vector grid (з зарезервованою sidebar-колонкою) на flex column */ | ||
body.mw-special-Userlogin .mw-page-container-inner, | body.mw-special-Userlogin .mw-page-container-inner, | ||
body.mw-special-CreateAccount .mw-page-container-inner { | body.mw-special-CreateAccount .mw-page-container-inner { | ||
flex: 1; | flex: 1; | ||
display: flex; | display: flex !important; | ||
align-items: center; | flex-direction: column !important; | ||
justify-content: center; | align-items: center !important; | ||
justify-content: center !important; | |||
padding-top: 0 !important; | padding-top: 0 !important; | ||
grid-template-columns: 1fr !important; | |||
grid-template-areas: none !important; | |||
width: 100% !important; | |||
max-width: none !important; | |||
} | } | ||
body.mw-special-Userlogin .mw-content-container, | body.mw-special-Userlogin .mw-content-container, | ||
body.mw-special-CreateAccount .mw-content-container { | body.mw-special-CreateAccount .mw-content-container { | ||
display: flex; | display: flex !important; | ||
flex-direction: column; | flex-direction: column !important; | ||
align-items: center; | align-items: center !important; | ||
justify-content: center; | justify-content: center !important; | ||
width: 100% !important; | |||
max-width: none !important; | |||
margin: 0 !important; | |||
grid-column: 1 / -1 !important; | |||
} | |||
body.mw-special-Userlogin .mw-body, | |||
body.mw-special-CreateAccount .mw-body { | |||
width: 100% !important; | |||
display: flex !important; | |||
flex-direction: column !important; | |||
align-items: center !important; | |||
} | |||
body.mw-special-Userlogin #bodyContent, | |||
body.mw-special-CreateAccount #bodyContent { | |||
width: 100% !important; | width: 100% !important; | ||
display: flex !important; | |||
flex-direction: column !important; | |||
align-items: center !important; | |||
} | } | ||
/* Footer притиснутий до низу через margin-top: auto в flex column */ | /* Footer притиснутий до низу через margin-top: auto в flex column */ | ||