RGB Converter.wdgt/Widget.css

   1 /*=====================================================================*\
   2 || ###################################################################
   3 || # RGB Converter
   4 || # Copyright (c)2002-2010 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 2 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   margin: 0px;
  26   font-family: "Lucida Grande";
  27   font-weight: bold;
  28   color: #FFFFFF;
  29 }
  30
  31 a {
  32   color: #FFFFFF;
  33   text-decoration: underline;
  34 }
  35
  36 #shadow {
  37   z-index: -1000;
  38   position: absolute;
  39 }
  40
  41 #wheel {
  42   margin-top: 7px;
  43   margin-left: 7px;
  44 }
  45
  46 /* ################################################################### */
  47 /* Front */
  48
  49 input[type="text"] {
  50   font-size: 11px;
  51   text-align: center;
  52 }
  53
  54 #redinput {
  55   border: 1px solid red;
  56
  57   position: absolute;
  58   top: 32px;
  59   left: 108px;
  60 }
  61
  62 #greeninput {
  63   border: 1px solid green;
  64
  65   position: absolute;
  66   top: 140px;
  67   left: 114px;
  68 }
  69
  70 #blueinput {
  71   border: 1px solid blue;
  72
  73   position: absolute;
  74   top: 90px;
  75   left: 15px;
  76 }
  77
  78 #hexinput {
  79   z-index: 1000;
  80   font-weight: bold;
  81   border: 1px solid black;
  82
  83   position: absolute;
  84   top: 90px;
  85   left: 72px;
  86 }
  87
  88 /* ################################################################### */
  89 /* Back */
  90
  91 #backtext {
  92   position: absolute;
  93   top: 90px;
  94   left: 27px;
  95   width: 140px;
  96   font-size: 10px;
  97 }
  98
  99 #backbutton {
 100   margin-top: 10px;
 101   text-align: center;
 102 }
 103
 104 /* ################################################################### */
 105 /* Flip insturments */
 106
 107 .flip {
 108   position: absolute;
 109   top: 170px;
 110   left: 155px;
 111   width: 13px;
 112   height: 13px;
 113 }
 114
 115 #flip {
 116   opacity: 0;
 117   background: url(file:///System/Library/WidgetResources/ibutton/white_i.png) no-repeat top left;
 118   z-index: 8000;
 119 }
 120
 121 #fliprollie {
 122   display: none;
 123   opacity: 0.25;
 124   background: url(file:///System/Library/WidgetResources/ibutton/white_rollie.png) no-repeat top left;
 125   z-index: 7999;
 126 }
 127
 128 #front {
 129   display: block;
 130 }
 131
 132 #back {
 133   display: none;
 134 }
 135
 136 .doneButton {
 137   position: absolute;
 138   bottom: 10px;
 139   left: 10px;
 140 }