text-decoration: underline;
}
+#shadow {
+ z-index: -1000;
+ position: absolute;
+}
+
+#wheel {
+ margin-top: 7px;
+ margin-left: 7px;
+}
+
/* ################################################################### */
/* Front */
text-align: center;
position: absolute;
- top: 25px;
- left: 100px;
+ top: 32px;
+ left: 108px;
}
#greeninput
text-align: center;
position: absolute;
- top: 130px;
- left: 100px;
+ top: 140px;
+ left: 114px;
}
#blueinput
text-align: center;
position: absolute;
- top: 80px;
- left: 7px;
+ top: 88px;
+ left: 15px;
}
#hexinput
text-align: center;
position: absolute;
- top: 80px;
- left: 62px;
+ top: 88px;
+ left: 70px;
}
/* ################################################################### */
</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" />
<!-- 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>©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>©2002-2010 <a href="javascript:widget.openURL('http://www.bluestatic.org')">Blue Static</a><div>
<div id="backbutton"></div>
</div>
</div>