User:Krtko/vector.css

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.

/* Make the content smaller
 * (this breaks MonoBook, because it sets font size even on <body>...)
 */
.mw-body-content { font-size: 0.8em; }

@media screen and (max-width: 720px) {
  /* don't make navigation text larger */
  div#mw-navigation div#mw-panel
  {
    font-size: 100%;
  }

  /* move personal box back to the top */
  div#p-personal {
    position: absolute;
    margin-right: 40vw;
    right: unset;
    width: auto;
  }
  div#p-personal li {
    margin-top: 0.33em;
    margin-bottom: 0;
  }
  div#p-search {
    width: 40vw;
  }
  div#simpleSearch {
    width: auto;
    margin: 0;
  }

  /* remove useless blank space at the bottom */
  div#mw-panel {
    margin-top: 0;
    padding-top: 0;
  }
}