jspaint/classic.css

body {
	background: #BBB;
}
#cont {
    width: 200px;
    height: 200px;
    border: 1px solid #afa; /*To show the boundaries of the element*/
}
#cont:before {
    position: absolute;
    content: '';
    background: rgba(0,0,0,0.5);
    width: 200px;
    height: 200px;
    pointer-events: none;
}

tool {
	display: block;
	margin: 0;
	padding: 0;
	width: 22px;
	height: 22px;
	border: 1px outset;
	box-shadow: 0 0 0 1px #000;
}
tool.selected {
	border: 1px outset #000;
	box-shadow: 1px 1px 0 0px #7B7B7B inset;
}
.jspaint-current-colors, tool.selected {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACAQMAAABIeJ9nAAAABlBMVEW9vb3///8EwsWUAAAADElEQVQI12NoYHAAAAHEAMFJRSpJAAAAAElFTkSuQmCC) repeat;
}
/*
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFklEQVQIW2PcvXv3f1dXV0ZGBiAAcQBCfwczEgEQgwAAAABJRU5ErkJggg==
*/

.jspaint-main {
	background: #7b7b7b;
}

.jspaint-colors img {
	width: 257px;
	height: 33px;
}