You are here

Home » API reference » FileField 6.2

filefield.css in FileField 6.2

Same filename and directory in other branches
  1. 5.2 filefield.css
  2. 5 filefield.css
  3. 6.3 filefield.css
/**
 * Overall styles
 */

.filefield-icon img {
  display: inline;
}

/**
 * Clear the filefield-icon float, or any other floats
 * that custom widgets might have inserted but not cleared.
 * Stolen from "How To Clear Floats Without Structural Markup",
 * http://www.positioniseverything.net/easyclearing.html
 */
.filefield-item:after, .filefield-file-edit:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .filefield-item, .filefield-file-edit {height: 1%;}
/* End hide from IE-mac */

/* End overall styles */

/**
 * Formatter styles
 */

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

/* End formatter styles */

/**
 * General widget form styles (applicable to all widgets)
 */

.filefield-file-edit-flags {
  float: right;
  text-align: right;
  margin-bottom: -4px; /* The "List" checkbox has too much bottom margin */
}

.filefield-file-edit-widget {
  width: 90%;
}

/* 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: 100%;
}
.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 */

File

filefield.css
View source 
  1. /**

  2.  * Overall styles

  3.  */

  4. 

  5. .filefield-icon img {

  6.   display: inline;

  7. }

  8. 

  9. /**

  10.  * Clear the filefield-icon float, or any other floats

  11.  * that custom widgets might have inserted but not cleared.

  12.  * Stolen from "How To Clear Floats Without Structural Markup",

  13.  * http://www.positioniseverything.net/easyclearing.html

  14.  */

  15. .filefield-item:after, .filefield-file-edit:after {

  16.     content: "";

  17.     display: block;

  18.     height: 0;

  19.     clear: both;

  20.     visibility: hidden;

  21. }

  22. /* Hides from IE-mac \*/

  23. * html .filefield-item, .filefield-file-edit {height: 1%;}

  24. /* End hide from IE-mac */

  25. 

  26. /* End overall styles */

  27. 

  28. /**

  29.  * Formatter styles

  30.  */

  31. 

  32. .filefield-item .filefield-icon {

  33.   float: left;

  34.   margin-right: 0.4em;

  35. }

  36. 

  37. /* End formatter styles */

  38. 

  39. /**

  40.  * General widget form styles (applicable to all widgets)

  41.  */

  42. 

  43. .filefield-file-edit-flags {

  44.   float: right;

  45.   text-align: right;

  46.   margin-bottom: -4px; /* The "List" checkbox has too much bottom margin */

  47. }

  48. 

  49. .filefield-file-edit-widget {

  50.   width: 90%;

  51. }

  52. 

  53. /* Only applies to single-value fields, for which we provide our own table. */

  54. .filefield-file-container-table {

  55.   width: 90%;

  56.   margin-top: 3px;

  57.   margin-bottom: 2px;

  58. }

  59. 

  60. .filefield-file-upload {

  61.   margin-bottom: 5px;

  62. }

  63. 

  64. .filefield-js-error {

  65.   /* For some reason, the JS error message doesn't wrap by default. */

  66.   white-space: normal;

  67. }

  68. 

  69. /* End general widget form styles */

  70. 

  71. /**

  72.  * Generic file edit widget styles. Not applicable to other widgets that

  73.  * might hook into filefield (say, a widget with an image preview).

  74.  */

  75. 

  76. .filefield-generic-edit .filefield-icon {

  77.   float: left;

  78.   margin-right: 0.7em;

  79.   margin-top: 0.3em;

  80. }

  81. 

  82. .filefield-generic-edit-description {

  83.   margin-right: 6em;

  84. }

  85. 

  86. /* The text field is made unnecessarily long by node.css - shorten it */

  87. .filefield-generic-edit .form-text {

  88.   width: 100%;

  89. }

  90. .filefield-generic-edit .description {

  91.   white-space: normal;

  92.   margin-bottom: 0;

  93.   overflow: auto; /* indent on line wraps, don't float around the icon */

  94. }

  95. 

  96. /* End widget form styles */