div#color_picker{position:absolute;z-index:9999}div#color_picker form#new_hex_color{position:relative;z-index:0;padding:1.5em 1.5em;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;box-shadow:0 0 30px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 30px rgba(0,0,0,0.2);-moz-box-shadow:0 0 30px rgba(0,0,0,0.2);font-size:0.75em}div#color_picker span#number_symbol{display:inline-block;position:relative;width:1em;margin-right:-1em;text-align:right}div#color_picker input#hex_color_triplet{width:4.75em;padding:0.275em 0.275em 0.275em 1.1em;border-radius:0.35em;-webkit-border-radius:0.35em;-moz-border-radius:0.35em;outline:none}div#color_picker input#hex_color_triplet:focus{outline:none}div#color_picker input#hex_color_submit{margin-right:0.4em}div#color_picker span.or{font-size:0.95em}div#color_picker a#cancel_color_picker{margin-left:0.4em;font-size:0.95em}div#color_picker div#nipple{position:relative;z-index:1;height:10px}div#color_picker.light form#new_hex_color{background-color:rgba(255,255,255,0.95);color:#666}div#color_picker.light span#number_symbol{color:#999}div#color_picker.light input#hex_color_triplet{background-color:#fff;border:1px solid #999;color:#000}div#color_picker.light input#hex_color_triplet:focus{border-color:#3699c7;box-shadow:0 0 5px #fff;-webkit-box-shadow:0 0 5px #fff;-moz-box-shadow:0 0 5px #fff}div#color_picker.light a#cancel_color_picker{text-shadow:1px 1px 1px #fff;color:#b00}div#color_picker.light a#cancel_color_picker:hover,div#color_picker.light a#cancel_color_picker:focus{color:#f00}div#color_picker.light div#nipple{background:transparent url("/assets/color_picker_light_nipple-1b3256e879c32dc62aee22fad9769cf6186139ba25fe8eed6c154bf326ca23ea.png") top center no-repeat}div#color_picker.dark form#new_hex_color{background-color:rgba(0,0,0,0.9);color:#777}div#color_picker.dark span#number_symbol{color:#777}div#color_picker.dark input#hex_color_triplet{background-color:#222;border:1px solid #666;color:#fff}div#color_picker.dark input#hex_color_triplet:focus{border-color:#3699c7;box-shadow:0 0 5px #000;-webkit-box-shadow:0 0 5px #000;-moz-box-shadow:0 0 5px #000}div#color_picker.dark a#cancel_color_picker{text-shadow:1px 1px 1px #000;color:#fff}div#color_picker.dark a#cancel_color_picker:hover,div#color_picker.dark a#cancel_color_picker:focus{color:#ccc}div#color_picker.dark div#nipple{background:transparent url("/assets/color_picker_dark_nipple-0b8715124e2710372dca2acd6e16044ce51036e58f4a4b506529709b39f00ad9.png") top center no-repeat}