15
This commit is contained in:
Flatlogic Bot
parent
a1b1ef86ec
commit
a063fb1805
@ -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;
|
||||
}
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user