Colour swatch now updates
[rgbconverter.git] / RGB_Converter.wdgt / Widget.css
1 /*=====================================================================*\
2 || ################################################################### ||
3 || # RGB Converter Widget [#]version[#]
4 || # --------------------------------------------------------------- # ||
5 || # Copyright ©2002-[#]year[#] by Iris Studios, Inc. All Rights Reserved. # ||
6 || # This file may not be reproduced in any way without permission. # ||
7 || # --------------------------------------------------------------- # ||
8 || # User License Agreement at http://www.iris-studios.com/license/ # ||
9 || ################################################################### ||
10 \*=====================================================================*/
11
12 /* ################################################################### */
13 /* Global */
14
15 body
16 {
17 margin: 0px;
18 }
19
20 /* ################################################################### */
21 /* Front */
22
23 #redinput
24 {
25 position: absolute;
26 top: 80px;
27 left: 46px;
28 width: 50px;
29 }
30
31 #greeninput
32 {
33 position: absolute;
34 top: 80px;
35 left: 136px;
36 width: 50px;
37 }
38
39 #blueinput
40 {
41 position: absolute;
42 top: 80px;
43 left: 226px;
44 width: 50px;
45 }
46
47 #swatch
48 {
49 position: absolute;
50 top: 21px;
51 left: 239px;
52 height: 42px;
53 width: 42px;
54 }
55
56 /* ################################################################### */
57 /* Back */
58
59 /* ################################################################### */
60 /* Flip insturments */
61
62 .flip
63 {
64 position: absolute;
65 top: 79px;
66 left: 12px;
67 width: 13px;
68 height: 13px;
69 }
70
71 #flip
72 {
73 opacity: 0;
74 background: url(file:///System/Library/WidgetResources/ibutton/white_i.png) no-repeat top left;
75 z-index: 8000;
76 }
77
78 #fliprollie
79 {
80 display: none;
81 opacity: 0.25;
82 background: url(file:///System/Library/WidgetResources/ibutton/white_rollie.png) no-repeat top left;
83 z-index: 7999;
84 }
85
86 #front
87 {
88 display: block;
89 }
90
91 #back
92 {
93 display: none;
94 }
95
96 .doneButton
97 {
98 position: absolute;
99 bottom: 10px;
100 left: 10px;
101 }
102
103 /*=====================================================================*\
104 || ###################################################################
105 || # $HeadURL$
106 || # $Id$
107 || ###################################################################
108 \*=====================================================================*/