Home Verkennen Help
Registreren Inloggen
moonsflyer
/
zhongshen_project
1
0
Vork 0
Bestanden Issues 0 Pull-aanvragen 0 Wiki
Aftakking: master
Aftakkingen Labels
zhongshen_proje...
/
public
/
static
/
css
/
seller_center.css

seller_center.css 11 KB
Permalink Geschiedenis Ruwe

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175 
  1. @charset "utf-8";
    2. 

  2. body { color: #666; background-color: #F9F9F9;}
    3. 

  3. html,body{ height:100%;}
    4. 

  4. h2 { font: 24px/40px "microsoft yahei"; color: #27A9E3;}
    5. 

  5. h1, h2, h3, h4, h5, h6 { font-family:  "microsoft yahei"; font-weight: normal;}
    6. 

  6. h1 { font-size: 32px;}
    7. 

  7. h2 { font-size: 25px;}
    8. 

  8. h3 { font-size: 22px;}
    9. 

  9. h5 { font-size: 15px;}
    10. 

  10. h6 { font-size: 13px;}
    11. 

  11. .lighter { font-weight: lighter;}
    12. 

  12. .bolder { font-weight: bolder;}
    13. 

  13. h1.block, h2.block, h3.block, h4.block, h5.block, h6.block { margin-bottom: 16px;}
    14. 

  14. i { font-size: 1.2em;}
    15. 

  15. a:focus, a:active { text-decoration: none;}
    16. 

  16. a { color: #0579C6; text-decoration: none; -webkit-transition-property:color;  -webkit-transition-duration:0.3s; -webkit-transition-timing-function: ease;}
    17. 

  17. a:hover { text-decoration: underline; color: #F60;}
    18. 

  18. .hidden { display: none;}
    19. 

  19. .center { text-align: center;}
    20. 

  20. .dark { color: #333333 !important;}
    21. 

  21. .white { color: #FFFFFF !important;}
    22. 

  22. .red { color: #DD5A43 !important;}
    23. 

  23. .light-red { color: #FF7777 !important;}
    24. 

  24. .blue { color: #27A9E3 !important;}
    25. 

  25. .light-blue { color: #93CBF9 !important;}
    26. 

  26. .green { color: #69AA46 !important;}
    27. 

  27. .light-green { color: #B6E07F !important;}
    28. 

  28. .orange { color: #FF892A !important;}
    29. 

  29. .pink { color: #C6699F !important;}
    30. 

  30. .pink2 { color: #D6487E !important;}
    31. 

  31. .brown { color: #A52A2A !important;}
    32. 

  32. .grey { color: #777777 !important;}
    33. 

  33. /* ---------------------------------------- */
    34. 

  34. /* 常用宽度、高度、边距、边框属性				*/
    35. 

  35. /* ---------------------------------------- */
    36. 

  36. .fl { float: left;}
    37. 

  37. .fr { float: right;}
    38. 

  38. /* 表单项属性
    39. 

  39. ------------------------------------------- */
    40. 

  40. input[type="text"], input[type="password"], input.text, input.password { font: 12px/20px Arial; color: #777; background-color: #FFF; vertical-align: top; display: inline-block; height: 20px; padding: 4px; border: solid 1px #CCC; outline: 0 none;}
    41. 

  41. input[type="text"]:focus, input[type="password"]:focus, input.text:focus, input.password:focus, textarea:focus { color: #333; border-color: #75B9F0; box-shadow: 0 0 0 2px rgba(82, 168, 236, 0.15); outline: 0 none;}
    42. 

  42. input[type="text"].error, input[type="password"].error, textarea.error { border-color: #ED6C4F; box-shadow: 0 0 0 2px rgba(232, 71, 35, 0.15); outline: 0 none;}
    43. 

  43. textarea, .textarea { font: 12px/20px Arial; color: #777; background-color: #FFF; vertical-align: top; display: inline-block; height: 60px; padding: 4px; border: solid 1px #CCC; outline: 0 none;}
    44. 

  44. select { color: #777; background-color: #FFF; height: 30px; vertical-align: middle; *display: inline; padding: 4px; border: solid 1px #CCC; *zoom:1;}
    45. 

  45. select option { line-height: 20px; display: block; height: 20px; padding: 4px;}
    46. 

  46. input[type="file"] { line-height:20px; background-color:#FBFBFB; height: 20px; border: solid 1px #D8D8D8; cursor: default;}
    47. 

  47. .add-on { line-height: 28px; background-color: #E6E6E6; vertical-align: top; display: inline-block; text-align: center; width: 28px; height: 28px; border: solid #CCC; border-width: 1px 1px 1px 0}
    48. 

  48. .add-on { *display: inline/*IE6,7*/; zoom:1;}
    49. 

  49. .add-on i { font-size: 14px; color: #666; text-shadow: 1px 1px 0 #FFFFFF; *margin-top: 8px/*IE7*/;}
    50. 

  50. /*表单验证错误提示文字*/
    51. 

  51. label.error { font-size: 12px; color: #E84723; margin-left: 8px;}
    52. 

  52. label.error i { margin-right: 4px;}
    53. 

  53. .hint { font-size: 12px; line-height: 16px; color: #BBB; margin-top: 10px; }
    54. 

  54. /* 按钮样式 */
    55. 

  55. a.ncsc-btn { font: normal 12px/20px "microsoft yahei"; text-decoration: none; color: #777; background-color: #F5F5F5; text-align: center; vertical-align: middle; display: inline-block; height: 20px; padding: 4px 10px; border: solid 1px; border-color: #DCDCDC #DCDCDC #B3B3B3 #DCDCDC; cursor: pointer;}
    56. 

  56. a:hover.ncsc-btn { text-decoration: none; color: #333; background-color: #E6E6E6; border-color: #CFCFCF #CFCFCF #B3B3B3 #CFCFCF;}
    57. 

  57. input[type="submit"], input.submit, a.submit { font-size: 12px; font-weight: bold; color: #FFF; text-shadow: 0 -1px 0 rgba(0,0,0,0.1); background-color: #5BB75B; display: block; height: 30px; padding: 0 20px 2px 20px; border: 0; cursor: pointer; }
    58. 

  58. input[type="submit"]:hover, input.submit:hover, a.submit:hover { text-decoration: none; color: #FFF; background-color: #51A351;}
    59. 

  59. 

  60. .order .buyer { color: #555; position:relative; display:block; }
    61. 

  61. .order .buyer-info { display:none; }
    62. 

  62. .order .buyer:hover .buyer-info { *width:250px/*IE7*/; display:block; position:absolute; z-index:8; top:-40px; left: 90px; border: solid 1px #FEC500; background-color:#FFF9D4; padding:4px; border-radius:5px;}
    63. 

  63. .order .buyer-info .con { display:block; overflow:hidden; background: #FFF; padding:5px;}
    64. 

  64. .order .buyer-info h3 { font-size:1em; font-weight:700; color: #C33700; padding: 5px 0; overflow:hidden;}
    65. 

  65. .order .buyer-info h3  span { float:left;}
    66. 

  66. .order .buyer-info dl { color: #777; padding:2px 0; width:220px; overflow:hidden; clear:both;}
    67. 

  67. .order .buyer-info dt { float:left; width:50px; text-align:right;}
    68. 

  68. .order .buyer-info dd { float:left; width:140px; text-align:left;}
    69. 

  69. 

  70. /*商品列表页-SKU值显示部分*/
    71. 

  71. td.trigger i { color: #C8C8C8; cursor: pointer; }
    72. 

  72. td.trigger i:hover { color: #27A9E3;}
    73. 

  73. 

  74. /* 商品发布页面相关样式
    75. 

  75. ------------------------------------------- */
    76. 

  76. /* 发布商品第一步-选择分类 */
    77. 

  77. .bottom .submit { font: 14px/36px "microsoft yahei"; text-align: center; min-width: 100px; *min-width: auto; height: 36px;}
    78. 

  78. .bottom a.submit { width: 100px; margin: 0 auto;}
    79. 

  79. .bottom .submit[disabled="disabled"] { color: #999; text-shadow: none; background-color: #F5F5F5; border: solid 1px; border-color: #DCDCDC #DCDCDC #B3B3B3 #DCDCDC; cursor: default;}
    80. 

  80. 

  81. 

  82. /*商品添加步骤二运费模板样式 by hou*/
    83. 

  83. /* 发布商品-属性 */
    84. 

  84. .spec { font-size: 0; *word-spacing:-1px/*IE6、7*/; }
    85. 

  85. .spec li { font-size: 12px; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE6,7*/; width:25%; margin-bottom: 6px; zoom: 1;}
    86. 

  86. .spec li span { line-height: 30px; vertical-align: middle; margin-right:6px;}
    87. 

  87. .spec li span .text { vertical-align: middle; width: 130px;}
    88. 

  88. 

  89. /* 发布商品-上传主图 */
    90. 

  90. .sticky #uploadHelp { width: 178px; position: fixed; z-index: 10; top: 75px;}
    91. 

  91. /* 发布与编辑商品-AJAX图片上传及控制删除 */
    92. 

  92. .ncsc-select-album { background-color: #FFF; border-top: solid 1px #E6E6E6; padding: 10px;}
    93. 

  93. 

  94. /*运费*/
    95. 

  95. form .red { color:red; border:0px; }
    96. 

  96. form label.error { color:red; margin-left:5px; }
    97. 

  97. form input.error { border:red 1px dotted; }
    98. 

  98. .select_add { float:left; width: 8%;}
    99. 

  99. 

  100. /* E 提示的样式*/
    101. 

  101. .add_link{ margin:0 3px 0 10px;}
    102. 

  102. 

  103. /* 从图片空间选择图片 */
    104. 

  104. #demo, #des_demo { line-height: 0; text-align: center; width: 100%}
    105. 

  105. #demo .ajaxload,
    106. 

  106. #des_demo .ajaxload { width: 16px; height: 16px; margin: 80px auto;}
    107. 

  107. 

  108. /* 发货 */
    109. 

  109. .step-title { margin: 12px 0; font-size: 14px; font-weight: 600; color: #555;}
    110. 

  110. .step-title em { font-weight:600; color:#F60; margin-right:12px;}
    111. 

  111. 

  112. 

  113. /* 店铺
    114. 

  114. ------------------------------------------- */
    115. 

  115. /* 店铺幻灯片设置 */
    116. 

  116. .slides{ padding: 0; margin: 0; list-style: none;}
    117. 

  117. .slides:after { line-height: 0; content: "."; display: block; height: 0; clear: both; visibility: hidden;}
    118. 

  118. html[xmlns] .slides { display: block;}
    119. 

  119. *html .slides { height: 1%;}
    120. 

  120. .no-js .slides > li:first-child { display: block;}
    121. 

  121. 

  122. /* 店铺装修
    123. 

  123. ------------------------------------------- */
    124. 

  124. /*商家入驻表单*/
    125. 

  125. table.type { width: 700px; border: solid 1px #E6E6E6;}
    126. 

  126. table.type thead th { color: #555; background-color: #F7F7F7; text-align: center; padding: 4px; border-color: #E6E6E6; }
    127. 

  127. table.type tbody td { color: #777; text-align: center; padding: 4px; border-color: #E6E6E6;}
    128. 

  128. table.type tbody td input { width: 60px; padding: 0;}
    129. 

  129. 

  130. /* 发货单打印页面 */
    131. 

  131. .print-layout { font-size:12px; background:#FAFAFA; border: solid 1px #CCC; position:relative;height:297mm; padding:5mm 50mm 5mm 5mm ; margin: 20px auto; box-shadow: 2px 2px 2px rgba(204,204,204,0.5); }
    132. 

  132. .print-layout .print-btn {background:#FFF; border:  solid 1px #ccc;  position: absolute; z-index: 3; top:10mm; right:10mm; line-height:32px; padding:5px 10px; border-radius: 5px; box-shadow: 2px 2px 0 rgba(153,153,153,0.2); cursor: pointer;}
    133. 

  133. .print-layout .print-btn:hover {  background: #555; box-shadow: none; border-color: #555;}
    134. 

  134. .print-layout .print-btn i { background: url(../img/ncsc_bg_img.png)scroll no-repeat 0 -460px; vertical-align: middle; display: inline-block; width: 32px; height: 32px;}
    135. 

  135. .print-layout .print-btn a { font-family:"microsoft yahei"; font-size: 20px;padding: 0 0 0 10px; color: #555; font-weight:600; display:inline-block; vertical-align: middle;}
    136. 

  136. .print-layout .print-btn:hover a, .print-layout .print-btn a:hover { color: #FFF;  text-decoration:none;}
    137. 

  137. .print-layout .a5-size, .print-layout .a4-size { background:#FFF; border: dashed 1px #ccc; width: 210mm; position:absolute; top:5mm; left:5mm; padding:1px;}
    138. 

  138. .print-layout .a5-size { height:148mm;  z-index:2;}
    139. 

  139. .print-layout .a4-size { height:297mm; z-index:1;}
    140. 

  140. .print-layout .a5-tip, .print-layout .a4-tip{ color:#333; width:37mm; position: absolute; z-index:2; right:8mm;}
    141. 

  141. .print-layout .a5-tip { top:50mm;}
    142. 

  142. .print-layout .a4-tip { top:160mm;}
    143. 

  143. .print-layout dl dt h1 { font-family:"Arial Black", Gadget, sans-serif; font-size:72px; line-height:72px;}
    144. 

  144. .print-layout dl dt em { font-family: Arial; font-size:11px; line-height:20px; background: #333; color: #FFF; padding: 0 8px; height:20px; border-radius:10px; -webkit-text-size-adjust:none;}
    145. 

  145. .print-layout .a5-tip dd, .print-layout .a4-tip dd { line-height:24px;}
    146. 

  146. .print-layout .print-page { width: 210mm; height:297mm; position:absolute; z-index:3; top:5mm; left:5mm; margin:1px;  overflow:auto;}
    147. 

  147. .orderprint { background: #FFF; width: 190mm; height:100%; margin-bottom:20px;padding:10mm 10mm 8mm 10mm; color:#000000; position:relative;}
    148. 

  148. .orderprint .top { font-family:"microsoft yahei"; line-height:60px; width:190mm; height:60px; overflow:hidden; font-size:24px;}
    149. 

  149. .orderprint .top .logo { width:200px; height:60px; float:left;}
    150. 

  150. .orderprint .top .logo-title { text-align: left; width:450px; height: 60px; float:left; margin-left:10px; overflow:hidden;}
    151. 

  151. .orderprint .top .full-title { width:100%; text-align:center;}
    152. 

  152. .orderprint .explain { color: #555; line-height: 20px; width:100%;}
    153. 

  153. .orderprint .seal {  position: absolute; top:120px; right:50px; }
    154. 

  154. .orderprint .page { line-height:18px; color:#999; position: absolute; bottom:0px; left:50%; margin-left:-30px;}
    155. 

  155. .orderprint table { font-family:Arial, Helvetica, sans-serif;  font-size:12px; line-height:18px; width:100%; border-collapse: collapse;}
    156. 

  156. .buyer-info { margin: 15px 0;}
    157. 

  157. .order-info thead th { font-weight:normal;background: #E7E7E7; text-align:center; border-bottom: solid 2px #000; border-top: solid 2px #000; padding:2px 0;}
    158. 

  158. .order-info thead tr td {}
    159. 

  159. .order-info tbody tr th {  background: #F7F7F7; text-align:left; padding:8px 0; text-align:center; font-weight:600;  border-bottom: solid 2px #000; border-top: solid 2px #000;}
    160. 

  160. .order-info tbody tr td { padding: 8px 0; text-align: center;}
    161. 

  161. .order-info tfoot tr th { border-bottom: solid 2px #000; padding: 6px 0;text-align:left;font-weight:normal;}
    162. 

  162. .order-info tfoot tr th span { line-height:20px; white-space:nowrap; display:inline-block; width: 24%; height: 20px; padding:0; margin:0; border:0; overflow:hidden; text-overflow:ellipsis; }
    163. 

  163. .orderprint th{ font-variant:normal; text-align:left}
    164. 

  164. .w200 {
    165. 

  165. 	width: 200px !important;
    166. 

  166. }
    167. 

  167. .tl {
    168. 

  168. 	text-align: left !important;
    169. 

  169. }
    170. 

  170. .w70 {
    171. 

  171. 	width: 70px !important;
    172. 

  172. }
    173. 

  173. .w40 {
    174. 

  174. 	width: 40px !important;
    175. 

  175. }
    176.