MediaWiki:Common.css

From VexWiki

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 infobox responsive */
.responsive-infobox {
  float: right;
  margin: 0 0 1em 1em;
  max-width: 300px;
}

@media screen and (max-width: 768px) {
  .responsive-infobox {
    float: none;
    margin: 1em auto;
    max-width: 100%;
  }
}

.infobox.vexbox {
  background-color: #f9f9f9;
  border: 1px solid #aaa;
  padding: 8px;
  margin: 1em 0 1em 1em;
  width: 300px;
  float: right;
  clear: right;
  font-size: 90%;
}

@media screen and (max-width: 768px) {
  .infobox.vexbox {
    float: none;
    margin: 1em auto;
    width: 100%;
  }
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif !important;
}

body {
    font-family: 'Open Sans', sans-serif !important;
}