diff options
Diffstat (limited to 'includes/js/dojox/widget/ColorPicker')
| -rw-r--r-- | includes/js/dojox/widget/ColorPicker/ColorPicker.css | 78 | ||||
| -rw-r--r-- | includes/js/dojox/widget/ColorPicker/ColorPicker.css.commented.css | 89 | ||||
| -rw-r--r-- | includes/js/dojox/widget/ColorPicker/ColorPicker.html | 31 | ||||
| -rw-r--r-- | includes/js/dojox/widget/ColorPicker/images/hue.png | bin | 0 -> 1991 bytes | |||
| -rw-r--r-- | includes/js/dojox/widget/ColorPicker/images/hueHandle.png | bin | 0 -> 280 bytes | |||
| -rw-r--r-- | includes/js/dojox/widget/ColorPicker/images/pickerPointer.png | bin | 0 -> 228 bytes | |||
| -rw-r--r-- | includes/js/dojox/widget/ColorPicker/images/underlay.png | bin | 0 -> 10788 bytes |
7 files changed, 198 insertions, 0 deletions
diff --git a/includes/js/dojox/widget/ColorPicker/ColorPicker.css b/includes/js/dojox/widget/ColorPicker/ColorPicker.css new file mode 100644 index 0000000..3d62bc7 --- /dev/null +++ b/includes/js/dojox/widget/ColorPicker/ColorPicker.css @@ -0,0 +1,78 @@ +.dojoxColorPicker { + padding:8px; + border:1px solid #a0a0a0; + background:#ededed; + width:300px; + height:150px; + -moz-border-radius:4pt; + -webkit-border-radius:5pt; +} +.dojoxColorPickerBox { + position:relative; + width:150px; + height:150px; + margin:0; padding:0; +} +.dojoxColorPickerUnderlay { + position:absolute; + top:0; left:0; + width:150px; + height:150px; + z-index:1; + border:1px solid #a0a0a0; +} +.dojoxHuePickerUnderlay { + background:url(images/hue.png) no-repeat top center; + position:absolute; + top:0; left:0; + height:150px; + width:20px; + z-index:1; +} +.dojoxHuePicker { position:relative; top:-150px; left:157px; } +.dojoxHuePickerPoint { + position:absolute; + top:0; left:0; + width:20px; + height:8px; + z-index:3; + background-color:#666; + cursor:pointer; + background:url(images/hueHandle.png) no-repeat center center; +} +.dojoxColorPickerPoint { + position:absolute; + width:10px; + height:10px; + background: url(images/pickerPointer.png) no-repeat center center; + border:0; + z-index:3; + cursor:pointer; +} +.dojoxColorPickerPreview { + display:block; + width:45px; + height:45px; + border:1px solid #333; + background-color:#fff; + position:relative; + top:-150px; + left: 185px; +} +.dojoxColorPickerWebSafePreview { + display:block; + width:25px; + height:25px; + position:relative; + top:-197px; + left:240px; + border:1px solid #333; +} +.dojoxColorPickerOptional { + position:relative; + top:-170px; + left:185px; +} +.dojoxColorPickerRgb { position:absolute; top:0; left:0; } +.dojoxColorPickerHsv { position:absolute; top:0; left:50px; } +.dojoxColorPickerHex { position:absolute; top:73px; left:2px; } diff --git a/includes/js/dojox/widget/ColorPicker/ColorPicker.css.commented.css b/includes/js/dojox/widget/ColorPicker/ColorPicker.css.commented.css new file mode 100644 index 0000000..789a9dd --- /dev/null +++ b/includes/js/dojox/widget/ColorPicker/ColorPicker.css.commented.css @@ -0,0 +1,89 @@ +.dojoxColorPicker { + padding:8px; + border:1px solid #a0a0a0; + background:#ededed; + width:300px; + height:150px; + -moz-border-radius:4pt; + -webkit-border-radius:5pt; +} + + +.dojoxColorPickerBox { + position:relative; + width:150px; + height:150px; + margin:0; padding:0; +} + +.dojoxColorPickerUnderlay { + position:absolute; + top:0; left:0; + width:150px; + height:150px; + z-index:1; + border:1px solid #a0a0a0; +} + +.dojoxHuePickerUnderlay { + background:url(images/hue.png) no-repeat top center; + position:absolute; + top:0; left:0; + height:150px; + width:20px; + z-index:1; +} + +.dojoxHuePicker { position:relative; top:-150px; left:157px; } + +.dojoxHuePickerPoint { + position:absolute; + top:0; left:0; + width:20px; + height:8px; + z-index:3; + background-color:#666; + cursor:pointer; + background:url(images/hueHandle.png) no-repeat center center; +} + + +.dojoxColorPickerPoint { + position:absolute; + width:10px; + height:10px; + background: url(images/pickerPointer.png) no-repeat center center; + border:0; + z-index:3; + cursor:pointer; +} + +.dojoxColorPickerPreview { + display:block; + width:45px; + height:45px; + border:1px solid #333; + background-color:#fff; + position:relative; + top:-150px; + left: 185px; +} +.dojoxColorPickerWebSafePreview { + display:block; + width:25px; + height:25px; + position:relative; + top:-197px; + left:240px; + border:1px solid #333; +} + +.dojoxColorPickerOptional { + position:relative; + top:-170px; + left:185px; +} + +.dojoxColorPickerRgb { position:absolute; top:0; left:0; } +.dojoxColorPickerHsv { position:absolute; top:0; left:50px; } +.dojoxColorPickerHex { position:absolute; top:73px; left:2px; } diff --git a/includes/js/dojox/widget/ColorPicker/ColorPicker.html b/includes/js/dojox/widget/ColorPicker/ColorPicker.html new file mode 100644 index 0000000..de317ba --- /dev/null +++ b/includes/js/dojox/widget/ColorPicker/ColorPicker.html @@ -0,0 +1,31 @@ +<div class="dojoxColorPicker"> + <div class="dojoxColorPickerBox"> + <div dojoAttachPoint="cursorNode" class="dojoxColorPickerPoint"></div> + <img dojoAttachPoint="colorUnderlay" dojoAttachEvent="onclick: _setPoint" class="dojoxColorPickerUnderlay" src="${_underlay}"> + </div> + <div class="dojoxHuePicker"> + <div dojoAttachPoint="hueCursorNode" class="dojoxHuePickerPoint"></div> + <div dojoAttachPoint="hueNode" class="dojoxHuePickerUnderlay" dojoAttachEvent="onclick: _setHuePoint"></div> + </div> + <div dojoAttachPoint="previewNode" class="dojoxColorPickerPreview"></div> + <div dojoAttachPoint="safePreviewNode" class="dojoxColorPickerWebSafePreview"></div> + <div class="dojoxColorPickerOptional"> + <div class="dijitInline dojoxColorPickerRgb" dojoAttachPoint="rgbNode"> + <table> + <tr><td>r</td><td><input dojoAttachPoint="Rval" size="1"></td></tr> + <tr><td>g</td><td><input dojoAttachPoint="Gval" size="1"></td></tr> + <tr><td>b</td><td><input dojoAttachPoint="Bval" size="1"></td></tr> + </table> + </div> + <div class="dijitInline dojoxColorPickerHsv" dojoAttachPoint="hsvNode"> + <table> + <tr><td>h</td><td><input dojoAttachPoint="Hval"size="1"> °</td></tr> + <tr><td>s</td><td><input dojoAttachPoint="Sval" size="1"> %</td></tr> + <tr><td>v</td><td><input dojoAttachPoint="Vval" size="1"> %</td></tr> + </table> + </div> + <div class="dojoxColorPickerHex" dojoAttachPoint="hexNode"> + hex: <input dojoAttachPoint="hexCode, focusNode" size="6" class="dojoxColorPickerHexCode"> + </div> + </div> +</div> diff --git a/includes/js/dojox/widget/ColorPicker/images/hue.png b/includes/js/dojox/widget/ColorPicker/images/hue.png Binary files differnew file mode 100644 index 0000000..2746235 --- /dev/null +++ b/includes/js/dojox/widget/ColorPicker/images/hue.png diff --git a/includes/js/dojox/widget/ColorPicker/images/hueHandle.png b/includes/js/dojox/widget/ColorPicker/images/hueHandle.png Binary files differnew file mode 100644 index 0000000..c7b56e8 --- /dev/null +++ b/includes/js/dojox/widget/ColorPicker/images/hueHandle.png diff --git a/includes/js/dojox/widget/ColorPicker/images/pickerPointer.png b/includes/js/dojox/widget/ColorPicker/images/pickerPointer.png Binary files differnew file mode 100644 index 0000000..28a3c81 --- /dev/null +++ b/includes/js/dojox/widget/ColorPicker/images/pickerPointer.png diff --git a/includes/js/dojox/widget/ColorPicker/images/underlay.png b/includes/js/dojox/widget/ColorPicker/images/underlay.png Binary files differnew file mode 100644 index 0000000..0f5eb7c --- /dev/null +++ b/includes/js/dojox/widget/ColorPicker/images/underlay.png |
