Start cleaning up the back side of the widget.
[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 /* ################################################################### */
39 /* Front */
40
41 #redinput
42 {
43 z-index: 1000;
44 font-size: 11px;
45
46 border: 1px solid red;
47 text-align: center;
48
49 position: absolute;
50 top: 25px;
51 left: 100px;
52 }
53
54 #greeninput
55 {
56 z-index: 1000;
57 font-size: 11px;
58
59 border: 1px solid green;
60 text-align: center;
61
62 position: absolute;
63 top: 130px;
64 left: 100px;
65 }
66
67 #blueinput
68 {
69 z-index: 1000;
70 font-size: 11px;
71
72 border: 1px solid blue;
73 text-align: center;
74
75 position: absolute;
76 top: 80px;
77 left: 7px;
78 }
79
80 #hexinput
81 {
82 z-index: 1000;
83 font-size: 11px;
84 font-weight: bold;
85
86 border: 1px solid black;
87 text-align: center;
88
89 position: absolute;
90 top: 80px;
91 left: 62px;
92 }
93
94 /* ################################################################### */
95 /* Back */
96
97 #backtext
98 {
99 position: absolute;
100 top: 80px;
101 left: 15px;
102 font-size: 10px;
103 }
104
105 #backbutton
106 {
107 margin-top: 10px;
108 text-align: center;
109 }
110
111 /* ################################################################### */
112 /* Flip insturments */
113
114 .flip
115 {
116 position: absolute;
117 top: 150px;
118 left: 155px;
119 width: 13px;
120 height: 13px;
121 }
122
123 #flip
124 {
125 opacity: 0;
126 background: url(file:///System/Library/WidgetResources/ibutton/white_i.png) no-repeat top left;
127 z-index: 8000;
128 }
129
130 #fliprollie
131 {
132 display: none;
133 opacity: 0.25;
134 background: url(file:///System/Library/WidgetResources/ibutton/white_rollie.png) no-repeat top left;
135 z-index: 7999;
136 }
137
138 #front
139 {
140 display: block;
141 }
142
143 #back
144 {
145 display: none;
146 }
147
148 .doneButton
149 {
150 position: absolute;
151 bottom: 10px;
152 left: 10px;
153 }
154
155 /*=====================================================================*\
156 || ###################################################################
157 || # $HeadURL$
158 || # $Id$
159 || ###################################################################
160 \*=====================================================================*/