RGB Converter.wdgt/Widget.css

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