Adding a drop shadow to make things fit better with HIG
[rgbconverter.git] / RGB Converter.wdgt / Widget.html
1 <!--
2 /*=====================================================================*\
3 || ###################################################################
4 || # RGB Converter [#]version[#]
5 || # Copyright ©2002-[#]year[#] Blue Static
6 || #
7 || # This program is free software; you can redistribute it and/or modify
8 || # it under the terms of the GNU General Public License as published by
9 || # the Free Software Foundation; version [#]gpl[#] of the License.
10 || #
11 || # This program is distributed in the hope that it will be useful, but
12 || # WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
13 || # or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
14 || # more details.
15 || #
16 || # You should have received a copy of the GNU General Public License along
17 || # with this program; if not, write to the Free Software Foundation, Inc.,
18 || # 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA
19 || ###################################################################
20 \*=====================================================================*/
21 -->
22
23 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
24 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
25 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
26 <head>
27 <title>RGB Conveter $Revision$</title>
28 </head>
29
30 <style type="text/css">
31 @import "Widget.css";
32 </style>
33
34 <script src="Widget.js" type="text/javascript" />
35 <script src="file:///System/Library/WidgetResources/button/genericButton.js" type="text/javascript" />
36
37 <body onload="setup()">
38 <!-- front -->
39 <div id="front" onmousemove="mousemove(event);" onmouseout="mouseexit(event);">
40
41 <div id="hexinput">HEX Code <input type="text" name="hexinput" id="hexinputf" size="6" maxlength="6" onblur="hexwatcher()" value="516995" /></div>
42
43 <div id="redinput">Red <input type="text" name="redinput" id="redinputf" size="3" maxlength="3" onblur="rgbwatcher('red')" value="81" /></div>
44 <div id="greeninput">Green <input type="text" name="greeninput" id="greeninputf" size="3" maxlength="3" onblur="rgbwatcher('green')" value="105" /></div>
45 <div id="blueinput">Blue <input type="text" name="blueinput" id="blueinputf" size="3" maxlength="3" onblur="rgbwatcher('blue')" value="149" /></div>
46
47 <div id="swatch"></div>
48 <div id="swatch-red"></div>
49 <div id="swatch-green"></div>
50 <div id="swatch-blue"></div>
51
52 <div class="flip" id="fliprollie"></div>
53 <div class="flip" id="flip" onclick="show_back(event);" onmouseover="enterflip(event);" onmouseout="exitflip(event)";></div>
54
55 <div id="frontimage"><img src="Default.png" alt="" style="" /></div>
56 <img src="Alternate.png" alt="" />
57 </div>
58 <!-- / front -->
59
60 <!-- back -->
61 <div id="back">
62 <img src="Alternate.png" alt="" />
63
64 <div id="backtext">
65 <div><strong style="font-size: 12px">RGB Converter</strong>, [#]version[#] <span id="revision">($Revision$)</span></div>
66 <div>&copy;2002-[#]year[#] <a href="javascript:widget.openURL('http://www.bluestatic.org')">Blue Static</a><div>
67 </div>
68
69 <div id="backbutton"></div>
70 </div>
71 <!-- / back -->
72 </body>
73 </html>
74
75 <!--
76 /*=====================================================================*\
77 || ###################################################################
78 || # $HeadURL$
79 || # $Id$
80 || ###################################################################
81 \*=====================================================================*/
82 -->