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

跳转到导航 跳转到搜索
无编辑摘要
标签移动版编辑 移动版网页编辑
无编辑摘要
 
(未显示同一用户的8个中间版本)
第109行: 第109行:


/* 表格页通用样式 */
/* 表格页通用样式 */
/* 移动端 */
.neuro{
@media only screen and (max-width: 768px) {
background:#e3c3ad;
  /* 表格容器 */
  .open-block {
    width: 100%; /* 容器宽度与屏幕宽度一致 */
    overflow-x: hidden; /* 启用横向滚动以防非常长的内容 */
    overflow:visible;
  }
 
  /* 表格整体缩放 */
  table {
    width: 120%; /* 表格内容宽度自由 */
    max-width:none;
    transform: scale(0.8); /* 表格缩放为 80% */
    transform-origin: top left; /* 缩放起点为左上角 */
    display: inline-block; /* 让表格在容器内居中缩放 */
  }
 
  /* 单元格文字默认大小 */
  th, td {
    white-space: nowrap; /* 禁止文字换行 */
    font-size: 16px; /* 设置基础字体大小 */
    padding: 6px; /* 减少单元格内边距 */
    text-align: left; /* 左对齐文字 */
  }
}
}
 
.evil{
@media only screen and (max-width: 480px) {
background:#B30239;
  /* 针对更小的屏幕进一步缩放 */
color:#fff;
  table {
text-shadow:-0.5px -0.5px 0 #000,0.5px -0.5px 0 #000,-0.5px 0.5px 0 #000 ,0.5px 0.5px 0 #000;
    transform: scale(0.6); /* 表格缩放为 60% */
}
  }
.evil a{
 
color:#ffdddd;
  th, td {
}
    font-size: 14px; /* 设置更小的基础字体 */
.neuro-evil{
  }
background:#cb6273;
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;
}
}