|
Tags: Blanking Manual revert |
| (5 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
|
| |
|
|
| |
| /* BEGIN WikiCyber homepage v1 */
| |
| /* WikiCyber homepage v1. All rules are scoped to Main Page; no global theme changes. */
| |
| body.page-Main_Page .wc-home {
| |
| --wc-surface: var(--background-color-base, #fff);
| |
| --wc-text: var(--color-base, #202c3b);
| |
| --wc-muted: var(--color-subtle, #647184);
| |
| --wc-line: var(--border-color-subtle, #dfe5ed);
| |
| --wc-blue: #2855b2;
| |
| --wc-green: #24783a;
| |
| --wc-tint: #eef3fc;
| |
| --wc-green-tint: #edf7ef;
| |
| color: var(--wc-text);
| |
| font-family: Arial, Helvetica, sans-serif;
| |
| line-height: 1.8;
| |
| }
| |
| body.page-Main_Page .wc-home h1,
| |
| body.page-Main_Page .wc-home h2,
| |
| body.page-Main_Page .wc-home h3 { font-family: inherit; color: var(--wc-text); border: 0; padding: 0; line-height: 1.25; letter-spacing: -.025em; overflow: visible; }
| |
| body.page-Main_Page .wc-home .mw-heading { border: 0; margin: 0; }
| |
| body.page-Main_Page .wc-home .mw-editsection { display: none; }
| |
| body.page-Main_Page .wc-home a { color: var(--wc-blue); }
| |
| body.page-Main_Page .wc-home a:focus-visible { outline: 3px solid var(--wc-blue); outline-offset: 4px; }
| |
| body.page-Main_Page .wc-hero { border: 1px solid var(--wc-line); border-radius: 10px; padding: 40px 36px 0; background: radial-gradient(ellipse at 100% 0%, var(--wc-green-tint), transparent 65%), var(--wc-surface); }
| |
| body.page-Main_Page .wc-hero h1 { font-size: clamp(32px, 4vw, 49px); margin: 0 0 22px; font-weight: 750; letter-spacing: -1.5px; }
| |
| body.page-Main_Page .wc-hero h1 span { color: var(--wc-blue); }
| |
| body.page-Main_Page .wc-intro { max-width: 570px; color: var(--wc-muted); font-size: 15px; }
| |
| body.page-Main_Page .wc-actions { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; margin: 26px 0 32px; font-size: 12px; font-weight: bold; }
| |
| body.page-Main_Page .wc-actions p { display: contents; }
| |
| body.page-Main_Page .wc-primary { display: inline-block; background: #2855b2; color: #fff; padding: 11px 17px; border-radius: 5px; }
| |
| body.page-Main_Page .wc-actions a:hover .wc-primary { background: #214a9d; }
| |
| body.page-Main_Page .wc-values { border-top: 1px solid var(--wc-line); padding: 15px 0; display: flex; gap: 24px; flex-wrap: wrap; font-size: 11px; color: var(--wc-muted); }
| |
| body.page-Main_Page .wc-values p { display: contents; }
| |
| body.page-Main_Page .wc-topics { padding-top: 32px; scroll-margin-top: 25px; }
| |
| body.page-Main_Page .wc-home .wc-eyebrow { color: var(--wc-muted); font-size: 10px; font-weight: bold; letter-spacing: 1.7px; margin: 0 0 9px; }
| |
| body.page-Main_Page .wc-home h2 { margin: 0 0 20px; font-size: 26px; }
| |
| body.page-Main_Page .wc-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
| |
| body.page-Main_Page .wc-card { display: flex; flex-direction: column; padding: 24px; border: 1px solid var(--wc-line); border-radius: 8px; background: var(--wc-surface); transition: border-color .15s; }
| |
| body.page-Main_Page .wc-card:hover { border-color: var(--wc-blue); }
| |
| body.page-Main_Page .wc-card h3 { margin: 17px 0 10px; font-size: 20px; }
| |
| body.page-Main_Page .wc-card h3 a { color: var(--wc-text); }
| |
| body.page-Main_Page .wc-card p { color: var(--wc-muted); font-size: 13px; margin: 0 0 15px; }
| |
| body.page-Main_Page .wc-icon { display: inline-grid; place-items: center; width: 37px; height: 37px; border-radius: 8px; font: bold 22px monospace; }
| |
| body.page-Main_Page .wc-blue { color: var(--wc-blue); background: var(--wc-tint); }
| |
| body.page-Main_Page .wc-green { color: var(--wc-green); background: var(--wc-green-tint); }
| |
| body.page-Main_Page .wc-card-link { margin-top: auto; padding-top: 8px; font-size: 12px; font-weight: bold; }
| |
| body.page-Main_Page .wc-feature { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: center; margin: 32px 0; padding: 28px 0; border-top: 1px solid var(--wc-line); border-bottom: 1px solid var(--wc-line); }
| |
| body.page-Main_Page .wc-feature h2 { font-size: 24px; margin-bottom: 12px; }
| |
| body.page-Main_Page .wc-feature p:not(.wc-eyebrow) { font-size: 13px; color: var(--wc-muted); }
| |
| body.page-Main_Page .wc-feature a,
| |
| body.page-Main_Page .wc-contribute a { font-size: 12px; font-weight: bold; }
| |
| body.page-Main_Page .wc-terminal { min-width: 0; background: #142335; color: #e4eef7; border-radius: 8px; overflow: hidden; }
| |
| body.page-Main_Page .wc-terminal-label { padding: 10px 18px; color: #b2c1cf; border-bottom: 1px solid #ffffff26; font-size: 10px; }
| |
| body.page-Main_Page .wc-terminal pre { background: transparent; color: inherit; border: 0; padding: 20px 18px; margin: 0; font: 11px/2 monospace; overflow-x: auto; }
| |
| body.page-Main_Page .wc-contribute h2 { font-size: 21px; margin-bottom: 10px; }
| |
| body.page-Main_Page .wc-contribute p { color: var(--wc-muted); font-size: 13px; }
| |
| html.skin-theme-clientpref-night body.page-Main_Page .wc-home { --wc-blue: #91b5ff; --wc-green: #8ed29d; --wc-tint: #20324d; --wc-green-tint: #203b2a; }
| |
| @media (prefers-color-scheme: dark) {
| |
| html.skin-theme-clientpref-os body.page-Main_Page .wc-home { --wc-blue: #91b5ff; --wc-green: #8ed29d; --wc-tint: #20324d; --wc-green-tint: #203b2a; }
| |
| }
| |
| @media (min-width: 1500px) { body.page-Main_Page .wc-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
| |
| @media (max-width: 700px) {
| |
| body.page-Main_Page .wc-hero { padding: 28px 22px 0; }
| |
| body.page-Main_Page .wc-hero h1 { font-size: 34px; }
| |
| body.page-Main_Page .wc-feature { grid-template-columns: 1fr; gap: 18px; }
| |
| body.page-Main_Page .wc-values { gap: 12px; font-size: 10px; }
| |
| body.page-Main_Page .wc-card { padding: 21px; }
| |
| }
| |
| @media (max-width: 480px) { body.page-Main_Page .wc-grid { grid-template-columns: 1fr; } }
| |
| @media (prefers-reduced-motion: reduce) { body.page-Main_Page .wc-card { transition: none; } }
| |
|
| |
| /* END WikiCyber homepage v1 */
| |
