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