background.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
  1. .wrapper {
  2. width: 424px;
  3. margin: 10px auto;
  4. zoom: 1;
  5. position: relative
  6. }
  7. .tabbody {
  8. height: 225px;
  9. }
  10. .tabbody .panel {
  11. position: absolute;
  12. width: 100%;
  13. height: 100%;
  14. background: #fff;
  15. display: none;
  16. }
  17. .tabbody .focus {
  18. display: block;
  19. }
  20. body {
  21. font-size: 12px;
  22. color: #888;
  23. overflow: hidden;
  24. }
  25. input, label {
  26. vertical-align: middle
  27. }
  28. .clear {
  29. clear: both;
  30. }
  31. .pl {
  32. padding-left: 18px;
  33. padding-left: 23px\9;
  34. }
  35. #imageList {
  36. width: 420px;
  37. height: 215px;
  38. margin-top: 10px;
  39. overflow: hidden;
  40. overflow-y: auto;
  41. }
  42. #imageList div {
  43. float: left;
  44. width: 100px;
  45. height: 95px;
  46. margin: 5px 10px;
  47. }
  48. #imageList img {
  49. cursor: pointer;
  50. border: 2px solid white;
  51. }
  52. .bgarea {
  53. margin: 10px;
  54. padding: 5px;
  55. height: 84%;
  56. border: 1px solid #A8A297;
  57. }
  58. .content div {
  59. margin: 10px 0 10px 5px;
  60. }
  61. .content .iptradio {
  62. margin: 0px 5px 5px 0px;
  63. }
  64. .txt {
  65. width: 280px;
  66. }
  67. .wrapcolor {
  68. height: 19px;
  69. }
  70. div.color {
  71. float: left;
  72. margin: 0;
  73. }
  74. #colorPicker {
  75. width: 17px;
  76. height: 17px;
  77. border: 1px solid #CCC;
  78. display: inline-block;
  79. border-radius: 3px;
  80. box-shadow: 2px 2px 5px #D3D6DA;
  81. margin: 0;
  82. float: left;
  83. }
  84. div.alignment, #custom {
  85. margin-left: 23px;
  86. margin-left: 28px\9;
  87. }
  88. #custom input {
  89. height: 15px;
  90. min-height: 15px;
  91. width: 20px;
  92. }
  93. #repeatType {
  94. width: 100px;
  95. }
  96. /* 图片管理样式 */
  97. #imgManager {
  98. width: 100%;
  99. height: 225px;
  100. }
  101. #imgManager #imageList {
  102. width: 100%;
  103. overflow-x: hidden;
  104. overflow-y: auto;
  105. }
  106. #imgManager ul {
  107. display: block;
  108. list-style: none;
  109. margin: 0;
  110. padding: 0;
  111. }
  112. #imgManager li {
  113. float: left;
  114. display: block;
  115. list-style: none;
  116. padding: 0;
  117. width: 113px;
  118. height: 113px;
  119. margin: 9px 0 0 19px;
  120. background-color: #eee;
  121. overflow: hidden;
  122. cursor: pointer;
  123. position: relative;
  124. }
  125. #imgManager li.clearFloat {
  126. float: none;
  127. clear: both;
  128. display: block;
  129. width: 0;
  130. height: 0;
  131. margin: 0;
  132. padding: 0;
  133. }
  134. #imgManager li img {
  135. cursor: pointer;
  136. }
  137. #imgManager li .icon {
  138. cursor: pointer;
  139. width: 113px;
  140. height: 113px;
  141. position: absolute;
  142. top: 0;
  143. left: 0;
  144. z-index: 2;
  145. border: 0;
  146. background-repeat: no-repeat;
  147. }
  148. #imgManager li .icon:hover {
  149. width: 107px;
  150. height: 107px;
  151. border: 3px solid #1094fa;
  152. }
  153. #imgManager li.selected .icon {
  154. background-image: url(images/success.png);
  155. background-position: 75px 75px;
  156. }
  157. #imgManager li.selected .icon:hover {
  158. width: 107px;
  159. height: 107px;
  160. border: 3px solid #1094fa;
  161. background-position: 72px 72px;
  162. }