Difference between revisions of "User:MogDog66/userpagev2/Page.css"
< User:MogDog66 | userpagev2
(For the greater good) |
|||
Line 1: | Line 1: | ||
− | /* | + | /* HTML RESTYLES AND CUSTOMIZATIONS */ |
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
#bodyContent ul { padding:0px; margin:0px; list-style-image: none; } | #bodyContent ul { padding:0px; margin:0px; list-style-image: none; } | ||
− | #bodyContent li { list-style-image:url(http://wiki.teamfortress.com/w/images/ | + | #bodyContent li { list-style-image:url(http://wiki.teamfortress.com/w/images/b/bc/User_MogDog66_Mp-Dot.png); } |
− | + | #global-wrapper a { color: #b96518 !important; } | |
+ | #global-wrapper a:hover { color: #f09643 !important; text-decoration:none; } | ||
− | + | /* CLASS SELECTOR BOX */ | |
− | |||
− | . | + | .mp-classSelector { background:url('http://i.imgur.com/33MCZ.png') no-repeat; width:713px; height:80px; margin:auto auto; } |
− | . | + | .mp-classSelector td a { display:block; padding: 0px 0px 39px 39px; } |
+ | .mp-classSelector td a:hover { text-decoration:none; } | ||
− | + | #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; } |
− | + | #heavy:hover { background:url('http://i.imgur.com/pBxmm.png') no-repeat; background-position:center; } | |
− | } | ||
− | . | + | #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; } | |
− | } | ||
− | + | /* CONTENT BOXES, CONTAINERS, AND STYLES */ | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | . | + | .mp-column { |
− | + | width: 90%; | |
+ | margin: 10px auto; | ||
} | } | ||
− | . | + | .mp-LeftBox { |
− | + | box-sizing : border-box; | |
− | + | -moz-box-sizing:border-box; | |
− | + | -webkit-box-sizing:border-box; | |
− | + | width : 49%; | |
− | + | padding : 8px; | |
− | + | background-color: #dad9d8; | |
− | + | border : #4f4945 solid 2px; | |
+ | background:url('http://i.imgur.com/Lbuam.png') repeat-x; background-position:top; | ||
+ | float : left; | ||
+ | position: relative; | ||
} | } | ||
− | + | .mp-RightBox { | |
− | + | box-sizing : border-box; | |
− | + | -moz-box-sizing:border-box; | |
− | + | -webkit-box-sizing:border-box; | |
− | + | width : 49%; | |
− | + | padding : 8px; | |
− | + | background-color: #dad9d8; | |
− | + | border : #4f4945 solid 2px; | |
− | + | background:url('http://i.imgur.com/Lbuam.png') repeat-x; background-position:top; | |
+ | float : right; | ||
+ | position: relative; | ||
} | } | ||
− | . | + | .mp-title { |
− | + | position:absolute; | |
− | + | top:-24px; | |
− | + | left:-3px; | |
− | + | display:inline-block; | |
− | + | padding: 10px 10px 10px 0px; | |
− | + | width: auto; | |
− | + | height:12px; | |
− | + | z-index:2; | |
− | + | font-size:17px; | |
+ | color:#4f4944; | ||
+ | text-shadow: 1px 2px 1px #c9b9b7; | ||
+ | background-color:#fdfdfd; | ||
+ | font-family:'Blackoak Thin Std Wiki 2'; | ||
} | } | ||
− | + | #mp-indexTable { | |
− | { | + | text-align:center; |
− | + | width:100%; | |
− | + | font-weight:bold; | |
− | + | font-size:1.5em; | |
− | + | font-family: TF2; | |
− | |||
− | |||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− |
Revision as of 04:46, 30 August 2012
/* HTML RESTYLES AND CUSTOMIZATIONS */ #bodyContent ul { padding:0px; margin:0px; list-style-image: none; } #bodyContent li { list-style-image:url(http://wiki.teamfortress.com/w/images/b/bc/User_MogDog66_Mp-Dot.png); } #global-wrapper a { color: #b96518 !important; } #global-wrapper a:hover { color: #f09643 !important; text-decoration:none; } /* CLASS SELECTOR BOX */ .mp-classSelector { background:url('http://i.imgur.com/33MCZ.png') no-repeat; width:713px; height:80px; margin:auto auto; } .mp-classSelector td a { display:block; padding: 0px 0px 39px 39px; } .mp-classSelector td a:hover { text-decoration:none; } #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; } #heavy:hover { background:url('http://i.imgur.com/pBxmm.png') no-repeat; background-position:center; } #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; } /* CONTENT BOXES, CONTAINERS, AND STYLES */ .mp-column { width: 90%; margin: 10px auto; } .mp-LeftBox { box-sizing : border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width : 49%; padding : 8px; background-color: #dad9d8; border : #4f4945 solid 2px; background:url('http://i.imgur.com/Lbuam.png') repeat-x; background-position:top; float : left; position: relative; } .mp-RightBox { box-sizing : border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width : 49%; padding : 8px; background-color: #dad9d8; border : #4f4945 solid 2px; background:url('http://i.imgur.com/Lbuam.png') repeat-x; background-position:top; float : right; position: relative; } .mp-title { position:absolute; top:-24px; left:-3px; display:inline-block; padding: 10px 10px 10px 0px; width: auto; height:12px; z-index:2; font-size:17px; color:#4f4944; text-shadow: 1px 2px 1px #c9b9b7; background-color:#fdfdfd; font-family:'Blackoak Thin Std Wiki 2'; } #mp-indexTable { text-align:center; width:100%; font-weight:bold; font-size:1.5em; font-family: TF2; }