File: css/mixem.css

html * {margin:0; padding:0;}
body {margin:2em; font:0.83em verdana,arial,sans-serif;}

h1 {font-size:1.8em;}
h1 span {margin-left:4px; position:static;}

div {border-radius:8px;}
div#hue, div#saturation, div#brightness, div#r, div#g, div#b, div#final {
	width:200px; height:150px; background:#ccc; border:1px solid #ccc;
	padding:10px; margin-right:20px; float:left;
}
div#r, div#g, div#b, div#final {background:#000; color:#fff; margin-top:30px;}
div#hue, div#saturation, div#brightness {height:35px; margin-top:30px;}
div#hue {clear:both;}
div#error {margin-top:20px; color:#c00;}
div#outputcont {margin-top:30px; float:left;}
div#outputcont div {margin-bottom:20px;}
div#colourinputcont {clear:both; padding-top:30px;}

span {margin-left:10px; position:relative; top:-4px;}
span#m {color:#f00;}
span#i {color:#bf0040;}
span#x {color:#800080;}
span#e {color:#4000bf;}
span#mm {color:#00f;}

input:hover {cursor:pointer;}
input#colourinput {width:82px; height:18px; border:1px solid #999; padding:1px; font-size:14px;}
input#colourinput:hover {cursor:auto;}
input#sub {width:30px; border:1px solid #999; height:22px;}
input#colourinput, input#sub {border-radius:4px;}