87c618e794808b4442ac7ac93d5957f38cd04cbc.svn-base 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. #uploadWindow {
  2. display: none;
  3. }
  4. .clear { clear: both; }
  5. #container {
  6. padding: 0;
  7. }
  8. .imageListWrapperHtml5, .imageListWrapper, .dragOver {
  9. background-color: #fff;
  10. position: absolute;
  11. height: 295px;
  12. width: 522px;
  13. overflow-y: scroll;
  14. border-radius: 4px;
  15. border: 1px red solid;
  16. }
  17. .imageListWrapperHtml5 {
  18. border: 2px #66b2ff dashed;
  19. }
  20. .imageListWrapper {
  21. border: 1px #aaa solid;
  22. box-shadow: 0 0 3px #aaa;
  23. }
  24. .dragOver {
  25. border: 2px #ff3399 dashed;
  26. }
  27. #imageInfoBox {
  28. position: absolute;
  29. left: 548px;
  30. }
  31. .imageInfoTitle {
  32. text-align: center;
  33. background-color: #e0e0e0;
  34. width: 130px;
  35. font-family: "Malgun Gothic",gulim;
  36. font-weight: bold;
  37. font-size: 12px;
  38. }
  39. .imageInfoTitle span {
  40. display: inline-block;
  41. margin-top: -1px;
  42. line-height: 22px;
  43. }
  44. .remove-button {
  45. width: 93px;
  46. height: 22px;
  47. cursor: pointer;
  48. vertical-align: middle;
  49. }
  50. .imageBox, .imageBoxHighlighted {
  51. width: 120px;
  52. height: 90px;
  53. margin: 3px 3px;
  54. float: left;
  55. }
  56. .imageBox_theImage,.imageBox_theImage_over {
  57. width: 100%;
  58. height: 100%;
  59. position: relative;
  60. display: block;
  61. background-color: #fff;
  62. }
  63. .imageBox .imageBox_theImage{
  64. border: 1px solid #e0e0e0;
  65. background-image: url('../icons/dot.gif');
  66. background-position: center center;
  67. background-repeat: no-repeat;
  68. }
  69. .imageBox .imageBox_theImage_over {
  70. border: 1px solid #a0a0a0;
  71. background-image: url('../icons/dot.gif');
  72. background-position: center center;
  73. background-repeat: no-repeat;
  74. cursor: pointer;
  75. }
  76. .imageBoxHighlighted .imageBox_theImage {
  77. border: 1px solid #ff6600;
  78. }
  79. .imageBoxHighlighted .imageBox_theImage_over {
  80. border: 1px solid #ff6600;
  81. background-image: url('../icons/dot.gif');
  82. background-position: center center;
  83. background-repeat: no-repeat;
  84. }
  85. .removeButton, .removeButton_over {
  86. display: none;
  87. position: absolute;
  88. cursor: pointer;
  89. background-image: url(../icons/imageUpload/cross-small.png);
  90. background-repeat: no-repeat;
  91. background-position: center center;
  92. }
  93. .removeButton {
  94. border: 1px solid #a0a0a0;
  95. }
  96. .removeButton_over {
  97. border: 1px solid #808080;
  98. }
  99. #insertionMarker {
  100. height: 102px;
  101. width: 6px;
  102. position: absolute;
  103. display: none;
  104. }
  105. #insertionMarker img {
  106. float: left;
  107. }
  108. #dragDropContent{
  109. position: absolute;
  110. z-index: 10;
  111. display: none;
  112. }
  113. .button {
  114. width: 64px;
  115. height: 22px;
  116. margin: 0 2px;
  117. cursor: pointer;
  118. vertical-align: middle;
  119. }
  120. body {
  121. margin: 0;
  122. padding: 0;
  123. overflow: hidden;
  124. background-color: #fff;
  125. line-height: 1em;
  126. font-family: 'Malgun Gothic', gulim, tahoma, helvetica;
  127. font-size: 12px;
  128. }