diff --git a/css/colorpicker.css b/css/colorpicker.css new file mode 100644 index 0000000..05b02b4 --- /dev/null +++ b/css/colorpicker.css @@ -0,0 +1,161 @@ +.colorpicker { + width: 356px; + height: 176px; + 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_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: 142px; +} +.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_rgb_r { + background-image: url(../images/colorpicker_rgb_r.png); + top: 52px; + left: 212px; +} +.colorpicker_rgb_g { + background-image: url(../images/colorpicker_rgb_g.png); + top: 82px; + left: 212px; +} +.colorpicker_rgb_b { + background-image: url(../images/colorpicker_rgb_b.png); + top: 112px; + left: 212px; +} +.colorpicker_hsb_h { + background-image: url(../images/colorpicker_hsb_h.png); + top: 52px; + left: 282px; +} +.colorpicker_hsb_s { + background-image: url(../images/colorpicker_hsb_s.png); + top: 82px; + left: 282px; +} +.colorpicker_hsb_b { + background-image: url(../images/colorpicker_hsb_b.png); + top: 112px; + left: 282px; +} +.colorpicker_submit { + position: absolute; + width: 22px; + height: 22px; + background: url(../images/colorpicker_submit.png) top; + left: 322px; + top: 142px; + 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; +} diff --git a/css/sharebar.css b/css/sharebar.css old mode 100755 new mode 100644 index 02aec31..aeeb466 --- a/css/sharebar.css +++ b/css/sharebar.css @@ -1,9 +1,16 @@ -#sharebar { display: none; position: absolute; width: 60px; float: left; background: #fff; padding: 0; text-align: center; border: 1px solid #ccc; list-style: none; margin: 0; z-index: 99; } -#sharebar li { display: block; margin: 5px; padding: 0;} -#sharebarx { display: none; list-style: none; width: 100%; float: left; margin: 0 0 10px; padding: 0; } -#sharebarx a { line-height: 14px; text-decoration: none; } -#sharebarx li { float: left; margin-right: 20px; line-height: 18px; } +body ul#sharebar { display: none; position: absolute; width: 65px; float: left; background: #fff; padding: 0; text-align: center; border: 1px solid #ccc; list-style: none; margin: 0; z-index: 99; } +body ul#sharebar li { display: block; margin: 5px; padding: 0; overflow: hidden; text-align: center; } +body ul#sharebarx { display: none; list-style: none; width: 100%; float: left; margin: 0 0 10px; padding: 0; } +body ul#sharebarx a { line-height: 14px; text-decoration: none; } +body ul#sharebarx li { float: left; margin-right: 20px; line-height: 18px; } +body ul#sharebarx li .st_email { margin: 0 15px !important; } .sharebar-button { font-size: 11px; font-family: Verdana, Arial; padding: 2px 4px; background: #f7f7f7; color: #444; border: 1px solid #ddd; display: block;margin: 0 0 5px; } .sharebar-button:hover { border-color: #aaa; } +.credit { margin: 0; padding: 0; line-height: 9px; } +.credit a { font-size: 8px; color: #ccc; text-transform: uppercase; text-decoration: none; font-family: Verdana; line-height: 9px; } .FBConnectButton_Small{background-position:-5px -232px !important;border-left:1px solid #1A356E;} -.FBConnectButton_Text{margin-left:12px !important ;padding:2px 3px 3px !important;} \ No newline at end of file +.FBConnectButton_Text{margin-left:12px !important ;padding:2px 5px 3px !important;} +.stButton{margin:0 0 6px !important;} +.stButton:last-child{margin:0 !important;} +.stButton .stFb_vbubble { width:53px !important; } +.stButton .stFb_text { padding: 2px 5px 3px !important; margin: 1px 1px 0 14px !important; } \ No newline at end of file diff --git a/images/blank.gif b/images/blank.gif new file mode 100644 index 0000000..75b945d Binary files /dev/null and b/images/blank.gif differ diff --git a/images/colorpicker_background.png b/images/colorpicker_background.png new file mode 100644 index 0000000..8401572 Binary files /dev/null and b/images/colorpicker_background.png differ diff --git a/images/colorpicker_hex.png b/images/colorpicker_hex.png new file mode 100644 index 0000000..4e532d7 Binary files /dev/null and b/images/colorpicker_hex.png differ diff --git a/images/colorpicker_hsb_b.png b/images/colorpicker_hsb_b.png new file mode 100644 index 0000000..dfac595 Binary files /dev/null and b/images/colorpicker_hsb_b.png differ diff --git a/images/colorpicker_hsb_h.png b/images/colorpicker_hsb_h.png new file mode 100644 index 0000000..3977ed9 Binary files /dev/null and b/images/colorpicker_hsb_h.png differ diff --git a/images/colorpicker_hsb_s.png b/images/colorpicker_hsb_s.png new file mode 100644 index 0000000..a2a6997 Binary files /dev/null and b/images/colorpicker_hsb_s.png differ diff --git a/images/colorpicker_indic.gif b/images/colorpicker_indic.gif new file mode 100644 index 0000000..f9fa95e Binary files /dev/null and b/images/colorpicker_indic.gif differ diff --git a/images/colorpicker_overlay.png b/images/colorpicker_overlay.png new file mode 100644 index 0000000..561cdd9 Binary files /dev/null and b/images/colorpicker_overlay.png differ diff --git a/images/colorpicker_rgb_b.png b/images/colorpicker_rgb_b.png new file mode 100644 index 0000000..dfac595 Binary files /dev/null and b/images/colorpicker_rgb_b.png differ diff --git a/images/colorpicker_rgb_g.png b/images/colorpicker_rgb_g.png new file mode 100644 index 0000000..72b3276 Binary files /dev/null and b/images/colorpicker_rgb_g.png differ diff --git a/images/colorpicker_rgb_r.png b/images/colorpicker_rgb_r.png new file mode 100644 index 0000000..4855fe0 Binary files /dev/null and b/images/colorpicker_rgb_r.png differ diff --git a/images/colorpicker_select.gif b/images/colorpicker_select.gif new file mode 100644 index 0000000..599f7f1 Binary files /dev/null and b/images/colorpicker_select.gif differ diff --git a/images/colorpicker_submit.png b/images/colorpicker_submit.png new file mode 100644 index 0000000..7f4c082 Binary files /dev/null and b/images/colorpicker_submit.png differ diff --git a/images/custom_background.png b/images/custom_background.png new file mode 100644 index 0000000..cf55ffd Binary files /dev/null and b/images/custom_background.png differ diff --git a/images/custom_hex.png b/images/custom_hex.png new file mode 100644 index 0000000..888f444 Binary files /dev/null and b/images/custom_hex.png differ diff --git a/images/custom_hsb_b.png b/images/custom_hsb_b.png new file mode 100644 index 0000000..2f99dae Binary files /dev/null and b/images/custom_hsb_b.png differ diff --git a/images/custom_hsb_h.png b/images/custom_hsb_h.png new file mode 100644 index 0000000..a217e92 Binary files /dev/null and b/images/custom_hsb_h.png differ diff --git a/images/custom_hsb_s.png b/images/custom_hsb_s.png new file mode 100644 index 0000000..7826b41 Binary files /dev/null and b/images/custom_hsb_s.png differ diff --git a/images/custom_indic.gif b/images/custom_indic.gif new file mode 100644 index 0000000..222fb94 Binary files /dev/null and b/images/custom_indic.gif differ diff --git a/images/custom_rgb_b.png b/images/custom_rgb_b.png new file mode 100644 index 0000000..80764e5 Binary files /dev/null and b/images/custom_rgb_b.png differ diff --git a/images/custom_rgb_g.png b/images/custom_rgb_g.png new file mode 100644 index 0000000..fc9778b Binary files /dev/null and b/images/custom_rgb_g.png differ diff --git a/images/custom_rgb_r.png b/images/custom_rgb_r.png new file mode 100644 index 0000000..91b0cd4 Binary files /dev/null and b/images/custom_rgb_r.png differ diff --git a/images/custom_submit.png b/images/custom_submit.png new file mode 100644 index 0000000..cd202cd Binary files /dev/null and b/images/custom_submit.png differ diff --git a/images/down.gif b/images/down.gif old mode 100755 new mode 100644 diff --git a/images/select.png b/images/select.png new file mode 100644 index 0000000..21213bf Binary files /dev/null and b/images/select.png differ diff --git a/images/select2.png b/images/select2.png new file mode 100644 index 0000000..2cd2cab Binary files /dev/null and b/images/select2.png differ diff --git a/images/slider.png b/images/slider.png new file mode 100644 index 0000000..8b03da9 Binary files /dev/null and b/images/slider.png differ diff --git a/images/up.gif b/images/up.gif old mode 100755 new mode 100644 diff --git a/js/colorpicker.js b/js/colorpicker.js new file mode 100644 index 0000000..10a2b22 --- /dev/null +++ b/js/colorpicker.js @@ -0,0 +1,484 @@ +/** + * + * Color picker + * Author: Stefan Petre www.eyecon.ro + * + * Dual licensed under the MIT and GPL licenses + * + */ +(function ($) { + var ColorPicker = function () { + var + ids = {}, + inAction, + charMin = 65, + visible, + tpl = '