Icontem

File: css/mixem.css

Recommend this page to a friend!
  Classes of Martin Latter  >  JavaScript Color Mixer  >  css/mixem.css  >  Download  
File: css/mixem.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: JavaScript Color Mixer
Create colors editing the RGB or HSV values
Author: By
Last change: tidy CSS
Date: 11 days ago
Size: 1,171 bytes
 

Contents

Class file image Download
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;}