93 lines
4.6 KiB
CSS
93 lines
4.6 KiB
CSS
/* Limit the new theme to pages with the shared navigation, including legacy forms. */
|
|
body:not(.ac-home):has(.ac-header) {
|
|
--primary-color: #173f62;
|
|
--nav-color: #173f62;
|
|
--banner-color: #173f62;
|
|
--home-blue-dark: #122e4b;
|
|
--news-blue-dark: #122e4b;
|
|
color: #172d45;
|
|
background: #f4f7f9;
|
|
font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
|
|
}
|
|
body .content:has(> .ac-header) {
|
|
width: 100%;
|
|
height: auto;
|
|
margin: 0;
|
|
padding-top: 0;
|
|
background: transparent;
|
|
overflow: visible;
|
|
}
|
|
body:has(.ac-header) :is(.detail-shell, .u-bg-greylight) { background: #f4f7f9; }
|
|
body:has(.ac-header) :is(.info-card, .news-list-panel, .news-article, .news-related, .login-box, .lookup-page__container > .container) {
|
|
border: 1px solid #e3e9ed;
|
|
border-top: 2px solid #d8bd91;
|
|
border-radius: 8px;
|
|
box-shadow: 0 8px 24px rgba(23, 45, 69, .05);
|
|
}
|
|
body:has(.ac-header) :is(.info-card h1, .news-hero h1, .news-article h1) { color: #172d45; font-weight: 600; }
|
|
body:has(.ac-header) .news-kicker { color: #876637; letter-spacing: 2px; }
|
|
body:has(.ac-header) .help-item { border-color: #e3e9ed; }
|
|
body:has(.ac-header) .company-meta { background: #f4f7f9; border-color: #e3e9ed; }
|
|
/* Keep form controls and their layout intact; only recolor the existing title strip. */
|
|
body:has(.ac-header) .m-form-application-title {
|
|
background: #edf3f7 !important;
|
|
border-top: 2px solid #d8bd91 !important;
|
|
border-bottom: 1px solid #e3e9ed !important;
|
|
color: #173f62;
|
|
}
|
|
body:has(.ac-header) .m-form-application-title h2 { color: #173f62; font-weight: 600; }
|
|
body:has(.ac-header) .layui-upload-drag .layui-icon { color: var(--primary-color); }
|
|
body:has(.ac-header) .login-logo { color: #173f62; background: #f1dfc2; border-radius: 5px; }
|
|
body:has(.ac-header) .login-logo img { filter: brightness(0) saturate(100%) invert(19%) sepia(26%) saturate(1725%) hue-rotate(167deg) brightness(95%) contrast(94%); }
|
|
.login-page:has(.ac-header) .login-box { border-radius: 8px !important; box-shadow: 0 8px 24px rgba(23, 45, 69, .05) !important; }
|
|
body:not(.ac-home):has(.ac-header) .footer { margin-top: auto; }
|
|
|
|
/* Registration and lookup share the panel styling without changing form controls or result states. */
|
|
body:is(.detail-page, .esta-page, .lookup-page):has(.ac-header) :is(.detail-shell, .wrap, .lookup-shell) > .layui-container {
|
|
width: min(1200px, calc(100% - 80px));
|
|
margin: 30px auto 48px;
|
|
padding: 0;
|
|
}
|
|
body:is(.detail-page, .esta-page, .lookup-page):has(.ac-header) :is(.detail-shell, .wrap, .lookup-shell) > .layui-container > .container:has(> .layui-form) {
|
|
width: 100%;
|
|
padding: 30px 24px 24px;
|
|
background: #fff;
|
|
border: 1px solid #e3e9ed;
|
|
border-radius: 10px;
|
|
box-shadow: 0 8px 28px rgba(23, 45, 69, .04);
|
|
}
|
|
body:is(.detail-page, .esta-page, .lookup-page):has(.ac-header) .m-form-application-title {
|
|
margin: 0 0 20px !important;
|
|
padding: 0 10px 20px;
|
|
background: transparent !important;
|
|
border: 0 !important;
|
|
border-bottom: 1px solid #e7edf1 !important;
|
|
}
|
|
body:is(.detail-page, .esta-page, .lookup-page):has(.ac-header) .m-form-application-title h2 {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12px;
|
|
margin: 0;
|
|
font-size: 24px;
|
|
line-height: 1.5;
|
|
}
|
|
body:is(.detail-page, .esta-page, .lookup-page):has(.ac-header) .m-form-application-title h2::before {
|
|
content: "";
|
|
flex: 0 0 4px;
|
|
height: 22px;
|
|
border-radius: 2px;
|
|
background: #b8894d;
|
|
}
|
|
body:is(.detail-page, .esta-page, .lookup-page):has(.ac-header) .layui-form-label { color: #31475c; font-size: 16px; font-weight: 500; }
|
|
@media (max-width: 800px) {
|
|
body:is(.detail-page, .esta-page, .lookup-page):has(.ac-header) :is(.detail-shell, .wrap, .lookup-shell) > .layui-container { width: calc(100% - 24px); margin: 20px auto 30px; }
|
|
body:is(.detail-page, .esta-page, .lookup-page):has(.ac-header) :is(.detail-shell, .wrap, .lookup-shell) > .layui-container > .container:has(> .layui-form) { padding: 22px 6px 18px; }
|
|
body:is(.detail-page, .esta-page, .lookup-page):has(.ac-header) .m-form-application-title { margin-bottom: 14px !important; padding-bottom: 16px; }
|
|
body:is(.detail-page, .esta-page, .lookup-page):has(.ac-header) .m-form-application-title h2 { font-size: 20px; }
|
|
body:is(.detail-page, .esta-page, .lookup-page):has(.ac-header) .layui-form-label { font-size: 15px; }
|
|
}
|
|
|
|
/* The lookup grid already owns its column layout; avoid doubling its outer padding. */
|
|
body.lookup-page:has(.ac-header) .lookup-shell { width: 100%; max-width: none; padding: 0; }
|
|
body.lookup-page:has(.ac-header) #Form1 .lookup-form-grid { padding: 4px 10px 0; }
|