Home Explore Help
Sign In
hlm
/
hlm_pl_mall
11
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 80091f80bd
Branches Tags
hlm_pl_mall
/
public
/
static
/
home
/
css
/
member_snsshare.css

member_snsshare.css 9.2 KB
History Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495 
  1. /* 分享对话框
    2. 

  2. ---------------------------------------- */
    3. 

  3. .dialog-share {margin: 0;}
    4. 

  4. .dialog-share a { text-decoration: none; color: #07B;}
    5. 

  5. /*分享设定部分*/
    6. 

  6. .dialog-share .share-set { display: block; height: 24px; padding: 10px 20px;}
    7. 

  7. 

  8. /*同步*/
    9. 

  9. .dialog-share .share-widget { float: left;}
    10. 

  10. .dialog-share .share-widget .s-app { font-size: 0; *word-spacing:-1px/*IE6、7*/; vertical-align: middle; display: inline-block; height: 24px; *display: inline/*IE7*/; position: relative; z-index: 2; *zoom: 1/*IE7*/;}
    11. 

  11. .dialog-share .share-widget .s-app li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; width: 24px; height: 24px; margin-right: 5px; *display: inline/*IE7*/; *zoom: 1/*IE7*/;}
    12. 

  12. .dialog-share .share-widget .s-app i { background: url("../images/member/shareicon/shareicons.png") no-repeat 0 0; display: block; width: 24px; height: 24px; cursor: pointer;}
    13. 

  13. .dialog-share .share-widget .s-app .i-qqzone { background-position: 0 -24px;}
    14. 

  14. .dialog-share .share-widget .s-app .disable .i-qqzone { background-position: 0 -48px;}
    15. 

  15. .dialog-share .share-widget .s-app .i-qqweibo { background-position: 0 -72px;}
    16. 

  16. .dialog-share .share-widget .s-app .disable .i-qqweibo { background-position: 0 -96px;}
    17. 

  17. .dialog-share .share-widget .s-app .i-sinaweibo { background-position: 0 -120px;}
    18. 

  18. .dialog-share .share-widget .s-app .disable .i-sinaweibo { background-position: 0 -144px;}
    19. 

  19. .dialog-share .share-widget .s-app .tip { font-size: 12px; color: #FD6D26; background-color: #FEF1D5; white-space: nowrap; padding: 0 9px; border: solid 1px #FFC66D; position: absolute; z-index: 1; top: 30px; left: -76px;}
    20. 

  20. .dialog-share .share-widget .s-app .tip .arrow { background: url("../images/member/shareicon/shareicons.png") no-repeat -36px 0; display: block; width: 11px; height: 6px; position: absolute; z-index: 2; top: -6px; left: 20px;}
    21. 

  21. .dialog-share .share-widget .s-app a { font-size: 12px; line-height: 24px; color: #07B; display: inline-block; margin-left: 30px; *display: inline/*IE7*/; *zoom: 1/*IE7*/;}
    22. 

  22. 

  23. /* 可见 */
    24. 

  24. .share-privacy { line-height: 22px; display:block; height: 24px; float: right; position: relative; z-index: 1; cursor: pointer;}
    25. 

  25. .share-privacy a { display: block;}
    26. 

  26. .share-privacy a i { font-size: 14px; margin-right: 4px;}
    27. 

  27. .share-privacy .privacytab { background-color: #FFF; border: solid 1px #EEE; position: absolute; z-index: 1; top: 24px; right: -10px;}
    28. 

  28. .share-privacy .privacytab .arrow { background: url("../images/member/shareicon/shareicons.png") no-repeat -24px 0; display: block; width: 11px; height: 6px; margin-right: -6px; position: absolute; z-index: 2; top: -6px; right: 50%;}
    29. 

  29. .share-privacy .privacytab ul { }
    30. 

  30. .share-privacy .privacytab ul li { color: #666; width: 90px; height: 20px; padding: 5px;}
    31. 

  31. .share-privacy .privacytab ul li span { vertical-align: middle; display: inline-block; width: 16px; height: 16px; margin-right: 5px; }
    32. 

  32. .share-privacy .privacytab ul li .selected { background: url("../images/member/shareicon/shareicons.png") no-repeat -32px -20px;}
    33. 

  33. .share-privacy .privacytab ul li:hover { background-color: #f0f0f0;}
    34. 

  34. 

  35. /*用户分享内容*/
    36. 

  36. .dialog-share .share-content { display: block; padding: 0 20px;}
    37. 

  37. .dialog-share .share-content .textarea-count { color: #999; text-align: right; height: 20px; padding: 5px 0;}
    38. 

  38. .dialog-share .share-content .textarea-count em { font: 600 italic 16px/20px Georgia, Arial; color: #555; margin: 0 4px;}
    39. 

  39. .dialog-share .share-content .textarea-count em.warning { color: #F60; background-color: transparent; width: auto; padding: 0; border: none;}
    40. 

  40. .dialog-share .share-content .textarea-count em.exceeded { color: #F00;}
    41. 

  41. .dialog-share .share-content .avatar { width: 40px; height: 40px; float: left; margin-top: 5px; position: relative; z-index: 1;}
    42. 

  42. .dialog-share .share-content .avatar img { max-width: 40px; max-height: 40px; border-radius: 5px;}
    43. 

  43. .dialog-share .share-content .avatar i { background: url("../images/member/shareicon/shareicons.png") no-repeat -30px -50px; width: 10px; height: 10px; position: absolute; z-index: 1; top: 10px; right: -15px;}
    44. 

  44. .dialog-share .share-content .textarea { line-height: 18px; width: 374px; height: 54px; padding: 4px; float: right; border-color: #CCC #DDD #DDD; box-shadow: none; resize: none;}
    45. 

  45. .dialog-share .share-content .textarea:focus { color: #333; border-color: #CCC #DDD #DDD;}
    46. 

  46. 

  47. /*分享店铺*/
    48. 

  48. .dialog-share .ds-carousel-skin { clear: both; height: 92px; padding: 10px 0;}
    49. 

  49. .dialog-share .ds-carousel-skin li{height: 92px;width:92px;float:left;}
    50. 

  50. .dialog-share .ds-carousel-skin a {line-height: 0; background-color: #FFF; text-align: center; display: block; width: 90px; height: 90px; border: solid 1px #FFF; position: relative; z-index: 1; overflow: hidden;}
    51. 

  51. .dialog-share .ds-carousel-skin a img { max-width: 90px; max-height: 90px; }
    52. 

  52. .dialog-share .ds-carousel-skin a.selected { border: solid 1px #D93500;}
    53. 

  53. .dialog-share .ds-carousel-skin a .extra { line-height: 20px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#BFD93600', endColorstr='#BFD93600');background:rgba(217,54,0,0.75); color: #FFF; display: none; width: 90px; height: 20px; position: absolute; z-index: 1; bottom: 0; left: 0;}
    54. 

  54. .dialog-share .ds-carousel-skin a.selected .extra { display: block;}
    55. 

  55. .dialog-share .ds-carousel-prev { left: -12px !important;}
    56. 

  56. .dialog-share .ds-carousel-next { right: -12px !important;}
    57. 

  57. .dialog-share .sns-norecord { color: #999; display: block; text-align: center; width: auto; padding: 50px 0; margin: 0; clear: both;}
    58. 

  58. 

  59. /*分享的商品*/
    60. 

  60. .dialog-share .share-goods { font-size: 0; *word-spacing: -1px/*IE6、7*/; display: block; clear: both; padding: 10px 0 10px 50px;}
    61. 

  61. .dialog-share .share-goods .goods-thumb, 
    62. 

  62. .dialog-share .share-goods .goods-intro { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE7*/; *zoom: 1/*IE7*/;}
    63. 

  63. .dialog-share .share-goods .goods-thumb { width: 100px; height: 100px;}
    64. 

  64. .dialog-share .share-goods .goods-thumb a { line-height: 0; background-color: #FFF; text-align: center; vertical-align: middle; display: table-cell; *display: block; width: 100px; height: 100px; overflow: hidden;}
    65. 

  65. .dialog-share .share-goods .goods-thumb a img { max-width: 100px; max-height: 100px; margin-top:expression(100-this.height/2); *margin-top:expression(50-this.height/2)/*IE6,7*/;}
    66. 

  66. .dialog-share .share-goods .goods-intro { font-size: 12px; width: 250px; margin-left: 20px; }
    67. 

  67. .dialog-share .share-goods .goods-intro dt { line-height: 18px; max-height: 36px; white-space: normal;}
    68. 

  68. .dialog-share .share-goods .goods-intro dt a, 
    69. 

  69. .dialog-share .share-goods .goods-intro dt a:hover { font-weight: 600; text-decoration: none; color: #555;}
    70. 

  70. .dialog-share .share-goods .goods-intro dd { margin-top: 4px;}
    71. 

  71. .dialog-share .share-goods .goods-intro dd span { color: #FFF; background-color: #C03; padding: 0 4px; margin-right: 6px;}
    72. 

  72. .dialog-share .share-goods .goods-intro dd strong { font-size: 14px; color: #C03;}
    73. 

  73. 

  74. 

  75. .dialog-share .seccode { background: #FFFFBF; display: none; padding: 8px; margin: 0; border-top: solid 1px #EEE;}
    76. 

  76. .dialog-share .seccode input.text { vertical-align: middle; display: inline-block; *display: inline/*IE*/; width: 50px; padding: 2px 4px; *zoom: 1; }
    77. 

  77. .dialog-share .seccode img { vertical-align: middle; display: inline-block; *display: inline/*IE*/; cursor: pointer; *zoom: 1;}
    78. 

  78. .dialog-share .seccode span { color: #F60; margin-left: 10px;}
    79. 

  79. 

  80. .dialog-share label.error { font-size: 12px; color: #F00; line-height: 24px;}
    81. 

  81. .dialog-share .bottom { background: #FAFAFA; text-align: center; padding: 10px 0; border-top: solid 1px #EEE;}
    82. 

  82. .dialog-share .bottom .button { color: #FFF; background-color: #D93600; height: 28px; width: 80px; border: solid 1px #B22D00; cursor: pointer;}
    83. 

  83. .dialog-share .bottom .cancel { color: #555; background-color: #EEE; vertical-align: top; display: inline-block; *display: inline; height: 20px; padding: 3px 10px; border: solid 1px #CCC; margin-left: 5px; *zoom:1;}
    84. 

  84. 

  85. /*绑定工具提示*/
    86. 

  86. .bindtooltip { background-color: #FFF; overflow: hidden;}
    87. 

  87. .bindtooltip dl {  font-size: 0; *word-spacing: -1px/*IE6、7*/;}
    88. 

  88. .bindtooltip dl dt { font-size: 12px; vertical-align: top; letter-spacing: normal; word-spacing: normal; text-align: right; display: inline-block; *display: inline/*IE*/; width: 23%; padding: 10px 0; margin: 0; *zoom: 1;}
    89. 

  89. .bindtooltip dl dt img { width: 40px; height: 40px; margin: 5px 0 0;}
    90. 

  90. .bindtooltip .hint { color: #F33;}
    91. 

  91. .bindtooltip dl dd { font-size: 12px; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE*/; width: 74%; padding: 10px 0 10px 3% ; *zoom: 1;}
    92. 

  92. .bindtooltip .bottom { background-color: #F9F9F9; text-align: center; padding: 12px 0; border-top: 1px solid #EAEAEA; }
    93. 

  93. a.mini-btn { font: normal 12px/20px arial; color: #FFF;  background-color: #5BB75B; text-align: center; vertical-align: middle; display: inline-block; *display: inline/*IE*/; height: 20px; padding: 0 10px; margin-right: 8px; border-style: solid; border-width: 1px; border-color: #52A452 #52A452 #448944 #52A452; *zoom: 1; cursor: pointer;}
    94. 

  94. a:hover.mini-btn { text-decoration: none; color: #FFF; background-color: #51A351; border-color: #499249 #499249 #3D7A3D #499249;}
    95. 

  95. .bindtooltip .bottom span a { color: #0077BB; text-decoration: underline; margin-left: 8px;}
    96.