Add a new background/Default.png to create the drop shadow.
authorrsesek <rsesek@ad1dcce9-c9fe-0310-b82b-83ea1733dbb0>
Sat, 11 Dec 2010 18:48:21 +0000 (18:48 +0000)
committerrsesek <rsesek@ad1dcce9-c9fe-0310-b82b-83ea1733dbb0>
Sat, 11 Dec 2010 18:48:21 +0000 (18:48 +0000)
git-svn-id: svn://depot/macosx/RGBConverter/trunk@637 ad1dcce9-c9fe-0310-b82b-83ea1733dbb0

RGB Converter.wdgt/Default.png
RGB Converter.wdgt/Widget.css
RGB Converter.wdgt/Widget.html
round back.psd [new file with mode: 0644]

index e7332fc9d48297d1901e71821b943e183ea93c99..16362eb505f4d917f9aef13e5e99245590cced02 100644 (file)
Binary files a/RGB Converter.wdgt/Default.png and b/RGB Converter.wdgt/Default.png differ
index ed1bf962f6cc11dd46564dc2371bdec502327c3c..4e698b4936f63cbeecfc20966c2415f99b040eb4 100644 (file)
@@ -35,6 +35,16 @@ a
   text-decoration: underline;
 }
 
+#shadow {
+  z-index: -1000;
+  position: absolute;
+}
+
+#wheel {
+  margin-top: 7px;
+  margin-left: 7px;
+}
+
 /* ################################################################### */
 /* Front */
 
@@ -47,8 +57,8 @@ a
   text-align: center;
 
   position: absolute;
-  top: 25px;
-  left: 100px;
+  top: 32px;
+  left: 108px;
 }
 
 #greeninput
@@ -60,8 +70,8 @@ a
   text-align: center;
 
   position: absolute;
-  top: 130px;
-  left: 100px;
+  top: 140px;
+  left: 114px;
 }
 
 #blueinput
@@ -73,8 +83,8 @@ a
   text-align: center;
 
   position: absolute;
-  top: 80px;
-  left: 7px;
+  top: 88px;
+  left: 15px;
 }
 
 #hexinput
@@ -87,8 +97,8 @@ a
   text-align: center;
 
   position: absolute;
-  top: 80px;
-  left: 62px;
+  top: 88px;
+  left: 70px;
 }
 
 /* ################################################################### */
index 852a8d5b5e3cf387a40fb52c147b5ce4200181a6..87c9b328fe1f72981251ebebe7beb2fc5d1d613b 100644 (file)
@@ -33,7 +33,8 @@
 </head>
 
 <body onload="setup()">
-  <canvas id="wheel" width="180" height="180"></canvas>
+  <img src="Default.png" id="shadow" />
+  <canvas id="wheel" width="186" height="186"></canvas>
   <!-- front -->
   <div id="front" onmousemove="mousemove(event);" onmouseout="mouseexit(event);">    
     <input type="text" name="hexinput" id="hexinput" size="6" onblur="hexwatcher()" value="3C3C3C" />
@@ -50,8 +51,8 @@
   <!-- back -->
   <div id="back">
     <div id="backtext">
-      <div><strong style="font-size: 12px">RGB Converter</strong>, 2.2 <span id="revision">($Revision$)</span></div>
-      <div>&copy;2002-2007 <a href="javascript:widget.openURL('http://www.bluestatic.org')">Blue Static</a><div>
+      <div><strong style="font-size: 12px">RGB Converter</strong>, 3.0 <span id="revision">($Revision$)</span></div>
+      <div>&copy;2002-2010 <a href="javascript:widget.openURL('http://www.bluestatic.org')">Blue Static</a><div>
       <div id="backbutton"></div>
     </div>    
   </div>
diff --git a/round back.psd b/round back.psd
new file mode 100644 (file)
index 0000000..6deaae9
Binary files /dev/null and b/round back.psd differ