[Summary view] [Print] [Text view]

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