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-classbox {
 float: left;
 position: relative;
 height: 120px;
 width: 120px;
 opacity: 0.85;
}

#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; }

#mp-logo:hover, #mp-scout:hover, #mp-soldier:hover, #mp-pyro:hover, #mp-demo:hover, #mp-heavy:hover, #mp-engi:hover, #mp-medic:hover, #mp-sniper:hover, #mp-spy:hover { opacity: 1; z-index: 100; }