RGB Converter.wdgt/Widget.css

   1 /*=====================================================================*\
   2 || ###################################################################
   3 || # RGB Converter [#]version[#]
   4 || # Copyright ©2002-[#]year[#] 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 [#]gpl[#] 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         color: #FFFFFF;
  29 }
  30
  31 a
  32 {
  33         color: #FFFFFF;
  34         text-decoration: underline;
  35 }
  36
  37 /* ################################################################### */
  38 /* Front */
  39
  40 #frontimage
  41 {
  42         z-index: 500;
  43         position: absolute;
  44 }
  45
  46 #redinput
  47 {
  48         z-index: 1000;
  49         font-size: 11px;
  50
  51         position: absolute;
  52         top: 5px;
  53         left: 220px;
  54         width: 70px;
  55 }
  56
  57 #greeninput
  58 {
  59         z-index: 1000;
  60         font-size: 11px;
  61
  62         position: absolute;
  63         top: 5px;
  64         left: 317px;
  65         width: 70px;
  66 }
  67
  68 #blueinput
  69 {
  70         z-index: 1000;
  71         font-size: 11px;
  72
  73         position: absolute;
  74         top: 5px;
  75         left: 422px;
  76         width: 70px;
  77 }
  78
  79 #hexinput
  80 {
  81         z-index: 1000;
  82         font-size: 11px;
  83         font-weight: bold;
  84
  85         position: absolute;
  86         top: 5px;
  87         left: 75px;
  88         width: 200px;
  89 }
  90
  91 /* ################################################################### */
  92
  93 #swatch
  94 {
  95         z-index: 100;
  96
  97         position: absolute;
  98         top: 0px;
  99         left: 0px;
 100         height: 35px;
 101         width: 65px;
 102
 103         background-color: rgb(81, 105, 149);
 104 }
 105
 106 #swatch-red
 107 {
 108         z-index: 100;
 109
 110         position: absolute;
 111         top: 0px;
 112         left: 200px;
 113         height: 35px;
 114         width: 100px;
 115
 116         background-color: rgb(81, 0, 0);
 117 }
 118
 119 #swatch-green
 120 {
 121         z-index: 100;
 122
 123         position: absolute;
 124         top: 0px;
 125         left: 300px;
 126         height: 35px;
 127         width: 100px;
 128
 129         background-color: rgb(0, 105, 0);
 130 }
 131
 132 #swatch-blue
 133 {
 134         z-index: 100;
 135
 136         position: absolute;
 137         top: 0px;
 138         left: 400px;
 139         height: 35px;
 140         width: 100px;
 141
 142         background-color: rgb(0, 0, 149);
 143 }
 144
 145 /* ################################################################### */
 146 /* Back */
 147
 148 #backtext
 149 {
 150         position: absolute;
 151         top: 4px;
 152         left: 5px;
 153         font-size: 10px;
 154 }
 155
 156 #backbutton
 157 {
 158         position: absolute;
 159         top: 2px;
 160         left: 440px;
 161         width: 500px;
 162 }
 163
 164 /* ################################################################### */
 165 /* Flip insturments */
 166
 167 .flip
 168 {
 169         position: absolute;
 170         top: 20px;
 171         left: 485px;
 172         width: 13px;
 173         height: 13px;
 174 }
 175
 176 #flip
 177 {
 178         opacity: 0;
 179         background: url(file:///System/Library/WidgetResources/ibutton/white_i.png) no-repeat top left;
 180         z-index: 8000;
 181 }
 182
 183 #fliprollie
 184 {
 185         display: none;
 186         opacity: 0.25;
 187         background: url(file:///System/Library/WidgetResources/ibutton/white_rollie.png) no-repeat top left;
 188         z-index: 7999;
 189 }
 190
 191 #front
 192 {
 193         display: block;
 194 }
 195
 196 #back
 197 {
 198         display: none;
 199 }
 200
 201 .doneButton
 202 {
 203         position: absolute;
 204         bottom: 10px;
 205         left: 10px;
 206 }
 207
 208 /*=====================================================================*\
 209 || ###################################################################
 210 || # $HeadURL$
 211 || # $Id$
 212 || ###################################################################
 213 \*=====================================================================*/