jquery.sinaemotion.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. #emotions{
  2. left:0;
  3. width: 395px;
  4. font-size:12px;
  5. background:#fff;
  6. position:absolute;
  7. border: 1px solid #E8E8E8;
  8. }
  9. #emotions a{
  10. color: #9ABBC8;
  11. padding:2px 7px;
  12. text-decoration:none;
  13. }
  14. #emotions img{
  15. border:0;
  16. }
  17. #emotions div{
  18. margin:5px 10px;
  19. padding:1px;
  20. overflow: hidden;
  21. }
  22. #emotions #prev,
  23. #emotions #next
  24. {
  25. margin-left:3px;
  26. background:#eee;
  27. }
  28. #emotions .categorys{
  29. color:#ccc;
  30. height:23px;
  31. color: #9ABBC8;
  32. overflow:hidden;
  33. }
  34. #emotions .categorys a{
  35. display: inline-block;
  36. }
  37. #emotions .categorys a:hover{
  38. text-decoration:underline;
  39. }
  40. #emotions .categorys a.current{
  41. cursor: default;
  42. background: #F0F0F0;
  43. -moz-border-radius: 3px;
  44. -webkit-border-radius: 3px;
  45. }
  46. #emotions .container{
  47. padding:1px;
  48. overflow: hidden;
  49. }
  50. #emotions .container a{
  51. float:left;
  52. width:26px;
  53. height:22px;
  54. text-align:center;
  55. box-sizing: content-box;
  56. padding: 4px 2px;
  57. margin: -1px 0 0 -1px;
  58. border: 1px solid #e8e8e8;
  59. }
  60. #emotions .container a:hover{
  61. z-index:2;
  62. position:relative;
  63. border:1px solid #0095cd;
  64. }
  65. #emotions .page{
  66. text-align:right;
  67. }
  68. #emotions .page a.current{
  69. color: #666;
  70. background-color:#fff;
  71. }
  72. #emotions .page a{
  73. margin-left:3px;
  74. color: #0078B6;
  75. background-color:#f3f3f3;
  76. }
  77. #emotions .page a:hover{
  78. background-color:#e7e7e7;
  79. }