User:MogDog66/MPR/Page.css

From Team Fortress Wiki
< User:MogDog66‎ | MPR
Revision as of 09:43, 9 July 2012 by MogDog66 (talk | contribs) (Great success)
Jump to: navigation, search

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