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