Added input boxes

git-svn-id: svn://depot/macosx/trunk@8 ad1dcce9-c9fe-0310-b82b-83ea1733dbb0

diff --git a/RGB_Converter/RGB_Converter.wdgt/Widget.css b/RGB_Converter/RGB_Converter.wdgt/Widget.css
index 9a33f22e04c7d6f5373a8e8d88c28b77b3aa2eed..85b9af5e206e752e19f6fc9bc16fd3f70127da9b 100644 (file)
--- a/RGB_Converter/RGB_Converter.wdgt/Widget.css
+++ b/RGB_Converter/RGB_Converter.wdgt/Widget.css
@@ -10,55 +10,85 @@
 \*=====================================================================*/
 
 /* ################################################################### */
-/* Custom classes */
+/* Global */
 
 body
 {
        margin: 0px;
 }
 
+/* ################################################################### */
+/* Front */
+
+#redinput
+{
+       position: absolute;
+       top: 80px;
+       left: 46px;
+       width: 50px;
+}
+
+#greeninput
+{
+       position: absolute;
+       top: 80px;
+       left: 136px;
+       width: 50px;
+}
+
+#blueinput
+{
+       position: absolute;
+       top: 80px;
+       left: 226px;
+       width: 50px;
+}
+
+/* ################################################################### */
+/* Back */
+
 /* ################################################################### */
 /* Flip insturments */
 
 .flip
 {
-    position: absolute;
-    bottom: 33px;
-    left: 12px;
-    width: 13px;
-    height: 13px;
+       position: absolute;
+       top: 79px;
+       left: 12px;
+       width: 13px;
+       height: 13px;
 }
 
 #flip
 {
-    opacity: 0;
-    background: url(file:///System/Library/WidgetResources/ibutton/white_i.png) no-repeat top left;
-    z-index: 8000;
+       opacity: 0;
+       background: url(file:///System/Library/WidgetResources/ibutton/white_i.png) no-repeat top left;
+       z-index: 8000;
 }
 
 #fliprollie
 {
-    display: none;
-    opacity: 0.25;
-    background: url(file:///System/Library/WidgetResources/ibutton/white_rollie.png) no-repeat top left;
-    z-index: 7999;
+       display: none;
+       opacity: 0.25;
+       background: url(file:///System/Library/WidgetResources/ibutton/white_rollie.png) no-repeat top left;
+       z-index: 7999;
 }
 
 #front
 {
-    display: block;
+       display: block;
 } 
 
 #back
 {
-    display: none;
+       display: none;
 } 
 
 .doneButton
 {
-    position: absolute;
-    bottom: 10px;
-    left: 10px;
+       position: absolute;
+       bottom: 10px;
+       left: 10px;
 }
 
 /*=====================================================================*\

diff --git a/RGB_Converter/RGB_Converter.wdgt/Widget.html b/RGB_Converter/RGB_Converter.wdgt/Widget.html
index 30a79907ee43171aa62603f5f33c28747d48eba5..df553f9c7c700f54fdfb55afcc842ea94685e6e9 100644 (file)
--- a/RGB_Converter/RGB_Converter.wdgt/Widget.html
+++ b/RGB_Converter/RGB_Converter.wdgt/Widget.html
@@ -28,6 +28,10 @@
     <div id="front" onmousemove="mousemove(event);" onmouseout="mouseexit(event);">
                <img src="Default.png" alt="" />
                
+               <div id="redinput"><input type="text" name="redinput" style="color: red" size="3" /></div>
+               <div id="greeninput"><input type="text" name="greeninput" style="color: green" size="3" /></div>
+               <div id="blueinput"><input type="text" name="blueinput" style="color: blue" size="3" /></div>
+               
                <div class="flip" id="fliprollie"></div>
                <div class="flip" id="flip" onclick="show_back(event);" onmouseover="enterflip(event);" onmouseout="exitflip(event)";></div>
        </div>
@@ -36,9 +40,10 @@
        <!-- back -->
        <div id="back">
                <img src="Alternate.png" alt="" />
+               
+               
        </div>
        <!-- / back -->
-
 </body>
 </html>