Difference between revisions of "User:Lexar/Main Page/Template:Benjas/Page.css"

Revision as of 12:35, 14 March 2012

.ben-banner-back
{
background:url('http://dl.dropbox.com/u/32668357/wiki-banner-back.png') repeat-x;
}
#class-nav {background:url('http://dl.dropbox.com/u/32668357/w/class-nav/nav_background.png');}
#demo {background:url('http://dl.dropbox.com/u/32668357/w/class-nav/Demo.png');background-position: center 0px;}
#demo:hover {background-position: center -69px;}
#engineer {background:url('http://dl.dropbox.com/u/32668357/w/class-nav/Engineer.png');background-position: center 4px;}
#engineer:hover {background-position: center -69px;}
#heavy {background:url('http://dl.dropbox.com/u/32668357/w/class-nav/Heavy.png');background-position: center 4px;}
#heavy:hover {background-position: center -69px;}
#medic {background:url('http://dl.dropbox.com/u/32668357/w/class-nav/Medic.png');background-position: center 0px;}
#medic:hover {background-position: center -69px;}
#pyro {background:url('http://dl.dropbox.com/u/32668357/w/class-nav/Pyro.png');background-position: center 4px;}
#pyro:hover {background-position: center -69px;}
#scout {background:url('http://dl.dropbox.com/u/32668357/w/class-nav/Scout.png');background-position: center 0px;}
#scout:hover {background-position: center -69px;}
#sniper {background:url('http://dl.dropbox.com/u/32668357/w/class-nav/Sniper.png');background-position: center 4px;}
#sniper:hover {background-position: center -68px;}
#soldier {background:url('http://dl.dropbox.com/u/32668357/w/class-nav/Soldier.png');background-position: center 0px;}
#soldier:hover {background-position: center -69px;}
#spy {background:url('http://dl.dropbox.com/u/32668357/w/class-nav/Spy.png');background-position: center 4px;}
#spy:hover {background-position: center -69px;}
.main-link:hover {color:#b96518;}

#ben-lang-back {background:url('http://dl.dropbox.com/u/32668357/w/lang-back.png');}
#ben-index-back {background:url('http://dl.dropbox.com/u/32668357/w/index-back.png');}
#ben-featured-back {background:url('http://dl.dropbox.com/u/32668357/w/featured-back.png');}
#ben-team-wik-bottom-back {background:url('http://dl.dropbox.com/u/32668357/w/team-wiki-box.png');}
#ben-update-back {background:url('http://dl.dropbox.com/u/32668357/w/update-back.png');}
#ben-knows {background:url('http://dl.dropbox.com/u/32668357/w/did-you-know-back.png');}
#ben-valve-wiki {background:url('http://dl.dropbox.com/u/32668357/w/valve-wiki-network-back.png');}
#ben-copyright {background:url('http://dl.dropbox.com/u/32668357/w/copyright-back.png');}
#benjacat {background:url('http://dl.dropbox.com/u/32668357/w/category-back.png');}

.ben-ul {
	line-height: 1.5em;
	list-style-type: square;
	margin: .3em 0 0 1.5em;
	padding: 0;
	list-style-image: url('http://dl.dropbox.com/u/32668357/w/bullet-icon.png');
}

#ben-trading {background:url('http://dl.dropbox.com/u/32668357/w/index-nav/trading.png'); background-position: center 38px; background-repeat:no-repeat;}
#ben-hats {background:url('http://dl.dropbox.com/u/32668357/w/index-nav/hats.png'); background-position: center 38px; background-repeat:no-repeat;}
#ben-weapons {background:url('http://dl.dropbox.com/u/32668357/w/index-nav/weapons.png'); background-position: center 38px; background-repeat:no-repeat;}
#ben-crafting {background:url('http://dl.dropbox.com/u/32668357/w/index-nav/crafting.png'); background-position: center 53px; background-repeat:no-repeat;}
#ben-game-modes {background:url('http://dl.dropbox.com/u/32668357/w/index-nav/gamemodes.png'); background-position: center 38px; background-repeat:no-repeat;}
#ben-mechanics {background:url('http://dl.dropbox.com/u/32668357/w/index-nav/mechanics.png'); background-position: center 23px; background-repeat:no-repeat;}

.block-back {background:url('http://wiki.teamfortress.com/w/images/3/3c/User_Lexar_block_back.png') top center repeat-x #f1f1f1;}

#containm {width:99%;border:solid orange 1px;}

.left-side {width:48%;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
.right-side {width:45%;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}

@media only screen and (max-width : 550px),
only screen and (max-device-width : 550px){
	.left-side{
		width: 100%;
	}
}

@media only screen and (max-width : 550px),
only screen and (max-device-width : 550px){
	.right-side{
		width: 100%;
	}
}