Skip to content

Commit e60929c

Browse files
committed
Update Color Picker Classic with EyeDropper, Alpha, easier color input, and some other features.
1 parent d280843 commit e60929c

28 files changed

+1199
-1822
lines changed

Classic/Color.Picker.Classic.css

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
#ColorPicker {
2+
border: 1px solid rgba(0,0,0,0.5);
3+
border-radius: 6px;
4+
background: #0d0d0d;
5+
background: -webkit-gradient(linear, left top, left bottom, from(#333), color-stop(0.1, #111), to(#000000));
6+
box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.35);
7+
text-shadow: 1px 1px 1px #000;
8+
color:#AAA;
9+
cursor:default;
10+
display:block;
11+
font-family:'arial',helvetica,sans-serif;
12+
font-size:20px;
13+
padding:7px 8px 20px;
14+
position:absolute;
15+
top: 100px;
16+
left: 700px;
17+
width:229px;
18+
z-index:100;
19+
}
20+
#ColorPicker br {
21+
clear:both;
22+
margin:0;
23+
padding:0;
24+
}
25+
#ColorPicker input.hexInput:hover,
26+
#ColorPicker input.hexInput:focus {
27+
color: #FFD000
28+
}
29+
#ColorPicker input.hexInput {
30+
-webkit-transition-property: color;
31+
-webkit-transition-duration: .5s;
32+
background: none;
33+
border: 0;
34+
margin: 0;
35+
font-family:courier,monospace;
36+
font-size:20px;
37+
position: relative;
38+
top: -2px;
39+
float:left;
40+
color:#fff;
41+
cursor: text;
42+
}
43+
#ColorPicker div.hexBox {
44+
border: 1px solid rgba(255,255,255,0.5);
45+
border-radius: 2px;
46+
background:#FFF;
47+
float:left;
48+
font-size:1px;
49+
height:20px;
50+
margin: 0 5px 0 2px;
51+
width:20px;
52+
cursor: pointer;
53+
}
54+
#ColorPicker div.hexBox div {
55+
width: inherit;
56+
height: inherit;
57+
}
58+
#ColorPicker div.hexClose {
59+
-webkit-transition-property: color, text-shadow;
60+
-webkit-transition-duration: .5s;
61+
position: relative;
62+
top: -1px;
63+
left: -1px;
64+
color:#FFF;
65+
cursor:pointer;
66+
float:right;
67+
padding: 0 5px;
68+
margin:0 4px 3px;
69+
user-select:none;
70+
-webkit-user-select: none;
71+
}
72+
#ColorPicker div.hexClose:hover {
73+
text-shadow: 0 0 20px #fff;
74+
color:#FF1100;
75+
}

0 commit comments

Comments
 (0)