@charset "utf-8"; /* ========================================================================== 得明论坛 · 金句风皮肤（宣纸 · 松烟墨 · 石绿 · 朱砂）覆盖页面：list.asp 列表页 / view.asp 详情页 / edit.asp 增加·分类页原则：只改颜色、字体、线、按钮外观；不动 display / position / width / margin / float / 表格结构，版式与原来完全一致。用法：在页面末尾加一行即可（推荐外链）想三个页面统一，就写进 _comm/header.asp。编码：本文件 UTF-8；若要内联进 GBK 页面，请另存为 GBK，否则中文注释会乱码。注意：页面尾部自带，所以链接统一用 body a 提高权重。 ========================================================================== */ :root{ --paper:#F8F4EB; /* 宣纸底 */ --card:#FFFDF8; /* 纸白，表格单元格 */ --ink:#1E2421; /* 松烟墨 */ --ink2:#414A44; /* 正文次级墨 */ --mut:#6E756C; /* 说明灰 */ --line:#DCD5C6; /* 细线 */ --line2:#E9E3D6; /* 更浅的线 */ --cin:#B04A32; /* 朱砂 */ --cin-d:#9C3F2A; /* 朱砂按下态 */ --jade:#2F6E5A; /* 石绿 */ --jade-wash:#EDF1EC; /* 石绿淡底，标签格用 */ --serif:"Songti SC","STSong","Source Han Serif SC","Noto Serif SC","SimSun",Georgia,serif; --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif; } /* -------------------------------------------------------------------------- 一、全局：底色、字体、链接 -------------------------------------------------------------------------- */ html,body{ background:var(--paper) !important; color:var(--ink) !important; } body{ font-family:var(--sans); font-size:16px; line-height:1.75; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; } body a{color:var(--jade);text-decoration:none} body a:hover{color:var(--cin)} ::selection{background:rgba(176,74,50,.14);color:var(--ink)} /* 旧式收口 */ font[color="gray" i]{color:var(--mut) !important} font[color="red" i]{color:var(--cin) !important} font[color="blue" i]{color:var(--jade) !important} font[color="white" i]{color:var(--card) !important} /* 表格底色：bgcolor 是表现属性，权重最低，这里统一换成纸白 */ tr[bgcolor="eeeeee" i],td[bgcolor="eeeeee" i],table[bgcolor="eeeeee" i]{ background-color:var(--card) !important; } tr[bgcolor="ffffff" i],td[bgcolor="ffffff" i],td[bgcolor="white" i]{ background-color:transparent !important; } table[bgcolor="#f1f7fe" i],table[bgcolor="#f1f7fe" i] td{ background-color:var(--card) !important; } /* 增加页 / 分类页左侧标签格（原蓝灰 #B8CDE2） */ td[bgcolor="#b8cde2" i]{ background-color:var(--jade-wash) !important; color:var(--jade) !important; letter-spacing:.02em; } table[width="100%"] td{border-color:var(--line2)} hr{background:var(--line);border:0;height:1px;color:var(--line)} /* -------------------------------------------------------------------------- 二、列表页 list.asp -------------------------------------------------------------------------- */ /* 面包屑 */ a[href="boardlist.asp"], a[href^="list.asp?boardid="][href*="boardname"]{color:var(--mut)} /* 「增加」：朱砂描边小方签 */ a[href^="edit.asp?boardid="]{ display:inline-block; padding:2px 10px; margin:0 2px; color:var(--cin) !important; border:1px solid var(--cin); border-radius:0; font-size:14px; line-height:1.7; letter-spacing:.08em; } a[href^="edit.asp?boardid="]:hover{ background:var(--cin); color:var(--card) !important; } /* 条目标题：宋体、加大、放宽行距 */ td[colspan="5"] li{color:var(--cin)} td[colspan="5"] li::marker{color:var(--cin)} td[colspan="5"] li > a[href^="view.asp"]{ font-family:var(--serif); font-size:19px; line-height:1.85; font-weight:600; letter-spacing:.01em; color:var(--ink); text-decoration:none; } td[colspan="5"] li > a[href^="view.asp"]:hover{ color:var(--cin); text-decoration:underline; text-decoration-color:var(--cin); text-underline-offset:3px; text-decoration-thickness:1px; } /* 右下角元信息：分类 · 板块 · 作者 · 详细 · 编辑 */ span[style*="12px" i]{font-size:13px !important;color:var(--mut) !important} span[style*="12px" i] a[href*="boardname="]{ color:var(--jade); padding:0 1px; } span[style*="12px" i] a[href*="boardname="]:hover{color:var(--cin)} span[style*="12px" i] a[href^="view.asp"], span[style*="12px" i] a[href^="edit.asp"]{ color:var(--mut); margin-left:2px; border-bottom:1px solid var(--line); } span[style*="12px" i] a[href^="view.asp"]:hover, span[style*="12px" i] a[href^="edit.asp"]:hover{ color:var(--cin); border-bottom-color:var(--cin); } /* 分页条 */ table[height="30"]{background-color:var(--card) !important;border-top:1px solid var(--line)} .fy_left,.fy_right{color:var(--mut)} .fy_left font,.fy_right font{color:var(--mut) !important} .fy_right a{color:var(--jade)} .fy_right a:hover{color:var(--cin)} td[style*="font-size: 14px"]{font-size:14px !important;color:var(--mut)} td[style*="font-size: 14px"] select{ font-size:14px; padding:2px 6px; } /* 页脚（自带白色卡片样式，这里压回宣纸） */ .footer-clean{ background:var(--paper) !important; color:var(--mut) !important; border-top:1px solid var(--line) !important; } .footer-clean a{color:var(--ink2)} .footer-clean a:hover{color:var(--cin)} .footer-logo{box-shadow:none !important;border:1px solid var(--line)} /* 底部黄色固定条 */ .bottom_xf{ background:var(--card) !important; border-top:1px solid var(--line); color:var(--cin) !important; } /* -------------------------------------------------------------------------- 三、详情页 view.asp -------------------------------------------------------------------------- */ h1,h2,h3{ font-family:var(--serif); color:var(--ink); font-weight:600; letter-spacing:.02em; line-height:1.5; } h2{font-size:22px} /* 作者 / 时间 */ div[align="right"]{color:var(--mut)} /* 正文：适合中老年的字号与行距 */ #article_content,#content{ font-size:18px !important; line-height:2.02 !important; color:var(--ink2) !important; text-align:justify; letter-spacing:.01em; } #article_content p,#content p{margin:0 0 1.05em} #article_content img,#content img{max-width:100%;height:auto;border:1px solid var(--line2)} #article_content a,#content a{ color:var(--jade); border-bottom:1px solid var(--line); word-break:break-all; } #article_content a:hover,#content a:hover{color:var(--cin);border-bottom-color:var(--cin)} /* 下一条 / 返回 */ center > a{color:var(--jade);font-size:15px} center > a:hover{color:var(--cin)} table[align="center"] a{color:var(--mut)} table[align="center"] a:hover{color:var(--cin)} /* -------------------------------------------------------------------------- 四、增加页 / 分类页 edit.asp：输入框、按钮 -------------------------------------------------------------------------- */ input[type="text"],input[type="password"],input[type="search"],textarea,select{ box-sizing:border-box; /* 关键：加了内边距也不变宽，避免撑出横向滚动条 */ background:var(--card); border:1px solid var(--line); border-radius:0; color:var(--ink); font-family:var(--sans); font-size:15px; line-height:1.6; padding:4px 8px; outline:none; -webkit-appearance:none; appearance:none; } input[type="text"]:focus,input[type="password"]:focus,textarea:focus,select:focus{ border-color:var(--jade); box-shadow:none; } input::placeholder,textarea::placeholder{color:var(--mut);opacity:.7} textarea{line-height:1.9;padding:10px 12px} /* 提交类按钮：朱砂实心（增加页的「提交」） */ input[type="submit"],input[type="button"],input[type="reset"],button{ background:var(--cin); border:1px solid var(--cin); border-radius:0; color:var(--card); font-family:var(--sans); font-size:15px; line-height:1.7; letter-spacing:.1em; padding:4px 18px; cursor:pointer; -webkit-appearance:none; appearance:none; } input[type="submit"]:hover,input[type="button"]:hover,button:hover{ background:var(--cin-d); border-color:var(--cin-d); color:var(--card); } /* 次要按钮：描边（列表页的「搜索」，.bt 与划过时的 .bt1 保持一致）放在 submit 规则之后，同权重后出现者生效 */ input.bt,input.bt1,.bt,.bt1{ background:var(--card); border:1px solid var(--line); color:var(--ink); letter-spacing:.04em; font-size:14px; padding:4px 14px; } input.bt:hover,input.bt1,.bt:hover,.bt1:hover{ background:var(--card); border-color:var(--cin); color:var(--cin); } /* -------------------------------------------------------------------------- 五、移动端细节 -------------------------------------------------------------------------- */ @media (max-width:480px){ body{font-size:16px;line-height:1.78} td[colspan="5"] li > a[href^="view.asp"]{font-size:18px;line-height:1.8} #article_content,#content{font-size:17.5px !important;line-height:1.98 !important} a[href^="edit.asp?boardid="]{padding:2px 8px;font-size:13.5px} }