[Summary view] [Print] [Text view]

   1  /* $Id: color.css,v 1.4 2007/05/27 17:57:48 goba Exp $ */
   2  
   3  /* Farbtastic placement */
   4  .color-form {
   5    max-width: 50em;
   6    position: relative;
   7  }
   8  #placeholder {
   9    position: absolute;
  10    top: 0;
  11    right: 0; /* LTR */
  12  }
  13  
  14  /* Palette */
  15  .color-form .form-item {
  16    height: 2em;
  17    line-height: 2em;
  18    padding-left: 1em; /* LTR */
  19    margin: 0.5em 0;
  20  }
  21  .color-form label {
  22    float: left; /* LTR */
  23    clear: left; /* LTR */
  24    width: 10em;
  25  }
  26  .color-form .form-text, .color-form .form-select {
  27    float: left; /* LTR */
  28  }
  29  .color-form .form-text {
  30    text-align: center;
  31    margin-right: 5px; /* LTR */
  32    cursor: pointer;
  33  }
  34  
  35  #palette .hook {
  36    float: left; /* LTR */
  37    margin-top: 3px;
  38    width: 16px;
  39    height: 16px;
  40  }
  41  #palette .down, #palette .up, #palette .both {
  42    background: url(images/hook.png) no-repeat 100% 0; /* LTR */
  43  }
  44  #palette .up {
  45    background-position: 100% -27px; /* LTR */
  46  }
  47  #palette .both {
  48    background-position: 100% -54px; /* LTR */
  49  }
  50  
  51  #palette .lock {
  52    float: left; /* LTR */
  53    position: relative;
  54    top: -1.4em;
  55    left: -10px; /* LTR */
  56    width: 20px;
  57    height: 25px;
  58    background: url(images/lock.png) no-repeat 50% 2px;
  59    cursor: pointer;
  60  }
  61  #palette .unlocked {
  62    background-position: 50% -22px;
  63  }
  64  #palette .form-item {
  65    width: 20em;
  66  }
  67  #palette .item-selected {
  68    background: #eee;
  69  }
  70  
  71  /* Preview */
  72  #preview {
  73    display: none;
  74  }
  75  html.js #preview {
  76    display: block;
  77    position: relative;
  78    float: left; /* LTR */
  79  }