本网站正在建设中(～￣▽￣)～

  • 你好～！欢迎来到中文歌声合成个人收集站-VCPedia.cn！
  • 若发现页面信息有误或投稿至本站，请联系管理员。

Template:Musiccard/styles.css

VCPedia.cn ——关于中文歌声合成的一切。
跳到导航 跳到搜索 
  1. .music_card {
  2.     display: inline-flex;
  3.     border-radius: 9px;
  4.     margin: .5em 1em .5em 0;
  5.     width: 450px;
  6.     box-shadow: #454f54 5px 5px 7px -3px;
  7.     overflow: hidden;
  8. }
  9.  
  10. .music_card-img {
  11.     width: 10em;
  12.     height: 8em;
  13.     overflow: hidden;
  14. }
  15.  
  16. .music_card-img-cut {
  17.     width:auto;
  18.     position: relative;
  19. }
  20.  
  21. .music_card-img img {
  22.     width: auto;
  23.     height: 100%;
  24. }
  25.  
  26. .music_card-desc {
  27.     width: 100%;
  28.     position: relative;
  29. }
  30.  
  31. .music_card-title {
  32. 	max-width: calc(450px - 9em);
  33. 	overflow: hidden;
  34. 	white-space: nowrap;
  35. }
  36.  
  37. .music_card-info {
  38.     display: flex;
  39.     flex-direction: column;
  40.     color: white;
  41.     height: 100%;
  42.     padding-left: 1.25em;
  43.     margin-left: -.75em;
  44.     border-radius: 9px 0 0 9px;
  45.     justify-content: center;
  46.     position: relative;
  47.     z-index: 1;
  48. }
  49.  
  50. .music_card-info a {
  51. 	color: white;
  52. }
  53.  
  54. .music_card-info a:visited {
  55. 	color: white;
  56. }
  57.  
  58. .music_card-info a:hover {
  59. 	text-decoration: underline;
  60. }
  61.  
  62. .music_card-info-space {
  63.     height: .75em;
  64. }
  65.  
  66. .music_card-link {
  67.     margin: 0 .25em;
  68. }
  69.  
  70. .music_card-link:last-child {
  71.     margin: 0 .5em 0 .25em;
  72. }
  73.  
  74. .music_card-background {
  75.     position: absolute;
  76.     width: 100%;
  77.     height: 100%;
  78.     top: 0;
  79.     overflow: hidden;
  80.     background: red;
  81. }
  82.  
  83. .music_card-background-mask {
  84.     position: absolute;
  85. }
  86.  
  87. .music_card-background img {
  88. 	width: 100%;
  89. 	min-width: 360px;
  90. 	min-height: 120px;
  91. 	height: auto;
  92. }
  93.  
  94. .music_card-global-bold {
  95.     font-weight: bold;
  96. }
  97. /* [[分类:在模板名字空间下的CSS页面]] */
取自“https://vcpedia.cn/index.php?title=Template:Musiccard/styles.css&oldid=428927”