Difference between revisions of "User:NVis/Sandbox/Page.css"

From Team Fortress Wiki
Jump to: navigation, search
m
m
Line 1: Line 1:
 +
#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 {
 
.mp-classbox {
 
  float: left;
 
  float: left;
Line 4: Line 16:
 
  height: 120px;
 
  height: 120px;
 
  width: 120px;
 
  width: 120px;
opacity: 0.85;
 
 
}
 
}
  
Line 17: Line 28:
 
#mp-sniper { margin-right: -32px; z-index: 30; }
 
#mp-sniper { margin-right: -32px; z-index: 30; }
 
#mp-spy { z-index: 10; }
 
#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; }
 

Revision as of 09:19, 28 July 2011

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