Vertically align the blue and hex fields
[rgbconverter.git] / RGB Converter.wdgt / Widget.css
1 /*=====================================================================*\
2 || ###################################################################
3 || # RGB Converter
4 || # Copyright (c)2002-2010 Blue Static
5 || #
6 || # This program is free software; you can redistribute it and/or modify
7 || # it under the terms of the GNU General Public License as published by
8 || # the Free Software Foundation; version 2 of the License.
9 || #
10 || # This program is distributed in the hope that it will be useful, but
11 || # WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
12 || # or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
13 || # more details.
14 || #
15 || # You should have received a copy of the GNU General Public License along
16 || # with this program; if not, write to the Free Software Foundation, Inc.,
17 || # 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA
18 || ###################################################################
19 \*=====================================================================*/
20
21 /* ################################################################### */
22 /* Global */
23
24 body
25 {
26 margin: 0px;
27 font-family: "Lucida Grande";
28 font-weight: bold;
29 color: #FFFFFF;
30 }
31
32 a
33 {
34 color: #FFFFFF;
35 text-decoration: underline;
36 }
37
38 #shadow {
39 z-index: -1000;
40 position: absolute;
41 }
42
43 #wheel {
44 margin-top: 7px;
45 margin-left: 7px;
46 }
47
48 /* ################################################################### */
49 /* Front */
50
51 #redinput
52 {
53 z-index: 1000;
54 font-size: 11px;
55
56 border: 1px solid red;
57 text-align: center;
58
59 position: absolute;
60 top: 32px;
61 left: 108px;
62 }
63
64 #greeninput
65 {
66 z-index: 1000;
67 font-size: 11px;
68
69 border: 1px solid green;
70 text-align: center;
71
72 position: absolute;
73 top: 140px;
74 left: 114px;
75 }
76
77 #blueinput
78 {
79 z-index: 1000;
80 font-size: 11px;
81
82 border: 1px solid blue;
83 text-align: center;
84
85 position: absolute;
86 top: 90px;
87 left: 15px;
88 }
89
90 #hexinput
91 {
92 z-index: 1000;
93 font-size: 11px;
94 font-weight: bold;
95
96 border: 1px solid black;
97 text-align: center;
98
99 position: absolute;
100 top: 90px;
101 left: 72px;
102 }
103
104 /* ################################################################### */
105 /* Back */
106
107 #backtext
108 {
109 position: absolute;
110 top: 80px;
111 left: 27px;
112 font-size: 10px;
113 }
114
115 #backbutton
116 {
117 margin-top: 10px;
118 text-align: center;
119 }
120
121 /* ################################################################### */
122 /* Flip insturments */
123
124 .flip
125 {
126 position: absolute;
127 top: 170px;
128 left: 155px;
129 width: 13px;
130 height: 13px;
131 }
132
133 #flip
134 {
135 opacity: 0;
136 background: url(file:///System/Library/WidgetResources/ibutton/white_i.png) no-repeat top left;
137 z-index: 8000;
138 }
139
140 #fliprollie
141 {
142 display: none;
143 opacity: 0.25;
144 background: url(file:///System/Library/WidgetResources/ibutton/white_rollie.png) no-repeat top left;
145 z-index: 7999;
146 }
147
148 #front
149 {
150 display: block;
151 }
152
153 #back
154 {
155 display: none;
156 }
157
158 .doneButton
159 {
160 position: absolute;
161 bottom: 10px;
162 left: 10px;
163 }
164
165 /*=====================================================================*\
166 || ###################################################################
167 || # $HeadURL$
168 || # $Id$
169 || ###################################################################
170 \*=====================================================================*/