goods.css 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402
  1. .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  2. position: relative;
  3. min-height: 1px;
  4. padding-right: 15px;
  5. padding-left: 0;
  6. }
  7. #goods-comment-list .search-time .time-select{padding: 0;float: left;width: 30% }
  8. #goods-comment-list .search-time .time-btn{padding: 0;float: left;width: 70% }
  9. #goods-comment-list .search-time .time-btn .btn.btn-default.daterange.daterange-time{
  10. width:100% !important; text-align: left; margin-top: 0;
  11. margin-bottom: 0;}
  12. #goods-comment-list .search-btn .btn-input{padding: 0;float: right;}
  13. /**
  14. * Nestable
  15. */
  16. .dd {
  17. position: relative;
  18. display: block;
  19. margin: 0; padding: 0;
  20. max-width: 600px;
  21. list-style: none;
  22. font-size: 13px;
  23. line-height: 20px;
  24. }
  25. .dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
  26. .dd-list .dd-list { padding-left: 30px; }
  27. .dd-collapsed .dd-list { display: none; }
  28. .dd-handle{width: 100%;}
  29. .dd-item,
  30. .dd-empty,
  31. .dd-placeholder {
  32. display: block;
  33. position: relative;
  34. margin: 0;
  35. padding: 0;
  36. min-height: 20px;
  37. font-size: 13px;
  38. line-height: 20px;
  39. }
  40. .dd-handle {
  41. display: block;
  42. margin: 10px 0;
  43. padding: 10px 10px;
  44. text-decoration: none;
  45. border: 1px solid #ebebeb;
  46. background: #fff;
  47. -webkit-border-radius: 3px;
  48. border-radius: 3px;
  49. overflow: hidden;
  50. }
  51. .dd-handle:hover {background: #fff; }
  52. .dd-handle p {
  53. margin:0; padding: 0;float: left;line-height: 32px;}
  54. .dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; }
  55. .dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
  56. .dd-item > button[data-action="collapse"]:before { content: '-'; }
  57. .dd-placeholder,
  58. .dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
  59. .dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5337;background-color: #e5e5e593;background-color: #e5e5e5337;background-color: #e5e5e5;
  60. background-size: 60px 60px;
  61. background-position: 0 0, 30px 30px;
  62. }
  63. .dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
  64. .dd-dragel > .dd-item .dd-handle { margin-top: 0; }
  65. .dd-dragel .dd-handle {
  66. -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
  67. box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
  68. }
  69. /**
  70. * Nestable Extras
  71. */
  72. .nestable-lists { display: block; clear: both; padding: 30px 0; width: 100%; border: 0; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; }
  73. @media only screen and (min-width: 700px) {
  74. .dd + .dd { margin-left: 2%; }
  75. }
  76. .dd-hover > .dd-handle { background: #2ea8e5 !important; }
  77. /**
  78. * Nestable Draggable Handles
  79. */
  80. .dd3-content { display: block;margin: 5px 0;
  81. padding: 5px 10px 5px 40px;
  82. text-decoration: none;
  83. border: 1px solid #ebebeb;
  84. background: #fff;
  85. -webkit-border-radius: 3px;
  86. border-radius: 3px;
  87. }
  88. .dd-dragel > .dd3-item > .dd3-content { margin: 0; }
  89. .dd3-item > button { margin-left: 30px; }
  90. .dd3-handle {
  91. position: absolute;
  92. margin: 0;
  93. left: 0;
  94. top: 0;
  95. cursor: pointer;
  96. width: 30px;
  97. text-indent: 100%;
  98. white-space: nowrap;
  99. overflow: hidden;
  100. border: 1px solid #ebebeb;
  101. background: #fff;
  102. border-top-right-radius: 0;
  103. border-bottom-right-radius: 0;
  104. }
  105. .dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 5px; width: 100%; text-align: center; text-indent: 0; color: #ccc; font-size: 20px; font-weight: normal; }
  106. .dd3-handle:hover { background: #f7f7f7; }
  107. .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{border-top:0;}
  108. .add-snav{overflow: hidden}
  109. .add-snav .back{ float: right; padding: 10px 0 0 0;}
  110. .add-snav .fa{margin-right: 5px;}
  111. .add-snav .back a{margin-right: 5px;}
  112. .add-snav .btn.btn-success{ float: right; margin: 5px; }
  113. /*商品发布*/
  114. #goods-index.rightlist .control-label.goods-type{
  115. padding-top: 0;
  116. }
  117. #goods-index.rightlist .form-input .form-control{
  118. width: 60%;
  119. float: left;
  120. }
  121. #goods-index.rightlist .form-input p.price{
  122. width: 22%;
  123. float: left;
  124. background: #fff;
  125. line-height: 20px;
  126. margin:0;
  127. }
  128. #goods-index.rightlist .form-input .form-control.price{
  129. width:33%;
  130. float: left;
  131. margin-right:0 ;
  132. }
  133. #goods-index .line{
  134. padding: 8px 12px;
  135. font-size: 12px;
  136. color: #555;
  137. text-align: center;
  138. border-top: 1px solid #ccc;
  139. border-bottom: 1px solid #ccc;
  140. line-height: 16px;
  141. float: left;
  142. margin: 0;
  143. width: auto!important;
  144. }
  145. .form-group.col-xs-12.col-sm-8.col-lg-5.goods-type{
  146. line-height: 34px;
  147. }
  148. .form-group.col-xs-12.col-sm-8.col-lg-5.goods-type .col-xs-12.col-sm-2.col-md-2.col-lg-2.control-label.goods-type{
  149. font-weight:normal;
  150. padding-right: 0;
  151. }
  152. .form-group.col-xs-12.col-sm-8.col-lg-5.goods-type .col-xs-12.col-sm-8.col-lg-9 label{
  153. font-weight: 100;
  154. margin-left: 10px;
  155. margin-bottom: 0;
  156. }
  157. .form-group.col-xs-12.col-sm-8.col-lg-3{
  158. margin: 0;
  159. margin-bottom: 10px;
  160. }
  161. .form-group.col-xs-12.col-sm-8.col-lg-3 .col-sm-8.col-xs-12{
  162. width: 100%;
  163. padding: 0;
  164. margin: 0;
  165. }
  166. .select2.select2-container.select2-container--default{
  167. width: 100% !important;
  168. }
  169. .form-group.col-lg-1{
  170. margin: 0;
  171. padding: 0;
  172. text-align: right;
  173. }
  174. .btn.btn-block.btn-success{
  175. float: right;
  176. margin-right: 15px;
  177. margin-top: 0;
  178. margin-bottom: 0;
  179. }
  180. .row.row-fix.tpl-category-container{
  181. margin-left:0 ;
  182. }
  183. .row.row-fix.tpl-category-container .col-xs-12.col-sm-6.col-md-6.col-lg-6{
  184. padding-right: 0;
  185. }
  186. .form-horizontal .form-group{padding-top: 0;}
  187. .form-input{ margin-bottom: 15px;}
  188. .select2-container--default .select2-selection--single {
  189. background-color: #fff;
  190. border: 1px solid #d2d6de;
  191. border-radius: 2px;
  192. }
  193. .select2-container .select2-selection--single {
  194. box-sizing: border-box;
  195. cursor: pointer;
  196. display: block;
  197. height: 34px;
  198. user-select: none;
  199. -webkit-user-select: none;
  200. }
  201. .select2-container--default .select2-selection--single .select2-selection__rendered {
  202. color: #555;
  203. line-height: 24px;
  204. font-size: 12px;
  205. padding-left: 3px;
  206. }
  207. .select2-container--default .select2-selection--single .select2-selection__arrow b {
  208. border-color: #555 transparent transparent transparent;
  209. border-style: solid;
  210. border-width: 6px 3px 0 3px;
  211. height: 0;
  212. left: 50%;
  213. margin-left: -2px;
  214. margin-top: 0px;
  215. position: absolute;
  216. top: 50%;
  217. width: 0;
  218. }
  219. #goods-list{
  220. margin-top: 0px;
  221. padding-top: 2px;
  222. }
  223. .label{cursor:pointer;}
  224. .umphp {
  225. position: relative;
  226. }
  227. .img {
  228. display: none;
  229. position: absolute;
  230. top: -55px;
  231. right: 62px;
  232. border: 1px solid #d0aaaa;
  233. border-radius: 5px;
  234. background: #FFF;
  235. padding: 10px;margin-left: 10px;
  236. z-index: 1002;
  237. }
  238. .selected .img {
  239. display: block;
  240. }
  241. .triangle-left {
  242. position: absolute;right: -10px;top:57px;z-index: 999;
  243. border-color: #ededed transparent transparent transparent;
  244. width: 0;
  245. height: 0;
  246. border-top: 10px solid transparent;
  247. border-bottom: 10px solid transparent;
  248. border-left: 10px solid #e7eaec;
  249. }
  250. .table.table-hover .goods-state{
  251. border-bottom: 1px solid #eee;
  252. }
  253. table>tbody>tr{
  254. border-bottom: 1px solid #f2efef;
  255. }
  256. .btn-group .btn-sm {
  257. padding: 8px 12px !important;
  258. background-color: #fffffd;
  259. color: #797474;
  260. }
  261. .table.table-hover .goods-state td{
  262. text-align: left;
  263. padding: 6px 30px;
  264. border-top: none;
  265. }
  266. .table.table-hover .goods-state label.empty{
  267. width:81%;
  268. }
  269. .pagination {
  270. margin: 10px;
  271. float: right;}
  272. /*商品编辑*/
  273. /*#goods-edit .tab-pane {
  274. padding: 20px 0 20px 0;
  275. }*/
  276. #goods-edit .top{background: #ffffff;}
  277. #goods-edit .info{
  278. margin-top: 10px;
  279. padding-top:10px;
  280. background: #ffffff;
  281. }
  282. #goods-edit .panel-center {
  283. width: 100%;
  284. margin: 8px auto;
  285. }
  286. .form-horizontal .control-label {
  287. padding-top: 4px;
  288. margin-bottom: 0;
  289. text-align: right;
  290. margin-top:2px !important;
  291. color: #2d2828 !important;
  292. }
  293. .form-group .col-xs-12.col-sm-3.col-md-2.control-label span{
  294. color: #f15353;
  295. margin-right: 5px;
  296. }
  297. .form-group .multi-img-details .multi-item {
  298. height: auto;
  299. max-width: 150px;
  300. position: relative;
  301. float: left;
  302. margin-right: 18px;
  303. }
  304. .form-group.col-sm-12.mrleft40.border-t{
  305. text-align: right;
  306. padding-top: 15px !important;
  307. }
  308. .form-group.col-sm-12.mrleft40.border-t .btn.btn-primary.col-lg-1{
  309. float: right;margin-left: 8px; padding: 4px 12px;
  310. }
  311. .form-group.col-sm-12.mrleft40.border-t .btn.btn-default{
  312. margin-left:10px;
  313. }
  314. /*商品规格*/
  315. .spectable td,.spectable th {border:1px solid #ccc; vertical-align: middle;text-align:center;}
  316. .spectable th { font-weight: bold;}
  317. .spectableinput { text-align: center;}
  318. .f {border-color: #b94a48;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
  319. .table.table-bordered tr th,.table.table-bordered tr td{overflow:hidden; text-overflow:ellipsis;}
  320. .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
  321. padding-top: 4px;
  322. margin-top: 0;
  323. margin-bottom: 0;
  324. }
  325. /*商品配送*/
  326. #dispatch_info .radio-inline{float: left;}
  327. #dispatch_info .input-group.form-group{width: 180px; float: left;margin-right: 10px !important;}
  328. #dispatch_info .input-group.form-group input{margin:0 10px;}
  329. /*消息通知*/
  330. #saleravatar img{
  331. width:100px;height:100px;border:1px solid #ccc;padding:1px
  332. }
  333. #modal-module-menus-notice .modal-dialog{width: 920px;}
  334. #module-menus-notice{padding-top:5px;}
  335. /*商品营销*/
  336. .form-control-static {
  337. min-height: 34px;
  338. padding-top: 4px;
  339. padding-bottom: 7px;
  340. margin-bottom: 0;
  341. }
  342. /*商品详情*/
  343. .top_menu{
  344. top: 100px !important;
  345. }
  346. #edui1{width: auto !important;}
  347. /*选择地区*/
  348. .province { float:left; position:relative;width:190px; height:35px; line-height:35px;border:1px solid #fff;}
  349. /*.province:hover { border:1px solid #f7e4a5;border-bottom:1px solid #fffec6; background:#fffec6;}*/
  350. .province .cityall { margin-top:10px;}
  351. .province ul { list-style: outside none none;position:absolute;padding:0;background:#fffec6;display:none;
  352. width:auto; width:300px; z-index:999999;left:-1px;top:32px;}
  353. .province ul li { float:left;min-width:60px;margin-left:20px; height:30px;line-height:30px; }
  354. .modal-dialog{width: 980px;}
  355. label.checkbox-inline{margin-left:20px;}
  356. label.checkbox-inline .citycount{color:#f15353;}
  357. .modal-body{height: 465px;}