RGB Converter.wdgt/Widget.css

   1 /*=====================================================================*\
   2 || ################################################################### ||
   3 || # RGB Converter Widget [#]version[#]
   4 || # --------------------------------------------------------------- # ||
   5 || # Copyright ©2002-[#]year[#] by Iris Studios, Inc. All Rights Reserved. # ||
   6 || # This file may not be reproduced in any way without permission.  # ||
   7 || # --------------------------------------------------------------- # ||
   8 || # User License Agreement at http://www.iris-studios.com/license/  # ||
   9 || ################################################################### ||
  10 \*=====================================================================*/
  11
  12 /* ################################################################### */
  13 /* Global */
  14
  15 body
  16 {
  17         margin: 0px;
  18         font-family: "Lucida Grande";
  19         color: #FFFFFF;
  20 }
  21
  22 a
  23 {
  24         color: #FFFFFF;
  25         text-decoration: underline;
  26 }
  27
  28 /* ################################################################### */
  29 /* Front */
  30
  31 #redinput
  32 {
  33         position: absolute;
  34         top: 64px;
  35         left: 35px;
  36         width: 50px;
  37 }
  38
  39 #greeninput
  40 {
  41         position: absolute;
  42         top: 64px;
  43         left: 104px;
  44         width: 50px;
  45 }
  46
  47 #blueinput
  48 {
  49         position: absolute;
  50         top: 64px;
  51         left: 173px;
  52         width: 50px;
  53 }
  54
  55 #hexinput
  56 {
  57         position: absolute;
  58         top: 5px;
  59         left: 75px;
  60         width: 200px;
  61         font-size: 11px;
  62         font-weight: bold;
  63
  64         z-index: 1000;
  65 }
  66
  67 /* ################################################################### */
  68
  69 #swatch
  70 {
  71         z-index: 1;
  72
  73         position: absolute;
  74         top: 0px;
  75         left: 0px;
  76         height: 35px;
  77         width: 65px;
  78
  79         background-color: rgb(0, 0, 0);
  80 }
  81
  82 #swatch-red
  83 {
  84         z-index: 1;
  85
  86         position: absolute;
  87         top: 0px;
  88         left: 200px;
  89         height: 35px;
  90         width: 100px;
  91
  92         background-color: rgb(0, 0, 0);
  93 }
  94
  95 #swatch-green
  96 {
  97         z-index: 1;
  98
  99         position: absolute;
 100         top: 0px;
 101         left: 300px;
 102         height: 35px;
 103         width: 100px;
 104
 105         background-color: rgb(0, 0, 0);
 106 }
 107
 108 #swatch-blue
 109 {
 110         z-index: 1;
 111
 112         position: absolute;
 113         top: 0px;
 114         left: 400px;
 115         height: 35px;
 116         width: 100px;
 117
 118         background-color: rgb(0, 0, 0);
 119 }
 120
 121 /* ################################################################### */
 122 /* Back */
 123
 124 #backtext
 125 {
 126         position: absolute;
 127         top: 10px;
 128         left: 15px;
 129         font-size: 10px;
 130 }
 131
 132 #backbutton
 133 {
 134         position: absolute;
 135         top: 45px;
 136         left: 13px;
 137         width: 500px;
 138 }
 139
 140 /* ################################################################### */
 141 /* Flip insturments */
 142
 143 .flip
 144 {
 145         position: absolute;
 146         top: 20px;
 147         left: 485px;
 148         width: 13px;
 149         height: 13px;
 150 }
 151
 152 #flip
 153 {
 154         opacity: 0;
 155         background: url(file:///System/Library/WidgetResources/ibutton/white_i.png) no-repeat top left;
 156         z-index: 8000;
 157 }
 158
 159 #fliprollie
 160 {
 161         display: none;
 162         opacity: 0.25;
 163         background: url(file:///System/Library/WidgetResources/ibutton/white_rollie.png) no-repeat top left;
 164         z-index: 7999;
 165 }
 166
 167 #front
 168 {
 169         display: block;
 170 }
 171
 172 #back
 173 {
 174         display: none;
 175 }
 176
 177 .doneButton
 178 {
 179         position: absolute;
 180         bottom: 10px;
 181         left: 10px;
 182 }
 183
 184 /*=====================================================================*\
 185 || ###################################################################
 186 || # $HeadURL$
 187 || # $Id$
 188 || ###################################################################
 189 \*=====================================================================*/