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

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


/* 表格页通用样式 */
/* 表格页通用样式 */
/* 针对移动端设备的样式 */
.neuro{
@media screen and (max-width: 768px) {
background:#e3c3ad;
  .table-wrapper { /* 包裹表格的父元素 */
}
    width: 100%; /* 父元素宽度始终与屏幕宽度一致 */
.evil{
    overflow-x: auto; /* 确保父元素可以横向滚动(如果需要) */
background:#B30239;
    display: block;
color:#fff;
  }
text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000 ,1px 1px 0 #000;
 
}
  table {
.evil a{
    display: block; /* 表格设置为块级元素,便于缩放 */
color:#ffdddd;
    transform: scale(0.8); /* 缩放表格(根据需要调整缩放比例) */
}
    transform-origin: top left; /* 缩放原点设置为左上角 */
.neuro-evil{
    width: 125%; /* 表格宽度设置为缩放后的逻辑宽度 */
background:#cb6273;
    max-width: none; /* 防止表格宽度被限制 */
text-shadow:-1px -1px 0 #e3c3ad,1px -1px 0 #e3c3ad,-1px 1px 0 #e3c3ad,1px 1px 0 #e3c3ad;
  }
}
.neuro-vedal{
background:#96ba8c;
text-shadow:-1px -1px 0 #4ab06b,1px -1px 0 #4ab06b,-1px 1px 0 #4ab06b,1px 1px 0 #4ab06b;
}
.evil-vedal{
background:#7e5952;
text-shadow:-1px -1px 0 #4ab06b,1px -1px 0 #4ab06b,-1px 1px 0 #4ab06b,1px 1px 0 #4ab06b;
}
.vedal{
background:#4ab06b;
}
.neuro-evil-vedal{
background:#a07c70;
color:#fff;
}
}