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-family: Menlo, Monaco, Courier;
  51   font-weight: bold;
  52   font-size: 15px;
  53   text-align: center;
  54
  55   border-width: 0px 0px 2px 0px;
  56   border-style: solid;
  57
  58   background-color: rgba(0,0,0,0);
  59   color: white;
  60 }
  61
  62 #redinput {
  63   border-color: red;
  64
  65   position: absolute;
  66   top: 32px;
  67   left: 108px;
  68 }
  69
  70 #greeninput {
  71   border-color: green;
  72
  73   position: absolute;
  74   top: 130px;
  75   left: 114px;
  76 }
  77
  78 #blueinput {
  79   border-color: blue;
  80
  81   position: absolute;
  82   top: 85px;
  83   left: 15px;
  84 }
  85
  86 #hexinput {
  87   z-index: 1000;
  88   font-weight: bold;
  89   border-color: white;
  90
  91   position: absolute;
  92   top: 85px;
  93   left: 65px;
  94 }
  95
  96 /* ################################################################### */
  97 /* Back */
  98
  99 #backtext {
 100   position: absolute;
 101   top: 90px;
 102   left: 27px;
 103   width: 140px;
 104   font-size: 10px;
 105 }
 106
 107 #backbutton {
 108   margin-top: 10px;
 109   text-align: center;
 110 }
 111
 112 /* ################################################################### */
 113 /* Flip insturments */
 114
 115 .flip {
 116   position: absolute;
 117   top: 170px;
 118   left: 155px;
 119   width: 13px;
 120   height: 13px;
 121 }
 122
 123 #flip {
 124   opacity: 0;
 125   background: url(file:///System/Library/WidgetResources/ibutton/white_i.png) no-repeat top left;
 126   z-index: 8000;
 127 }
 128
 129 #fliprollie {
 130   display: none;
 131   opacity: 0.25;
 132   background: url(file:///System/Library/WidgetResources/ibutton/white_rollie.png) no-repeat top left;
 133   z-index: 7999;
 134 }
 135
 136 #front {
 137   display: block;
 138 }
 139
 140 #back {
 141   display: none;
 142 }
 143
 144 .doneButton {
 145   position: absolute;
 146   bottom: 10px;
 147   left: 10px;
 148 }