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

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


/* 表格页通用样式 */
/* 表格页通用样式 */
@media only screen and (max-width: 768px) {
.neuro{
  /* 表格宽度自适应屏幕 */
background:#e3c3ad;
  table {
}
    width: 100%; /* 表格宽度填充屏幕 */
.evil{
    border-collapse: collapse; /* 合并边框 */
background:#B30239;
    min-width: 100%; /* 确保表格不会小于屏幕 */
color:#fff;
  }
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;
 
}
  /* 单元格样式 */
.evil a{
  th, td {
color:#ffdddd;
    word-wrap: break-word; /* 长单词换行 */
}
    white-space: normal; /* 允许文字换行 */
.neuro-evil{
    font-size: calc(10px + 0.5vw); /* 根据屏幕宽度动态调整字体大小 */
background:#cb6273;
    padding: 6px; /* 减少内边距以适配小屏幕 */
text-shadow:-1px -1px 0 #e3c3ad,1px -1px 0 #e3c3ad,-1px 1px 0 #e3c3ad,1px 1px 0 #e3c3ad;
    text-align: left; /* 文本左对齐 */
}
  }
.neuro-vedal{
 
background:#96ba8c;
  /* 表头样式 */
text-shadow:-1px -1px 0 #4ab06b,1px -1px 0 #4ab06b,-1px 1px 0 #4ab06b,1px 1px 0 #4ab06b;
  th {
}
    background-color: #f2f2f2; /* 给表头加背景色 */
.evil-vedal{
    font-weight: bold; /* 表头加粗 */
background:#7e5952;
  }
text-shadow:-1px -1px 0 #4ab06b,1px -1px 0 #4ab06b,-1px 1px 0 #4ab06b,1px 1px 0 #4ab06b;
 
}
  /* 表格容器,增加滚动支持 */
.vedal{
  .table-wrapper {
background:#4ab06b;
    overflow-x: auto; /* 启用横向滚动 */
}
  }
.neuro-evil-vedal{
background:#a07c70;
color:#fff;
}
}