User:Ondo/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.

/* Defaults to the nonbinary flag */
#mw-head {
  background: white;
  background-repeat: repeat-x;
  background-size: contain;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)), url('https://static.miraheze.org/nonbinarywiki/thumb/c/c0/Nonbinary.png/800px-Nonbinary.png');
}

/* Style article tabs for the flags */
.vector-menu-tabs .selected {
  background: rgba(255, 255, 255, .7);
}
.vector-menu-tabs li {
  background: rgba(255, 255, 255, .3);
}
.vector-menu-tabs li:hover {
  background: rgba(255, 255, 255, .7);
}
.vector-menu-tabs a {
  background-image: none;
}

/* "Happy Nonbinary Awareness Week" banner */
.nbweek-banner {
    background: rgba(255,255,255,.4);
    padding: 7px;
    position: absolute;
    bottom: 0;
    font-weight: bold;
}
.nbweek-flag {
  font-size: 80%;
  font-weight: normal;
  font-style: italic;
}

/* Adds transparent backgrouund to top user menu for better readability */
#p-personal {
    background: rgba(255, 255, 255, .7);
    top: 0;
    right: 0;
    padding-top: 5px;
    padding-right: 15px;
    border-radius: 0 0 0 5px;
    display: inline;
    right: 0;
}
#p-personal ul {
    padding: 0;
}