From e44a7e37b6c7b5961adaffc62b9042b8d442938e Mon Sep 17 00:00:00 2001 From: mensonge Date: Thu, 13 Nov 2008 09:49:11 +0000 Subject: New feature: basic Ajax suggestion for tags and implementation of Dojo toolkit git-svn-id: https://semanticscuttle.svn.sourceforge.net/svnroot/semanticscuttle/trunk@151 b3834d28-1941-0410-a4f8-b48e95affb8f --- .../js/dojox/widget/ColorPicker/ColorPicker.css | 78 ++++++++++++++++++ .../ColorPicker/ColorPicker.css.commented.css | 89 +++++++++++++++++++++ .../js/dojox/widget/ColorPicker/ColorPicker.html | 31 +++++++ .../js/dojox/widget/ColorPicker/images/hue.png | Bin 0 -> 1991 bytes .../dojox/widget/ColorPicker/images/hueHandle.png | Bin 0 -> 280 bytes .../widget/ColorPicker/images/pickerPointer.png | Bin 0 -> 228 bytes .../dojox/widget/ColorPicker/images/underlay.png | Bin 0 -> 10788 bytes 7 files changed, 198 insertions(+) create mode 100644 includes/js/dojox/widget/ColorPicker/ColorPicker.css create mode 100644 includes/js/dojox/widget/ColorPicker/ColorPicker.css.commented.css create mode 100644 includes/js/dojox/widget/ColorPicker/ColorPicker.html create mode 100644 includes/js/dojox/widget/ColorPicker/images/hue.png create mode 100644 includes/js/dojox/widget/ColorPicker/images/hueHandle.png create mode 100644 includes/js/dojox/widget/ColorPicker/images/pickerPointer.png create mode 100644 includes/js/dojox/widget/ColorPicker/images/underlay.png (limited to 'includes/js/dojox/widget/ColorPicker') 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 @@ +
+
+
+ +
+
+
+
+
+
+
+
+
+ + + + +
r
g
b
+
+
+ + + + +
h °
s %
v %
+
+
+ hex: +
+
+
diff --git a/includes/js/dojox/widget/ColorPicker/images/hue.png b/includes/js/dojox/widget/ColorPicker/images/hue.png new file mode 100644 index 0000000..2746235 Binary files /dev/null and b/includes/js/dojox/widget/ColorPicker/images/hue.png differ diff --git a/includes/js/dojox/widget/ColorPicker/images/hueHandle.png b/includes/js/dojox/widget/ColorPicker/images/hueHandle.png new file mode 100644 index 0000000..c7b56e8 Binary files /dev/null and b/includes/js/dojox/widget/ColorPicker/images/hueHandle.png differ diff --git a/includes/js/dojox/widget/ColorPicker/images/pickerPointer.png b/includes/js/dojox/widget/ColorPicker/images/pickerPointer.png new file mode 100644 index 0000000..28a3c81 Binary files /dev/null and b/includes/js/dojox/widget/ColorPicker/images/pickerPointer.png differ diff --git a/includes/js/dojox/widget/ColorPicker/images/underlay.png b/includes/js/dojox/widget/ColorPicker/images/underlay.png new file mode 100644 index 0000000..0f5eb7c Binary files /dev/null and b/includes/js/dojox/widget/ColorPicker/images/underlay.png differ -- cgit v1.2.3-54-g00ecf