dennisschipper · October 24, 2011 17:26
diff --git a/styles.css b/styles.css
 BODY:before { /** create a box nefore the <body> to hold our stuff **/
 	display:block;
 	border: 1px solid #c5c5c5;
 	cursor: default;
 	background: #404040;
 	color: #fff;
 	font-size: 0.7em;
 	padding: 5px;
 	margin: 5px;
 	float: right;
 	top: 10px;
 	right: 10px;
 }


 @media screen and (min-width: 1024px) { /** Everything from 1024px and over **/
 	BODY:before {
 		content: "1024 & over";
 	}
 }

 @media screen and (max-width: 1023px) { /** Tablets, everything from 1023px down to 641px**/
 	BODY:before {
 		content: "Tablets";
 	}
 }

 @media screen and (max-width: 640px) { /** Anything from 0 to 640px, mobile phones etc **/
 	BODY:before {
 		content: "Mobiles";
 	}
 }
	BODY:before { / create a box nefore the <body> to hold our stuff /
	display:block;
	border: 1px solid #c5c5c5;
	cursor: default;
	background: #404040;
	color: #fff;
	font-size: 0.7em;
	padding: 5px;
	margin: 5px;
	float: right;
	top: 10px;
	right: 10px;
	}


	@media screen and (min-width: 1024px) { / Everything from 1024px and over /
	BODY:before {
	content: "1024 & over";
	}
	}

	@media screen and (max-width: 1023px) { / Tablets, everything from 1023px down to 641px/
	BODY:before {
	content: "Tablets";
	}
	}

	@media screen and (max-width: 640px) { / Anything from 0 to 640px, mobile phones etc /
	BODY:before {
	content: "Mobiles";
	}
	}