filefield.css

/* $Id$ */

/**
 * Overall styles
 */


/**
 * Formatter styles
 */

.filefield-icon {
  float: left;
  margin-right: 0.4em;
}

/* End formatter styles. */

/**
 * General widget form styles (applicable to all widgets).
 */
.filefield-row {
}

.filefield-row .filefield-info  {
  float: left;
  padding-right: 1em;
}

.filefield-row .filefield-edit {
  float: left;
  width: 70%;
}

.filefield-row .filefield-description  {
  width: 70%;
}

.filefield-row .filefield-list  {
  float: right;
}

.filefield-file-edit-widget {
 float: left;
}

/* Only applies to single-value fields, for which we provide our own table. */
.filefield-file-container-table {
  width: 90%;
  margin-top: 3px;
  margin-bottom: 2px;
}

.filefield-file-upload {
  margin-bottom: 5px;
}

.filefield-js-error {
  /* For some reason, the JS error message doesn't wrap by default. */
  white-space: normal;
}

/* End general widget form styles. */

/**
 * Generic file edit widget styles. Not applicable to other widgets that
 * might hook into filefield (say, a widget with an image preview).
 */

.filefield-generic-edit .filefield-icon {
  float: left;
  margin-right: 0.7em;
  margin-top: 0.3em;
}

.filefield-generic-edit-description {
  margin-right: 6em;
}

/* The text field is made unnecessarily long by node.css - shorten it. */
.filefield-generic-edit .form-text {
  width: 99%;
}

.filefield-generic-edit .description {
  white-space: normal;
  margin-bottom: 0;
  overflow: auto; /* Indent on line wraps, don't float around the icon. */
}

/* End widget form styles. */