User:Mikevoir/common.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
@media screen and (max-width: 1024px) {
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;
}
}