index.css 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
  1. /*左侧图片缩略图*/
  2. #imgsview{
  3. width:15%;
  4. float: left;
  5. text-align:center;
  6. background:#F8F8F8;
  7. }
  8. #imgsview img{
  9. margin-top: 20px;
  10. }
  11. .active_green{
  12. background: #0DD5B2;
  13. }
  14. .active_green_border{
  15. border:2px solid #0DD5B2;
  16. }
  17. /*切割快捷工具*/
  18. .paint_menu{
  19. /*border:1px solid red;*/
  20. height: 48px;
  21. line-height: 48px;
  22. position: fixed;
  23. z-index: 100;
  24. background: white;
  25. width: 64%;
  26. }
  27. .paint_menu button{
  28. width:60px;
  29. height:48px;
  30. padding:0px!important;
  31. margin:0px;
  32. border-width:0px!important;
  33. /*background-color:white!important;*/
  34. float: left;
  35. }
  36. .paint_menu i{
  37. color:#A5AAB2;
  38. font-size: 28px;
  39. }
  40. .active_paint{
  41. background-color:#0DD5B2!important;
  42. }
  43. /*切图激活状态*/
  44. .cut_imgview_active{
  45. background: #0DD5B2!important;
  46. border:2px solid #0DD5B2!important;
  47. }
  48. .forward_point{
  49. /*background: #0DD5B2!important;*/
  50. /*height: 35px;*/
  51. margin-top:30px;
  52. position: relative;
  53. margin-bottom: 450px;
  54. }
  55. /*图片展示libox*/
  56. .cut_img_box_li{
  57. position: relative;
  58. box-shadow:-3px 3px 3px #888888;
  59. margin-top:35px;
  60. position:relative;
  61. border:1px solid #ccc;
  62. }
  63. /*切割图片预览*/
  64. .cut_imgview{
  65. width: 100%;
  66. margin: auto;
  67. margin-bottom:3px;
  68. /*position:absolute;*/
  69. position: relative;
  70. }
  71. .del_li{
  72. position: absolute;
  73. top:-23px;
  74. left: 92%;
  75. font-size: 22px!important;
  76. display: none;
  77. z-index:200;
  78. }
  79. .del_cut_imgview{
  80. position: absolute;
  81. bottom: -3px;
  82. left: 92%;
  83. font-size: 20px!important;
  84. display: none;
  85. z-index:200;
  86. }
  87. .toolkit_active{
  88. background-color:#0DD5B2;
  89. }
  90. .clean_ul{
  91. list-style: none;
  92. padding:0px;
  93. margin: 0px;
  94. /*margin-top:35px;*/
  95. }
  96. .cailiao_clean_ul{
  97. list-style: none;
  98. padding:0px;
  99. margin: 0px;
  100. /*margin-top:35px;*/
  101. }
  102. /*小题题号*/
  103. .subqueinput{
  104. width:25px;
  105. position:absolute;
  106. top:0px;
  107. left:-1px;
  108. border:0px;
  109. color: white;
  110. text-align: center;
  111. background: black;
  112. height: 10px;
  113. }
  114. /*大题号*/
  115. .quenoinput{
  116. width:40px;
  117. position:absolute;
  118. top:-21px;
  119. left:-1px;
  120. }
  121. /*放大预览*/
  122. .imgzoom{
  123. position:absolute;
  124. width:100%;
  125. right:213%;
  126. index:1000;
  127. transform:scale(3.1);
  128. border:1px solid #666666;
  129. }
  130. .cailiao_num{
  131. width:80px;
  132. position:absolute;
  133. top:-21px;
  134. left:60%;
  135. }
  136. /*保存下一步*/
  137. .handle_btn{
  138. float: right!important;
  139. /*margin-right:20px!important;*/
  140. width: 150px!important;
  141. }
  142. .btn{
  143. display:block;
  144. width:85%;
  145. height:35px;
  146. /*background:#0DD5B2; */
  147. margin-top:5px;
  148. }
  149. .btn_active{
  150. background:#0DD5B2;
  151. }
  152. /*横条样式*/
  153. input[type=range] {
  154. -webkit-appearance: none;/*清除系统默认样式*/
  155. width: 95%;
  156. background: -webkit-linear-gradient(#61bd12, #61bd12) no-repeat, #ddd;/*设置左边颜色为#61bd12,右边颜色为#ddd*/
  157. /*background-size: 75% 100%;/*设置左右宽度比例*/
  158. height: 3px;/*横条的高度*/
  159. vertical-align: middle;
  160. outline:0px;
  161. }
  162. /*拖动块的样式*/
  163. input[type=range]::-webkit-slider-thumb {
  164. -webkit-appearance: none;/*清除系统默认样式*/
  165. height: 20px;/*拖动块高度*/
  166. width: 20px;/*拖动块宽度*/
  167. background: #fff;/*拖动块背景*/
  168. border-radius: 50%; /*外观设置为圆形*/
  169. border: solid 1px #ddd; /*设置边框*/
  170. }