diff options
Diffstat (limited to 'frontend/imgrid/colors/minimap.html')
| -rwxr-xr-x | frontend/imgrid/colors/minimap.html | 3891 |
1 files changed, 3891 insertions, 0 deletions
diff --git a/frontend/imgrid/colors/minimap.html b/frontend/imgrid/colors/minimap.html new file mode 100755 index 0000000..5a5291e --- /dev/null +++ b/frontend/imgrid/colors/minimap.html @@ -0,0 +1,3891 @@ +<html> +<head> + +<style type='text/css'> + +body +{ +margin:0; +} + +#colorpicker +{ + +width:100%; +font-family:helvetica; +font-size:10px; +//background-color: gray; +//background-image: url("http://asdf.us/im/6f/gradient_bgdither_1321255670_pepper.gif"); +background-color: black; +background-image: url("http://dump.fm/static/img/bg.dither.gif") + +} + +#container div +{ +text-align:left; +display: -moz-inline-stack; +display:inline-block; +vertical-align:bottom; +min-height: 30px; +zoom: 1; +word-wrap: break-word; +*display: inline; +cursor:pointer; +} + +#container +{ +margin:0 auto; +width:31%; +padding-top:100px; +padding-right:10px; +padding-left:10px; +text-align:center; +overflow:auto; +height:1000px; +} + +#colornames +{ +color:white; +position:fixed; +font-size:50px; +top:50px; +left:2%; +width:400px; +} + +#switches + { + position:fixed; + top:20px; + right:1%; + height:400px; + width:300px; + font-size:20px; + border-style: groove; + border-width: 4px; + background-color:gray; + padding:2px; + box-shadow: 10px 10px 5px #141414; + } + +#infoswitch, #hexswitch, #backgroundswitch + { + background-image:url(http://asdf.us/im/58/gradient_whitegray80_1321305183_1321305241_pepper.jpg); + cursor:pointer; + } +#preview + { + height:150px; + } + + +#holder + { + float:bottom; + } + +#transparent + { + font-size:12px; + } +#namespace + { + width:inherit; + } +#d0 +{background-color:#FFFAFA} + +#d1 +{background-color:#FFFAFA} + +#d2 +{background-color:#EEE9E9} + +#d3 +{background-color:#FFC1C1} + +#d4 +{background-color:#EEB4B4} + +#d5 +{background-color:#CDC9C9} + +#d6 +{background-color:#F08080} + +#d7 +{background-color:#FF6A6A} + +#d8 +{background-color:#CD9B9B} + +#d9 +{background-color:#EE6363} + +#d10 +{background-color:#BC8F8F} + +#d11 +{background-color:#FF4040} + +#d12 +{background-color:#FF3030} + +#d13 +{background-color:#EE3B3B} + +#d14 +{background-color:#CD5C5C} + +#d15 +{background-color:#CD5555} + +#d16 +{background-color:#EE2C2C} + +#d17 +{background-color:#8B8989} + +#d18 +{background-color:#CD3333} + +#d19 +{background-color:#FF0000} + +#d20 +{background-color:#FF0000} + +#d21 +{background-color:#8B6969} + +#d22 +{background-color:#CD2626} + +#d23 +{background-color:#EE0000} + +#d24 +{background-color:#B22222} + +#d25 +{background-color:#A52A2A} + +#d26 +{background-color:#CD0000} + +#d27 +{background-color:#8B3A3A} + +#d28 +{background-color:#8B2323} + +#d29 +{background-color:#8B1A1A} + +#d30 +{background-color:#8B0000} + +#d31 +{background-color:#8B0000} + +#d32 +{background-color:#800000} + +#d33 +{background-color:#FFAEB9} + +#d34 +{background-color:#CD8C95} + +#d35 +{background-color:#8B5F65} + +#d36 +{background-color:#EEA2AD} + +#d37 +{background-color:#FFB6C1} + +#d38 +{background-color:#FFC0CB} + +#d39 +{background-color:#DC143C} + +#d40 +{background-color:#FFB5C5} + +#d41 +{background-color:#EEA9B8} + +#d42 +{background-color:#CD919E} + +#d43 +{background-color:#8B636C} + +#d44 +{background-color:#8B475D} + +#d45 +{background-color:#DB7093} + +#d46 +{background-color:#EE799F} + +#d47 +{background-color:#FF82AB} + +#d48 +{background-color:#CD6889} + +#d49 +{background-color:#FFF0F5} + +#d50 +{background-color:#FFF0F5} + +#d51 +{background-color:#CDC1C5} + +#d52 +{background-color:#EEE0E5} + +#d53 +{background-color:#8B8386} + +#d54 +{background-color:#B03060} + +#d55 +{background-color:#CD6090} + +#d56 +{background-color:#CD3278} + +#d57 +{background-color:#FF3E96} + +#d58 +{background-color:#EE3A8C} + +#d59 +{background-color:#8B2252} + +#d60 +{background-color:#EE6AA7} + +#d61 +{background-color:#FF6EB4} + +#d62 +{background-color:#8B3A62} + +#d63 +{background-color:#FF69B4} + +#d64 +{background-color:#FF1493} + +#d65 +{background-color:#FF1493} + +#d66 +{background-color:#EE1289} + +#d67 +{background-color:#CD1076} + +#d68 +{background-color:#8B0A50} + +#d69 +{background-color:#FF34B3} + +#d70 +{background-color:#EE30A7} + +#d71 +{background-color:#CD2990} + +#d72 +{background-color:#8B1C62} + +#d73 +{background-color:#C71585} + +#d74 +{background-color:#D02090} + +#d75 +{background-color:#EE7AE9} + +#d76 +{background-color:#DA70D6} + +#d77 +{background-color:#FF83FA} + +#d78 +{background-color:#CD69C9} + +#d79 +{background-color:#8B4789} + +#d80 +{background-color:#FFE1FF} + +#d81 +{background-color:#EED2EE} + +#d82 +{background-color:#FFBBFF} + +#d83 +{background-color:#EEAEEE} + +#d84 +{background-color:#D8BFD8} + +#d85 +{background-color:#CDB5CD} + +#d86 +{background-color:#DDA0DD} + +#d87 +{background-color:#EE82EE} + +#d88 +{background-color:#CD96CD} + +#d89 +{background-color:#8B7B8B} + +#d90 +{background-color:#FF00FF} + +#d91 +{background-color:#FF00FF} + +#d92 +{background-color:#FF00FF} + +#d93 +{background-color:#8B668B} + +#d94 +{background-color:#EE00EE} + +#d95 +{background-color:#CD00CD} + +#d96 +{background-color:#8B008B} + +#d97 +{background-color:#8B008B} + +#d98 +{background-color:#800080} + +#d99 +{background-color:#BA55D3} + +#d100 +{background-color:#E066FF} + +#d101 +{background-color:#D15FEE} + +#d102 +{background-color:#B452CD} + +#d103 +{background-color:#7A378B} + +#d104 +{background-color:#9400D3} + +#d105 +{background-color:#9932CC} + +#d106 +{background-color:#BF3EFF} + +#d107 +{background-color:#9A32CD} + +#d108 +{background-color:#B23AEE} + +#d109 +{background-color:#68228B} + +#d110 +{background-color:#A020F0} + +#d111 +{background-color:#4B0082} + +#d112 +{background-color:#8A2BE2} + +#d113 +{background-color:#912CEE} + +#d114 +{background-color:#7D26CD} + +#d115 +{background-color:#551A8B} + +#d116 +{background-color:#9B30FF} + +#d117 +{background-color:#9370DB} + +#d118 +{background-color:#AB82FF} + +#d119 +{background-color:#9F79EE} + +#d120 +{background-color:#8968CD} + +#d121 +{background-color:#5D478B} + +#d122 +{background-color:#483D8B} + +#d123 +{background-color:#8470FF} + +#d124 +{background-color:#7B68EE} + +#d125 +{background-color:#6A5ACD} + +#d126 +{background-color:#836FFF} + +#d127 +{background-color:#7A67EE} + +#d128 +{background-color:#6959CD} + +#d129 +{background-color:#473C8B} + +#d130 +{background-color:#F8F8FF} + +#d131 +{background-color:#E6E6FA} + +#d132 +{background-color:#0000FF} + +#d133 +{background-color:#0000FF} + +#d134 +{background-color:#0000EE} + +#d135 +{background-color:#0000CD} + +#d136 +{background-color:#0000CD} + +#d137 +{background-color:#00008B} + +#d138 +{background-color:#00008B} + +#d139 +{background-color:#191970} + +#d140 +{background-color:#000080} + +#d141 +{background-color:#000080} + +#d142 +{background-color:#4169E1} + +#d143 +{background-color:#4876FF} + +#d144 +{background-color:#436EEE} + +#d145 +{background-color:#3A5FCD} + +#d146 +{background-color:#27408B} + +#d147 +{background-color:#6495ED} + +#d148 +{background-color:#B0C4DE} + +#d149 +{background-color:#CAE1FF} + +#d150 +{background-color:#BCD2EE} + +#d151 +{background-color:#A2B5CD} + +#d152 +{background-color:#6E7B8B} + +#d153 +{background-color:#6C7B8B} + +#d154 +{background-color:#C6E2FF} + +#d155 +{background-color:#B9D3EE} + +#d156 +{background-color:#9FB6CD} + +#d157 +{background-color:#778899} + +#d158 +{background-color:#778899} + +#d159 +{background-color:#708090} + +#d160 +{background-color:#708090} + +#d161 +{background-color:#1E90FF} + +#d162 +{background-color:#1E90FF} + +#d163 +{background-color:#1C86EE} + +#d164 +{background-color:#104E8B} + +#d165 +{background-color:#1874CD} + +#d166 +{background-color:#F0F8FF} + +#d167 +{background-color:#36648B} + +#d168 +{background-color:#4682B4} + +#d169 +{background-color:#63B8FF} + +#d170 +{background-color:#5CACEE} + +#d171 +{background-color:#4F94CD} + +#d172 +{background-color:#4A708B} + +#d173 +{background-color:#87CEFF} + +#d174 +{background-color:#7EC0EE} + +#d175 +{background-color:#6CA6CD} + +#d176 +{background-color:#87CEFA} + +#d177 +{background-color:#607B8B} + +#d178 +{background-color:#B0E2FF} + +#d179 +{background-color:#A4D3EE} + +#d180 +{background-color:#8DB6CD} + +#d181 +{background-color:#87CEEB} + +#d182 +{background-color:#9AC0CD} + +#d183 +{background-color:#00BFFF} + +#d184 +{background-color:#00BFFF} + +#d185 +{background-color:#00B2EE} + +#d186 +{background-color:#00688B} + +#d187 +{background-color:#009ACD} + +#d188 +{background-color:#BFEFFF} + +#d189 +{background-color:#B2DFEE} + +#d190 +{background-color:#ADD8E6} + +#d191 +{background-color:#68838B} + +#d192 +{background-color:#B0E0E6} + +#d193 +{background-color:#98F5FF} + +#d194 +{background-color:#8EE5EE} + +#d195 +{background-color:#7AC5CD} + +#d196 +{background-color:#53868B} + +#d197 +{background-color:#00F5FF} + +#d198 +{background-color:#00E5EE} + +#d199 +{background-color:#00C5CD} + +#d200 +{background-color:#00868B} + +#d201 +{background-color:#5F9EA0} + +#d202 +{background-color:#5F9EA0} + +#d203 +{background-color:#00CED1} + +#d204 +{background-color:#F0FFFF} + +#d205 +{background-color:#F0FFFF} + +#d206 +{background-color:#E0FFFF} + +#d207 +{background-color:#E0FFFF} + +#d208 +{background-color:#E0EEEE} + +#d209 +{background-color:#D1EEEE} + +#d210 +{background-color:#BBFFFF} + +#d211 +{background-color:#AFEEEE} + +#d212 +{background-color:#AEEEEE} + +#d213 +{background-color:#97FFFF} + +#d214 +{background-color:#C1CDCD} + +#d215 +{background-color:#B4CDCD} + +#d216 +{background-color:#8DEEEE} + +#d217 +{background-color:#96CDCD} + +#d218 +{background-color:#79CDCD} + +#d219 +{background-color:#838B8B} + +#d220 +{background-color:#7A8B8B} + +#d221 +{background-color:#00FFFF} + +#d222 +{background-color:#00FFFF} + +#d223 +{background-color:#00FFFF} + +#d224 +{background-color:#668B8B} + +#d225 +{background-color:#00EEEE} + +#d226 +{background-color:#528B8B} + +#d227 +{background-color:#00CDCD} + +#d228 +{background-color:#008B8B} + +#d229 +{background-color:#008B8B} + +#d230 +{background-color:#008080} + +#d231 +{background-color:#2F4F4F} + +#d232 +{background-color:#2F4F4F} + +#d233 +{background-color:#48D1CC} + +#d234 +{background-color:#20B2AA} + +#d235 +{background-color:#40E0D0} + +#d236 +{background-color:#458B74} + +#d237 +{background-color:#7FFFD4} + +#d238 +{background-color:#7FFFD4} + +#d239 +{background-color:#76EEC6} + +#d240 +{background-color:#66CDAA} + +#d241 +{background-color:#66CDAA} + +#d242 +{background-color:#00FA9A} + +#d243 +{background-color:#F5FFFA} + +#d244 +{background-color:#00FF7F} + +#d245 +{background-color:#00FF7F} + +#d246 +{background-color:#00EE76} + +#d247 +{background-color:#00CD66} + +#d248 +{background-color:#008B45} + +#d249 +{background-color:#3CB371} + +#d250 +{background-color:#2E8B57} + +#d251 +{background-color:#43CD80} + +#d252 +{background-color:#54FF9F} + +#d253 +{background-color:#2E8B57} + +#d254 +{background-color:#4EEE94} + +#d255 +{background-color:#32814B} + +#d256 +{background-color:#F0FFF0} + +#d257 +{background-color:#F0FFF0} + +#d258 +{background-color:#E0EEE0} + +#d259 +{background-color:#C1FFC1} + +#d260 +{background-color:#B4EEB4} + +#d261 +{background-color:#9AFF9A} + +#d262 +{background-color:#98FB98} + +#d263 +{background-color:#C1CDC1} + +#d264 +{background-color:#90EE90} + +#d265 +{background-color:#90EE90} + +#d266 +{background-color:#9BCD9B} + +#d267 +{background-color:#8FBC8F} + +#d268 +{background-color:#7CCD7C} + +#d269 +{background-color:#838B83} + +#d270 +{background-color:#00FF00} + +#d271 +{background-color:#00FF00} + +#d272 +{background-color:#32CD32} + +#d273 +{background-color:#698B69} + +#d274 +{background-color:#00EE00} + +#d275 +{background-color:#548B54} + +#d276 +{background-color:#00CD00} + +#d277 +{background-color:#228B22} + +#d278 +{background-color:#008B00} + +#d279 +{background-color:#008000} + +#d280 +{background-color:#006400} + +#d281 +{background-color:#7CFC00} + +#d282 +{background-color:#7FFF00} + +#d283 +{background-color:#7FFF00} + +#d284 +{background-color:#76EE00} + +#d285 +{background-color:#66CD00} + +#d286 +{background-color:#458B00} + +#d287 +{background-color:#ADFF2F} + +#d288 +{background-color:#A2CD5A} + +#d289 +{background-color:#CAFF70} + +#d290 +{background-color:#BCEE68} + +#d291 +{background-color:#6E8B3D} + +#d292 +{background-color:#556B2F} + +#d293 +{background-color:#6B8E23} + +#d294 +{background-color:#C0FF3E} + +#d295 +{background-color:#B3EE3A} + +#d296 +{background-color:#9ACD32} + +#d297 +{background-color:#9ACD32} + +#d298 +{background-color:#698B22} + +#d299 +{background-color:#FFFFF0} + +#d300 +{background-color:#FFFFF0} + +#d301 +{background-color:#FFFFE0} + +#d302 +{background-color:#FFFFE0} + +#d303 +{background-color:#F5F5DC} + +#d304 +{background-color:#EEEEE0} + +#d305 +{background-color:#FAFAD2} + +#d306 +{background-color:#EEEED1} + +#d307 +{background-color:#CDCDC1} + +#d308 +{background-color:#CDCDB4} + +#d309 +{background-color:#8B8B83} + +#d310 +{background-color:#8B8B7A} + +#d311 +{background-color:#FFFF00} + +#d312 +{background-color:#FFFF00} + +#d313 +{background-color:#EEEE00} + +#d314 +{background-color:#CDCD00} + +#d315 +{background-color:#8B8B00} + +#d316 +{background-color:#808000} + +#d317 +{background-color:#BDB76B} + +#d318 +{background-color:#EEE685} + +#d319 +{background-color:#8B8970} + +#d320 +{background-color:#FFF68F} + +#d321 +{background-color:#CDC673} + +#d322 +{background-color:#8B864E} + +#d323 +{background-color:#EEE8AA} + +#d324 +{background-color:#FFFACD} + +#d325 +{background-color:#FFFACD} + +#d326 +{background-color:#F0E68C} + +#d327 +{background-color:#CDC9A5} + +#d328 +{background-color:#EEE9BF} + +#d329 +{background-color:#D1C166} + +#d330 +{background-color:#8B8878} + +#d331 +{background-color:#FFD700} + +#d332 +{background-color:#FFD700} + +#d333 +{background-color:#EEC900} + +#d334 +{background-color:#CDAD00} + +#d335 +{background-color:#8B7500} + +#d336 +{background-color:#EEDD82} + +#d337 +{background-color:#8B814C} + +#d338 +{background-color:#FFEC8B} + +#d339 +{background-color:#CDBE70} + +#d340 +{background-color:#EEDC82} + +#d341 +{background-color:#CDC8B1} + +#d342 +{background-color:#EEE8CD} + +#d343 +{background-color:#FFF8DC} + +#d344 +{background-color:#FFF8DC} + +#d345 +{background-color:#DAA520} + +#d346 +{background-color:#FFC125} + +#d347 +{background-color:#EEB422} + +#d348 +{background-color:#CD9B1D} + +#d349 +{background-color:#8B6914} + +#d350 +{background-color:#B8860B} + +#d351 +{background-color:#FFB90F} + +#d352 +{background-color:#EEAD0E} + +#d353 +{background-color:#CD950C} + +#d354 +{background-color:#8B6508} + +#d355 +{background-color:#FFFAF0} + +#d356 +{background-color:#EED8AE} + +#d357 +{background-color:#FDF5E6} + +#d358 +{background-color:#F5DEB3} + +#d359 +{background-color:#FFE7BA} + +#d360 +{background-color:#CDBA96} + +#d361 +{background-color:#FFA500} + +#d362 +{background-color:#FFA500} + +#d363 +{background-color:#EE9A00} + +#d364 +{background-color:#CD8500} + +#d365 +{background-color:#8B5A00} + +#d366 +{background-color:#8B7E66} + +#d367 +{background-color:#FFE4B5} + +#d368 +{background-color:#FFEFD5} + +#d369 +{background-color:#CDB38B} + +#d370 +{background-color:#FFEBCD} + +#d371 +{background-color:#FFDEAD} + +#d372 +{background-color:#FFDEAD} + +#d373 +{background-color:#EECFA1} + +#d374 +{background-color:#8B795E} + +#d375 +{background-color:#8B8378} + +#d376 +{background-color:#FAEBD7} + +#d377 +{background-color:#D2B48C} + +#d378 +{background-color:#8B7D6B} + +#d379 +{background-color:#DEB887} + +#d380 +{background-color:#EEDFCC} + +#d381 +{background-color:#FFD39B} + +#d382 +{background-color:#CDAA7D} + +#d383 +{background-color:#EEC591} + +#d384 +{background-color:#FFEFDB} + +#d385 +{background-color:#8B7355} + +#d386 +{background-color:#CDC0B0} + +#d387 +{background-color:#FF8C00} + +#d388 +{background-color:#EED5B7} + +#d389 +{background-color:#FFE4C4} + +#d390 +{background-color:#FFE4C4} + +#d391 +{background-color:#CDB79E} + +#d392 +{background-color:#FF7F00} + +#d393 +{background-color:#FAF0E6} + +#d394 +{background-color:#EE7600} + +#d395 +{background-color:#CD6600} + +#d396 +{background-color:#8B4500} + +#d397 +{background-color:#CD853F} + +#d398 +{background-color:#FFA54F} + +#d399 +{background-color:#EE9A49} + +#d400 +{background-color:#CD853F} + +#d401 +{background-color:#8B5A2B} + +#d402 +{background-color:#FFDAB9} + +#d403 +{background-color:#FFDAB9} + +#d404 +{background-color:#8B7765} + +#d405 +{background-color:#EECBAD} + +#d406 +{background-color:#CDAF95} + +#d407 +{background-color:#F4A460} + +#d408 +{background-color:#8B8682} + +#d409 +{background-color:#EEE5DE} + +#d410 +{background-color:#CDC5BF} + +#d411 +{background-color:#D2691E} + +#d412 +{background-color:#FF7F24} + +#d413 +{background-color:#EE7621} + +#d414 +{background-color:#CD661D} + +#d415 +{background-color:#8B4513} + +#d416 +{background-color:#8B4513} + +#d417 +{background-color:#FFF5EE} + +#d418 +{background-color:#FFF5EE} + +#d419 +{background-color:#8B4726} + +#d420 +{background-color:#A0522D} + +#d421 +{background-color:#FF8247} + +#d422 +{background-color:#EE7942} + +#d423 +{background-color:#CD6839} + +#d424 +{background-color:#CD8162} + +#d425 +{background-color:#FFA07A} + +#d426 +{background-color:#FFA07A} + +#d427 +{background-color:#8B5742} + +#d428 +{background-color:#EE9572} + +#d429 +{background-color:#FF7F50} + +#d430 +{background-color:#FF4500} + +#d431 +{background-color:#FF4500} + +#d432 +{background-color:#EE4000} + +#d433 +{background-color:#CD3700} + +#d434 +{background-color:#8B2500} + +#d435 +{background-color:#E9967A} + +#d436 +{background-color:#FF8C69} + +#d437 +{background-color:#EE8262} + +#d438 +{background-color:#CD7054} + +#d439 +{background-color:#8B4C39} + +#d440 +{background-color:#FF7256} + +#d441 +{background-color:#EE6A50} + +#d442 +{background-color:#CD5B45} + +#d443 +{background-color:#8B3E2F} + +#d444 +{background-color:#8B3626} + +#d445 +{background-color:#FF6347} + +#d446 +{background-color:#FF6347} + +#d447 +{background-color:#EE5C42} + +#d448 +{background-color:#CD4F39} + +#d449 +{background-color:#8B7D7B} + +#d450 +{background-color:#EED5D2} + +#d451 +{background-color:#FFE4E1} + +#d452 +{background-color:#FFE4E1} + +#d453 +{background-color:#FA8072} + +#d454 +{background-color:#CDB7B5} + +#d455 +{background-color:#FFFFFF} + +#d456 +{background-color:#FFFFFF} + +#d457 +{background-color:#FFFFFF} + +#d458 +{background-color:#FFFFFF} + +#d459 +{background-color:#FCFCFC} + +#d460 +{background-color:#FCFCFC} + +#d461 +{background-color:#FAFAFA} + +#d462 +{background-color:#FAFAFA} + +#d463 +{background-color:#F7F7F7} + +#d464 +{background-color:#F7F7F7} + +#d465 +{background-color:#F5F5F5} + +#d466 +{background-color:#F5F5F5} + +#d467 +{background-color:#F5F5F5} + +#d468 +{background-color:#F2F2F2} + +#d469 +{background-color:#F2F2F2} + +#d470 +{background-color:#F0F0F0} + +#d471 +{background-color:#F0F0F0} + +#d472 +{background-color:#EDEDED} + +#d473 +{background-color:#EDEDED} + +#d474 +{background-color:#EBEBEB} + +#d475 +{background-color:#EBEBEB} + +#d476 +{background-color:#E8E8E8} + +#d477 +{background-color:#E8E8E8} + +#d478 +{background-color:#E5E5E5} + +#d479 +{background-color:#E5E5E5} + +#d480 +{background-color:#E3E3E3} + +#d481 +{background-color:#E3E3E3} + +#d482 +{background-color:#E0E0E0} + +#d483 +{background-color:#E0E0E0} + +#d484 +{background-color:#DEDEDE} + +#d485 +{background-color:#DEDEDE} + +#d486 +{background-color:#DCDCDC} + +#d487 +{background-color:#DBDBDB} + +#d488 +{background-color:#DBDBDB} + +#d489 +{background-color:#D9D9D9} + +#d490 +{background-color:#D9D9D9} + +#d491 +{background-color:#D6D6D6} + +#d492 +{background-color:#D6D6D6} + +#d493 +{background-color:#D4D4D4} + +#d494 +{background-color:#D4D4D4} + +#d495 +{background-color:#D3D3D3} + +#d496 +{background-color:#D3D3D3} + +#d497 +{background-color:#D1D1D1} + +#d498 +{background-color:#D1D1D1} + +#d499 +{background-color:#CFCFCF} + +#d500 +{background-color:#CFCFCF} + +#d501 +{background-color:#CCCCCC} + +#d502 +{background-color:#CCCCCC} + +#d503 +{background-color:#C9C9C9} + +#d504 +{background-color:#C9C9C9} + +#d505 +{background-color:#C7C7C7} + +#d506 +{background-color:#C7C7C7} + +#d507 +{background-color:#C4C4C4} + +#d508 +{background-color:#C4C4C4} + +#d509 +{background-color:#C2C2C2} + +#d510 +{background-color:#C2C2C2} + +#d511 +{background-color:#C0C0C0} + +#d512 +{background-color:#BFBFBF} + +#d513 +{background-color:#BFBFBF} + +#d514 +{background-color:#BDBDBD} + +#d515 +{background-color:#BDBDBD} + +#d516 +{background-color:#BABABA} + +#d517 +{background-color:#BABABA} + +#d518 +{background-color:#B8B8B8} + +#d519 +{background-color:#B8B8B8} + +#d520 +{background-color:#B5B5B5} + +#d521 +{background-color:#B5B5B5} + +#d522 +{background-color:#B3B3B3} + +#d523 +{background-color:#B3B3B3} + +#d524 +{background-color:#B0B0B0} + +#d525 +{background-color:#B0B0B0} + +#d526 +{background-color:#ADADAD} + +#d527 +{background-color:#ADADAD} + +#d528 +{background-color:#ABABAB} + +#d529 +{background-color:#ABABAB} + +#d530 +{background-color:#A9A9A9} + +#d531 +{background-color:#A9A9A9} + +#d532 +{background-color:#A8A8A8} + +#d533 +{background-color:#A8A8A8} + +#d534 +{background-color:#A6A6A6} + +#d535 +{background-color:#A6A6A6} + +#d536 +{background-color:#A3A3A3} + +#d537 +{background-color:#A3A3A3} + +#d538 +{background-color:#A1A1A1} + +#d539 +{background-color:#A1A1A1} + +#d540 +{background-color:#9E9E9E} + +#d541 +{background-color:#9E9E9E} + +#d542 +{background-color:#9C9C9C} + +#d543 +{background-color:#9C9C9C} + +#d544 +{background-color:#999999} + +#d545 +{background-color:#999999} + +#d546 +{background-color:#969696} + +#d547 +{background-color:#969696} + +#d548 +{background-color:#949494} + +#d549 +{background-color:#949494} + +#d550 +{background-color:#919191} + +#d551 +{background-color:#919191} + +#d552 +{background-color:#8F8F8F} + +#d553 +{background-color:#8F8F8F} + +#d554 +{background-color:#8C8C8C} + +#d555 +{background-color:#8C8C8C} + +#d556 +{background-color:#8A8A8A} + +#d557 +{background-color:#8A8A8A} + +#d558 +{background-color:#878787} + +#d559 +{background-color:#878787} + +#d560 +{background-color:#858585} + +#d561 +{background-color:#858585} + +#d562 +{background-color:#828282} + +#d563 +{background-color:#828282} + +#d564 +{background-color:#808080} + +#d565 +{background-color:#7F7F7F} + +#d566 +{background-color:#7F7F7F} + +#d567 +{background-color:#7E7E7E} + +#d568 +{background-color:#7D7D7D} + +#d569 +{background-color:#7D7D7D} + +#d570 +{background-color:#7A7A7A} + +#d571 +{background-color:#7A7A7A} + +#d572 +{background-color:#787878} + +#d573 +{background-color:#787878} + +#d574 +{background-color:#757575} + +#d575 +{background-color:#757575} + +#d576 +{background-color:#737373} + +#d577 +{background-color:#737373} + +#d578 +{background-color:#707070} + +#d579 +{background-color:#707070} + +#d580 +{background-color:#6E6E6E} + +#d581 +{background-color:#6E6E6E} + +#d582 +{background-color:#6B6B6B} + +#d583 +{background-color:#6B6B6B} + +#d584 +{background-color:#696969} + +#d585 +{background-color:#696969} + +#d586 +{background-color:#696969} + +#d587 +{background-color:#696969} + +#d588 +{background-color:#666666} + +#d589 +{background-color:#666666} + +#d590 +{background-color:#636363} + +#d591 +{background-color:#636363} + +#d592 +{background-color:#616161} + +#d593 +{background-color:#616161} + +#d594 +{background-color:#5E5E5E} + +#d595 +{background-color:#5E5E5E} + +#d596 +{background-color:#5C5C5C} + +#d597 +{background-color:#5C5C5C} + +#d598 +{background-color:#595959} + +#d599 +{background-color:#595959} + +#d600 +{background-color:#575757} + +#d601 +{background-color:#575757} + +#d602 +{background-color:#545454} + +#d603 +{background-color:#545454} + +#d604 +{background-color:#525252} + +#d605 +{background-color:#525252} + +#d606 +{background-color:#4F4F4F} + +#d607 +{background-color:#4F4F4F} + +#d608 +{background-color:#4D4D4D} + +#d609 +{background-color:#4D4D4D} + +#d610 +{background-color:#4A4A4A} + +#d611 +{background-color:#4A4A4A} + +#d612 +{background-color:#474747} + +#d613 +{background-color:#474747} + +#d614 +{background-color:#454545} + +#d615 +{background-color:#454545} + +#d616 +{background-color:#424242} + +#d617 +{background-color:#424242} + +#d618 +{background-color:#404040} + +#d619 +{background-color:#404040} + +#d620 +{background-color:#3D3D3D} + +#d621 +{background-color:#3D3D3D} + +#d622 +{background-color:#3B3B3B} + +#d623 +{background-color:#3B3B3B} + +#d624 +{background-color:#383838} + +#d625 +{background-color:#383838} + +#d626 +{background-color:#363636} + +#d627 +{background-color:#363636} + +#d628 +{background-color:#333333} + +#d629 +{background-color:#333333} + +#d630 +{background-color:#303030} + +#d631 +{background-color:#303030} + +#d632 +{background-color:#2E2E2E} + +#d633 +{background-color:#2E2E2E} + +#d634 +{background-color:#2B2B2B} + +#d635 +{background-color:#2B2B2B} + +#d636 +{background-color:#292929} + +#d637 +{background-color:#292929} + +#d638 +{background-color:#262626} + +#d639 +{background-color:#262626} + +#d640 +{background-color:#242424} + +#d641 +{background-color:#242424} + +#d642 +{background-color:#212121} + +#d643 +{background-color:#212121} + +#d644 +{background-color:#1F1F1F} + +#d645 +{background-color:#1F1F1F} + +#d646 +{background-color:#1C1C1C} + +#d647 +{background-color:#1C1C1C} + +#d648 +{background-color:#1A1A1A} + +#d649 +{background-color:#1A1A1A} + +#d650 +{background-color:#171717} + +#d651 +{background-color:#171717} + +#d652 +{background-color:#141414} + +#d653 +{background-color:#141414} + +#d654 +{background-color:#121212} + +#d655 +{background-color:#121212} + +#d656 +{background-color:#0F0F0F} + +#d657 +{background-color:#0F0F0F} + +#d658 +{background-color:#0D0D0D} + +#d659 +{background-color:#0D0D0D} + +#d660 +{background-color:#0A0A0A} + +#d661 +{background-color:#0A0A0A} + +#d662 +{background-color:#080808} + +#d663 +{background-color:#080808} + +#d664 +{background-color:#050505} + +#d665 +{background-color:#050505} + +#d666 +{background-color:#030303} + +#d667 +{background-color:#030303} + +#d668 +{background-color:#000000} + +#d669 +{background-color:#000000} + +#d670 +{background-color:#000000} + +#d671 +{background-color:#000000} + +#d672 +{background-color:#000000} + +#d673 +{background-color:#000000} +.colors +{ +height:30; +width:10px; +} +</style></head><body> +<div id='colorpicker'> +<div id='container'> +<div id='d0' class='colors'> +snow</div> +<div id='d1' class='colors'> +snow1</div> +<div id='d2' class='colors'> +snow2</div> +<div id='d3' class='colors'> +RosyBrown1</div> +<div id='d4' class='colors'> +RosyBrown2</div> +<div id='d5' class='colors'> +snow3</div> +<div id='d6' class='colors'> +LightCoral</div> +<div id='d7' class='colors'> +IndianRed1</div> +<div id='d8' class='colors'> +RosyBrown3</div> +<div id='d9' class='colors'> +IndianRed2</div> +<div id='d10' class='colors'> +RosyBrown</div> +<div id='d11' class='colors'> +brown1</div> +<div id='d12' class='colors'> +firebrick1</div> +<div id='d13' class='colors'> +brown2</div> +<div id='d14' class='colors'> +IndianRed</div> +<div id='d15' class='colors'> +IndianRed3</div> +<div id='d16' class='colors'> +firebrick2</div> +<div id='d17' class='colors'> +snow4</div> +<div id='d18' class='colors'> +brown3</div> +<div id='d19' class='colors'> +red</div> +<div id='d20' class='colors'> +red1</div> +<div id='d21' class='colors'> +RosyBrown4</div> +<div id='d22' class='colors'> +firebrick3</div> +<div id='d23' class='colors'> +red2</div> +<div id='d24' class='colors'> +firebrick</div> +<div id='d25' class='colors'> +brown</div> +<div id='d26' class='colors'> +red3</div> +<div id='d27' class='colors'> +IndianRed4</div> +<div id='d28' class='colors'> +brown4</div> +<div id='d29' class='colors'> +firebrick4</div> +<div id='d30' class='colors'> +DarkRed</div> +<div id='d31' class='colors'> +red4</div> +<div id='d32' class='colors'> +maroon</div> +<div id='d33' class='colors'> +LightPink1</div> +<div id='d34' class='colors'> +LightPink3</div> +<div id='d35' class='colors'> +LightPink4</div> +<div id='d36' class='colors'> +LightPink2</div> +<div id='d37' class='colors'> +LightPink</div> +<div id='d38' class='colors'> +pink</div> +<div id='d39' class='colors'> +crimson</div> +<div id='d40' class='colors'> +pink1</div> +<div id='d41' class='colors'> +pink2</div> +<div id='d42' class='colors'> +pink3</div> +<div id='d43' class='colors'> +pink4</div> +<div id='d44' class='colors'> +PaleVioletRed4</div> +<div id='d45' class='colors'> +PaleVioletRed</div> +<div id='d46' class='colors'> +PaleVioletRed2</div> +<div id='d47' class='colors'> +PaleVioletRed1</div> +<div id='d48' class='colors'> +PaleVioletRed3</div> +<div id='d49' class='colors'> +LavenderBlush</div> +<div id='d50' class='colors'> +LavenderBlush1</div> +<div id='d51' class='colors'> +LavenderBlush3</div> +<div id='d52' class='colors'> +LavenderBlush2</div> +<div id='d53' class='colors'> +LavenderBlush4</div> +<div id='d54' class='colors'> +maroon</div> +<div id='d55' class='colors'> +HotPink3</div> +<div id='d56' class='colors'> +VioletRed3</div> +<div id='d57' class='colors'> +VioletRed1</div> +<div id='d58' class='colors'> +VioletRed2</div> +<div id='d59' class='colors'> +VioletRed4</div> +<div id='d60' class='colors'> +HotPink2</div> +<div id='d61' class='colors'> +HotPink1</div> +<div id='d62' class='colors'> +HotPink4</div> +<div id='d63' class='colors'> +HotPink</div> +<div id='d64' class='colors'> +DeepPink</div> +<div id='d65' class='colors'> +DeepPink1</div> +<div id='d66' class='colors'> +DeepPink2</div> +<div id='d67' class='colors'> +DeepPink3</div> +<div id='d68' class='colors'> +DeepPink4</div> +<div id='d69' class='colors'> +maroon1</div> +<div id='d70' class='colors'> +maroon2</div> +<div id='d71' class='colors'> +maroon3</div> +<div id='d72' class='colors'> +maroon4</div> +<div id='d73' class='colors'> +MediumVioletRed</div> +<div id='d74' class='colors'> +VioletRed</div> +<div id='d75' class='colors'> +orchid2</div> +<div id='d76' class='colors'> +orchid</div> +<div id='d77' class='colors'> +orchid1</div> +<div id='d78' class='colors'> +orchid3</div> +<div id='d79' class='colors'> +orchid4</div> +<div id='d80' class='colors'> +thistle1</div> +<div id='d81' class='colors'> +thistle2</div> +<div id='d82' class='colors'> +plum1</div> +<div id='d83' class='colors'> +plum2</div> +<div id='d84' class='colors'> +thistle</div> +<div id='d85' class='colors'> +thistle3</div> +<div id='d86' class='colors'> +plum</div> +<div id='d87' class='colors'> +violet</div> +<div id='d88' class='colors'> +plum3</div> +<div id='d89' class='colors'> +thistle4</div> +<div id='d90' class='colors'> +fuchsia</div> +<div id='d91' class='colors'> +magenta</div> +<div id='d92' class='colors'> +magenta1</div> +<div id='d93' class='colors'> +plum4</div> +<div id='d94' class='colors'> +magenta2</div> +<div id='d95' class='colors'> +magenta3</div> +<div id='d96' class='colors'> +DarkMagenta</div> +<div id='d97' class='colors'> +magenta4</div> +<div id='d98' class='colors'> +purple</div> +<div id='d99' class='colors'> +MediumOrchid</div> +<div id='d100' class='colors'> +MediumOrchid1</div> +<div id='d101' class='colors'> +MediumOrchid2</div> +<div id='d102' class='colors'> +MediumOrchid3</div> +<div id='d103' class='colors'> +MediumOrchid4</div> +<div id='d104' class='colors'> +DarkViolet</div> +<div id='d105' class='colors'> +DarkOrchid</div> +<div id='d106' class='colors'> +DarkOrchid1</div> +<div id='d107' class='colors'> +DarkOrchid3</div> +<div id='d108' class='colors'> +DarkOrchid2</div> +<div id='d109' class='colors'> +DarkOrchid4</div> +<div id='d110' class='colors'> +purple</div> +<div id='d111' class='colors'> +indigo</div> +<div id='d112' class='colors'> +BlueViolet</div> +<div id='d113' class='colors'> +purple2</div> +<div id='d114' class='colors'> +purple3</div> +<div id='d115' class='colors'> +purple4</div> +<div id='d116' class='colors'> +purple1</div> +<div id='d117' class='colors'> +MediumPurple</div> +<div id='d118' class='colors'> +MediumPurple1</div> +<div id='d119' class='colors'> +MediumPurple2</div> +<div id='d120' class='colors'> +MediumPurple3</div> +<div id='d121' class='colors'> +MediumPurple4</div> +<div id='d122' class='colors'> +DarkSlateBlue</div> +<div id='d123' class='colors'> +LightSlateBlue</div> +<div id='d124' class='colors'> +MediumSlateBlue</div> +<div id='d125' class='colors'> +SlateBlue</div> +<div id='d126' class='colors'> +SlateBlue1</div> +<div id='d127' class='colors'> +SlateBlue2</div> +<div id='d128' class='colors'> +SlateBlue3</div> +<div id='d129' class='colors'> +SlateBlue4</div> +<div id='d130' class='colors'> +GhostWhite</div> +<div id='d131' class='colors'> +lavender</div> +<div id='d132' class='colors'> +blue</div> +<div id='d133' class='colors'> +blue1</div> +<div id='d134' class='colors'> +blue2</div> +<div id='d135' class='colors'> +blue3</div> +<div id='d136' class='colors'> +MediumBlue</div> +<div id='d137' class='colors'> +blue4</div> +<div id='d138' class='colors'> +DarkBlue</div> +<div id='d139' class='colors'> +MidnightBlue</div> +<div id='d140' class='colors'> +navy</div> +<div id='d141' class='colors'> +NavyBlue</div> +<div id='d142' class='colors'> +RoyalBlue</div> +<div id='d143' class='colors'> +RoyalBlue1</div> +<div id='d144' class='colors'> +RoyalBlue2</div> +<div id='d145' class='colors'> +RoyalBlue3</div> +<div id='d146' class='colors'> +RoyalBlue4</div> +<div id='d147' class='colors'> +CornflowerBlue</div> +<div id='d148' class='colors'> +LightSteelBlue</div> +<div id='d149' class='colors'> +LightSteelBlue1</div> +<div id='d150' class='colors'> +LightSteelBlue2</div> +<div id='d151' class='colors'> +LightSteelBlue3</div> +<div id='d152' class='colors'> +LightSteelBlue4</div> +<div id='d153' class='colors'> +SlateGray4</div> +<div id='d154' class='colors'> +SlateGray1</div> +<div id='d155' class='colors'> +SlateGray2</div> +<div id='d156' class='colors'> +SlateGray3</div> +<div id='d157' class='colors'> +LightSlateGray</div> +<div id='d158' class='colors'> +LightSlateGrey</div> +<div id='d159' class='colors'> +SlateGray</div> +<div id='d160' class='colors'> +SlateGrey</div> +<div id='d161' class='colors'> +DodgerBlue</div> +<div id='d162' class='colors'> +DodgerBlue1</div> +<div id='d163' class='colors'> +DodgerBlue2</div> +<div id='d164' class='colors'> +DodgerBlue4</div> +<div id='d165' class='colors'> +DodgerBlue3</div> +<div id='d166' class='colors'> +AliceBlue</div> +<div id='d167' class='colors'> +SteelBlue4</div> +<div id='d168' class='colors'> +SteelBlue</div> +<div id='d169' class='colors'> +SteelBlue1</div> +<div id='d170' class='colors'> +SteelBlue2</div> +<div id='d171' class='colors'> +SteelBlue3</div> +<div id='d172' class='colors'> +SkyBlue4</div> +<div id='d173' class='colors'> +SkyBlue1</div> +<div id='d174' class='colors'> +SkyBlue2</div> +<div id='d175' class='colors'> +SkyBlue3</div> +<div id='d176' class='colors'> +LightSkyBlue</div> +<div id='d177' class='colors'> +LightSkyBlue4</div> +<div id='d178' class='colors'> +LightSkyBlue1</div> +<div id='d179' class='colors'> +LightSkyBlue2</div> +<div id='d180' class='colors'> +LightSkyBlue3</div> +<div id='d181' class='colors'> +SkyBlue</div> +<div id='d182' class='colors'> +LightBlue3</div> +<div id='d183' class='colors'> +DeepSkyBlue</div> +<div id='d184' class='colors'> +DeepSkyBlue1</div> +<div id='d185' class='colors'> +DeepSkyBlue2</div> +<div id='d186' class='colors'> +DeepSkyBlue4</div> +<div id='d187' class='colors'> +DeepSkyBlue3</div> +<div id='d188' class='colors'> +LightBlue1</div> +<div id='d189' class='colors'> +LightBlue2</div> +<div id='d190' class='colors'> +LightBlue</div> +<div id='d191' class='colors'> +LightBlue4</div> +<div id='d192' class='colors'> +PowderBlue</div> +<div id='d193' class='colors'> +CadetBlue1</div> +<div id='d194' class='colors'> +CadetBlue2</div> +<div id='d195' class='colors'> +CadetBlue3</div> +<div id='d196' class='colors'> +CadetBlue4</div> +<div id='d197' class='colors'> +turquoise1</div> +<div id='d198' class='colors'> +turquoise2</div> +<div id='d199' class='colors'> +turquoise3</div> +<div id='d200' class='colors'> +turquoise4</div> +<div id='d201' class='colors'> +cadet blue</div> +<div id='d202' class='colors'> +CadetBlue</div> +<div id='d203' class='colors'> +DarkTurquoise</div> +<div id='d204' class='colors'> +azure</div> +<div id='d205' class='colors'> +azure1</div> +<div id='d206' class='colors'> +LightCyan</div> +<div id='d207' class='colors'> +LightCyan1</div> +<div id='d208' class='colors'> +azure2</div> +<div id='d209' class='colors'> +LightCyan2</div> +<div id='d210' class='colors'> +PaleTurquoise1</div> +<div id='d211' class='colors'> +PaleTurquoise</div> +<div id='d212' class='colors'> +PaleTurquoise2</div> +<div id='d213' class='colors'> +DarkSlateGray1</div> +<div id='d214' class='colors'> +azure3</div> +<div id='d215' class='colors'> +LightCyan3</div> +<div id='d216' class='colors'> +DarkSlateGray2</div> +<div id='d217' class='colors'> +PaleTurquoise3</div> +<div id='d218' class='colors'> +DarkSlateGray3</div> +<div id='d219' class='colors'> +azure4</div> +<div id='d220' class='colors'> +LightCyan4</div> +<div id='d221' class='colors'> +aqua</div> +<div id='d222' class='colors'> +cyan</div> +<div id='d223' class='colors'> +cyan1</div> +<div id='d224' class='colors'> +PaleTurquoise4</div> +<div id='d225' class='colors'> +cyan2</div> +<div id='d226' class='colors'> +DarkSlateGray4</div> +<div id='d227' class='colors'> +cyan3</div> +<div id='d228' class='colors'> +cyan4</div> +<div id='d229' class='colors'> +DarkCyan</div> +<div id='d230' class='colors'> +teal</div> +<div id='d231' class='colors'> +DarkSlateGray</div> +<div id='d232' class='colors'> +DarkSlateGrey</div> +<div id='d233' class='colors'> +MediumTurquoise</div> +<div id='d234' class='colors'> +LightSeaGreen</div> +<div id='d235' class='colors'> +turquoise</div> +<div id='d236' class='colors'> +aquamarine4</div> +<div id='d237' class='colors'> +aquamarine</div> +<div id='d238' class='colors'> +aquamarine1</div> +<div id='d239' class='colors'> +aquamarine2</div> +<div id='d240' class='colors'> +aquamarine3</div> +<div id='d241' class='colors'> +MediumAquamarine</div> +<div id='d242' class='colors'> +MediumSpringGreen</div> +<div id='d243' class='colors'> +MintCream</div> +<div id='d244' class='colors'> +SpringGreen</div> +<div id='d245' class='colors'> +SpringGreen1</div> +<div id='d246' class='colors'> +SpringGreen2</div> +<div id='d247' class='colors'> +SpringGreen3</div> +<div id='d248' class='colors'> +SpringGreen4</div> +<div id='d249' class='colors'> +MediumSeaGreen</div> +<div id='d250' class='colors'> +SeaGreen</div> +<div id='d251' class='colors'> +SeaGreen3</div> +<div id='d252' class='colors'> +SeaGreen1</div> +<div id='d253' class='colors'> +SeaGreen4</div> +<div id='d254' class='colors'> +SeaGreen2</div> +<div id='d255' class='colors'> +MediumForestGreen</div> +<div id='d256' class='colors'> +honeydew</div> +<div id='d257' class='colors'> +honeydew1</div> +<div id='d258' class='colors'> +honeydew2</div> +<div id='d259' class='colors'> +DarkSeaGreen1</div> +<div id='d260' class='colors'> +DarkSeaGreen2</div> +<div id='d261' class='colors'> +PaleGreen1</div> +<div id='d262' class='colors'> +PaleGreen</div> +<div id='d263' class='colors'> +honeydew3</div> +<div id='d264' class='colors'> +LightGreen</div> +<div id='d265' class='colors'> +PaleGreen2</div> +<div id='d266' class='colors'> +DarkSeaGreen3</div> +<div id='d267' class='colors'> +DarkSeaGreen</div> +<div id='d268' class='colors'> +PaleGreen3</div> +<div id='d269' class='colors'> +honeydew4</div> +<div id='d270' class='colors'> +green1</div> +<div id='d271' class='colors'> +lime</div> +<div id='d272' class='colors'> +LimeGreen</div> +<div id='d273' class='colors'> +DarkSeaGreen4</div> +<div id='d274' class='colors'> +green2</div> +<div id='d275' class='colors'> +PaleGreen4</div> +<div id='d276' class='colors'> +green3</div> +<div id='d277' class='colors'> +ForestGreen</div> +<div id='d278' class='colors'> +green4</div> +<div id='d279' class='colors'> +green</div> +<div id='d280' class='colors'> +DarkGreen</div> +<div id='d281' class='colors'> +LawnGreen</div> +<div id='d282' class='colors'> +chartreuse</div> +<div id='d283' class='colors'> +chartreuse1</div> +<div id='d284' class='colors'> +chartreuse2</div> +<div id='d285' class='colors'> +chartreuse3</div> +<div id='d286' class='colors'> +chartreuse4</div> +<div id='d287' class='colors'> +GreenYellow</div> +<div id='d288' class='colors'> +DarkOliveGreen3</div> +<div id='d289' class='colors'> +DarkOliveGreen1</div> +<div id='d290' class='colors'> +DarkOliveGreen2</div> +<div id='d291' class='colors'> +DarkOliveGreen4</div> +<div id='d292' class='colors'> +DarkOliveGreen</div> +<div id='d293' class='colors'> +OliveDrab</div> +<div id='d294' class='colors'> +OliveDrab1</div> +<div id='d295' class='colors'> +OliveDrab2</div> +<div id='d296' class='colors'> +OliveDrab3</div> +<div id='d297' class='colors'> +YellowGreen</div> +<div id='d298' class='colors'> +OliveDrab4</div> +<div id='d299' class='colors'> +ivory</div> +<div id='d300' class='colors'> +ivory1</div> +<div id='d301' class='colors'> +LightYellow</div> +<div id='d302' class='colors'> +LightYellow1</div> +<div id='d303' class='colors'> +beige</div> +<div id='d304' class='colors'> +ivory2</div> +<div id='d305' class='colors'> +LightGoldenrodYellow</div> +<div id='d306' class='colors'> +LightYellow2</div> +<div id='d307' class='colors'> +ivory3</div> +<div id='d308' class='colors'> +LightYellow3</div> +<div id='d309' class='colors'> +ivory4</div> +<div id='d310' class='colors'> +LightYellow4</div> +<div id='d311' class='colors'> +yellow</div> +<div id='d312' class='colors'> +yellow1</div> +<div id='d313' class='colors'> +yellow2</div> +<div id='d314' class='colors'> +yellow3</div> +<div id='d315' class='colors'> +yellow4</div> +<div id='d316' class='colors'> +olive</div> +<div id='d317' class='colors'> +DarkKhaki</div> +<div id='d318' class='colors'> +khaki2</div> +<div id='d319' class='colors'> +LemonChiffon4</div> +<div id='d320' class='colors'> +khaki1</div> +<div id='d321' class='colors'> +khaki3</div> +<div id='d322' class='colors'> +khaki4</div> +<div id='d323' class='colors'> +PaleGoldenrod</div> +<div id='d324' class='colors'> +LemonChiffon</div> +<div id='d325' class='colors'> +LemonChiffon1</div> +<div id='d326' class='colors'> +khaki</div> +<div id='d327' class='colors'> +LemonChiffon3</div> +<div id='d328' class='colors'> +LemonChiffon2</div> +<div id='d329' class='colors'> +MediumGoldenRod</div> +<div id='d330' class='colors'> +cornsilk4</div> +<div id='d331' class='colors'> +gold</div> +<div id='d332' class='colors'> +gold1</div> +<div id='d333' class='colors'> +gold2</div> +<div id='d334' class='colors'> +gold3</div> +<div id='d335' class='colors'> +gold4</div> +<div id='d336' class='colors'> +LightGoldenrod</div> +<div id='d337' class='colors'> +LightGoldenrod4</div> +<div id='d338' class='colors'> +LightGoldenrod1</div> +<div id='d339' class='colors'> +LightGoldenrod3</div> +<div id='d340' class='colors'> +LightGoldenrod2</div> +<div id='d341' class='colors'> +cornsilk3</div> +<div id='d342' class='colors'> +cornsilk2</div> +<div id='d343' class='colors'> +cornsilk</div> +<div id='d344' class='colors'> +cornsilk1</div> +<div id='d345' class='colors'> +goldenrod</div> +<div id='d346' class='colors'> +goldenrod1</div> +<div id='d347' class='colors'> +goldenrod2</div> +<div id='d348' class='colors'> +goldenrod3</div> +<div id='d349' class='colors'> +goldenrod4</div> +<div id='d350' class='colors'> +DarkGoldenrod</div> +<div id='d351' class='colors'> +DarkGoldenrod1</div> +<div id='d352' class='colors'> +DarkGoldenrod2</div> +<div id='d353' class='colors'> +DarkGoldenrod3</div> +<div id='d354' class='colors'> +DarkGoldenrod4</div> +<div id='d355' class='colors'> +FloralWhite</div> +<div id='d356' class='colors'> +wheat2</div> +<div id='d357' class='colors'> +OldLace</div> +<div id='d358' class='colors'> +wheat</div> +<div id='d359' class='colors'> +wheat1</div> +<div id='d360' class='colors'> +wheat3</div> +<div id='d361' class='colors'> +orange</div> +<div id='d362' class='colors'> +orange1</div> +<div id='d363' class='colors'> +orange2</div> +<div id='d364' class='colors'> +orange3</div> +<div id='d365' class='colors'> +orange4</div> +<div id='d366' class='colors'> +wheat4</div> +<div id='d367' class='colors'> +moccasin</div> +<div id='d368' class='colors'> +PapayaWhip</div> +<div id='d369' class='colors'> +NavajoWhite3</div> +<div id='d370' class='colors'> +BlanchedAlmond</div> +<div id='d371' class='colors'> +NavajoWhite</div> +<div id='d372' class='colors'> +NavajoWhite1</div> +<div id='d373' class='colors'> +NavajoWhite2</div> +<div id='d374' class='colors'> +NavajoWhite4</div> +<div id='d375' class='colors'> +AntiqueWhite4</div> +<div id='d376' class='colors'> +AntiqueWhite</div> +<div id='d377' class='colors'> +tan</div> +<div id='d378' class='colors'> +bisque4</div> +<div id='d379' class='colors'> +burlywood</div> +<div id='d380' class='colors'> +AntiqueWhite2</div> +<div id='d381' class='colors'> +burlywood1</div> +<div id='d382' class='colors'> +burlywood3</div> +<div id='d383' class='colors'> +burlywood2</div> +<div id='d384' class='colors'> +AntiqueWhite1</div> +<div id='d385' class='colors'> +burlywood4</div> +<div id='d386' class='colors'> +AntiqueWhite3</div> +<div id='d387' class='colors'> +DarkOrange</div> +<div id='d388' class='colors'> +bisque2</div> +<div id='d389' class='colors'> +bisque</div> +<div id='d390' class='colors'> +bisque1</div> +<div id='d391' class='colors'> +bisque3</div> +<div id='d392' class='colors'> +DarkOrange1</div> +<div id='d393' class='colors'> +linen</div> +<div id='d394' class='colors'> +DarkOrange2</div> +<div id='d395' class='colors'> +DarkOrange3</div> +<div id='d396' class='colors'> +DarkOrange4</div> +<div id='d397' class='colors'> +peru</div> +<div id='d398' class='colors'> +tan1</div> +<div id='d399' class='colors'> +tan2</div> +<div id='d400' class='colors'> +tan3</div> +<div id='d401' class='colors'> +tan4</div> +<div id='d402' class='colors'> +PeachPuff</div> +<div id='d403' class='colors'> +PeachPuff1</div> +<div id='d404' class='colors'> +PeachPuff4</div> +<div id='d405' class='colors'> +PeachPuff2</div> +<div id='d406' class='colors'> +PeachPuff3</div> +<div id='d407' class='colors'> +SandyBrown</div> +<div id='d408' class='colors'> +seashell4</div> +<div id='d409' class='colors'> +seashell2</div> +<div id='d410' class='colors'> +seashell3</div> +<div id='d411' class='colors'> +chocolate</div> +<div id='d412' class='colors'> +chocolate1</div> +<div id='d413' class='colors'> +chocolate2</div> +<div id='d414' class='colors'> +chocolate3</div> +<div id='d415' class='colors'> +chocolate4</div> +<div id='d416' class='colors'> +SaddleBrown</div> +<div id='d417' class='colors'> +seashell</div> +<div id='d418' class='colors'> +seashell1</div> +<div id='d419' class='colors'> +sienna4</div> +<div id='d420' class='colors'> +sienna</div> +<div id='d421' class='colors'> +sienna1</div> +<div id='d422' class='colors'> +sienna2</div> +<div id='d423' class='colors'> +sienna3</div> +<div id='d424' class='colors'> +LightSalmon3</div> +<div id='d425' class='colors'> +LightSalmon</div> +<div id='d426' class='colors'> +LightSalmon1</div> +<div id='d427' class='colors'> +LightSalmon4</div> +<div id='d428' class='colors'> +LightSalmon2</div> +<div id='d429' class='colors'> +coral</div> +<div id='d430' class='colors'> +OrangeRed</div> +<div id='d431' class='colors'> +OrangeRed1</div> +<div id='d432' class='colors'> +OrangeRed2</div> +<div id='d433' class='colors'> +OrangeRed3</div> +<div id='d434' class='colors'> +OrangeRed4</div> +<div id='d435' class='colors'> +DarkSalmon</div> +<div id='d436' class='colors'> +salmon1</div> +<div id='d437' class='colors'> +salmon2</div> +<div id='d438' class='colors'> +salmon3</div> +<div id='d439' class='colors'> +salmon4</div> +<div id='d440' class='colors'> +coral1</div> +<div id='d441' class='colors'> +coral2</div> +<div id='d442' class='colors'> +coral3</div> +<div id='d443' class='colors'> +coral4</div> +<div id='d444' class='colors'> +tomato4</div> +<div id='d445' class='colors'> +tomato</div> +<div id='d446' class='colors'> +tomato1</div> +<div id='d447' class='colors'> +tomato2</div> +<div id='d448' class='colors'> +tomato3</div> +<div id='d449' class='colors'> +MistyRose4</div> +<div id='d450' class='colors'> +MistyRose2</div> +<div id='d451' class='colors'> +MistyRose</div> +<div id='d452' class='colors'> +MistyRose1</div> +<div id='d453' class='colors'> +salmon</div> +<div id='d454' class='colors'> +MistyRose3</div> +<div id='d455' class='colors'> +white</div> +<div id='d456' class='colors'> +gray100</div> +<div id='d457' class='colors'> +grey100</div> +<div id='d458' class='colors'> +grey100</div> +<div id='d459' class='colors'> +gray99</div> +<div id='d460' class='colors'> +grey99</div> +<div id='d461' class='colors'> +gray98</div> +<div id='d462' class='colors'> +grey98</div> +<div id='d463' class='colors'> +gray97</div> +<div id='d464' class='colors'> +grey97</div> +<div id='d465' class='colors'> +gray96</div> +<div id='d466' class='colors'> +grey96</div> +<div id='d467' class='colors'> +WhiteSmoke</div> +<div id='d468' class='colors'> +gray95</div> +<div id='d469' class='colors'> +grey95</div> +<div id='d470' class='colors'> +gray94</div> +<div id='d471' class='colors'> +grey94</div> +<div id='d472' class='colors'> +gray93</div> +<div id='d473' class='colors'> +grey93</div> +<div id='d474' class='colors'> +gray92</div> +<div id='d475' class='colors'> +grey92</div> +<div id='d476' class='colors'> +gray91</div> +<div id='d477' class='colors'> +grey91</div> +<div id='d478' class='colors'> +gray90</div> +<div id='d479' class='colors'> +grey90</div> +<div id='d480' class='colors'> +gray89</div> +<div id='d481' class='colors'> +grey89</div> +<div id='d482' class='colors'> +gray88</div> +<div id='d483' class='colors'> +grey88</div> +<div id='d484' class='colors'> +gray87</div> +<div id='d485' class='colors'> +grey87</div> +<div id='d486' class='colors'> +gainsboro</div> +<div id='d487' class='colors'> +gray86</div> +<div id='d488' class='colors'> +grey86</div> +<div id='d489' class='colors'> +gray85</div> +<div id='d490' class='colors'> +grey85</div> +<div id='d491' class='colors'> +gray84</div> +<div id='d492' class='colors'> +grey84</div> +<div id='d493' class='colors'> +gray83</div> +<div id='d494' class='colors'> +grey83</div> +<div id='d495' class='colors'> +LightGray</div> +<div id='d496' class='colors'> +LightGrey</div> +<div id='d497' class='colors'> +gray82</div> +<div id='d498' class='colors'> +grey82</div> +<div id='d499' class='colors'> +gray81</div> +<div id='d500' class='colors'> +grey81</div> +<div id='d501' class='colors'> +gray80</div> +<div id='d502' class='colors'> +grey80</div> +<div id='d503' class='colors'> +gray79</div> +<div id='d504' class='colors'> +grey79</div> +<div id='d505' class='colors'> +gray78</div> +<div id='d506' class='colors'> +grey78</div> +<div id='d507' class='colors'> +gray77</div> +<div id='d508' class='colors'> +grey77</div> +<div id='d509' class='colors'> +gray76</div> +<div id='d510' class='colors'> +grey76</div> +<div id='d511' class='colors'> +silver</div> +<div id='d512' class='colors'> +gray75</div> +<div id='d513' class='colors'> +grey75</div> +<div id='d514' class='colors'> +gray74</div> +<div id='d515' class='colors'> +grey74</div> +<div id='d516' class='colors'> +gray73</div> +<div id='d517' class='colors'> +grey73</div> +<div id='d518' class='colors'> +gray72</div> +<div id='d519' class='colors'> +grey72</div> +<div id='d520' class='colors'> +gray71</div> +<div id='d521' class='colors'> +grey71</div> +<div id='d522' class='colors'> +gray70</div> +<div id='d523' class='colors'> +grey70</div> +<div id='d524' class='colors'> +gray69</div> +<div id='d525' class='colors'> +grey69</div> +<div id='d526' class='colors'> +gray68</div> +<div id='d527' class='colors'> +grey68</div> +<div id='d528' class='colors'> +gray67</div> +<div id='d529' class='colors'> +grey67</div> +<div id='d530' class='colors'> +DarkGray</div> +<div id='d531' class='colors'> +DarkGrey</div> +<div id='d532' class='colors'> +gray66</div> +<div id='d533' class='colors'> +grey66</div> +<div id='d534' class='colors'> +gray65</div> +<div id='d535' class='colors'> +grey65</div> +<div id='d536' class='colors'> +gray64</div> +<div id='d537' class='colors'> +grey64</div> +<div id='d538' class='colors'> +gray63</div> +<div id='d539' class='colors'> +grey63</div> +<div id='d540' class='colors'> +gray62</div> +<div id='d541' class='colors'> +grey62</div> +<div id='d542' class='colors'> +gray61</div> +<div id='d543' class='colors'> +grey61</div> +<div id='d544' class='colors'> +gray60</div> +<div id='d545' class='colors'> +grey60</div> +<div id='d546' class='colors'> +gray59</div> +<div id='d547' class='colors'> +grey59</div> +<div id='d548' class='colors'> +gray58</div> +<div id='d549' class='colors'> +grey58</div> +<div id='d550' class='colors'> +gray57</div> +<div id='d551' class='colors'> +grey57</div> +<div id='d552' class='colors'> +gray56</div> +<div id='d553' class='colors'> +grey56</div> +<div id='d554' class='colors'> +gray55</div> +<div id='d555' class='colors'> +grey55</div> +<div id='d556' class='colors'> +gray54</div> +<div id='d557' class='colors'> +grey54</div> +<div id='d558' class='colors'> +gray53</div> +<div id='d559' class='colors'> +grey53</div> +<div id='d560' class='colors'> +gray52</div> +<div id='d561' class='colors'> +grey52</div> +<div id='d562' class='colors'> +gray51</div> +<div id='d563' class='colors'> +grey51</div> +<div id='d564' class='colors'> +fractal</div> +<div id='d565' class='colors'> +gray50</div> +<div id='d566' class='colors'> +grey50</div> +<div id='d567' class='colors'> +gray</div> +<div id='d568' class='colors'> +gray49</div> +<div id='d569' class='colors'> +grey49</div> +<div id='d570' class='colors'> +gray48</div> +<div id='d571' class='colors'> +grey48</div> +<div id='d572' class='colors'> +gray47</div> +<div id='d573' class='colors'> +grey47</div> +<div id='d574' class='colors'> +gray46</div> +<div id='d575' class='colors'> +grey46</div> +<div id='d576' class='colors'> +gray45</div> +<div id='d577' class='colors'> +grey45</div> +<div id='d578' class='colors'> +gray44</div> +<div id='d579' class='colors'> +grey44</div> +<div id='d580' class='colors'> +gray43</div> +<div id='d581' class='colors'> +grey43</div> +<div id='d582' class='colors'> +gray42</div> +<div id='d583' class='colors'> +grey42</div> +<div id='d584' class='colors'> +DimGray</div> +<div id='d585' class='colors'> +DimGrey</div> +<div id='d586' class='colors'> +gray41</div> +<div id='d587' class='colors'> +grey41</div> +<div id='d588' class='colors'> +gray40</div> +<div id='d589' class='colors'> +grey40</div> +<div id='d590' class='colors'> +gray39</div> +<div id='d591' class='colors'> +grey39</div> +<div id='d592' class='colors'> +gray38</div> +<div id='d593' class='colors'> +grey38</div> +<div id='d594' class='colors'> +gray37</div> +<div id='d595' class='colors'> +grey37</div> +<div id='d596' class='colors'> +gray36</div> +<div id='d597' class='colors'> +grey36</div> +<div id='d598' class='colors'> +gray35</div> +<div id='d599' class='colors'> +grey35</div> +<div id='d600' class='colors'> +gray34</div> +<div id='d601' class='colors'> +grey34</div> +<div id='d602' class='colors'> +gray33</div> +<div id='d603' class='colors'> +grey33</div> +<div id='d604' class='colors'> +gray32</div> +<div id='d605' class='colors'> +grey32</div> +<div id='d606' class='colors'> +gray31</div> +<div id='d607' class='colors'> +grey31</div> +<div id='d608' class='colors'> +gray30</div> +<div id='d609' class='colors'> +grey30</div> +<div id='d610' class='colors'> +gray29</div> +<div id='d611' class='colors'> +grey29</div> +<div id='d612' class='colors'> +gray28</div> +<div id='d613' class='colors'> +grey28</div> +<div id='d614' class='colors'> +gray27</div> +<div id='d615' class='colors'> +grey27</div> +<div id='d616' class='colors'> +gray26</div> +<div id='d617' class='colors'> +grey26</div> +<div id='d618' class='colors'> +gray25</div> +<div id='d619' class='colors'> +grey25</div> +<div id='d620' class='colors'> +gray24</div> +<div id='d621' class='colors'> +grey24</div> +<div id='d622' class='colors'> +gray23</div> +<div id='d623' class='colors'> +grey23</div> +<div id='d624' class='colors'> +gray22</div> +<div id='d625' class='colors'> +grey22</div> +<div id='d626' class='colors'> +gray21</div> +<div id='d627' class='colors'> +grey21</div> +<div id='d628' class='colors'> +gray20</div> +<div id='d629' class='colors'> +grey20</div> +<div id='d630' class='colors'> +gray19</div> +<div id='d631' class='colors'> +grey19</div> +<div id='d632' class='colors'> +gray18</div> +<div id='d633' class='colors'> +grey18</div> +<div id='d634' class='colors'> +gray17</div> +<div id='d635' class='colors'> +grey17</div> +<div id='d636' class='colors'> +gray16</div> +<div id='d637' class='colors'> +grey16</div> +<div id='d638' class='colors'> +gray15</div> +<div id='d639' class='colors'> +grey15</div> +<div id='d640' class='colors'> +gray14</div> +<div id='d641' class='colors'> +grey14</div> +<div id='d642' class='colors'> +gray13</div> +<div id='d643' class='colors'> +grey13</div> +<div id='d644' class='colors'> +gray12</div> +<div id='d645' class='colors'> +grey12</div> +<div id='d646' class='colors'> +gray11</div> +<div id='d647' class='colors'> +grey11</div> +<div id='d648' class='colors'> +gray10</div> +<div id='d649' class='colors'> +grey10</div> +<div id='d650' class='colors'> +gray9</div> +<div id='d651' class='colors'> +grey9</div> +<div id='d652' class='colors'> +gray8</div> +<div id='d653' class='colors'> +grey8</div> +<div id='d654' class='colors'> +gray7</div> +<div id='d655' class='colors'> +grey7</div> +<div id='d656' class='colors'> +gray6</div> +<div id='d657' class='colors'> +grey6</div> +<div id='d658' class='colors'> +gray5</div> +<div id='d659' class='colors'> +grey5</div> +<div id='d660' class='colors'> +gray4</div> +<div id='d661' class='colors'> +grey4</div> +<div id='d662' class='colors'> +gray3</div> +<div id='d663' class='colors'> +grey3</div> +<div id='d664' class='colors'> +gray2</div> +<div id='d665' class='colors'> +grey2</div> +<div id='d666' class='colors'> +gray1</div> +<div id='d667' class='colors'> +grey1</div> +<div id='d668' class='colors'> +black</div> +<div id='d669' class='colors'> +gray0</div> +<div id='d670' class='colors'> +grey0</div> +<div id='d671' class='colors'> +opaque</div> +<div id='d672' class='colors'> +none</div> +<div id='d673' class='colors'> +transparent</div> +</div> + +<div id='colornames'> +CLICK TO CHOOSE THE COLOR +</div> + +<div id='switches'> + +<span id='title'>OPTIONS</span> +<div id='hexswitch' class='theswitches'>CLICK TO USE HEX KEYS</div> +<br> +<div id='infoswitch' class='theswitches'>CLICK TO TOGGLE PALATE INFO<span id='infospace'></span></div> +<br> +<div id='backgroundswitch' class='theswitches'>CLICK TO TOGGLE BACKGROUNDS</div> +<br> +<div id='preview'></div> +<div id='nameholder'>YOU WILL CHOOSE:<br><input id='namespace' style='width:inherit' type='text'></input></div> +<br> +<span id='transparent'>to choose transparent as a color, click <span id='transbutton'>HERE</span></span> +</div> +</div> +<script type='text/javascript' src='js/jquery-1.6.4.min.js'></script> +<script type='text/javascript' src='js/colordict.js'></script> + +<script type='text/javascript'> + + +//setup dimensions +////////////////// + + +function regolden(num) + { + ratio = (1+Math.sqrt(5))/2 + newnum = Math.round(num/ratio) + return newnum + } +function goldenize(num) + { + ratio = (1+Math.sqrt(5))/2 + newnum = Math.round(num*ratio) + return newnum + } +//turns css property width or height into an integer value +function getproperty(idandselectr, propertystr) + { + grab = $(idandselectr).css(propertystr) + grab = grab.slice(0,-2) + numval = parseInt(grab) + return numval + } +function makegolden(idandselectr, propertystr) + { + result = getproperty(idandselectr, propertystr) + newval = goldenize(result) + propval = newval.toString()+'px' + if(propertystr == 'height'){ + $(idandselectr).css('width', propval) + } + else if(propertystr == 'width'){ + $(idandselectr).css('height', propval) + } + } +function shrinkwidth(arg){ + for(var i=0; i < 5; i++){ + arg = regolden(arg) + } + division = Math.round(arg) + return division +} + +function makecolorswidth(){ + colorswidth = shrinkwidth(window.innerWidth) + $('.colors').css('width', colorswidth.toString()+'px') +} +function makecolorsheight(){ + result = getproperty('.colors', 'width') + newval = regolden(result) + propval = newval.toString()+'px' + $('.colors').css('height', propval) +} +//the following function sets up the font sizes +//inrelation to the size of the hexswitch font +function setupfonts(){ + var firstfont = getproperty('#hexswitch', 'font-size') + var finalfont = goldenize(firstfont) + $('#namespace').css('font-size', finalfont+'px') + $('#namespace').css('width', $('#switches').css('width')) + var secondfont = getproperty('#namespace', 'font-size') + var finalfont = goldenize(secondfont) + $('#colornames').css('font-size', finalfont+'px') + $('#colornames').css('text-shadow', 'black 1px 2px') + var transfont = regolden(firstfont) + $('#transparent').css('font-size', transfont+'px') +} +function getcontainerwidth(){ + basis = $('.colors').css('width') + basis = parseInt(basis.slice(0,-2)) + secondbasis = '2px' + secondbasis = parseInt(secondbasis.slice(0,-2)) + widthval = (secondbasis*8)+(basis*4)+(goldenize(basis)-basis) + widthval = widthval.toString()+'px' + return widthval +} + +function makecontainerwidth(){ + var containerwidth = getcontainerwidth() + $('#container').css('width',containerwidth) +} + + +function setupsides() + { + var basis = $('#container').css('width') + basis = parseInt(basis.slice(0,-2)) + remainder = (100-basis)/2 + widths = regolden(basis) + widths = widths.toString()+'px' + lateralbasis = regolden(remainder) + leftside = toString(lateralbasis)+'%' + rightside = toString(100-lateralbasis)+'%' + $('#colornames').css('left', leftside) + $('#switches').css({'width': widths, 'left': rightside, 'overflow':'auto'}) + } +function previewdimensions(){ + first = $('#switches').css('width') + first = parseInt(first.slice(0,-2)) + width = regolden(first) + height = regolden(width) + width = width.toString()+'px' + height = height.toString()+'px' + $('#preview').css({'width':width, 'height':height}) +} +function setupdimensions(){ +makecolorswidth() +setupfonts() +makecolorsheight() +makecontainerwidth() +setupsides() +makegolden('#switches','width') +previewdimensions() +$('#namespace').css('width', 'inherit') +$('#nameholder').css('width', 'inherit') +$('#transparent').css({'float':'bottom','width':'inherit'}) +} +setupdimensions() +$(window).resize(function(){setupdimensions()}) + +//BEGIN STYLINGS// +////////////////// + + +var old = {}; +function hovercss(sel, uno){ + + var chng = {}; + chng['color'] = 'white'; + chng['text-shadow'] = 'black 1px 2px'; + chng['background-image'] = 'url(http://asdf.us/im/19/gradient_whitegray80_1321305183_1321305241_pepper_1321333403_pepper.jpg)'; + if(uno == 'over'){ + for(var key in chng){ + old[key] = $('#'+sel).css(key) + } + for(var key in chng){ + $('#'+sel).css(key, chng[key]) + } + } + if(uno == 'out'){ + for(var key in old){ + $('#'+sel).css(key, old[key]) + } + } +} +$('.theswitches').hover(function(){hovercss(this.id, 'over')}, function(){hovercss(this.id, 'out')}) + +var transcss = { + 'color':'#141414','box-shadow':'10px 10px 5px #141414', + 'background-color':'#D1D1D1','color':'#141414', + 'border-width':'2px','border-style':'outset','cursor':'pointer'} +$('#transbutton').css(transcss) +var hovertrans = { + 'background-color':'DarkGrey','color':'#383838','box-shadow':'5px 5px 2px #141414' +} +$('#transbutton').hover(function(){$('#transbutton').css(hovertrans)},function(){$('#transbutton').css(transcss)}) +//threewayselector for what goes in the divs +var infostate = 1 +function switchinfo() + { + if(infostate == 0) + { + for(var i=0; i < divlist.length; i++) + { + $(divlist[i]).html(divtoname[divlist[i]]) + }; + infostate = 1 + $('#infospace').html('(NAMES)'); + } + else if(infostate == 1) + { + for(var i=0; i < divlist.length; i++) + { + $(divlist[i]).html("") + }; + infostate = 2 + $('#infospace').html('(NONE)'); + } + else if(infostate == 2) + { + for(var i=0; i < divlist.length; i++) + { + $(divlist[i]).html(nametohex[divtoname[divlist[i]]]) + }; + infostate = 0 + $('#infospace').html('(HEXES)'); + } + } +$('#infoswitch').hover(function(){$('#infospace').show()}, function(){$('#infospace').hide('slow')} ) +$('#infoswitch').click(function(){switchinfo()}) + + +backgroundstate = 2; +function switchbackground() + { + if(backgroundstate == 1) + { + $('#colorpicker').css('background-color','black') + $('#colorpicker').css('background-image','url(http://dump.fm/static/img/bg.dither.gif)') + backgroundstate = 2; + $('#colornames').css('color', 'white') + $('#colornames').css('text-shadow', 'black 1px 2px') + } + else if(backgroundstate == 2) + { + $('#colorpicker').css('background-color','black') + $('#colorpicker').css('background-image', 'none') + backgroundstate = 0 + } + else if(backgroundstate == 0) + { + $('#colorpicker').css('background-color', 'white') + $('#colorpicker').css('background-image', 'none') + $('#colornames').css('color', 'grey') + backgroundstate = 1 + } + } + +$('#backgroundswitch').click(function(){switchbackground()}) + +//takes a div name and returns a colorname + +function showcolorname(divstr) + + { + colorname = divtoname['#'+divstr] + hex = nametohex[colorname] + imname = hextoname[hex] + if (hexes == true) + { + imname = hex + } + + return imname + } +function bigname(divstr) + { + colorname = showcolorname(divstr) + $('#colornames').html(colorname) + + } +function writeit(text) + { + $('#colornames').append(text) + } +function makebig(divstr) + { + firstheight = $('#'+divstr).height() + newheight = goldenize(firstheight) + $('#'+divstr).height(newheight) + } +function makesmall(divstr) + { + oldheight = $('.colors').height() + $('#'+divstr).height(oldheight) + } +var choice; +$('.colors').hover(function() { + bigname(this.id); +// makebig(this.id); +// makegolden('#'+this.id, 'height')}, +//function(){ +// makesmall(this.id); +// makegolden('#'+this.id, 'height') +}); +$('.colors').mouseover(function(){ + if(this.id != 'd0'){ + makebig(this.id); + makegolden('#'+this.id, 'height') + }}) +$('.colors').mouseout(function(){ + makesmall(this.id); + makegolden('#'+this.id,'height'); + }) +$(".colors").hover(function(){ +$('#colornames').fadeOut(100);$('#colornames').fadeIn(500); + }); +$('.colors').css('margin-top', '2px') +var hexes = false +function hexswitch() + { + if(hexes == false) + { + $('#hexswitch').html('CLICK TO USE COLOR NAMES') + hexes = true; + var nameval = $('#namespace').val() + $('#namespace').val(nametohex[nameval]) + } + + else + { + $('#hexswitch').html('CLICK TO USE HEX KEYS') + hexes = false; + var nameval = $('#namespace').val() + $('#namespace').val(hextoname[nameval]) + } + } +$('#hexswitch').click(function(){hexswitch()}) + +$('.colors').click(function(){ + putitin() + }) + +function putitin() + { + thecolor = $('#colornames').html() + $('#namespace').val(thecolor) + if(hexes == false){ + $('#preview').css({'background-color': nametohex[thecolor], 'border-style':'none'}) + } + else{ + $('#preview').css('background-color', thecolor) + } + + } +function transparent() + { + $('#namespace').val('transparent'); + $('#preview').css({'background-color':'transparent','border-style':'dashed','border-width':'2px'}) + } +$('#transbutton').click(function(){transparent()}) + + +function bakecookie() + { + var colormemory = $('#preview').css('background-color') + var preferences = {} + preferences['infostate'] = infostate; + preferences['hexes'] = hexes; + preferences['backgroundstate'] = backgroundstate; + preferences['colormemory'] = colormemory; + document.cookie = "preferences=infostate_"+infostate+"_hexes_"+hexes+"_backgroundstate_"+backgroundstate+";path=/;domain=.asdf.us;max-age=1086400"; + } + +bakecookie() +function eatcookie() + { + if (document.cookie) + { + var cookies = document.cookie.split(";") + for(i in cookies){ + $('#preview').append(cookies[i]) + } + /* for (i in cookies) + { + var cookie = cookies[i].split("=") + $('#preview').append(cookie) + } + + //infostate = parseInt(preferences['infostate']) + //hexes = preferences['hexes'] + //backgroundstate = preferences['backgroundstate']} + if (cookie[0].indexOf("imname") !== -1|cookie[0].indexOf("imname") !== -2) + { + $('#preview').append(cookie[0].indexOf('imname')) + if (cookie[1] !== 'false' && cookie[1] !== 'undefined' && cookie[1].length) + { + return cookie[1] + $('#preview').append('what the hell????') + } + } + else if(cookie[0].indexOf('username') !== -1) + { + $('#preview').append('what the fuck') + } + else{$('#preview').append('this was the index'+cookie[0].indexOf('imname').toString())} + } + //return "" + } + }*/ + + } + } +$(document).ready(function(){eatcookie();switchinfo()}) + + + + + + + + + + + + +</script> +</body> +</html> |