You are here

dragndrop-upload-element.css in Drag & Drop Upload 7

.droppable {
  float: left;
  padding: 2px;
  border: 1px solid #ccc;
  text-align: center;
  margin: 5px 0;
  min-width: 175px;
}

.droppable-preview>div {
  display: none;
}

.droppable-preview-file {
  border: 1px solid #ccc;
  margin: 1px;
  line-height: 20px;
  height: 20px;
  position: relative;
}

/**
 * Hides the standard file input element.
 */
.droppable-standard-upload-hidden {
  width: 0;
  height: 0;
  overflow: hidden;
}

.droppable-standard-upload {
  min-height: 75px;
}

.droppable-controls {
  clear: left;
}

.droppable-message {
  line-height: 75px;
}

.preview-remove {
  cursor: pointer;
  width: 20px;
  background-color: #ccc;
  z-index: 2;
  position: absolute;
  right: 0;
}

.preview-filesize {
  font-size: 75%;
  color: #555;
}

.droppable-controls input,
.form-managed-file .droppable-controls input.progress-disabled {
  display: none;
}

html.not-supported-dnd .droppable-standard-upload-hidden {
  height: auto;
  width: 100%;
  overflow: visible;
}

html.not-supported-dnd .droppable-controls input {
  display: block;
}

html.not-supported-dnd .droppable {
  display: none;
}

File

modules/dragndrop_upload_element/css/dragndrop-upload-element.css
View source
  1. .droppable {
  2. float: left;
  3. padding: 2px;
  4. border: 1px solid #ccc;
  5. text-align: center;
  6. margin: 5px 0;
  7. min-width: 175px;
  8. }
  9. .droppable-preview>div {
  10. display: none;
  11. }
  12. .droppable-preview-file {
  13. border: 1px solid #ccc;
  14. margin: 1px;
  15. line-height: 20px;
  16. height: 20px;
  17. position: relative;
  18. }
  19. /**
  20. * Hides the standard file input element.
  21. */
  22. .droppable-standard-upload-hidden {
  23. width: 0;
  24. height: 0;
  25. overflow: hidden;
  26. }
  27. .droppable-standard-upload {
  28. min-height: 75px;
  29. }
  30. .droppable-controls {
  31. clear: left;
  32. }
  33. .droppable-message {
  34. line-height: 75px;
  35. }
  36. .preview-remove {
  37. cursor: pointer;
  38. width: 20px;
  39. background-color: #ccc;
  40. z-index: 2;
  41. position: absolute;
  42. right: 0;
  43. }
  44. .preview-filesize {
  45. font-size: 75%;
  46. color: #555;
  47. }
  48. .droppable-controls input,
  49. .form-managed-file .droppable-controls input.progress-disabled {
  50. display: none;
  51. }
  52. html.not-supported-dnd .droppable-standard-upload-hidden {
  53. height: auto;
  54. width: 100%;
  55. overflow: visible;
  56. }
  57. html.not-supported-dnd .droppable-controls input {
  58. display: block;
  59. }
  60. html.not-supported-dnd .droppable {
  61. display: none;
  62. }