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. .qq-upload-button {
  15. display: inline-block;
  16. border: 1px solid __border__;
  17. color: __text__;
  18. background: __background__ url(images/buttonshadow.png) repeat-x bottom;
  19. text-decoration: none;
  20. font-size: 100%;
  21. cursor: pointer;
  22. margin: 1px 1px 5px;
  23. padding: 0.125em 0.4em;
  24. }
  25. * html .qq-upload-button,
  26. *+html .qq-upload-button {
  27. display: inline;
  28. }
  29. .qq-upload-button-focus {
  30. outline: 1px dotted;
  31. }
  32. /* drop area */
  33. .qq-upload-drop-area {
  34. position: absolute;
  35. top: 0;
  36. left: 0;
  37. width: 100%;
  38. height: 100%;
  39. min-height: 70px;
  40. z-index: 2;
  41. background: __background_neu__;
  42. color: __text__;
  43. text-align: center;
  44. }
  45. .qq-upload-drop-area span {
  46. display: block;
  47. position: absolute;
  48. top: 50%;
  49. width: 100%;
  50. margin-top: -8px;
  51. font-size: 120%;
  52. }
  53. .qq-upload-drop-area-active {
  54. background: __background_alt__;
  55. }
  56. /* list of files to upload */
  57. div.qq-uploader ul {
  58. margin: 0;
  59. padding: 0;
  60. list-style: none;
  61. }
  62. .qq-uploader li {
  63. margin: 0 0 5px;
  64. color: __text__;
  65. }
  66. .qq-uploader li span,
  67. .qq-uploader li input,
  68. .qq-uploader li a {
  69. margin-right: 5px;
  70. }
  71. .qq-upload-file {
  72. display: block;
  73. font-weight: bold;
  74. }
  75. .qq-upload-spinner {
  76. display: inline-block;
  77. background: url("../../images/throbber.gif");
  78. width: 15px;
  79. height: 15px;
  80. vertical-align: text-bottom;
  81. }
  82. .qq-upload-size,
  83. .qq-upload-cancel {
  84. font-size: 85%;
  85. }
  86. .qq-upload-failed-text {
  87. display: none;
  88. }
  89. .qq-upload-fail .qq-upload-failed-text {
  90. display: inline;
  91. }
  92. .qq-action-container * {
  93. vertical-align: middle;
  94. }
  95. .qq-overwrite-check input {
  96. margin-left: 10px;
  97. }