You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

116 lines
1.9 KiB

  1. /**
  2. * This file provides the styles for the file uploader
  3. * used in the media manager (both fullscreen and popup).
  4. */
  5. .qq-uploader {
  6. position: relative;
  7. width: 100%;
  8. }
  9. .qq-uploader .error {
  10. color: #f00;
  11. background-color: #fff;
  12. }
  13. /* select file button */
  14. /* as this is not a real button, but functions as a button,
  15. it should be styled the same way as your other buttons,
  16. preferably in the same place, so just add '.qq-upload-button' to those styles */
  17. .qq-upload-button {
  18. display: inline-block;
  19. text-decoration: none;
  20. font-size: 100%;
  21. cursor: pointer;
  22. margin: 1px 1px 5px;
  23. }
  24. * html .qq-upload-button,
  25. *+html .qq-upload-button {
  26. display: inline;
  27. }
  28. .qq-upload-button-focus {
  29. outline: 1px dotted;
  30. }
  31. /* drop area */
  32. .qq-upload-drop-area {
  33. position: absolute;
  34. top: 0;
  35. left: 0;
  36. width: 100%;
  37. height: 100%;
  38. min-height: 70px;
  39. z-index: 2;
  40. background: __background_neu__;
  41. color: __text__;
  42. text-align: center;
  43. }
  44. .qq-upload-drop-area span {
  45. display: block;
  46. position: absolute;
  47. top: 50%;
  48. width: 100%;
  49. margin-top: -8px;
  50. font-size: 120%;
  51. }
  52. .qq-upload-drop-area-active {
  53. background: __background_alt__;
  54. }
  55. /* list of files to upload */
  56. div.qq-uploader ul {
  57. margin: 0;
  58. padding: 0;
  59. list-style: none;
  60. }
  61. .qq-uploader li {
  62. margin: 0 0 5px;
  63. color: __text__;
  64. }
  65. .qq-uploader li span,
  66. .qq-uploader li input,
  67. .qq-uploader li a {
  68. margin-right: 5px;
  69. }
  70. .qq-upload-file {
  71. display: block;
  72. font-weight: bold;
  73. }
  74. .qq-upload-spinner {
  75. display: inline-block;
  76. background: url("../../images/throbber.gif");
  77. width: 15px;
  78. height: 15px;
  79. vertical-align: text-bottom;
  80. }
  81. .qq-upload-size,
  82. .qq-upload-cancel {
  83. font-size: 85%;
  84. }
  85. .qq-upload-failed-text {
  86. display: none;
  87. }
  88. .qq-upload-fail .qq-upload-failed-text {
  89. display: inline;
  90. }
  91. .qq-action-container * {
  92. vertical-align: middle;
  93. }
  94. .qq-overwrite-check input {
  95. margin-left: 10px;
  96. }