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: 80px;
  35         left: 46px;
  36         width: 50px;
  37 }
  38
  39 #greeninput
  40 {
  41         position: absolute;
  42         top: 80px;
  43         left: 136px;
  44         width: 50px;
  45 }
  46
  47 #blueinput
  48 {
  49         position: absolute;
  50         top: 80px;
  51         left: 226px;
  52         width: 50px;
  53 }
  54
  55 #swatch
  56 {
  57         position: absolute;
  58         top: 21px;
  59         left: 239px;
  60         height: 42px;
  61         width: 42px;
  62 }
  63
  64 #hexinput
  65 {
  66         position: absolute;
  67         top: 20px;
  68         left: 80px;
  69         width: 200px;
  70 }
  71
  72 /* ################################################################### */
  73 /* Back */
  74
  75 #backtext
  76 {
  77         position: absolute;
  78         top: 5px;
  79         left: 15px;
  80         font-size: 11px;
  81 }
  82
  83 #backbutton
  84 {
  85         position: absolute;
  86         top: 55px;
  87         left: 215px;
  88         width: 500px;
  89 }
  90
  91 /* ################################################################### */
  92 /* Flip insturments */
  93
  94 .flip
  95 {
  96         position: absolute;
  97         top: 79px;
  98         left: 12px;
  99         width: 13px;
 100         height: 13px;
 101 }
 102
 103 #flip
 104 {
 105         opacity: 0;
 106         background: url(file:///System/Library/WidgetResources/ibutton/white_i.png) no-repeat top left;
 107         z-index: 8000;
 108 }
 109
 110 #fliprollie
 111 {
 112         display: none;
 113         opacity: 0.25;
 114         background: url(file:///System/Library/WidgetResources/ibutton/white_rollie.png) no-repeat top left;
 115         z-index: 7999;
 116 }
 117
 118 #front
 119 {
 120         display: block;
 121 }
 122
 123 #back
 124 {
 125         display: none;
 126 }
 127
 128 .doneButton
 129 {
 130         position: absolute;
 131         bottom: 10px;
 132         left: 10px;
 133 }
 134
 135 /*=====================================================================*\
 136 || ###################################################################
 137 || # $HeadURL$
 138 || # $Id$
 139 || ###################################################################
 140 \*=====================================================================*/