User:MogDog66/MPR/Page.css
< User:MogDog66 | MPR
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.
/* 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; border : #4f4945 solid 2px; float : left; position: relative; } .mp-RightBox { box-sizing : border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width : 49%; padding : 8px; border : #4f4945 solid 2px; 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 STD; } #mp-indexTable { text-align:center; width:100%; font-weight:bold; font-size:1.5em; font-family: TF2; }