|
|
(未显示同一用户的17个中间版本) |
第1行: |
第1行: |
| /* 曲目信息infobox的修复 */ | | /* 数学公式无框表格支持旧浏览器的修复 */ |
| .infobox {
| |
| margin-bottom: 20px;
| |
| padding-left: 13px;
| |
| float: right;
| |
| }
| |
|
| |
|
| @media (max-width: 510px) {
| |
| .infobox {
| |
| margin: 0 auto 20px;
| |
| width: 90%;
| |
| float: none;
| |
| display: block;
| |
| }
| |
|
| |
|
| }
| | /* 曲目导航无框表格支持旧浏览器的修复 */ |
|
| |
|
|
| |
|
| /* 首页home-card--button的修复 */
| |
| .home-card--button {
| |
| position: relative;
| |
| overflow: hidden;
| |
| }
| |
|
| |
| .home-card__foreground {
| |
| position: absolute;
| |
| left: 15px;
| |
| top: 50%;
| |
| color: white;
| |
| font-weight: bold;
| |
| user-select: none;
| |
| pointer-events: none;
| |
| transform: translateY(-50%);
| |
| z-index: 2;
| |
|
| |
| }
| |
|
| |
| .home-card__background::before {
| |
| position: absolute;
| |
| top: 0;
| |
| left: 0;
| |
| right: 0;
| |
| bottom: 0;
| |
| content: "";
| |
| background: linear-gradient(90deg,
| |
| rgba(0, 0, 0, 1) 0%,
| |
| rgba(0, 0, 0, 0.4) 50%,
| |
| transparent 100%);
| |
| pointer-events: none;
| |
| z-index: 1;
| |
| }
| |
|
| |
|
|
| |
|
第55行: |
第10行: |
| /*红龙的神秘css*/ | | /*红龙的神秘css*/ |
|
| |
|
| /* 首页背景缩放 */
| | .home-card__foreground { |
| #home-nav .home-card {
| | font-weight: bold; |
| overflow: hidden;
| |
| position: relative;
| |
| }
| |
| | |
| #home-nav .home-card__background img {
| |
| width: 100%;
| |
| height: 100%;
| |
| object-fit: cover;
| |
| transition: transform 0.3s ease;
| |
| transform-origin: center;
| |
| will-change: transform;
| |
| backface-visibility: hidden;
| |
| }
| |
| | |
| #home-nav .home-card:hover .home-card__background img {
| |
| transform: scale(1.07);
| |
| } | | } |
/* 数学公式无框表格支持旧浏览器的修复 */
/* 曲目导航无框表格支持旧浏览器的修复 */
/*红龙的神秘css*/
.home-card__foreground {
font-weight: bold;
}