Jump to content

MediaWiki:Common.css: Difference between revisions

From WikiCyber
Deploy approved WikiCyber corporate theme
Restore default Vector styling; preserve branded emails
Tags: Blanking Manual revert
 
Line 1: Line 1:


/* BEGIN WikiCyber corporate v1 */
/* WikiCyber corporate theme. Retains native Vector controls and editor behavior. */
body.skin-vector-2022{--wc-blue:#2855b2;--wc-line:var(--border-color-subtle,#dce3eb);--bg:var(--background-color-base,#fff);--surface:var(--background-color-base,#fff);--text:var(--color-base,#182638);--muted:var(--color-subtle,#546477);--line:var(--border-color-subtle,#dce3eb);--blue:#2855b2;--green:#24783a;--tint:#edf3fd;--code:#142335;font-family:Arial,Helvetica,sans-serif}
html.skin-theme-clientpref-night body.skin-vector-2022{--blue:#91b5ff;--tint:#213650}
@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os body.skin-vector-2022{--blue:#91b5ff;--tint:#213650}}
.skin-vector-2022 .mw-logo-container{filter:none!important}.skin-vector-2022 .mw-logo-wordmark{font-family:Arial,Helvetica,sans-serif;font-size:28px;font-weight:750;background:linear-gradient(45deg,#2855b2 25%,#41b343 75%);background-clip:text;-webkit-background-clip:text;color:transparent;line-height:1.2}.skin-vector-2022 .wc-slogan{display:block;color:var(--muted);font-size:10px;margin-top:5px;white-space:nowrap}.skin-vector-2022 .vector-header{max-width:1440px;min-height:88px}.skin-vector-2022 .mw-logo{margin-right:20px}.skin-vector-2022 .wc-header-nav{display:flex;gap:24px;align-items:center;font-size:13px;margin-right:auto}.skin-vector-2022 .wc-header-nav a{color:var(--text)}
.skin-vector-2022 .mw-body h1,.skin-vector-2022 .mw-body h2,.skin-vector-2022 .mw-body h3{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.025em}.skin-vector-2022 .mw-body h1{font-weight:500}.skin-vector-2022 .vector-body{line-height:1.8}.skin-vector-2022 .wc-home-button{display:inline-block;border-radius:4px;background:#2855b2;color:#fff!important;padding:12px 22px;font-size:14px;font-weight:bold}.skin-vector-2022 .wc-corporate .button.primary{background:#fff;color:#17385f}.skin-vector-2022 .wc-corporate .button{display:inline-flex;align-items:center;gap:24px;padding:13px 23px;border-radius:4px;font-size:14px;font-weight:bold}.skin-vector-2022 .wc-corporate .text-link{font-size:14px;font-weight:500}.skin-vector-2022 .wc-corporate .hero-actions{display:flex;align-items:center;flex-wrap:wrap}.skin-vector-2022 .wc-corporate a{color:var(--blue)}.skin-vector-2022 .wc-corporate a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
body.skin-vector-2022.page-Main_Page .mw-page-container-inner{display:block;max-width:none}body.skin-vector-2022.page-Main_Page .mw-page-container{padding:0}body.skin-vector-2022.page-Main_Page .mw-content-container{margin:0;max-width:none}body.skin-vector-2022.page-Main_Page .mw-body{padding:0;border:0}body.skin-vector-2022.page-Main_Page .mw-body-header{padding:12px 30px;margin:0}body.skin-vector-2022.page-Main_Page .vector-column-start,body.skin-vector-2022.page-Main_Page .vector-column-end{display:none}body.skin-vector-2022.page-Main_Page .vector-page-toolbar{margin:0;padding:0 30px}body.skin-vector-2022.page-Main_Page #bodyContent{padding:0}body.skin-vector-2022.page-Main_Page #contentSub,body.skin-vector-2022.page-Main_Page #contentSub2{margin:0}body.skin-vector-2022.page-Main_Page .mw-body-header h1{font-size:18px}body.skin-vector-2022.page-Main_Page .mw-footer-container{padding:0 30px}
.skin-vector-2022 .wc-corporate h1,.skin-vector-2022 .wc-corporate h2,.skin-vector-2022 .wc-corporate h3{font-family:Arial,Helvetica,sans-serif;border:0;padding:0;line-height:1.2}.skin-vector-2022 .wc-corporate .mw-heading{margin:0;border:0}.skin-vector-2022 .wc-corporate .mw-editsection{display:none}.skin-vector-2022 .wc-corporate .topic-grid{display:grid}.skin-vector-2022 .wc-corporate .section-heading{display:flex;justify-content:space-between}.skin-vector-2022 .wc-corporate .topic-card{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--surface);color:var(--text)}.skin-vector-2022 .wc-corporate .topic-card>a{margin-top:auto;font-size:13px}.skin-vector-2022 .wc-corporate .topic-card h3 a{color:var(--text)}.skin-vector-2022 .wc-corporate .topic-card p{color:var(--muted)}.skin-vector-2022 .wc-corporate .blue{color:var(--blue)}.skin-vector-2022 .wc-corporate .green{color:var(--green)}.skin-vector-2022 .wc-corporate .hero-actions p,.skin-vector-2022 .wc-corporate .knowledge-strip-inner>div p{display:contents}.skin-vector-2022 .wc-corporate .terminal{background:var(--code);color:#e4eef7;overflow:hidden}.skin-vector-2022 .wc-corporate .terminal>div{border-bottom:1px solid #ffffff26;color:#b2c1cf}.skin-vector-2022 .wc-corporate .terminal pre{border:0;margin:0;color:inherit;background:transparent;overflow-x:auto}.skin-vector-2022 .wc-corporate .hero-intro{max-width:510px}.skin-vector-2022 .wc-corporate .hero-actions a{color:#fff}.skin-vector-2022 .wc-corporate .hero-actions .primary{color:#17385f}.skin-vector-2022 .wc-corporate .hero-art{color:#fff}.skin-vector-2022 .wc-diagram-brand{display:block;width:34px;height:34px;background:url('/images/branding/theme-v1/wikicyber-mark-135.svg') center/contain no-repeat}.skin-vector-2022 .wc-diagram-icon{display:block;width:24px;height:24px;margin:0 auto 10px;background:center/contain no-repeat}.skin-vector-2022 .wc-diagram-systems{background-image:url('/images/branding/theme-v1/icon-systems.svg?v=2')}.skin-vector-2022 .wc-diagram-network{background-image:url('/images/branding/theme-v1/icon-network.svg?v=2')}.skin-vector-2022 .wc-diagram-forensics{background-image:url('/images/branding/theme-v1/icon-forensics.svg?v=2')}
.skin-vector-2022 #footer-icons{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.skin-vector-2022 #footer-icons img{object-fit:contain}.skin-vector-2022 .wc-sre-logo{display:inline-flex;background:#fff;border-radius:4px;padding:0 5px}.skin-vector-2022 .wc-terms-bar{position:fixed;inset:auto 0 0;z-index:110;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--surface);color:var(--text);border-top:1px solid var(--line);box-shadow:0 -4px 24px #1020300b;padding:20px max(28px,calc((100vw - 1320px)/2));font-family:Arial,Helvetica,sans-serif}.skin-vector-2022 .wc-terms-bar h2{font-size:16px;font-weight:bold;margin:0 0 5px;padding:0;border:0}.skin-vector-2022 .wc-terms-bar p{color:var(--muted);font-size:12px;line-height:1.7;margin:0}.skin-vector-2022 .wc-terms-bar a{color:var(--blue);text-decoration:underline}.skin-vector-2022 .wc-terms-actions{display:flex;align-items:center;gap:24px;flex-shrink:0}.skin-vector-2022 .wc-terms-actions button{border:0;background:#2855b2;color:#fff;border-radius:4px;padding:12px 18px;font:700 13px Arial,Helvetica,sans-serif;cursor:pointer}.skin-vector-2022 .wc-terms-actions a{font-size:12px}.skin-vector-2022 .wc-terms-reset{background:transparent;border:0;color:var(--blue);text-decoration:underline;font:12px Arial,Helvetica,sans-serif;cursor:pointer}.skin-vector-2022 .wc-terms-bar[hidden]{display:none}
@media(max-width:1100px){.skin-vector-2022 .wc-header-nav{display:none}}
@media(max-width:700px){.skin-vector-2022 .wc-terms-bar{padding:16px 20px;flex-direction:column;align-items:stretch;gap:13px}.skin-vector-2022 .wc-terms-actions{justify-content:space-between}.skin-vector-2022 .wc-slogan{font-size:9px}.skin-vector-2022 .mw-logo-wordmark{font-size:24px}}
@media print{.skin-vector-2022 .wc-terms-bar,.skin-vector-2022 .wc-terms-reset,.skin-vector-2022 .wc-header-nav{display:none!important}.skin-vector-2022{padding-bottom:0!important}}
.skin-vector-2022 .wc-corporate .enterprise-hero h1{color:#fff}
.skin-vector-2022 .wc-corporate .hero-art p{margin:0}
/* Reading the homepage is a landing-page experience; editing retains Vector UI. */
body.skin-vector-2022.page-Main_Page.action-view:not(.ve-active) .mw-body{display:block;width:100%}
body.skin-vector-2022.page-Main_Page.action-view:not(.ve-active) .mw-body-header,
body.skin-vector-2022.page-Main_Page.action-view:not(.ve-active) .vector-page-toolbar{display:none}
body.skin-vector-2022.page-Main_Page.action-view:not(.ve-active) .mw-page-container{max-width:none;padding:0}
body.skin-vector-2022.page-Main_Page.action-view:not(.ve-active) #bodyContent{width:100%;max-width:none;box-sizing:border-box}
body.skin-vector-2022.page-Main_Page.action-view:not(.ve-active) #mw-content-text{margin-top:0;width:100%}
body.skin-vector-2022.page-Main_Page.action-view:not(.ve-active) .mw-parser-output{width:100%;max-width:none}
.skin-vector-2022 .wc-home-tools{display:flex;gap:18px;font-size:12px;margin-top:14px}
.skin-vector-2022 .enterprise-hero{background:#101f34;color:#fff;position:relative;overflow:hidden}
.skin-vector-2022 .enterprise-hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 90% 80%,#237c5333,transparent 55%)}
.skin-vector-2022 .enterprise-hero-inner{max-width:1320px;margin:auto;display:grid;grid-template-columns:1.08fr 1fr;gap:60px;align-items:center;min-height:560px;padding:70px 20px;position:relative;z-index:1}
.skin-vector-2022 .enterprise-hero h1{font-size:clamp(45px,4.6vw,68px);font-weight:500;letter-spacing:-2.6px;line-height:1.07;margin:0 0 28px;max-width:650px}
.skin-vector-2022 .enterprise-hero h1 span{color:#a0d8b0}
.skin-vector-2022 .enterprise-hero .hero-intro{font-size:18px;line-height:1.7;color:#c6d3e2;max-width:510px}
.skin-vector-2022 .enterprise-hero .hero-actions{gap:26px;margin:34px 0 0}
.skin-vector-2022 .enterprise-hero .primary{background:#fff;color:#17385f}
.skin-vector-2022 .enterprise-hero .text-link{color:#fff;font-weight:500}
.skin-vector-2022 .enterprise-hero .primary:hover{background:#edf3fd}
.skin-vector-2022 .hero-art{position:relative;min-height:350px;display:grid;align-content:center;padding:35px;background-image:linear-gradient(#90b4d40c 1px,transparent 1px),linear-gradient(90deg,#90b4d40c 1px,transparent 1px);background-size:35px 35px;border:1px solid #abc9ef20;border-radius:14px}
.skin-vector-2022 .art-heading{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:1px;color:#b8cbdf;text-transform:uppercase;padding-bottom:23px}
.skin-vector-2022 .art-heading img{width:34px;height:34px}
.skin-vector-2022 .art-core{border:1px solid #6b91c466;border-radius:7px;padding:23px;background:#172d48;box-shadow:0 12px 35px #0002}
.skin-vector-2022 .art-core .art-label{color:#9dbce4;font-size:10px;letter-spacing:1.2px}
.skin-vector-2022 .art-core strong{display:block;font-size:24px;font-weight:400;margin-top:5px}
.skin-vector-2022 .art-connector{width:1px;height:29px;background:#79a0ce;margin:auto}
.skin-vector-2022 .art-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative}
.skin-vector-2022 .art-branches:before{content:'';position:absolute;height:1px;background:#79a0ce;top:0;left:16.6%;right:16.6%}
.skin-vector-2022 .art-branches>div{position:relative;padding-top:22px;text-align:center}
.skin-vector-2022 .art-branches>div:before{content:'';width:1px;height:22px;background:#79a0ce;position:absolute;top:0;left:50%}
.skin-vector-2022 .art-node{border:1px solid #6b91c466;border-radius:5px;background:#14283e;padding:17px 8px;color:#fff;font-size:12px}
.skin-vector-2022 .art-node svg{display:block;width:24px;height:24px;margin:0 auto 10px;color:#92c8b0}
.skin-vector-2022 .art-footer{font-size:10px;letter-spacing:.4px;color:#9bb3ce;margin:21px 0 0}
.skin-vector-2022 .knowledge-strip{background:var(--surface);border-bottom:1px solid var(--line)}
.skin-vector-2022 .knowledge-strip-inner{max-width:1320px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:25px 20px;gap:25px}
.skin-vector-2022 .knowledge-strip strong{font-size:14px;font-weight:500}
.skin-vector-2022 .knowledge-strip-inner>div{display:flex;gap:35px;flex-wrap:wrap}
.skin-vector-2022 .knowledge-strip a{font-size:13px;color:var(--muted)}
.skin-vector-2022 .home-section{max-width:1320px;margin:auto;padding:72px 20px}
.skin-vector-2022 .home-section .section-heading{align-items:center;margin-bottom:32px;gap:50px}
.skin-vector-2022 .home-section h2{font-size:38px;font-weight:400;letter-spacing:-1.2px;line-height:1.2;margin:0;max-width:600px}
.skin-vector-2022 .section-description{font-size:15px;line-height:1.8;color:var(--muted);max-width:360px;margin:0}
.skin-vector-2022 .home-section .topic-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.skin-vector-2022 .home-section .topic-card{border-radius:5px;padding:28px 25px;min-height:315px;transition:border-color .15s,box-shadow .15s;position:relative}
.skin-vector-2022 .home-section .topic-card:hover{transform:none;box-shadow:0 8px 24px #152d4a0a}
.skin-vector-2022 .home-section .topic-icon{background:none;width:33px;height:33px;border-radius:0;margin-bottom:30px;font-size:28px;display:block}
.skin-vector-2022 .home-section .topic-card h3{font-size:21px;font-weight:500;letter-spacing:-.5px}
.skin-vector-2022 .home-section .topic-card p{font-size:14px;line-height:1.7}
.skin-vector-2022 .home-section .card-link{font-size:13px;font-weight:500;padding-top:18px}
.skin-vector-2022 .enterprise-feature{background:var(--tint);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.skin-vector-2022 .enterprise-feature-inner{max-width:1320px;margin:auto;padding:64px 20px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.skin-vector-2022 .enterprise-feature h2{font-size:39px;font-weight:400;letter-spacing:-1.2px;margin-bottom:20px}
.skin-vector-2022 .enterprise-feature p{font-size:16px;line-height:1.8;color:var(--muted);max-width:510px}
.skin-vector-2022 .enterprise-feature .text-link{display:inline-block;margin-top:12px}
.skin-vector-2022 .enterprise-feature .terminal{border-radius:7px}
.skin-vector-2022 .enterprise-feature .terminal pre{font-size:14px;padding:28px;line-height:2.1}
.skin-vector-2022 .enterprise-feature .terminal>div{padding:15px 20px}
.skin-vector-2022 .enterprise-feature .terminal>div span{font-size:11px}
.skin-vector-2022 .contribution-section{max-width:1320px;margin:auto;padding:65px 20px;display:grid;grid-template-columns:1fr 1fr;gap:90px}
.skin-vector-2022 .contribution-section h2{font-size:34px;font-weight:400;letter-spacing:-1px;max-width:450px;margin:0}
.skin-vector-2022 .contribution-section p{font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:20px}
.skin-vector-2022 .home-section #search-status:empty{display:none}
.skin-vector-2022 .corporate-rule{height:4px;background:linear-gradient(90deg,#2855b2 25%,#41b343 90%)}
@media(max-width:1150px){.skin-vector-2022 .header{padding:0 25px;gap:22px}
.skin-vector-2022 .corporate-nav{gap:17px}
.skin-vector-2022 .brand{min-width:220px}
.skin-vector-2022 .brand>span{font-size:25px}
.skin-vector-2022 .brand small{font-size:9px}
.skin-vector-2022 .search{max-width:240px}
.skin-vector-2022 .layout{grid-template-columns:160px minmax(0,1fr);gap:24px;padding:0 25px}
.skin-vector-2022 .enterprise-hero-inner{gap:35px;padding:60px 30px;min-height:510px}
.skin-vector-2022 .enterprise-hero h1{font-size:53px}
.skin-vector-2022 .hero-art{padding:22px}
.skin-vector-2022 .home-section,.skin-vector-2022 .enterprise-feature-inner,.skin-vector-2022 .contribution-section{padding-left:30px;padding-right:30px}
.skin-vector-2022 .home-section .topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.skin-vector-2022 .home-section .topic-card{min-height:270px}
.skin-vector-2022 .knowledge-strip-inner{padding:22px 30px}
.skin-vector-2022 .enterprise-feature-inner,.skin-vector-2022 .contribution-section{gap:45px}
.skin-vector-2022 .knowledge-strip-inner>div{gap:25px}
}
@media(max-width:850px){.skin-vector-2022 .corporate-nav{display:none}
.skin-vector-2022 .enterprise-hero-inner{grid-template-columns:1fr;gap:42px;padding:52px 25px}
.skin-vector-2022 .enterprise-hero h1{font-size:54px;max-width:650px}
.skin-vector-2022 .hero-art{max-width:590px;width:100%;min-height:300px;justify-self:center}
.skin-vector-2022 .enterprise-hero .hero-intro{max-width:620px}
.skin-vector-2022 .knowledge-strip-inner{align-items:start;flex-direction:column;gap:15px}
.skin-vector-2022 .home-section .section-heading{flex-direction:column;align-items:start;gap:20px}
.skin-vector-2022 .section-description{max-width:580px}
.skin-vector-2022 .enterprise-feature-inner{grid-template-columns:1fr;gap:28px}
.skin-vector-2022 .enterprise-feature .terminal{max-width:650px}
.skin-vector-2022 .contribution-section{grid-template-columns:1fr;gap:22px}
.skin-vector-2022 .contribution-section h2{max-width:none}
body.skin-vector-2022.page-Main_Page .appearance{gap:23px}
}
@media(max-width:760px){.skin-vector-2022 .header{padding:17px 20px;height:auto;gap:14px}
.skin-vector-2022 .brand{min-width:0}
.skin-vector-2022 .search{max-width:none;background:var(--bg);margin-left:0}
.skin-vector-2022 .layout{display:block;padding:0 20px}
body.skin-vector-2022.page-Main_Page .sidebar.open{display:block;padding:20px 25px}
body.skin-vector-2022.page-Main_Page .page-toolbar{padding:0 20px;height:55px;overflow-x:auto}
.skin-vector-2022 .page-toolbar>div{gap:20px;white-space:nowrap}
.skin-vector-2022 .page-toolbar a{font-size:11px}
.skin-vector-2022 .enterprise-hero h1{font-size:46px;letter-spacing:-1.8px}
.skin-vector-2022 .enterprise-hero .hero-intro{font-size:17px}
.skin-vector-2022 .enterprise-hero .hero-actions{gap:22px}
.skin-vector-2022 .home-section{padding:50px 25px}
.skin-vector-2022 .home-section h2{font-size:32px}
.skin-vector-2022 .enterprise-feature-inner,.skin-vector-2022 .contribution-section{padding:45px 25px}
.skin-vector-2022 .enterprise-feature h2{font-size:32px}
.skin-vector-2022 .contribution-section h2{font-size:29px}
.skin-vector-2022 .home-section .topic-card{padding:25px;min-height:290px}
.skin-vector-2022 .knowledge-strip-inner{padding:22px 25px}
.skin-vector-2022 .knowledge-strip-inner>div{gap:12px 22px}
.skin-vector-2022 .hero-art{padding:24px}
.skin-vector-2022 .article-heading h1{font-size:34px}
}
@media(max-width:480px){.skin-vector-2022 .home-section .topic-grid{grid-template-columns:1fr}
.skin-vector-2022 .home-section .topic-card{min-height:245px}
.skin-vector-2022 .enterprise-hero h1{font-size:40px}
.skin-vector-2022 .enterprise-hero .hero-actions{align-items:start;flex-direction:column}
.skin-vector-2022 .hero-art{padding:20px 15px;min-height:300px}
.skin-vector-2022 .art-node{padding:15px 3px;font-size:10px}
.skin-vector-2022 .art-core{padding:18px}
.skin-vector-2022 .art-core strong{font-size:22px}
.skin-vector-2022 .art-footer{font-size:9px}
.skin-vector-2022 .art-branches{gap:8px}
.skin-vector-2022 .brand>span{font-size:25px}
.skin-vector-2022 .knowledge-strip strong{font-size:13px}
.skin-vector-2022 .enterprise-feature .terminal pre{font-size:12px;padding:22px}
}
.skin-vector-2022 .enterprise-hero-inner>div,.skin-vector-2022 .enterprise-feature-inner>div,.skin-vector-2022 .contribution-section>div{min-width:0}
.skin-vector-2022 .enterprise-hero{background-color:#101f34;background-image:linear-gradient(90deg,rgba(10,22,36,.91) 0%,rgba(10,22,36,.78) 42%,rgba(10,22,36,.42) 100%),url('/images/branding/theme-v1/hero.jpg');background-size:cover;background-position:center 48%}
.skin-vector-2022 .enterprise-hero:after{background:none}
.skin-vector-2022 .hero-art{background-color:rgba(16,31,52,.72)}
@media(max-width:850px){.skin-vector-2022 .enterprise-hero{background-position:55% center;background-image:linear-gradient(180deg,rgba(10,22,36,.87),rgba(10,22,36,.67)),url('/images/branding/theme-v1/hero.jpg')}
}
/* END WikiCyber corporate v1 */

Latest revision as of 04:24, 17 October 2026