[Summary view] [Print] [Text view]

   1  /* $Id: form_builder.css,v 1.11 2009/06/20 23:13:56 quicksketch Exp $ */
   2  
   3  #form-builder-wrapper {
   4    padding: 10px 0;
   5  }
   6  
   7  #form-builder-wrapper.with-palette #form-builder-fields {
   8    padding-left: 10px;
   9    width: 260px;
  10    float: right;
  11    height: 1px; /* CSS quirk in Firefox seems to push down configuration form. */
  12  }
  13  
  14  #form-builder-wrapper.with-palette #form-builder {
  15    float: none;
  16    margin-right: 270px;
  17    padding-right: 9px;
  18    border-right: 1px solid #CCC;
  19  }
  20  
  21  #center #form-builder form,
  22  #form-builder form {
  23    margin: 0;
  24  }
  25  
  26  #form-builder form.confirmation {
  27    padding: 10px;
  28  }
  29  
  30  div.form-builder-wrapper {
  31    padding: 1px;
  32    margin-top: 4px; /* Match this to the Sortable drag threshold option. */
  33    position: relative;
  34  }
  35  
  36  div.form-builder-element {
  37    margin: 4px 10px 4px 10px;
  38  }
  39  
  40  div.form-builder-hover {
  41    border: 1px dashed #999;
  42    padding: 0;
  43  }
  44  
  45  div.form-builder-active {
  46    padding: 0;
  47    border: 1px solid #999;
  48  }
  49  
  50  div.form-builder-wrapper form {
  51    border-top: 1px dashed #999;
  52  }
  53  
  54  div.form-builder-element {
  55    position: relative;
  56  }
  57  
  58  div.form-builder-draggable,
  59  div.form-builder-draggable input,
  60  div.form-builder-draggable textarea,
  61  div.form-builder-draggable label,
  62  div.form-builder-draggable .grippie {
  63    cursor: move;
  64  }
  65  
  66  div.form-builder-clickable,
  67  div.form-builder-clickable input,
  68  div.form-builder-clickable textarea,
  69  div.form-builder-clickable label,
  70  div.form-builder-clickable .grippie {
  71    cursor: pointer;
  72  }
  73  
  74  div.form-builder-element .form-builder-disable {
  75    z-index: 100;
  76    position: absolute;
  77    top: 0;
  78    left: 0;
  79  }
  80  
  81  /* Empty fieldsets */
  82  #form-builder fieldset {
  83    padding-bottom: 20px;
  84  }
  85  
  86  fieldset.form-builder-empty-fieldset,
  87  div.form-builder-empty-fieldset {
  88    overflow: hidden;
  89  }
  90  
  91  div.form-builder-empty-placeholder {
  92    border: none;
  93    text-align: center;
  94    color: #CCC;
  95    overflow: hidden;
  96  }
  97  
  98  div.form-builder-empty-placeholder span {
  99    display: block;
 100    margin: 40px;
 101  }
 102  
 103  div.form-builder-title-bar {
 104    position: relative;
 105    z-index: 10;
 106    padding-top: 4px;
 107    height: 14px;
 108    margin-bottom: -18px;
 109    border-bottom: none;
 110  }
 111  
 112  div.ui-sortable div.form-builder-title-bar {
 113    display: none;
 114  }
 115  
 116  div.ui-sortable div.form-builder-title-bar {
 117    cursor: move;
 118  }
 119  
 120  span.form-builder-links {
 121    position: absolute;
 122    right: 0;
 123    z-index: 40;
 124  }
 125  
 126  div.form-builder-hover div.form-builder-title-bar,
 127  div.form-builder-active div.form-builder-title-bar {
 128    display: block;
 129  }
 130  
 131  div.ui-sortable div.form-builder-hover div.form-builder-wrapper div.form-builder-title-bar,
 132  div.ui-sortable div.form-builder-active div.form-builder-wrapper div.form-builder-title-bar {
 133    display: none;
 134  }
 135  
 136  span.form-builder-links a.remove,
 137  span.form-builder-links a.configure {
 138    float: right;
 139    display: block;
 140    height: 1.7em;
 141    text-decoration: none;
 142    height: 13px;
 143    width: 13px;
 144    padding: 2px 3px;
 145    cursor: pointer;
 146  }
 147  
 148  span.form-builder-links a.remove span,
 149  span.form-builder-links a.configure span {
 150    display: none;
 151  }
 152  
 153  span.form-builder-links a.remove {
 154    background: url(images/delete.png) no-repeat 0 1px;
 155  }
 156  
 157  span.form-builder-links a.configure {
 158    background: url(images/configure.png) no-repeat 0 1px;
 159  }
 160  
 161  span.form-builder-links a.remove:hover,
 162  span.form-builder-links a.configure:hover {
 163    background-position: 0 -19px;
 164  }
 165  
 166  span.form-builder-links a.progress,
 167  span.form-builder-links a.progress:hover {
 168    background: url(images/status-active.gif) no-repeat 0 1px;
 169  }
 170  
 171  /* Field form tabs */
 172  #form-builder ul.form-builder-tabs {
 173    margin: 0;
 174    padding: 0;
 175  }
 176  
 177  #form-builder ul.form-builder-tabs li {
 178    float: left; /* RTL */
 179    display: block;
 180    border-width: 0 1px 0 0;
 181    border-color: #999;
 182    border-style: solid;
 183    padding: 6px 10px;
 184    margin: -1px -1px -1px 0px;
 185    list-style-type: none;
 186    list-style-image: none;
 187    background: none;
 188    cursor: pointer;
 189    z-index: 20;
 190    position: relative;
 191  }
 192  
 193  #form-builder ul.form-builder-tabs li.active {
 194    margin-left: -1px;
 195    border-left: 1px solid #999;
 196    border-top: 1px dashed #999;
 197    border-bottom: 1px solid #ebf4fa;
 198    background: #ebf4fa;
 199  }
 200  
 201  #form-builder-field-configure a.close {
 202    border: none;
 203    margin: 0;
 204    font-size: 80%;
 205    float: right;
 206    padding: 6px 10px;
 207  }
 208  
 209  #form-builder fieldset.form-builder-group {
 210    margin: 0;
 211    border: none;
 212    border-top: 1px solid #CCC;
 213  }
 214  
 215  /* Weight and parents form */
 216  form#form-builder-positions {
 217    display: none;
 218  }
 219  
 220  /* New fields block */
 221  div.form-builder-new-field {
 222    padding: 10px 20px;
 223  }
 224  
 225  div.form-builder-new-field span.progress {
 226    padding-left: 16px;
 227    background: url(images/status-active.gif) no-repeat center left;
 228  }
 229  
 230  #form-builder-field-palette .item-list {
 231    margin: 0 0 10px 0;
 232  }
 233  
 234  #form-builder-field-palette h3 {
 235    margin: 0;
 236  }
 237  
 238  #form-builder-field-palette ul.form-builder-fields {
 239    width: 260px;
 240    padding: 0;
 241  }
 242  
 243  #form-builder-field-palette ul li {
 244    list-style-type: none;
 245    background: white none no-repeat 6px center;
 246    padding: 2px 2px 2px 28px;
 247    border: 1px solid #999;
 248    float: left;
 249    width: 80px;
 250    font-size: 11px;
 251    cursor: move;
 252    display: block;
 253  }
 254  
 255  #form-builder-field-palette ul li a,
 256  #form-builder-field-palette ul li a:hover,
 257  #form-builder-field-palette ul li a:active,
 258  #form-builder-field-palette ul li a:visited {
 259    text-decoration: none;
 260    cursor: move;
 261    color: black;
 262  }
 263  
 264  #form-builder-field-palette ul li.field-body_field {
 265    background-image: url(images/fields/body.png);
 266  }
 267  #form-builder-field-palette ul li.field-checkboxes {
 268    background-image: url(images/fields/checkboxes.png);
 269  }
 270  #form-builder-field-palette ul li.field-email {
 271    background-image: url(images/fields/email.png);
 272  }
 273  #form-builder-field-palette ul li.field-fieldset {
 274    background-image: url(images/fields/fieldset.png);
 275  }
 276  #form-builder-field-palette ul li.field-file,
 277  #form-builder-field-palette ul li.field-upload_settings {
 278    background-image: url(images/fields/file.png);
 279  }
 280  #form-builder-field-palette ul li.field-hidden {
 281    background-image: url(images/fields/hidden.png);
 282  }
 283  #form-builder-field-palette ul li.field-image {
 284    background-image: url(images/fields/image.png);
 285  }
 286  #form-builder-field-palette ul li.field-markup {
 287    background-image: url(images/fields/markup.png);
 288  }
 289  #form-builder-field-palette ul li.field-menu_settings {
 290    background-image: url(images/fields/menu.png);
 291  }
 292  #form-builder-field-palette ul li.field-number {
 293    background-image: url(images/fields/number.png);
 294  }
 295  #form-builder-field-palette ul li.field-path_settings {
 296    background-image: url(images/fields/path.png);
 297  }
 298  #form-builder-field-palette ul li.field-radios {
 299    background-image: url(images/fields/radios.png);
 300  }
 301  #form-builder-field-palette ul li.field-revision_information {
 302    background-image: url(images/fields/revisions.png);
 303  }
 304  #form-builder-field-palette ul li.field-select {
 305    background-image: url(images/fields/select.png);
 306  }
 307  #form-builder-field-palette ul li.field-taxonomy {
 308    background-image: url(images/fields/taxonomy.png);
 309  }
 310  #form-builder-field-palette ul li.field-textarea {
 311    background-image: url(images/fields/textarea.png);
 312  }
 313  #form-builder-field-palette ul li.field-textfield {
 314    background-image: url(images/fields/textfield.png);
 315  }
 316  #form-builder-field-palette ul li.field-title {
 317    background-image: url(images/fields/title.png);
 318  }