User:Mikevoir/common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
@media screen and (max-width: | @media screen and (max-width: 2000px) { | ||
body { | body { | ||
display: flex; | display: flex; | ||
Line 5: | Line 5: | ||
} | } | ||
#mw-navigation { | #mw-navigation { | ||
order: 1; | |||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
Line 13: | Line 11: | ||
align-items: center; | align-items: center; | ||
gap: 5px; | gap: 5px; | ||
} | } | ||
#mw-panel { | #mw-panel { |
Revision as of 10:13, 12 July 2024
@media screen and (max-width: 2000px) {
body {
display: flex;
flex-direction: column;
}
#mw-navigation {
order: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 5px;
}
#mw-panel {
position: unset;
order: 1;
}
#mw-head {
position: unset;
order: 2;
width: auto;
}
#mw-panel > nav,
#left-navigation,
#p-personal,
#mw-navigation > h2 {
display: none;
}
#content {
order: 2
}
#right-navigation {
margin: 0;
}
#p-logo {
width: auto;
height: auto;
display: flex;
margin: 0;
}
#p-logo > a {
height: 5em;
}
#simpleSearch,
#searchform,
#p-search {
width: 80vw;
max-width: unset;
min-width: unset;
margin: 0;
}
}