MediaWiki:Mobile.css

From Delft Solutions
Revision as of 15:30, 21 July 2024 by SleeplessByte (talk | contribs) (Remove indentation for menu)
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.
/* All CSS here will be loaded for users of the mobile site */

body {
	display: flex;
    flex-direction: column;
    min-height: 100vh;
    justify-content: start;
    padding-top: 70px;
}

#mw-panel {
	position: relative;
    top: 0;
    width: 100%;
    background: beige;
    border-bottom: 1px solid black;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, .2);
}

#mw-head, #p-personal {
    position: relative;
}

#left-navigation, #right-navigation, .vector-menu-tabs-legacy, .vector-search-box {
    float: none;
}

#left-navigation {
	margin-left: 0;
	margin-top: 0;
}

#p-personal ul {
	padding-left: 0;
}
}

#footer, #content {
	margin-left: 0;
}