[Summary view] [Print] [Text view]

   1  /* $Id: stylizer.css,v 1.1.2.3 2010/07/22 22:35:42 merlinofchaos Exp $ */
   2  
   3  /* Farbtastic placement */
   4  .color-form {
   5    max-width: 50em;
   6    position: relative;
   7    min-height: 195px;
   8  }
   9  #placeholder {
  10  /*
  11    position: absolute;
  12    top: 0;
  13    right: 0;
  14  */
  15    margin: 0 auto;
  16    width: 195px;
  17  }
  18  
  19  /* Palette */
  20  .color-form .form-item {
  21    height: 2em;
  22    line-height: 2em;
  23    padding-left: 1em; /* LTR */
  24    margin: 0.5em 0;
  25  }
  26  
  27  .color-form .form-item input {
  28    margin-top: .2em;
  29  }
  30  
  31  .color-form label {
  32    float: left; /* LTR */
  33    clear: left; /* LTR */
  34    width: 14em;
  35  }
  36  .color-form .form-text, .color-form .form-select {
  37    float: left; /* LTR */
  38  }
  39  .color-form .form-text {
  40    text-align: center;
  41    margin-right: 5px; /* LTR */
  42    cursor: pointer;
  43  }
  44  
  45  #palette .hook {
  46    float: left; /* LTR */
  47    margin-top: 3px;
  48    width: 16px;
  49    height: 16px;
  50  }
  51  #palette .up {
  52    background-position: 100% -27px; /* LTR */
  53  }
  54  #palette .both {
  55    background-position: 100% -54px; /* LTR */
  56  }
  57  
  58  
  59  #palette .form-item {
  60    width: 24em;
  61  }
  62  #palette .item-selected {
  63    background: #eee;
  64  }
  65  
  66  /* Preview */
  67  #preview {
  68    width: 45%;
  69    float: right;
  70    margin: 0;
  71  }
  72  
  73  #ctools_stylizer_color_scheme_form {
  74    float: left;
  75    width: 45%;
  76    margin: 0;
  77  }
  78  
  79  /* general style for the layout-icon */
  80  .ctools-style-icon .caption {
  81    width: 100px;
  82    margin-bottom: 1em;
  83    line-height: 1em;
  84    text-align: center;
  85    cursor: default;
  86  }
  87  
  88  .ctools-style-icons .form-item  {
  89    width: 100px;
  90    float: left;
  91    margin: 0 3px !important;
  92  }
  93  
  94  .ctools-style-icons .form-item .ctools-style-icon {
  95    float: none;
  96    height: 150px;
  97    width: 100px;
  98  }
  99  
 100  .ctools-style-icons .form-item label.option {
 101    width: 100px;
 102    display: block;
 103    text-align: center;
 104  }
 105  
 106  .ctools-style-icons .form-item label.option input {
 107    margin: 0 auto;
 108  }
 109  
 110  .ctools-style-icons .ctools-style-category {
 111    height: 190px;
 112  }
 113  
 114  .ctools-style-icons .ctools-style-category label {
 115    font-weight: bold;
 116    width: 100%;
 117    float: left;
 118  }
 119  
 120  /**
 121   * Stylizer font editor widget
 122   */
 123  .ctools-stylizer-spacing-form .form-item {
 124    float: left;
 125    margin: .25em;
 126  }
 127  
 128  #edit-font-font {
 129    width: 9em;
 130  }