User:CannonProductions/monacobookbeta.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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

@media (max-width: 720px) {

  /* Don’t clip off-canvas panels */
  html, body {
    width: 100% !important;
    overflow-x: visible !important;
  }

  /* Instead, prevent the CONTENT area causing sideways scroll */
  #globalWrapper,
  #column-content,
  #content,
  #bodyContent,
  .mw-parser-output {
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  /* Keep content fluid */
  #globalWrapper,
  #column-content,
  #content,
  #bodyContent {
    width: auto !important;
    margin: 0 !important;
  }

  #content, #bodyContent {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  /* IMPORTANT: don’t force the nav column into static layout */
  #column-one {
    float: left !important;      /* let the skin do its thing */
    position: relative !important;
    z-index: 9999 !important;    /* make sure it can overlay */
  }

  /* Media should never force overflow */
  img, video, iframe {
    max-width: 100% !important;
    height: auto !important;
  }

  /* Tables: scroll instead of breaking layout */
  table, .wikitable, .navbox {
    display: block !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  /* Long URLs/text */
  .mw-parser-output {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
}