dennisschipper/styles.css

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