打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

用户:Xp00000000/common.css:修订间差异

来自Rizline中文维基
Xp00000000留言 | 贡献
无编辑摘要
Xp00000000留言 | 贡献
无编辑摘要
 
(未显示同一用户的16个中间版本)
第1行: 第1行:
/* 首页home-card--button的修复 */
/* 数学公式无框表格的修复 */
.home-card--button {
table:has(math) {
     position: relative;
     display: block;
     overflow: hidden;
    border: 0;
    max-width: 100%;
     overflow-x: auto;
}
}


.home-card__foreground {
/* 曲目导航无框表格的修复 */
height: 100%;
.navbox:not(:has(.mw-collapsed)) {
     position: absolute;
    display: inline-block;
     left: 15px;
     max-width: 100%;
     color: white;
     overflow-x: auto;
    line-height: 70px;  
     white-space: nowrap;
    font-weight: bold;
}
     user-select: none;
 
     pointer-events: none;
.navbox-inner:not(.mw-collapsed) {
    z-index: 2;
     display: inline-block;
     white-space: nowrap;
}


.navbox-subgroup:not(.mw-collapsed) {
    display: inline-table;
    white-space: normal;
}
}


.home-card__background::before {
/* 移动端特定表格样式 */
     position: absolute;
@media (max-width: 768px) {
     top: 0;
  table.mobile-200-width {
    left: 0;
     width: 200% ;
     right: 0;
     transform-origin: left top;  
    bottom: 0;
     margin-bottom: 2em;
    content: "";
  }
    background: linear-gradient(90deg,
 
            rgba(0, 0, 0, 1) 0%,
  .mw-body table.mobile-200-width {
            rgba(0, 0, 0, 0.4) 50%,
     overflow-x: auto;
            transparent 100%);
  }
     pointer-events: none;
    z-index: 1;
}
}

2025年5月18日 (日) 10:29的最新版本

/* 数学公式无框表格的修复 */
table:has(math) {
    display: block;
    border: 0;
    max-width: 100%;
    overflow-x: auto;
}

/* 曲目导航无框表格的修复 */
.navbox:not(:has(.mw-collapsed)) {
    display: inline-block;
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}

.navbox-inner:not(.mw-collapsed) {
    display: inline-block;
    white-space: nowrap;
}

.navbox-subgroup:not(.mw-collapsed) {
    display: inline-table;
    white-space: normal;
}

/* 移动端特定表格样式 */
@media (max-width: 768px) {
  table.mobile-200-width {
    width: 200% ;
    transform-origin: left top; 
    margin-bottom: 2em;
  }

  .mw-body table.mobile-200-width {
    overflow-x: auto;
  }
}