User:Mikevoir/common.css: Difference between revisions
Jump to navigation
Jump to search
(test) |
No edit summary |
||
(5 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
@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; | |||
} | |||
} |
Latest revision as of 10:18, 12 July 2024
@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;
}
}