https://src.bluestatic.org / rgbconverter.git / commitdiff
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 6238920)
Start cleaning up the back side of the widget.
authorrsesek <rsesek@ad1dcce9-c9fe-0310-b82b-83ea1733dbb0>
Sat, 11 Dec 2010 18:27:38 +0000 (18:27 +0000)
committerrsesek <rsesek@ad1dcce9-c9fe-0310-b82b-83ea1733dbb0>
Sat, 11 Dec 2010 18:27:38 +0000 (18:27 +0000)
git-svn-id: svn://depot/macosx/RGBConverter/trunk@634 ad1dcce9-c9fe-0310-b82b-83ea1733dbb0

RGB Converter.wdgt/Widget.css patch | blob | history
RGB Converter.wdgt/Widget.html patch | blob | history

diff --git a/RGB Converter.wdgt/Widget.css b/RGB Converter.wdgt/Widget.css
index c889ba5ccecdf400d2fded1c77549edbf96b16b6..ed1bf962f6cc11dd46564dc2371bdec502327c3c 100644 (file)
--- a/RGB Converter.wdgt/Widget.css
+++ b/RGB Converter.wdgt/Widget.css
@@ -38,12 +38,6 @@ a
 /* ################################################################### */
 /* Front */
 
-#frontimage
-{
-  z-index: 500;
-  position: absolute;
-}
-
 #redinput
 {
   z-index: 1000;
@@ -103,17 +97,15 @@ a
 #backtext
 {
   position: absolute;
-  top: 29px;
-  left: 30px;
+  top: 80px;
+  left: 15px;
   font-size: 10px;
 }
 
 #backbutton
 {
-  position: absolute;
-  top: 2px;
-  left: 440px;
-  width: 500px;
+  margin-top: 10px;
+  text-align: center;
 }
 
 /* ################################################################### */
@@ -122,8 +114,8 @@ a
 .flip
 {
   position: absolute;
-  top: 45px;
-  left: 510px;
+  top: 150px;
+  left: 155px;
   width: 13px;
   height: 13px;
 }
diff --git a/RGB Converter.wdgt/Widget.html b/RGB Converter.wdgt/Widget.html
index 203c3255c07907e034c405bd22430e6739541542..852a8d5b5e3cf387a40fb52c147b5ce4200181a6 100644 (file)
--- a/RGB Converter.wdgt/Widget.html
+++ b/RGB Converter.wdgt/Widget.html
@@ -33,15 +33,14 @@
 </head>
 
 <body onload="setup()">
+  <canvas id="wheel" width="180" height="180"></canvas>
   <!-- front -->
-    <div id="front" onmousemove="mousemove(event);" onmouseout="mouseexit(event);">    
-      <canvas id="wheel" width="180" height="180"></canvas>
+  <div id="front" onmousemove="mousemove(event);" onmouseout="mouseexit(event);">    
+    <input type="text" name="hexinput" id="hexinput" size="6" onblur="hexwatcher()" value="3C3C3C" />
 
-    <input type="text" name="hexinput" id="hexinput" size="6" onblur="hexwatcher()" value="3C3C3C" /></div>
-
-    <input type="text" name="redinput" id="redinput" size="3" onblur="rgbwatcher('red')" value="60" /></div>
-    <input type="text" name="greeninput" id="greeninput" size="3" onblur="rgbwatcher('green')" value="60" /></div>
-    <input type="text" name="blueinput" id="blueinput" size="3" onblur="rgbwatcher('blue')" value="60" /></div>
+    <input type="text" name="redinput" id="redinput" size="3" onblur="rgbwatcher('red')" value="60" />
+    <input type="text" name="greeninput" id="greeninput" size="3" onblur="rgbwatcher('green')" value="60" />
+    <input type="text" name="blueinput" id="blueinput" size="3" onblur="rgbwatcher('blue')" value="60" />
 
     <div class="flip" id="fliprollie"></div>
     <div class="flip" id="flip" onclick="show_back(event);" onmouseover="enterflip(event);" onmouseout="exitflip(event)";></div>
@@ -50,14 +49,11 @@
   
   <!-- back -->
   <div id="back">
-    <img src="Alternate.png" alt="" />
-    
     <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>
-    
-    <div id="backbutton"></div>
+      <div id="backbutton"></div>
+    </div>    
   </div>
   <!-- / back -->
 </body>
The Mac OS X dashboard widget that converts between RGB and HEX colors.