直播记录/styles.css:修订间差异

无编辑摘要
标签移动版编辑 移动版网页编辑
同步en站
标签移动版编辑 移动版网页编辑
 
(未显示同一用户的18个中间版本)
第109行: 第109行:


/* 表格页通用样式 */
/* 表格页通用样式 */
/* 针对移动端设备的样式 */
.neuro{
@media screen {
background:#e3c3ad;
  .collapsible-block-js { /* 包裹表格的父元素 */
}
    min-width: 420px; /* 父元素宽度始终与屏幕宽度一致 */
.evil{
    overflow-x: auto; /* 确保父元素可以横向滚动(如果需要) */
background:#B30239;
    display: inline-block;
color:#fff;
    overflow:visible;
text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000 ,1px 1px 0 #000;
  }
}
  .mw-content-ltr{
.evil a{
  overflow-x: hidden;
color:#ffdddd;
  }
}
  table {
.neuro-evil{
    transform-origin: top left; /* 缩放原点设置为左上角 */
background:#cb6273;
    max-width: none; /* 防止表格宽度被限制 */
text-shadow:-1px -1px 0 #e3c3ad,1px -1px 0 #e3c3ad,-1px 1px 0 #e3c3ad,1px 1px 0 #e3c3ad;
  }
}
  @media (max-width: 1024px) {
.neuro-vedal{
  table {
background:#96ba8c;
  transform: scale(0.7); /* 1024px 以下时缩放 90% */
text-shadow:-1px -1px 0 #4ab06b,1px -1px 0 #4ab06b,-1px 1px 0 #4ab06b,1px 1px 0 #4ab06b;
  }
}
  }
.evil-vedal{
  @media (max-width: 768px) {
background:#7e5952;
  table {
text-shadow:-1px -1px 0 #4ab06b,1px -1px 0 #4ab06b,-1px 1px 0 #4ab06b,1px 1px 0 #4ab06b;
  transform: scale(0.6); /* 768px 以下时缩放 80% */
}
  }
.vedal{
  }
background:#4ab06b;
  @media (max-width: 480px) {
}
  table {
.neuro-evil-vedal{
  transform: scale(0.5); /* 480px 以下时缩放 70% */
background:#a07c70;
  }
color:#fff;
  }
}
}