From a063fb1805e05f5b65f5b99e3d21f9cd29370511 Mon Sep 17 00:00:00 2001 From: Flatlogic Bot Date: Mon, 8 Jun 2026 14:16:56 +0000 Subject: [PATCH] 15 --- .../matthew-lms-mvp/matthew-lms-mvp.php | 399 ++++++++++++++++++ 1 file changed, 399 insertions(+) diff --git a/wp-content/plugins/matthew-lms-mvp/matthew-lms-mvp.php b/wp-content/plugins/matthew-lms-mvp/matthew-lms-mvp.php index 1b8bb57..f0f9e84 100644 --- a/wp-content/plugins/matthew-lms-mvp/matthew-lms-mvp.php +++ b/wp-content/plugins/matthew-lms-mvp/matthew-lms-mvp.php @@ -943,6 +943,405 @@ body.mlms-wax-page{ .mlms-dashboard-skill-node:before, .mlms-dashboard-skill-node:after{display:none!important} + +/* 2026 Small dark-blue gradient accents: restrained contrast over the monochrome UI */ +:root{ + --mlms-accent-blue:#0B1D3A; + --mlms-accent-blue-2:#123A73; + --mlms-accent-blue-3:#1A56A6; + --mlms-accent-glow:rgba(24,86,166,.28); + --mlms-accent-line:linear-gradient(90deg,rgba(9,25,52,0),rgba(26,86,166,.9),rgba(9,25,52,0)); + --mlms-accent-surface:linear-gradient(135deg,#07101F 0%,#0B1D3A 48%,#123A73 100%); +} +.mlms-site-header{ + box-shadow:0 1px 0 rgba(26,86,166,.18)!important; +} +.mlms-header-brand:before{ + content:""; + display:inline-block; + width:9px; + height:9px; + margin-right:10px; + border-radius:999px; + background:radial-gradient(circle at 30% 25%,#4B8CFF 0%,#123A73 44%,#050B16 100%); + box-shadow:0 0 18px rgba(26,86,166,.45); + vertical-align:middle; +} +.mlms-header-signup, +.mlms-header-profile, +.mlms-btn-primary, +.mlms-btn-wax, +.mlms-login-submit{ + background:linear-gradient(135deg,#F8FAFF 0%,#FFFFFF 58%,#D9E7FF 100%)!important; + border-color:rgba(94,143,214,.7)!important; + color:#020817!important; + box-shadow:0 0 0 1px rgba(18,58,115,.18),0 14px 34px rgba(8,24,48,.35)!important; +} +.mlms-header-signup:hover, +.mlms-header-profile:hover, +.mlms-btn-primary:hover, +.mlms-btn-wax:hover, +.mlms-login-submit:hover{ + background:linear-gradient(135deg,#FFFFFF 0%,#EEF5FF 52%,#C9DCFA 100%)!important; + border-color:rgba(116,166,235,.9)!important; + box-shadow:0 0 0 1px rgba(26,86,166,.26),0 18px 42px rgba(12,43,86,.42)!important; +} +.mlms-header-login:hover, +.mlms-header-logout-icon:hover, +.mlms-btn-secondary:hover, +.mlms-google-button:hover{ + border-color:rgba(26,86,166,.55)!important; + box-shadow:0 0 0 1px rgba(26,86,166,.22)!important; +} +.mlms-card, +.mlms-form-card, +.mlms-login-card, +.mlms-onboarding-card, +.mlms-profile-card, +.mlms-course-standalone-hero, +.mlms-course-card, +.mlms-phase-card, +.mlms-leftoff, +.mlms-lesson-task-card, +.mlms-profile-module, +.mlms-profile-summary-card, +.mlms-profile-resume-card, +.mlms-course-dashboard, +.mlms-dashboard-hero, +.mlms-dashboard-phase, +.mlms-dashboard-card, +.mlms-quiz-card, +.mlms-tutor-card, +.mlms-ai-card, +.mlms-dashboard, +.mlms-credential-card{ + box-shadow:var(--mlms-shadow-soft),inset 0 1px 0 rgba(52,111,196,.18)!important; +} +.mlms-card:before, +.mlms-form-card:before, +.mlms-login-card:before, +.mlms-onboarding-card:before, +.mlms-profile-card:before, +.mlms-course-standalone-hero:before, +.mlms-dashboard-hero:before, +.mlms-profile-module:before, +.mlms-course-dashboard:before, +.mlms-ai-card:before{ + content:""!important; + display:block!important; + position:absolute!important; + inset:0 22px auto!important; + height:1px!important; + border-radius:999px!important; + background:var(--mlms-accent-line)!important; + opacity:.72!important; + pointer-events:none!important; +} +.mlms-pill, +.mlms-badge, +.mlms-onboarding-step-label, +.mlms-kicker, +.mlms-cert-badge, +.mlms-feed-status, +.mlms-course-status-pill, +.mlms-dashboard-meta span, +.mlms-tutor-chip, +.mlms-tutor-file{ + border-color:rgba(52,111,196,.26)!important; + background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(11,29,58,.28))!important; +} +.mlms-field input:focus, +.mlms-field textarea:focus, +.mlms-field select:focus, +.mlms-tutor-form textarea:focus{ + border-color:rgba(74,137,230,.82)!important; + box-shadow:0 0 0 4px rgba(26,86,166,.24)!important; +} +.mlms-progress-bar span, +.mlms-profile-progress-bar span, +.mlms-course-mini-meter span, +.mlms-dashboard-progress span, +.mlms-skill-progress span{ + background:linear-gradient(90deg,#07101F,#123A73,#1A56A6)!important; + box-shadow:0 0 18px rgba(26,86,166,.32)!important; +} +.mlms-dashboard-phase.completed .mlms-dashboard-phase-number, +.mlms-dashboard-phase.current .mlms-dashboard-phase-number, +.mlms-lesson-path-task.is-current .mlms-lesson-path-marker, +.mlms-skill-orb, +.mlms-profile-photo, +.mlms-dashboard-skill-node.earned, +.mlms-dashboard-skill-node.current{ + background:var(--mlms-accent-surface)!important; + color:#fff!important; + border-color:rgba(74,137,230,.72)!important; + box-shadow:0 0 0 1px rgba(74,137,230,.18),0 12px 30px rgba(6,19,40,.55)!important; +} +.mlms-skill-orb *, +.mlms-skill.earned .mlms-skill-orb *, +.mlms-skill.current .mlms-skill-orb *, +.mlms-skill.external .mlms-skill-orb *, +.mlms-profile-photo *{ + background:transparent!important; + color:#fff!important; + border-color:transparent!important; +} +.mlms-dashboard-skill-node.locked{ + background:linear-gradient(135deg,#171717,#0B1D3A)!important; + border-color:rgba(52,111,196,.24)!important; +} +.mlms-dashboard-skill-node:before, +.mlms-dashboard-skill-node:after{ + display:none!important; +} +.mlms-notice, +.mlms-ai-output{ + border-color:rgba(52,111,196,.34)!important; + background:linear-gradient(135deg,#070A10,#0B1D3A 62%,#102E5A)!important; + color:#F7FAFF!important; +} + +/* 2026 Enhanced gradient accent pass: visible but still restrained CRM polish */ +body.mlms-wax-page, +.mlms-page{ + background: + radial-gradient(circle at 12% 8%,rgba(24,86,166,.22),transparent 28%), + radial-gradient(circle at 86% 14%,rgba(18,58,115,.18),transparent 30%), + linear-gradient(180deg,#000 0%,#02050A 46%,#000 100%)!important; +} +.mlms-site-header:after{ + content:""; + position:absolute; + left:0; + right:0; + bottom:-1px; + height:1px; + background:linear-gradient(90deg,transparent,rgba(75,140,255,.56),rgba(18,58,115,.7),transparent)!important; + pointer-events:none; +} +.mlms-header-nav a{ + position:relative; +} +.mlms-header-nav a:after{ + content:""; + position:absolute; + left:10px; + right:10px; + bottom:-8px; + height:2px; + border-radius:999px; + background:linear-gradient(90deg,transparent,#4B8CFF,#123A73,transparent); + opacity:0; + transform:scaleX(.62); + transition:opacity .18s ease,transform .18s ease; +} +.mlms-header-nav a:hover:after{ + opacity:.82; + transform:scaleX(1); +} +.mlms-gradient-text, +.mlms-h1 .mlms-gradient-text, +.mlms-section-title .mlms-gradient-text{ + background:linear-gradient(100deg,#FFFFFF 0%,#DDEAFF 36%,#5D9BFF 62%,#FFFFFF 100%)!important; + -webkit-background-clip:text!important; + background-clip:text!important; + color:transparent!important; + text-shadow:0 0 34px rgba(24,86,166,.16)!important; +} +.mlms-pill:before, +.mlms-badge:before, +.mlms-kicker:before, +.mlms-course-status-pill:before{ + content:""; + display:inline-block; + width:7px; + height:7px; + margin-right:8px; + border-radius:999px; + background:linear-gradient(135deg,#73A8FF,#123A73 72%,#06101F); + box-shadow:0 0 14px rgba(75,140,255,.42); + vertical-align:1px; +} +.mlms-header-signup, +.mlms-header-profile, +.mlms-btn-primary, +.mlms-btn-wax, +.mlms-login-submit{ + position:relative; + overflow:hidden; +} +.mlms-header-signup:before, +.mlms-header-profile:before, +.mlms-btn-primary:before, +.mlms-btn-wax:before, +.mlms-login-submit:before{ + content:""; + position:absolute; + inset:0; + background:linear-gradient(110deg,transparent 0%,rgba(75,140,255,.18) 42%,rgba(255,255,255,.34) 50%,rgba(18,58,115,.16) 58%,transparent 100%); + transform:translateX(-70%); + transition:transform .42s ease; + pointer-events:none; +} +.mlms-header-signup:hover:before, +.mlms-header-profile:hover:before, +.mlms-btn-primary:hover:before, +.mlms-btn-wax:hover:before, +.mlms-login-submit:hover:before{ + transform:translateX(70%); +} +.mlms-card, +.mlms-form-card, +.mlms-login-card, +.mlms-onboarding-card, +.mlms-profile-card, +.mlms-course-standalone-hero, +.mlms-course-card, +.mlms-phase-card, +.mlms-leftoff, +.mlms-lesson-task-card, +.mlms-profile-module, +.mlms-profile-summary-card, +.mlms-profile-resume-card, +.mlms-course-dashboard, +.mlms-dashboard-hero, +.mlms-dashboard-phase, +.mlms-dashboard-card, +.mlms-quiz-card, +.mlms-tutor-card{ + background: + radial-gradient(circle at 100% 0%,rgba(24,86,166,.16),transparent 32%), + linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015)), + #0D0D0D!important; + border-color:rgba(75,140,255,.18)!important; +} +.mlms-card:hover, +.mlms-course-card:hover, +.mlms-phase-card:hover, +.mlms-dashboard-card:hover, +.mlms-profile-module:hover{ + border-color:rgba(75,140,255,.32)!important; + box-shadow:var(--mlms-shadow-soft),0 0 34px rgba(18,58,115,.18),inset 0 1px 0 rgba(92,155,255,.22)!important; +} +.mlms-card:after, +.mlms-course-card:after, +.mlms-phase-card:after, +.mlms-dashboard-card:after, +.mlms-profile-module:after, +.mlms-lesson-task-card:after{ + content:""!important; + display:block!important; + position:absolute!important; + right:18px!important; + top:18px!important; + width:52px!important; + height:52px!important; + border-radius:18px!important; + background:radial-gradient(circle at 35% 30%,rgba(92,155,255,.32),rgba(18,58,115,.16) 46%,transparent 72%)!important; + opacity:.52!important; + pointer-events:none!important; +} +.mlms-progress-bar, +.mlms-profile-progress-bar, +.mlms-course-mini-meter, +.mlms-dashboard-progress, +.mlms-skill-progress{ + background:rgba(255,255,255,.08)!important; + box-shadow:inset 0 0 0 1px rgba(75,140,255,.14)!important; +} +.mlms-social-share, +.mlms-coach-band, +.mlms-dashboard, +.mlms-ai-output, +.mlms-notice{ + background: + radial-gradient(circle at 8% 0%,rgba(92,155,255,.2),transparent 34%), + linear-gradient(135deg,#05070C 0%,#07172D 48%,#0E3162 100%)!important; + border:1px solid rgba(75,140,255,.24)!important; + box-shadow:0 22px 54px rgba(0,0,0,.36),0 0 34px rgba(18,58,115,.14)!important; +} +.mlms-dashboard-phase.current, +.mlms-lesson-path-task.is-current, +.mlms-coach-progress button.active{ + border-color:rgba(92,155,255,.46)!important; + background: + linear-gradient(135deg,rgba(92,155,255,.12),rgba(255,255,255,.025)), + #0D0D0D!important; + box-shadow:0 18px 40px rgba(4,14,32,.44),0 0 0 1px rgba(92,155,255,.14)!important; +} +.mlms-field input, +.mlms-field textarea, +.mlms-field select, +.mlms-tutor-form textarea{ + background:linear-gradient(180deg,#101010,#090D14)!important; + border-color:rgba(75,140,255,.18)!important; +} + +/* 2026 Home page: make the “How WAX works” block a sized plate */ +.mlms-how-wax-section .mlms-section-head{ + position:relative!important; + overflow:hidden!important; + max-width:980px!important; + min-height:220px!important; + margin:0 auto 30px!important; + padding:34px clamp(24px,4vw,46px)!important; + align-items:center!important; + border:1px solid rgba(75,140,255,.26)!important; + border-radius:34px!important; + background: + radial-gradient(circle at 12% 0%,rgba(92,155,255,.22),transparent 34%), + radial-gradient(circle at 92% 12%,rgba(18,58,115,.24),transparent 32%), + linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.018) 46%,rgba(9,28,57,.42)), + #07080B!important; + box-shadow:0 28px 70px rgba(0,0,0,.42),0 0 44px rgba(18,58,115,.18),inset 0 1px 0 rgba(255,255,255,.1)!important; +} +.mlms-how-wax-section .mlms-section-head:before{ + content:""!important; + position:absolute!important; + inset:0 0 auto 0!important; + height:2px!important; + background:linear-gradient(90deg,transparent,rgba(92,155,255,.86),rgba(18,58,115,.9),transparent)!important; + pointer-events:none!important; +} +.mlms-how-wax-section .mlms-section-head:after{ + content:""!important; + position:absolute!important; + right:28px!important; + bottom:24px!important; + width:92px!important; + height:92px!important; + border-radius:30px!important; + background:radial-gradient(circle at 35% 25%,rgba(116,169,255,.28),rgba(18,58,115,.16) 48%,transparent 72%)!important; + opacity:.72!important; + pointer-events:none!important; +} +.mlms-how-wax-section .mlms-section-head > *{ + position:relative!important; + z-index:1!important; +} +.mlms-how-wax-section .mlms-section-copy{ + max-width:370px!important; +} +.mlms-how-wax-section .mlms-grid-3{ + max-width:980px!important; + margin-left:auto!important; + margin-right:auto!important; +} +.mlms-how-wax-section .mlms-feature{ + min-height:232px!important; +} +@media (max-width:760px){ + .mlms-how-wax-section .mlms-section-head{ + min-height:0!important; + padding:28px 22px!important; + border-radius:26px!important; + } + .mlms-how-wax-section .mlms-section-copy{ + max-width:none!important; + } +} + + CSS; }