56 lines
5.8 KiB
CSS
56 lines
5.8 KiB
CSS
.apple-id-page{--aid-line:#ece9f0;--aid-purple:#805b89;--aid-muted:#827b89}
|
|
.apple-id-page .post>.card-body{padding:28px}
|
|
.aid-header{display:flex;align-items:flex-start;gap:24px;margin-bottom:22px}
|
|
.aid-header__copy{flex:1;min-width:0}
|
|
.apple-id-page .aid-header h1{font-size:32px;line-height:1.3;letter-spacing:-.45px;font-weight:700;color:#30333c;margin:0}
|
|
.aid-header__copy>p{font-size:14px;line-height:1.7;color:var(--aid-muted);margin:9px 0 0}
|
|
.aid-header__art{width:112px;height:80px;object-fit:cover;flex:none;border-radius:8px}
|
|
.aid-notice{background:#fcfaf6;border:1px solid #eee4d5;border-left:3px solid #cbb18c;border-radius:4px;padding:13px 16px;margin-bottom:26px}
|
|
.apple-id-page .post-content .aid-notice p{font-size:14px;line-height:1.9;color:#876b43;margin:0}
|
|
.aid-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
|
|
.apple-id-page .post-content .aid-toolbar h2{font-size:22.72px;line-height:1.55;color:#38343e;margin:0;padding:0;border:0}
|
|
.aid-toolbar h2>span{font-size:13px;font-weight:400;color:var(--aid-muted);margin-left:9px;white-space:nowrap}
|
|
.aid-filter{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--aid-muted);margin:0}
|
|
.aid-filter[hidden],.aid-account[hidden]{display:none!important}
|
|
.aid-filter select{max-width:170px;min-height:38px;padding:6px 26px 6px 10px;border:1px solid var(--aid-line);border-radius:4px;background:#fff;color:#65596e;font:inherit}
|
|
.aid-filter select:focus-visible,.aid-copy:focus-visible{outline:2px solid #9572b0;outline-offset:3px}
|
|
.aid-account-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
|
|
.aid-account{min-width:0;border:1px solid var(--aid-line);border-radius:4px;padding:16px 16px 13px;background:#fff}
|
|
.aid-account__heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
|
|
.apple-id-page .post-content .aid-account__heading h3{font-size:16px;font-weight:600;line-height:1.5;color:#4a4051;margin:0;padding:0}
|
|
.apple-id-page .post-content .aid-account__heading h3::before{display:none}
|
|
.aid-account__heading>span{font-size:12px;color:#99919f;white-space:nowrap}
|
|
.aid-fields{margin:0;display:grid;gap:6px}
|
|
.aid-field{display:flex;align-items:center;gap:9px;min-width:0}
|
|
.aid-field dt{flex:none;width:28px;font-size:12px;font-weight:400;color:var(--aid-muted);margin:0}
|
|
.aid-field dd{display:flex;align-items:center;gap:7px;flex:1;min-width:0;margin:0}
|
|
.apple-id-page .post-content .aid-field code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.65;background:none;color:#5e5666;flex:1;min-width:0;padding:0;overflow-wrap:anywhere;word-break:normal}
|
|
.aid-copy{flex:none;border:1px solid #e9e2ed;border-radius:4px;background:#f8f5fa;color:var(--aid-purple);font-size:12px;line-height:1.5;min-height:36px;padding:7px 9px;cursor:pointer;white-space:nowrap}
|
|
.aid-copy:hover{background:#eee7f2;border-color:#dcd0e2}
|
|
.apple-id-page .post-content .aid-account__checked{font-size:12px;line-height:1.6;color:#958c9e;margin:13px 0 0;padding-top:11px;border-top:1px solid #f0edf3}
|
|
.aid-extra{font-size:16px;line-height:1.95}
|
|
.apple-id-page .post-content>.airport-recommendations{margin-top:28px;padding-top:25px;border-top:1px solid var(--aid-line)}
|
|
@media(max-width:767.98px){.apple-id-page .post>.card-body{padding:22px}.aid-header{gap:12px;margin-bottom:18px}.apple-id-page .aid-header h1{font-size:26px;line-height:1.35}.aid-header__art{width:68px;height:76px}.aid-header__copy>p{font-size:14px;margin-top:7px}.aid-notice{padding:12px 13px;margin-bottom:22px}.apple-id-page .post-content .aid-notice p{font-size:13px;line-height:1.9}.apple-id-page .post-content .aid-toolbar h2{font-size:19.5px}.aid-toolbar{gap:10px;flex-wrap:wrap}.aid-filter{gap:7px}.aid-filter select{max-width:145px}.aid-account-list{grid-template-columns:minmax(0,1fr);gap:12px}.aid-account{padding:15px}.apple-id-page .post-content .aid-field code{font-size:13px}.aid-copy{min-height:40px;padding:8px 11px}.aid-extra{font-size:15px}}
|
|
@media(max-width:359.98px){.aid-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.aid-filter{width:100%}.aid-filter select{flex:1;max-width:none}.aid-header__art{width:58px;height:68px}}
|
|
|
|
.apple-id-page .post-content .aid-empty{padding:22px 18px;border:1px solid var(--aid-line);border-radius:4px;font-size:14px;line-height:1.8;color:var(--aid-muted);margin:0}
|
|
body.nice-dark-mode .apple-id-page{--aid-line:#35303d;--aid-purple:#c7a4d1;--aid-muted:#aaa3b2}
|
|
body.nice-dark-mode .apple-id-page .aid-header h1{color:#eeeaf1}
|
|
body.nice-dark-mode .apple-id-page .post-content .aid-toolbar h2{color:#e6e0ec}
|
|
body.nice-dark-mode .aid-account{background:#23212a}
|
|
body.nice-dark-mode .apple-id-page .post-content .aid-account__heading h3{color:#e6e0ec}
|
|
body.nice-dark-mode .apple-id-page .post-content .aid-field code{color:#d1c9d9}
|
|
body.nice-dark-mode .apple-id-page .post-content .aid-account__checked{color:#aaa3b2;border-color:#38313f}
|
|
body.nice-dark-mode .aid-copy{background:#302837;border-color:#4a3a53}
|
|
body.nice-dark-mode .aid-copy:hover{background:#413148;border-color:#71547d}
|
|
body.nice-dark-mode .aid-notice{background:#2c2924;border-color:#4c4233;border-left-color:#96744a}
|
|
body.nice-dark-mode .apple-id-page .post-content .aid-notice p{color:#ddc8aa}
|
|
body.nice-dark-mode .aid-filter select{background:#26222d;color:#ded6e6}
|
|
.aid-reveal{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;min-height:36px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--aid-muted);cursor:pointer}
|
|
.aid-reveal[hidden]{display:none!important}
|
|
.aid-reveal__slash{display:none}
|
|
.aid-reveal[aria-pressed="true"] .aid-reveal__slash{display:block}
|
|
.aid-reveal:hover{color:var(--aid-purple)}
|
|
.aid-reveal:focus-visible{outline:2px solid #9572b0;outline-offset:2px}
|
|
@media(max-width:767.98px){.aid-reveal{min-height:40px}}
|