Difference between revisions of "User:MogDog66/MPR/Page.css"
< User:MogDog66 | MPR
(Last attempt to see if it's the cache or not) |
(Prepare) |
||
Line 3: | Line 3: | ||
margin: 10px auto; | margin: 10px auto; | ||
} | } | ||
+ | |||
+ | .mp-classSelector { width: 713px; | ||
+ | padding: 8px; | ||
+ | margin: 10px auto 10px auto; | ||
+ | } | ||
+ | |||
+ | .mp-classSelector-table { background:url('http://i.imgur.com/33MCZ.png') no-repeat; | ||
+ | padding:5px 15px 15px 15px; | ||
+ | } | ||
+ | |||
+ | .mp-classSelector-table td { padding: 32px 38px 39px 39px; bborder: 1px solid #fff } | ||
+ | |||
+ | #scout { background:url('http://i.imgur.com/ndEKw.png') no-repeat; background-position:center; } | ||
+ | #scout:hover { background:url('http://i.imgur.com/vmEup.png') no-repeat; background-position:center; } | ||
+ | |||
+ | #soldier{ background:url('http://i.imgur.com/Wszay.png') no-repeat; background-position:center; } | ||
+ | #soldier:hover { background:url('http://i.imgur.com/0ebtT.png') no-repeat; background-position:center; } | ||
+ | |||
+ | #pyro{ background:url('http://i.imgur.com/Dt9He.png') no-repeat; background-position:center; } | ||
+ | #pyro:hover { background:url('http://i.imgur.com/qL5zH.png') no-repeat; background-position:center; } | ||
+ | |||
+ | #demoman{ background:url('http://i.imgur.com/iMY37.png') no-repeat; background-position:center; } | ||
+ | #demoman:hover { background:url('http://i.imgur.com/uQ5YK.png') no-repeat; background-position:center; } | ||
+ | |||
+ | #heavy{ background:url('http://i.imgur.com/S7tgM.png') no-repeat; background-position:center bottom; } | ||
+ | #heavy:hover { background:url('http://i.imgur.com/pBxmm.png') no-repeat; background-position:center bottom; } | ||
+ | |||
+ | #engineer{ background:url('http://i.imgur.com/knWQ6.png') no-repeat; background-position:center; } | ||
+ | #engineer:hover { background:url('http://i.imgur.com/7d8sB.png') no-repeat; background-position:center; } | ||
+ | |||
+ | #medic{ background:url('http://i.imgur.com/usiFF.png') no-repeat; background-position:center; } | ||
+ | #medic:hover { background:url('http://i.imgur.com/4IkSE.png') no-repeat; background-position:center; } | ||
+ | |||
+ | #sniper{ background:url('http://i.imgur.com/6NgKS.png') no-repeat; background-position:center; } | ||
+ | #sniper:hover { background:url('http://i.imgur.com/rGfvF.png') no-repeat; background-position:center; } | ||
+ | |||
+ | #spy{ background:url('http://i.imgur.com/XUefA.png') no-repeat; background-position:center; } | ||
+ | #spy:hover { background:url('http://i.imgur.com/hpCEV.png') no-repeat; background-position:center; } | ||
.mp-box { | .mp-box { | ||
Line 15: | Line 53: | ||
} | } | ||
− | @media only screen and (max-width : 640px), | + | /* @media only screen and (max-width : 640px), |
only screen and (max-device-width : 640px){ | only screen and (max-device-width : 640px){ | ||
.mp-box { | .mp-box { | ||
width: 100%; | width: 100%; | ||
} | } | ||
− | } | + | } */ |
− | .content-container { background:url('http://dyne.biringa.com/Wiki_Images/container%20gradient.png') bottom repeat-x; } | + | /* .content-container { background:url('http://dyne.biringa.com/Wiki_Images/container%20gradient.png') bottom repeat-x; } */ |
Revision as of 23:05, 29 June 2012
#mp-container { width: 90%; margin: 10px auto; } .mp-classSelector { width: 713px; padding: 8px; margin: 10px auto 10px auto; } .mp-classSelector-table { background:url('http://i.imgur.com/33MCZ.png') no-repeat; padding:5px 15px 15px 15px; } .mp-classSelector-table td { padding: 32px 38px 39px 39px; bborder: 1px solid #fff } #scout { background:url('http://i.imgur.com/ndEKw.png') no-repeat; background-position:center; } #scout:hover { background:url('http://i.imgur.com/vmEup.png') no-repeat; background-position:center; } #soldier{ background:url('http://i.imgur.com/Wszay.png') no-repeat; background-position:center; } #soldier:hover { background:url('http://i.imgur.com/0ebtT.png') no-repeat; background-position:center; } #pyro{ background:url('http://i.imgur.com/Dt9He.png') no-repeat; background-position:center; } #pyro:hover { background:url('http://i.imgur.com/qL5zH.png') no-repeat; background-position:center; } #demoman{ background:url('http://i.imgur.com/iMY37.png') no-repeat; background-position:center; } #demoman:hover { background:url('http://i.imgur.com/uQ5YK.png') no-repeat; background-position:center; } #heavy{ background:url('http://i.imgur.com/S7tgM.png') no-repeat; background-position:center bottom; } #heavy:hover { background:url('http://i.imgur.com/pBxmm.png') no-repeat; background-position:center bottom; } #engineer{ background:url('http://i.imgur.com/knWQ6.png') no-repeat; background-position:center; } #engineer:hover { background:url('http://i.imgur.com/7d8sB.png') no-repeat; background-position:center; } #medic{ background:url('http://i.imgur.com/usiFF.png') no-repeat; background-position:center; } #medic:hover { background:url('http://i.imgur.com/4IkSE.png') no-repeat; background-position:center; } #sniper{ background:url('http://i.imgur.com/6NgKS.png') no-repeat; background-position:center; } #sniper:hover { background:url('http://i.imgur.com/rGfvF.png') no-repeat; background-position:center; } #spy{ background:url('http://i.imgur.com/XUefA.png') no-repeat; background-position:center; } #spy:hover { background:url('http://i.imgur.com/hpCEV.png') no-repeat; background-position:center; } .mp-box { box-sizing : border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width : 50%; padding : 8px; border : #4f4945 solid 2px; float : left; color: red; } /* @media only screen and (max-width : 640px), only screen and (max-device-width : 640px){ .mp-box { width: 100%; } } */ /* .content-container { background:url('http://dyne.biringa.com/Wiki_Images/container%20gradient.png') bottom repeat-x; } */