Join 2,000,000+ Professionals who use WPCode to Future-Proof Their Websites!
body.search-results .innerbanner, body.single-podcast .innerbanner { background-image: none !important; display: none; } .uvri-podcast { font-family: inherit; } .uvri-tab-nav { display: flex; gap: 4px; border-bottom: 2px solid #2a448b; margin-bottom: 20px; flex-wrap: wrap; } .uvri-tab-btn { background: none; border: none; border-bottom: 3px solid…Continue reading
/* Global */ .btn-primary { display: inline-block; background-color: #2384c7; color: #ffffff; font-size: 14px; font-weight: 700; text-decoration: none; padding: 12px 28px; border-radius: 4px; letter-spacing: 1px; text-transform: uppercase; transition: background-color 0.2s ease, transform 0.1s ease; } .btn-primary:hover { background-color: #2f3b71; color: #ffffff;…Continue reading
/*! * Font Awesome 4.5.0 by @davegandy – http://fontawesome.io – @fontawesome * License – http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:’FontAwesome’;src:url(‘../fonts/fontawesome-webfont.eot?v=4.5.0’);src:url(‘../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0′) format(’embedded-opentype’),url(‘../fonts/fontawesome-webfont.woff2?v=4.5.0’) format(‘woff2’),url(‘../fonts/fontawesome-webfont.woff?v=4.5.0’) format(‘woff’),url(‘../fonts/fontawesome-webfont.ttf?v=4.5.0’) format(‘truetype’),url(‘../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular’) format(‘svg’);font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s…Continue reading
:root { /* Primary Colors */ –afw-p1: #0f182d; –afw-p2: #878c96; –afw-p2-lite: #E7E8EA; –afw-p3: #1245e8; –afw-p4: #6636e8; /* Division Colors */ –afw-rgv: #00aeef; –afw-rgs: #f15a29; –afw-rgp: #2bb691; /* Secondary Colors */ –afw-s1: #ffda00; –afw-s1-lite: #fff099; –afw-s2: #ffab40; –afw-s2-lite: #ffddb3; –afw-s3: #fe8220;…Continue reading
/* ========================================================================= STRUCTURE UNIVERSELLE DES BADGES D’ALERTE ========================================================================= */ /* 1. Base commune à TOUS les badges du site */ .ilj-badge-alerte { display: inline-flex; align-items: center; justify-content: center; padding: 6px 12px; font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; line-height:…Continue reading
/* ========================================== Notification Panel Desktop: shrunken page + right-side panel Tablet/Mobile: full-screen off-canvas panel ========================================== */ /* Main site wrapper */ .notification-page-wrap { position: relative; z-index: 2; transition: transform 0.45s ease; transform-origin: left center; } /* Open state: shrunken page…Continue reading
/* *VC Reveal — Global CSS * Version: 1.0.0 * * ── WHERE TO ADD THIS ────────────────────────────────────────────────────── * * Oxygen Builder → Manage → Settings → Custom CSS (preferred) * OR a WPCode CSS snippet set to inject in *…Continue reading
/* ============================================================ MYTHOS — Site-wide Inner Page Theme Load via: WPCode Pro → Add Snippet → CSS Snippet → Site Wide Purpose: dark-themes the GeneratePress chrome + Gutenberg page content on every NON-home page, so inner pages match the self-contained…Continue reading
@import url(‘https://fonts.googleapis.com/css2?family=Spectral:wght@500;600;700;800&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap’); .mt-page{ –mt-purple:#534AB7; –mt-purple-light:#7B72E0; –mt-purple-deep:#3A3290; –mt-glow:rgba(83,74,183,.45); –mt-cyan:#35C7FF; –mt-cyan-soft:rgba(53,199,255,.5); –mt-bg:#08081A; –mt-bg-2:#0C0C22; –mt-card:#12122E; –mt-card-2:#171738; –mt-border:rgba(123,114,224,.22); –mt-border-bright:rgba(123,114,224,.5); –mt-text:#E9E9F2; –mt-muted:#9A9AC0; –mt-white:#fff; –serif:’Spectral’,Georgia,serif; –sans:’IBM Plex Sans’,system-ui,sans-serif; –mono:’IBM Plex Mono’,monospace; –wrap:1180px; –pill:999px; –ease:cubic-bezier(.22,1,.36,1); font-family:var(–sans); color:var(–mt-text); background:var(–mt-bg); line-height:1.6; -webkit-font-smoothing:antialiased; } .mt-page *{box-sizing:border-box;margin:0;padding:0} .mt-page img{max-width:100%;display:block} .mt-page ::selection{background:var(–mt-purple);color:#fff}…Continue reading
/* ============================================================ MYTHOS TECHNOLOGY — Homepage CSS Load via: WPCode Pro → Add Snippet → CSS Snippet Scope: Site-wide (or restrict to front page template) ============================================================ */ /* ── TOKENS ────────────────────────────────────────────────── */ :root { –mt-purple: #534AB7; –mt-purple-light: #6E65D0; –mt-purple-glow: rgba(83,…Continue reading