Difference between revisions of "User:MogDog66/MPR/Page.css"

From Team Fortress Wiki
Jump to: navigation, search
(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; } */