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 /* ################################################################### */
  23 /* Front */
  24
  25 #redinput
  26 {
  27         position: absolute;
  28         top: 80px;
  29         left: 46px;
  30         width: 50px;
  31 }
  32
  33 #greeninput
  34 {
  35         position: absolute;
  36         top: 80px;
  37         left: 136px;
  38         width: 50px;
  39 }
  40
  41 #blueinput
  42 {
  43         position: absolute;
  44         top: 80px;
  45         left: 226px;
  46         width: 50px;
  47 }
  48
  49 #swatch
  50 {
  51         position: absolute;
  52         top: 21px;
  53         left: 239px;
  54         height: 42px;
  55         width: 42px;
  56 }
  57
  58 #hexinput
  59 {
  60         position: absolute;
  61         top: 20px;
  62         left: 80px;
  63         width: 200px;
  64 }
  65
  66 /* ################################################################### */
  67 /* Back */
  68
  69 /* ################################################################### */
  70 /* Flip insturments */
  71
  72 .flip
  73 {
  74         position: absolute;
  75         top: 79px;
  76         left: 12px;
  77         width: 13px;
  78         height: 13px;
  79 }
  80
  81 #flip
  82 {
  83         opacity: 0;
  84         background: url(file:///System/Library/WidgetResources/ibutton/white_i.png) no-repeat top left;
  85         z-index: 8000;
  86 }
  87
  88 #fliprollie
  89 {
  90         display: none;
  91         opacity: 0.25;
  92         background: url(file:///System/Library/WidgetResources/ibutton/white_rollie.png) no-repeat top left;
  93         z-index: 7999;
  94 }
  95
  96 #front
  97 {
  98         display: block;
  99 }
 100
 101 #back
 102 {
 103         display: none;
 104 }
 105
 106 .doneButton
 107 {
 108         position: absolute;
 109         bottom: 10px;
 110         left: 10px;
 111 }
 112
 113 /*=====================================================================*\
 114 || ###################################################################
 115 || # $HeadURL$
 116 || # $Id$
 117 || ###################################################################
 118 \*=====================================================================*/