Files
90CNServer/gmweb/style.css
T
hanfuit e9a3952a9d GM 页:修复内嵌 IE 输入法 + 物品分类浏览
- 90CN.dll:给 IE 控件窗口链重新关联 IME 上下文,中文输入不再只能打字母
- gmweb:页面加 ime-mode:active,focus 时再主动要一次
- 物品页加分组/类型/等级筛选,不依赖中文输入也能定位物品
- 服务端指纹回绑新 DLL(1223680 / 26633404…)
2026-11-05 12:37:03 +08:00

102 lines
3.8 KiB
CSS

/* IE11 兼容:不用 CSS 变量、不用 flex、不用 grid。深色底 + 高对比文字。 */
html, body {
margin: 0; padding: 0; height: 100%;
background: #14161c; color: #d8dbe2;
font: 12px/1.5 "Microsoft YaHei", "SimSun", Tahoma, sans-serif;
overflow: hidden;
}
#hd {
height: 30px; padding: 0 10px;
background: #1d2029; border-bottom: 1px solid #2b3040;
line-height: 30px;
}
#hd-t { float: left; font-weight: bold; color: #e8c979; letter-spacing: 1px; }
#hd-s { float: right; color: #8d94a6; }
.dot { display: inline-block; width: 7px; height: 7px; border-radius: 4px; margin-right: 6px; }
.dot.on { background: #4ec46a; }
.dot.off { background: #b04a4a; }
#tabs { height: 28px; background: #191c24; border-bottom: 1px solid #2b3040; padding-left: 4px; }
.tab {
float: left; padding: 0 14px; line-height: 28px; color: #98a0b3;
text-decoration: none; border-bottom: 2px solid transparent;
}
.tab:hover { color: #d8dbe2; }
.tab.on { color: #e8c979; border-bottom-color: #e8c979; background: #20242e; }
#body { position: absolute; top: 59px; bottom: 62px; left: 0; right: 0; overflow: auto; }
.pane { display: none; padding: 10px; }
.pane.on { display: block; }
table.kv { width: 100%; border-collapse: collapse; }
table.kv th {
text-align: left; width: 84px; color: #8d94a6; font-weight: normal;
padding: 4px 0; border-bottom: 1px solid #232734;
}
table.kv td { padding: 4px 0; border-bottom: 1px solid #232734; color: #dfe3ea; }
.sec {
margin: 12px 0 6px; color: #e8c979; font-size: 11px;
border-left: 3px solid #e8c979; padding-left: 6px; letter-spacing: 1px;
}
.cur {
padding: 8px; background: #1c2029; border: 1px solid #2b3040;
color: #9fd8a8;
}
.row { margin: 6px 0; }
.inp {
background: #0f1116; border: 1px solid #2f3547; color: #dfe3ea;
padding: 4px 6px; font: 12px "Microsoft YaHei", Tahoma, sans-serif;
width: 240px; outline: none;
/* 内嵌 IE 控件里输入法默认是关的,这里强制激活,否则只能打英文 */
ime-mode: active;
}
.inp:focus { border-color: #e8c979; ime-mode: active; }
input[type="text"], textarea { ime-mode: active; }
.inp.sm { width: 110px; }
.inp.xs { width: 60px; }
.inp.xs2 { width: 84px; }
select.inp { padding: 3px 2px; }
.inp[disabled] { opacity: .4; }
.lb { display: inline-block; width: 56px; color: #8d94a6; }
.btn {
background: #262c3a; border: 1px solid #39415a; color: #d8dbe2;
padding: 5px 12px; cursor: pointer; font: 12px "Microsoft YaHei", Tahoma, sans-serif;
margin-right: 6px;
}
.btn:hover { background: #303849; border-color: #4d5877; }
.btn.pri { background: #6b4f18; border-color: #a3781f; color: #ffe6ae; }
.btn.pri:hover { background: #7d5d1e; }
.btn[disabled] { opacity: .45; cursor: default; }
.list {
margin-top: 8px; max-height: 190px; overflow: auto;
border: 1px solid #2b3040; background: #101319;
}
/* 物品列表固定 6 行高度:行数再多也只占这一块,靠滚动 + 翻页看更多 */
.list.fixed { height: 156px; max-height: 156px; }
.li {
padding: 3px 8px; line-height: 20px; border-bottom: 1px solid #1c212b; cursor: pointer;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.li:hover { background: #1b2130; }
.li.on { background: #2a3550; color: #ffe6ae; }
.li .nm { color: #dfe3ea; }
.li .meta { color: #7c8496; font-size: 11px; margin-left: 6px; }
.empty { padding: 12px; color: #666e80; text-align: center; }
.dim { color: #7c8496; }
.pager { margin: 6px 0 2px; }
.btn.sm { padding: 3px 10px; font-size: 11px; }
.pg { color: #8d94a6; font-size: 11px; margin: 0 8px; }
#log {
position: absolute; bottom: 0; left: 0; right: 0; height: 62px;
background: #0d0f14; border-top: 1px solid #2b3040;
padding: 4px 8px; overflow: auto; font: 11px/1.45 Consolas, monospace;
color: #8d94a6;
}
#log .ok { color: #6fcf87; }
#log .err { color: #e07070; }
#log .tip { color: #e8c979; }
.hint { color: #666e80; font-size: 11px; margin-top: 6px; }