User:NVis/Sandbox/Page.css

Note: After saving, 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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

#mp-classrow {
 width: 900px;
 margin-left: auto;
 margin-right: auto;
}
#mp-classrow:hover > .mp-classbox {
 opacity: 0.85;
}
#mp-classrow:hover > .mp-classbox:hover {
 opacity: 1;
}

.mp-classbox {
 float: left;
 position: relative;
 height: 120px;
 width: 120px;
}

#mp-logo { top: 10px; margin-right: -30px; z-index: 10; }
#mp-scout { margin-right: -42px; z-index: 20; }
#mp-soldier { margin-right: -44px; z-index: 30; }
#mp-pyro { margin-right: -30px; z-index: 40; }
#mp-demo { margin-right: -24px; z-index: 50; }
#mp-heavy { margin-right: -34px; z-index: 60; }
#mp-engi { margin-right: -36px; z-index: 55; }
#mp-medic { margin-right: -54px; z-index: 20; }
#mp-sniper { margin-right: -32px; z-index: 30; }
#mp-spy { z-index: 10; }