single-upload.css 1.9KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. /* Single upload form styles
  2. * Requires: upload.css
  3. * ------------------------------------------------------------------------- */
  4. /* Preview images style */
  5. .single-upload-preview {
  6. border: 3px dashed #EEEEEE;
  7. border-top: 1px solid #DDDDDD;
  8. border-radius: 0px 0px 8px 8px;
  9. padding: 15px;
  10. }
  11. .single-upload-preview [class*="_preview_image"] {
  12. text-align: center;
  13. }
  14. /* Shift filename under preview */
  15. .single-upload-preview img {
  16. margin-bottom: 8px;
  17. }
  18. /* Single upload buttonbar styles */
  19. .singleupload-buttonbar {
  20. padding: 5px 10px;
  21. }
  22. .singleupload-buttonbar > span,
  23. .singleupload-buttonbar > div,
  24. .singleupload-buttonbar > button,
  25. .singleupload-buttonbar > input {
  26. display: inline-block;
  27. margin-top: 5px;
  28. margin-bottom: 5px;
  29. vertical-align: top;
  30. }
  31. .singleupload-controls-wrapper {
  32. margin-left: 5px;
  33. white-space: nowrap;
  34. }
  35. /* Fixing ui-effects-wrapper styles */
  36. .singleupload-buttonbar .btn-wrapper {
  37. position: relative;
  38. display: inline-block !important;
  39. vertical-align: top; /* Firefox overflow:hidden + display:inline-block combo misallignement fix */
  40. *display: inline !important;
  41. /* IE7 inline-block hack */
  42. *zoom: 1 !important;
  43. font-size: 0 !important;
  44. }
  45. .singleupload-buttonbar .btn-wrapper > .btn,
  46. .singleupload-buttonbar .btn-wrapper > .ui-effects-wrapper {
  47. margin-right: 5px !important;
  48. }
  49. .singleupload-buttonbar .btn-wrapper > .ui-effects-wrapper .btn {
  50. height: auto !important;
  51. width: auto !important;
  52. }
  53. /* Negative indent if preceded by another wrapped button */
  54. .singleupload-buttonbar .btn-wrapper + .btn-wrapper:not(.removed) > .ui-effects-wrapper {
  55. position: relative;
  56. left: -2px;
  57. z-index: 999;
  58. margin-left: -100% !important;
  59. }
  60. /* Fix margin for removed wrapper */
  61. .singleupload-buttonbar .btn-wrapper.removed {
  62. margin-left: 5px;
  63. }
  64. .single-upload + .help-block {
  65. margin-top: 20px;
  66. }