User:實驗性:無用論廢人/css/bilbili.css

萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
貢獻者:
  1. .video-info-module {
  2. width: 320px;
  3. border: 1px solid #ccd0d7;
  4. margin-bottom: 9px;
  5. border-radius: 4px;
  6. box-shadow: 0 2px 4px rgba(0,0,0,.16);
  7. box-sizing: border-box;
  8. z-index: 10020;
  9. overflow: hidden;
  10. background-color: #fff;
  11. padding: 12px
  12. }
  13. .video-info-module .v-title {
  14. overflow: hidden;
  15. text-overflow: ellipsis;
  16. white-space: nowrap;
  17. height: 20px;
  18. line-height: 12px
  19. }
  20. .video-info-module .v-info {
  21. color: #99a2aa;
  22. padding: 4px 0 6px
  23. }
  24. .video-info-module .v-info span {
  25. display: inline-block;
  26. vertical-align: top;
  27. height: 16px;
  28. line-height: 12px
  29. }
  30. .video-info-module .v-info .name {
  31. white-space: nowrap;
  32. overflow: hidden;
  33. text-overflow: ellipsis;
  34. max-width: 150px
  35. }
  36. .video-info-module .v-info .line {
  37. display: inline-block;
  38. border-left: 1px solid #99a2aa;
  39. height: 12px;
  40. margin: 1px 10px 0
  41. }
  42. .video-info-module .v-preview {
  43. padding: 8px 0 12px;
  44. border-top: 1px solid #e5e9ef;
  45. height: 64px
  46. }
  47. .video-info-module .v-preview .lazy-img {
  48. width: auto;
  49. float: left;
  50. margin-right: 8px;
  51. margin-top: 4px;
  52. height: auto;
  53. border-radius: 4px;
  54. overflow: hidden;
  55. width: 96px;
  56. height: 60px
  57. }
  58. .video-info-module .v-preview .txt {
  59. height: 60px;
  60. overflow: hidden;
  61. line-height: 21px;
  62. word-wrap: break-word;
  63. word-break: break-all;
  64. color: #99a2aa
  65. }
  66. .video-info-module .v-data {
  67. border-top: 1px solid #e5e9ef;
  68. padding-top: 10px
  69. }
  70. .video-info-module .v-data span {
  71. white-space: nowrap;
  72. overflow: hidden;
  73. text-overflow: ellipsis;
  74. display: inline-block;
  75. width: 70px;
  76. color: #99a2aa;
  77. line-height: 12px
  78. }
  79. .video-info-module .v-data span .icon {
  80. margin-right: 4px;
  81. vertical-align: top;
  82. display: inline-block;
  83. width: 12px;
  84. height: 12px
  85. }
  86. .video-info-module .v-data .play .icon {
  87. background-position: -282px -90px
  88. }
  89. .video-info-module .v-data .danmu .icon {
  90. background-position: -282px -218px
  91. }
  92. .video-info-module .v-data .star .icon {
  93. background-position: -282px -346px
  94. }
  95. .video-info-module .v-data .coin .icon {
  96. background-position: -282px -410px
  97. }
此頁面最後編輯於 2022年9月18日 (週日) 15:43。
搜尋萌娘百科 (按"/"快速搜尋)
有新的未讀公告