1
0

dashboard-fix.css 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. /* emotion���;�����*/
  2. /*bilibili����*/
  3. .body{
  4. font-family: sans-serif;
  5. }
  6. .emotion-box {
  7. padding-left: 16px;
  8. display: -webkit-box;
  9. display: -ms-flexbox;
  10. display: flex;
  11. -webkit-box-orient: horizontal;
  12. -webkit-box-direction: normal;
  13. -ms-flex-direction: row;
  14. flex-direction: row;
  15. -ms-flex-wrap: wrap;
  16. flex-wrap: wrap;
  17. display: none;
  18. }
  19. .emotion-inline {
  20. padding-left: 0px !important;
  21. padding-right: 0px !important;
  22. }
  23. .emotion-item {
  24. margin: 6px;
  25. display: inline-block;
  26. width: 32px;
  27. height: 32px;
  28. overflow: hidden;
  29. border-radius: 4px;
  30. margin-bottom: -8px;
  31. }
  32. .emotion-secter {
  33. margin: 12px 12px 0 0;
  34. }
  35. @media (max-width: 860px) {
  36. .emotion-box {
  37. padding-left: 0;
  38. }
  39. .emotion-item {
  40. transform: scale(0.6);
  41. margin-bottom: -10px;
  42. }
  43. .emotion-secter {
  44. margin: 0;
  45. }
  46. }
  47. .emotion-item .img {
  48. -webkit-animation: im-emotion-step 1.08s steps(27) infinite;
  49. animation: im-emotion-step 1.08s steps(27) infinite;
  50. animation-duration: 1.08s;
  51. animation-timing-function: steps(27);
  52. }
  53. .emotion-item .img {
  54. width: 32px;
  55. height: 864px;
  56. max-width: 32px;
  57. background: top/32px no-repeat;
  58. background-image: none;
  59. }
  60. @-webkit-keyframes im-emotion-step {
  61. 0% {
  62. -webkit-transform:translateY(0);
  63. transform:translateY(0)
  64. }
  65. to {
  66. -webkit-transform:translateY(-100%);
  67. transform:translateY(-100%)
  68. }
  69. }
  70. @keyframes im-emotion-step {
  71. 0% {
  72. -webkit-transform:translateY(0);
  73. transform:translateY(0)
  74. }
  75. to {
  76. -webkit-transform:translateY(-100%);
  77. transform:translateY(-100%)
  78. }
  79. }
  80. #the-comment-list td.comment img {
  81. height:30px;
  82. }