MediaWiki: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.

/* CSS placed here will affect users of the Vector skin */

/* Always show the vertical scrollbar. Look/Feel changes between pages which are long/short. */
html {
  overflow-y: scroll;
}

/* set max width and fix the background */
html,
body {
  position: relative;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1280px;
  background-image: url( resources/assets/Heroes_cropped.png ), url( resources/assets/Heroes2_cropped.png ), linear-gradient(#006fab, #000000);
  background-attachment: fixed, fixed;
  background-position: calc(50% + 870px) 20px, calc(50% - 870px) 20px, 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-color: #006fab;
}

/* set blue right border*/
.mw-body {
  border-right: 1px solid #A7D7F9;
}

/** fix the position of:
  personal user menu
  search bar
  the pop-up indicator of language selector
  search suggestions 
**/
#p-personal { right: 3pt; }
#p-search { margin-right: 3pt; }
  .imeselector { position: fixed; }
  .suggestions { right: 3pt !important; }

/* Fix the background color of the navigation */
#p-logo {
  background-color: white;
}
#mw-panel {
  background-color: white;
}