Permalink
Browse files

added color picker and sliders

  • Loading branch information...
1 parent f77b0b2 commit d4eb863883e975a37e2b2f8c5747d8b0b7880e7a gman committed Aug 31, 2010
Showing with 6,663 additions and 4 deletions.
  1. +196 −0 colorpicker/css/colorpicker.css
  2. +218 −0 colorpicker/css/layout.css
  3. BIN colorpicker/images/Thumbs.db
  4. BIN colorpicker/images/blank.gif
  5. BIN colorpicker/images/colorpicker_background.png
  6. BIN colorpicker/images/colorpicker_hex.png
  7. BIN colorpicker/images/colorpicker_hsb_a.png
  8. BIN colorpicker/images/colorpicker_hsb_b.png
  9. BIN colorpicker/images/colorpicker_hsb_h.png
  10. BIN colorpicker/images/colorpicker_hsb_s.png
  11. BIN colorpicker/images/colorpicker_indic.gif
  12. BIN colorpicker/images/colorpicker_indic_h.gif
  13. BIN colorpicker/images/colorpicker_overlay.png
  14. BIN colorpicker/images/colorpicker_rgb_a.png
  15. BIN colorpicker/images/colorpicker_rgb_b.png
  16. BIN colorpicker/images/colorpicker_rgb_g.png
  17. BIN colorpicker/images/colorpicker_rgb_r.png
  18. BIN colorpicker/images/colorpicker_select.gif
  19. BIN colorpicker/images/colorpicker_submit.png
  20. BIN colorpicker/images/custom_background.png
  21. BIN colorpicker/images/custom_hex.png
  22. BIN colorpicker/images/custom_hsb_b.png
  23. BIN colorpicker/images/custom_hsb_h.png
  24. BIN colorpicker/images/custom_hsb_s.png
  25. BIN colorpicker/images/custom_indic.gif
  26. BIN colorpicker/images/custom_rgb_b.png
  27. BIN colorpicker/images/custom_rgb_g.png
  28. BIN colorpicker/images/custom_rgb_r.png
  29. BIN colorpicker/images/custom_submit.png
  30. BIN colorpicker/images/select.png
  31. BIN colorpicker/images/select2.png
  32. BIN colorpicker/images/slider.png
  33. +184 −0 colorpicker/index.html
  34. +555 −0 colorpicker/js/colorpicker.js
  35. +34 −0 colorpicker/js/eye.js
  36. +4,376 −0 colorpicker/js/jquery.js
  37. +67 −0 colorpicker/js/layout.js
  38. +252 −0 colorpicker/js/utils.js
  39. +775 −0 particleeditor/particleeditor.html
  40. +6 −4 tdl/particles.js
@@ -0,0 +1,196 @@
+.colorpicker {
+ width: 356px;
+ height: 206px;
+ overflow: hidden;
+ position: absolute;
+ background: url(../images/colorpicker_background.png);
+ font-family: Arial, Helvetica, sans-serif;
+ display: none;
+}
+.colorpicker_color {
+ width: 150px;
+ height: 150px;
+ left: 14px;
+ top: 13px;
+ position: absolute;
+ background: #f00;
+ overflow: hidden;
+ cursor: crosshair;
+}
+.colorpicker_color div {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 150px;
+ height: 150px;
+ background: url(../images/colorpicker_overlay.png);
+}
+.colorpicker_color div div {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 11px;
+ height: 11px;
+ overflow: hidden;
+ background: url(../images/colorpicker_select.gif);
+ margin: -5px 0 0 -5px;
+}
+.colorpicker_hue {
+ position: absolute;
+ top: 13px;
+ left: 171px;
+ width: 35px;
+ height: 150px;
+ cursor: n-resize;
+}
+.colorpicker_hue div {
+ position: absolute;
+ width: 35px;
+ height: 9px;
+ overflow: hidden;
+ background: url(../images/colorpicker_indic.gif) left top;
+ margin: -4px 0 0 0;
+ left: 0px;
+}
+.colorpicker_alpha {
+ position: absolute;
+ left: 10px;
+ top: 167px;
+ width: 150px;
+ height: 35px;
+ cursor: e-resize;
+}
+.colorpicker_alpha div {
+ position: absolute;
+ width: 9px;
+ height: 35px;
+ overflow: hidden;
+ background: url(../images/colorpicker_indic_h.gif) left top;
+ margin: 0 -4px 0 0;
+ top: 0px;
+}
+.colorpicker_alpha canvas {
+ position: absolute;
+ left: 4px;
+ top: 9px;
+ width: 150px;
+ height: 17px;
+ background-color: rgba(0,0,0,0);
+}
+.colorpicker_new_color {
+ position: absolute;
+ width: 60px;
+ height: 30px;
+ left: 213px;
+ top: 13px;
+ background: #f00;
+}
+.colorpicker_current_color {
+ position: absolute;
+ width: 60px;
+ height: 30px;
+ left: 283px;
+ top: 13px;
+ background: #f00;
+}
+.colorpicker input {
+ background-color: transparent;
+ border: 1px solid transparent;
+ position: absolute;
+ font-size: 10px;
+ font-family: Arial, Helvetica, sans-serif;
+ color: #898989;
+ top: 4px;
+ right: 11px;
+ text-align: right;
+ margin: 0;
+ padding: 0;
+ height: 11px;
+}
+.colorpicker_hex {
+ position: absolute;
+ width: 72px;
+ height: 22px;
+ background: url(../images/colorpicker_hex.png) top;
+ left: 212px;
+ top: 172px;
+}
+.colorpicker_hex input {
+ right: 6px;
+}
+.colorpicker_field {
+ height: 22px;
+ width: 62px;
+ background-position: top;
+ position: absolute;
+}
+.colorpicker_field span {
+ position: absolute;
+ width: 12px;
+ height: 22px;
+ overflow: hidden;
+ top: 0;
+ right: 0;
+ cursor: n-resize;
+}
+.colorpicker_rgba_r {
+ background-image: url(../images/colorpicker_rgb_r.png);
+ top: 52px;
+ left: 212px;
+}
+.colorpicker_rgba_g {
+ background-image: url(../images/colorpicker_rgb_g.png);
+ top: 82px;
+ left: 212px;
+}
+.colorpicker_rgba_b {
+ background-image: url(../images/colorpicker_rgb_b.png);
+ top: 112px;
+ left: 212px;
+}
+.colorpicker_rgba_a {
+ background-image: url(../images/colorpicker_rgb_a.png);
+ top: 142px;
+ left: 212px;
+}
+.colorpicker_hsba_h {
+ background-image: url(../images/colorpicker_hsb_h.png);
+ top: 52px;
+ left: 282px;
+}
+.colorpicker_hsba_s {
+ background-image: url(../images/colorpicker_hsb_s.png);
+ top: 82px;
+ left: 282px;
+}
+.colorpicker_hsba_b {
+ background-image: url(../images/colorpicker_hsb_b.png);
+ top: 112px;
+ left: 282px;
+}
+.colorpicker_hsba_a {
+ background-image: url(../images/colorpicker_hsb_a.png);
+ top: 142px;
+ left: 282px;
+}
+.colorpicker_submit {
+ position: absolute;
+ width: 22px;
+ height: 22px;
+ background: url(../images/colorpicker_submit.png) top;
+ left: 322px;
+ top: 172px;
+ overflow: hidden;
+}
+.colorpicker_focus {
+ background-position: center;
+}
+.colorpicker_hex.colorpicker_focus {
+ background-position: bottom;
+}
+.colorpicker_submit.colorpicker_focus {
+ background-position: bottom;
+}
+.colorpicker_slider {
+ background-position: bottom;
+}
Oops, something went wrong.

0 comments on commit d4eb863

Please sign in to comment.