Difference between revisions of "User:NVis/Sandbox/Page.css"
(I have no idea what I'm doing) |
m |
||
| (10 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | .mp-classbox | + | #mp-headerbox { |
| − | { | + | width: 860px; |
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | } | ||
| + | #mp-headerlogo { | ||
| + | clear: both; | ||
| + | margin-bottom: -40px; | ||
| + | } | ||
| + | #mp-classrow { | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | #mp-classrow:hover > .mp-classbox { | ||
| + | opacity: 0.80; | ||
| + | } | ||
| + | #mp-classrow:hover > .mp-classbox:hover { | ||
| + | opacity: 1; | ||
| + | } | ||
| + | |||
| + | .mp-classbox { | ||
float: left; | float: left; | ||
| + | position: relative; | ||
height: 120px; | height: 120px; | ||
| − | width: 100px; | + | width: 120px; |
| − | + | } | |
| + | |||
| + | #mp-logo { top: 10px; margin-right: -30px; z-index: 10; } | ||
| + | #mp-scout { margin-right: -38px; z-index: 20; } | ||
| + | #mp-soldier { margin-right: -44px; z-index: 30; } | ||
| + | #mp-pyro { margin-right: -30px; z-index: 25; } | ||
| + | #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; width: 100px; } | ||
| + | |||
| + | #mp-langbox { | ||
| + | clear: both; | ||
| + | width: 100%; | ||
| + | background: url(http://wiki.teamfortress.com/w/images/b/bd/User_nVis_gradient.png) top left repeat-x; | ||
| + | border: 1px solid #F2A858; | ||
| + | border-left: none; | ||
| + | border-right: none; | ||
text-align: center; | text-align: center; | ||
| − | font- | + | font-size: 90%; |
| − | |||
} | } | ||
| − | |||
Latest revision as of 20:39, 29 July 2011
#mp-headerbox {
width: 860px;
margin-left: auto;
margin-right: auto;
}
#mp-headerlogo {
clear: both;
margin-bottom: -40px;
}
#mp-classrow {
overflow: hidden;
}
#mp-classrow:hover > .mp-classbox {
opacity: 0.80;
}
#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: -38px; z-index: 20; }
#mp-soldier { margin-right: -44px; z-index: 30; }
#mp-pyro { margin-right: -30px; z-index: 25; }
#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; width: 100px; }
#mp-langbox {
clear: both;
width: 100%;
background: url(http://wiki.teamfortress.com/w/images/b/bd/User_nVis_gradient.png) top left repeat-x;
border: 1px solid #F2A858;
border-left: none;
border-right: none;
text-align: center;
font-size: 90%;
}
