Removed a bunch of old/churned client files and updated some older clients that I haven't touched in a while. Lots of summer cleaning!
This commit is contained in:
Norm Rasmussen
@ -102,7 +102,7 @@ body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 100vh;
|
||||
color: #5a616b;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
main {
|
||||
@ -118,28 +118,28 @@ p + p {
|
||||
}
|
||||
|
||||
a {
|
||||
color: #2574e1;
|
||||
color: #2d31ff;
|
||||
}
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: #ba37d6;
|
||||
color: #2d31ff;
|
||||
}
|
||||
a:active {
|
||||
color: #9630ab;
|
||||
color: #2d31ff;
|
||||
}
|
||||
.np-text-light {
|
||||
color: #6e7580;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.np-text-title {
|
||||
color: #5a616b;
|
||||
color: #000000;
|
||||
}
|
||||
.np-resource-title {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 700;
|
||||
margin-bottom: 0;
|
||||
text-align: left;
|
||||
color:#333333;
|
||||
color:#000000;
|
||||
}
|
||||
.np-resource-subtitle,
|
||||
.np-training-events .np-resource-subtitle {
|
||||
@ -178,7 +178,7 @@ a:active {
|
||||
|
||||
.np-box {
|
||||
border-radius: 1rem;
|
||||
box-shadow: rgba(141, 148, 158, 0.3) 0px 4px 12px;
|
||||
box-shadow: #000000(141, 148, 158, 0.3) 0px 4px 12px;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
max-width: 550px
|
||||
@ -321,7 +321,7 @@ a:active {
|
||||
body,
|
||||
.np-page-container,
|
||||
.np-subpage-container {
|
||||
background-color: #f5f7fa;
|
||||
background-color: #dbe7ff;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@ -394,11 +394,11 @@ div.np-powered-by {
|
||||
}
|
||||
|
||||
.oa-sub-navigation-content-item-label {
|
||||
color:#333333;
|
||||
color:#000000;
|
||||
}
|
||||
/* Inactive Item */
|
||||
.np-sub-navigation-content-item-inactive .np-sub-navigation-content-item-icon {
|
||||
color: #c5cbd1;
|
||||
color: #dbe7ff;
|
||||
}
|
||||
|
||||
/* --- Seperator --- */
|
||||
@ -487,7 +487,7 @@ button,
|
||||
|
||||
/* ------ Card ------ */
|
||||
.np-card-container {
|
||||
box-shadow: rgba(141, 148, 158, 0.3) 0px 4px 12px;
|
||||
box-shadow: #000000(141, 148, 158, 0.3) 0px 4px 12px;
|
||||
border-radius: 1rem;
|
||||
justify-content: start;
|
||||
align-items: stretch;
|
||||
@ -530,7 +530,7 @@ button,
|
||||
right: unset;
|
||||
top: unset;
|
||||
margin-left: 0.75rem;
|
||||
background-color: #B6B9C2;
|
||||
background-color: #2d31ff;
|
||||
padding: 0.25rem 1rem;
|
||||
border-radius: 1.5rem;
|
||||
line-height: 1.1;
|
||||
@ -555,7 +555,7 @@ button,
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
width: 50%;
|
||||
border-color: #e0f3ff;
|
||||
border-color: #dbe7ff;
|
||||
border-style: solid;
|
||||
border-radius: 1rem 0 0 1rem;
|
||||
border-width: 0 1px 0 0;
|
||||
@ -594,7 +594,7 @@ button,
|
||||
font-weight: 900;
|
||||
font-size: 1.25rem;
|
||||
line-height: 1.3;
|
||||
color: #24272e;
|
||||
color: #000000;
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
@ -632,7 +632,7 @@ button,
|
||||
}
|
||||
.np-card-content-title {
|
||||
line-height: 1.3;
|
||||
color:#333333;
|
||||
color:#000000;
|
||||
}
|
||||
.np-card-content .np-card-content-title {
|
||||
margin-top: 0;
|
||||
@ -640,7 +640,7 @@ button,
|
||||
.np-card-content-subtitle {
|
||||
font-size: 0.875rem;
|
||||
font-weight: 700;
|
||||
color: #795ae8;
|
||||
color: #2d31ff;
|
||||
}
|
||||
/* Description */
|
||||
.np-card-content-description {
|
||||
@ -669,14 +669,14 @@ button,
|
||||
margin-left: 0.5rem;
|
||||
font-size: 1rem;
|
||||
text-transform: none;
|
||||
color: #795ae8;
|
||||
color: #2d31ff;
|
||||
}
|
||||
|
||||
/* Content Divider */
|
||||
.np-card-content-divider {
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
border-color: #94dbff;
|
||||
border-color: #dbe7ff;
|
||||
}
|
||||
.np-card-content-divider:last-child {
|
||||
margin-bottom: 0;
|
||||
@ -696,7 +696,7 @@ button,
|
||||
/* --- Card Stack --- */
|
||||
.np-card-stack-level-1,
|
||||
.np-card-stack-level-2 {
|
||||
box-shadow: rgba(141, 148, 158, 0.3) 0px 4px 12px;
|
||||
box-shadow: #000000(141, 148, 158, 0.3) 0px 4px 12px;
|
||||
border-radius: 1rem;
|
||||
height: 2rem;
|
||||
margin-top: -1.4rem;
|
||||
@ -712,7 +712,7 @@ button,
|
||||
font-weight: 700;
|
||||
font-size: 1.5rem;
|
||||
line-height: 1.3;
|
||||
color: #24272e;
|
||||
color: #000000;
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
@media screen and ( min-width: 48rem ) {
|
||||
@ -748,7 +748,7 @@ button,
|
||||
.details-card__card-content h4 {
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 1rem;
|
||||
color: #24272e;
|
||||
color: #000000;
|
||||
font-weight: 700;
|
||||
}
|
||||
@media screen and ( min-width: 48rem ) {
|
||||
@ -767,7 +767,7 @@ button,
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.np-card-training-session-date-bar {
|
||||
background-color: #795ae8;
|
||||
background-color: #2d31ff;
|
||||
left: -1.25rem;
|
||||
height: 100%;
|
||||
width: 0.5rem;
|
||||
@ -776,7 +776,7 @@ button,
|
||||
|
||||
}
|
||||
.np-card-training-session-date-day {
|
||||
color: #24272e;
|
||||
color: #000000;
|
||||
font-weight: 900;
|
||||
}
|
||||
.card__month-year-container {
|
||||
@ -787,11 +787,11 @@ button,
|
||||
line-height: 1.1;
|
||||
}
|
||||
.np-card-training-session-date-month {
|
||||
color: #795ae8;
|
||||
color: #2d31ff;
|
||||
text-transform: none;
|
||||
}
|
||||
.np-card-training-session-date-year {
|
||||
color: #6e7580;
|
||||
color: #000000;
|
||||
}
|
||||
.session-date__other-info-container,
|
||||
.session-date__other-info-container.np-training-session-cta-note {
|
||||
@ -807,7 +807,7 @@ button,
|
||||
}
|
||||
.session-date__other-info-container {
|
||||
padding: 0.25rem 0.5rem 0.25rem 0.5rem;
|
||||
background-color: #795ae8;
|
||||
background-color: #2d31ff;
|
||||
color: white;
|
||||
}
|
||||
.np-training-session-cta-note {
|
||||
@ -865,7 +865,7 @@ button,
|
||||
/* --- Padding--- */
|
||||
.np-divider {
|
||||
margin: 0 1.25rem;
|
||||
border-color: #94dbff;
|
||||
border-color: #dbe7ff;
|
||||
}
|
||||
@media screen and ( min-width: 48rem ) {
|
||||
.np-divider {
|
||||
@ -875,7 +875,7 @@ button,
|
||||
|
||||
/* ------ Course Banner ------ */
|
||||
.banner-course {
|
||||
box-shadow: rgba(141, 148, 158, 0.3) 0px 4px 12px;
|
||||
box-shadow: #000000(141, 148, 158, 0.3) 0px 4px 12px;
|
||||
background-color: #ffffff;
|
||||
border-radius: 1rem;
|
||||
display: flex;
|
||||
@ -928,7 +928,7 @@ button,
|
||||
background-position: center;
|
||||
width: 25%;
|
||||
max-width: 14rem;
|
||||
border-color: #e0f3ff;
|
||||
border-color: #dbe7ff;
|
||||
border-style: solid;
|
||||
border-radius: 1rem 0 0 1rem;
|
||||
border-width: 0 1px 0 0;
|
||||
@ -947,14 +947,14 @@ button,
|
||||
}
|
||||
.np-top-cta {
|
||||
border-radius: 3rem;
|
||||
background-color: #e0f3ff;
|
||||
background-color: #dbe7ff;
|
||||
padding: 0.5rem 1.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.np-top-cta .np-progress-bar-container {
|
||||
background-color: #8B78FA;
|
||||
background-color: #2d31ff;
|
||||
}
|
||||
|
||||
@media screen and ( min-width: 48rem ) {
|
||||
@ -972,7 +972,7 @@ button,
|
||||
|
||||
/* ------ Progress Bar ------ */
|
||||
.np-progress-bar-container {
|
||||
background-color: #dce1e5;
|
||||
background-color: #dbe7ff;
|
||||
|
||||
}
|
||||
|
||||
@ -1033,10 +1033,10 @@ button,
|
||||
|
||||
.np-button:focus {
|
||||
background-color: {{ color_palette.button_hover_color }};
|
||||
outline: 2px solid #e79ff7;
|
||||
outline: 2px solid #dbe7ff;
|
||||
}
|
||||
.np-button:active {
|
||||
background-color: #50185b;
|
||||
background-color: #2d31ff;
|
||||
}
|
||||
|
||||
/* --- Wide Buttons --- */
|
||||
@ -1048,40 +1048,40 @@ button,
|
||||
/* --- Secondary Buttons --- */
|
||||
.np-button-secondary {
|
||||
color: #fff;
|
||||
background-color: #6e7580 !important;
|
||||
background-color: #000000 !important;
|
||||
}
|
||||
.np-button-secondary:hover,
|
||||
.np-button-secondary:focus {
|
||||
background-color: {{ color_palette.button_hover_color }} !important;
|
||||
}
|
||||
.np-button-secondary:active {
|
||||
background-color: #50185b !important;
|
||||
background-color: #2d31ff !important;
|
||||
}
|
||||
|
||||
/* ------ Dropdowns ------ */
|
||||
.dropdown-calendar-menu {
|
||||
padding: 0.5rem 0;
|
||||
border-radius: 1rem;
|
||||
box-shadow: rgba(141, 148, 158, 0.3) 0px 4px 12px;
|
||||
box-shadow: #000000(141, 148, 158, 0.3) 0px 4px 12px;
|
||||
}
|
||||
.dropdown-calendar-menu.is-open {
|
||||
overflow: hidden;
|
||||
}
|
||||
.dropdown-calendar-item-element {
|
||||
padding: .5rem 1.25rem;
|
||||
color: #5a616b;
|
||||
color: #000000;
|
||||
}
|
||||
.dropdown-calendar-item-element:hover,
|
||||
.dropdown-calendar-item-element:focus,
|
||||
.dropdown-calendar-item-element:active {
|
||||
color: #50185b;
|
||||
color: #2d31ff;
|
||||
}
|
||||
.dropdown-calendar-item-element:hover,
|
||||
.dropdown-calendar-item-element:focus {
|
||||
background-color: #fae3ff;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.dropdown-calendar-item-element:active {
|
||||
background-color: #fdf3ff;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
/* ------ Form & Inputs ------ */
|
||||
.np-form-field {
|
||||
@ -1090,19 +1090,19 @@ button,
|
||||
.np-input-label {
|
||||
font-size: 1rem;
|
||||
margin-bottom: 0.5rem;
|
||||
color: #5a616b;
|
||||
color: #000000;
|
||||
}
|
||||
.np-input {
|
||||
border-radius: 1.25rem;
|
||||
height: 2.5rem;
|
||||
padding: 0.5rem 1.25rem;
|
||||
line-height: 1.5;
|
||||
background-color: #f0feff;
|
||||
border-color: #bfe4ff;
|
||||
background-color: #ffffff;
|
||||
border-color: #dbe7ff;
|
||||
border-width: 2px;
|
||||
}
|
||||
.np-input:focus {
|
||||
border-color: #4cc3ff;
|
||||
border-color: #2d31ff;
|
||||
}
|
||||
.np-form-action {
|
||||
margin-top: 0.5rem;
|
||||
@ -1122,12 +1122,12 @@ button,
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.np-alert-error {
|
||||
background-color: #ffe1e8;
|
||||
color: #b11932;
|
||||
background-color: #fbe0ff;
|
||||
color: #2d31ff;
|
||||
}
|
||||
.np-alert-success {
|
||||
background-color: #e8ffe1;
|
||||
color: #1d6e2c;
|
||||
background-color: #dfff6d;
|
||||
color: #2d31ff;
|
||||
}
|
||||
|
||||
@media screen and ( min-width: 48rem ) {
|
||||
@ -1140,7 +1140,7 @@ button,
|
||||
.filter-list__container {
|
||||
background-color: white;
|
||||
border-radius: 1rem;
|
||||
box-shadow: rgba(141, 148, 158, 0.3) 0px 4px 12px;
|
||||
box-shadow: #000000(141, 148, 158, 0.3) 0px 4px 12px;
|
||||
}
|
||||
/* --- Header --- */
|
||||
.filter-list__header-container {
|
||||
@ -1157,7 +1157,7 @@ button,
|
||||
}
|
||||
/* --- Sections --- */
|
||||
.filter-list__section {
|
||||
border-top: 1px solid #e0f3ff;
|
||||
border-top: 1px solid #dbe7ff;
|
||||
}
|
||||
/* Header */
|
||||
.filter-list__section-header-container {
|
||||
@ -1168,7 +1168,7 @@ button,
|
||||
cursor: pointer;
|
||||
}
|
||||
.filter-list__section-header-container:focus {
|
||||
outline: 2px solid #e79ff7;
|
||||
outline: 2px solid #dbe7ff;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
.filter-list__section-header {
|
||||
@ -1187,12 +1187,12 @@ button,
|
||||
}
|
||||
.filter-list__section-header-container:hover .filter-list__section-header-icon,
|
||||
.filter-list__section-header-container:hover .filter-list__section-header-icon {
|
||||
color: #ba37d6;
|
||||
color: #2d31ff;
|
||||
}
|
||||
/* Body */
|
||||
.filter-list__section-body {
|
||||
padding: 0.75rem 0.75rem 0.75rem 1.5rem;
|
||||
border-top: 1px solid #e0f3ff;
|
||||
border-top: 1px solid #dbe7ff;
|
||||
}
|
||||
/* --- Interactivity --- */
|
||||
/* Icons */
|
||||
@ -1238,12 +1238,12 @@ button,
|
||||
|
||||
.filter-list__item:hover,
|
||||
.filter-list__item:focus {
|
||||
background-color: #fdf3ff;
|
||||
color: #9630ab;
|
||||
background-color: #ffffff;
|
||||
color: #2d31ff;
|
||||
cursor: pointer;
|
||||
}
|
||||
.filter-list__item:focus {
|
||||
outline: 2px solid #e79ff7;
|
||||
outline: 2px solid #dbe7ff;
|
||||
}
|
||||
.filter-list__item.is-active {
|
||||
background-color: {{ color_palette.button_color }};
|
||||
@ -1252,7 +1252,7 @@ button,
|
||||
|
||||
.filter-list__item.is-active:hover,
|
||||
.filter-list__item.is-active:focus {
|
||||
background-color: #ba37d6;
|
||||
background-color: #2d31ff;
|
||||
}
|
||||
.filter-list__item-remove {
|
||||
margin-left: 0.4rem;
|
||||
@ -1274,7 +1274,7 @@ button,
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
box-shadow: rgba(141, 148, 158, 0.3) 0px 4px 12px;
|
||||
box-shadow: #000000(141, 148, 158, 0.3) 0px 4px 12px;
|
||||
line-height: 1.1;
|
||||
padding: 0.3rem 0.85rem;
|
||||
border-radius: 0.85rem;
|
||||
@ -1287,12 +1287,12 @@ button,
|
||||
}
|
||||
.clear-filters__button:hover,
|
||||
.clear-filters__button:focus {
|
||||
background-color: #ba37d6;
|
||||
background-color: #2d31ff;
|
||||
color: #ffffff;
|
||||
cursor: pointer;
|
||||
}
|
||||
.clear-filters__button:focus {
|
||||
outline: 2px solid #e79ff7;
|
||||
outline: 2px solid #dbe7ff;
|
||||
}
|
||||
.clear-filters__button.is-active {
|
||||
background-color: {{ color_palette.button_color }};
|
||||
@ -1311,15 +1311,15 @@ button,
|
||||
|
||||
/* --- Trigger --- */
|
||||
.np-course-version-outdated-popup-trigger {
|
||||
color: #f8654c;
|
||||
color: #ff6b35;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.np-course-version-outdated-popup-trigger:hover,
|
||||
.np-course-version-outdated-popup-trigger:focus {
|
||||
color: #d54224;
|
||||
color: #ff6b35;
|
||||
}
|
||||
.np-course-version-outdated-popup-trigger:focus {
|
||||
outline: 2px solid #ffa593;
|
||||
outline: 2px solid #ff6b35;
|
||||
}
|
||||
|
||||
.np-course-version-outdated-popup {
|
||||
@ -1329,18 +1329,18 @@ button,
|
||||
|
||||
/* --- Popup --- */
|
||||
.np-popup-tooltip--visible {
|
||||
border: 2px solid #ffe5e1;
|
||||
border: 2px solid #ffffff;
|
||||
}
|
||||
.np-popup-tail {
|
||||
border-top: 4px solid #ffc9c0;
|
||||
border-top: 4px solid #ffffff;
|
||||
}
|
||||
.np-popup-header {
|
||||
background-color: #ffe5e1;
|
||||
background-color: #ffffff;
|
||||
padding-left: 1.25rem;
|
||||
padding-right: 1.25rem;
|
||||
}
|
||||
.np-popup-header-icon {
|
||||
color: #f8654c;
|
||||
color: #ff6b35;
|
||||
}
|
||||
.np-popup-body {
|
||||
padding-left: 1.25rem;
|
||||
@ -1355,7 +1355,7 @@ button,
|
||||
color: #fff;
|
||||
}
|
||||
.np-popup-body-button:focus {
|
||||
outline: 2px solid #e79ff7;;
|
||||
outline: 2px solid #dbe7ff;;
|
||||
}
|
||||
|
||||
|
||||
@ -1447,20 +1447,20 @@ button,
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
border-radius: 50%;
|
||||
border: 1px solid #aeb5bd;
|
||||
border: 1px solid #f4f7f9;
|
||||
}
|
||||
.np-content-instructors-content-description {
|
||||
margin-left: 0.75rem;
|
||||
}
|
||||
.np-content-instructors-content-name {
|
||||
color: #6e7580;
|
||||
color: #000000;
|
||||
font-weight: 700;
|
||||
line-height: 1.3;
|
||||
}
|
||||
.np-content-instructors-content-info {
|
||||
font-size: 1rem;
|
||||
line-height: 1.3;
|
||||
color: #24272e;
|
||||
color: #000000;
|
||||
}
|
||||
@media screen and ( min-width: 48rem ) {
|
||||
.np-content-instructors-content-name {
|
||||
@ -1477,7 +1477,7 @@ button,
|
||||
|
||||
/* Section Title */
|
||||
.np-course-outline-content-section-name {
|
||||
color: #353a42;
|
||||
color: #000000;
|
||||
font-size: 1rem;
|
||||
line-height: 1.3;
|
||||
border-bottom-width: 0;
|
||||
@ -1498,18 +1498,18 @@ button,
|
||||
/* Icon */
|
||||
.np-course-outline-content-activity-icon {
|
||||
padding: 0 0.75rem 0 0;
|
||||
color: #e9ecf0;
|
||||
color: #ffffff;
|
||||
}
|
||||
/* Connecting Bar */
|
||||
.np-course-outline-content-activity-list-bar {
|
||||
background-color: #e9ecf0;
|
||||
background-color: #ffffff;
|
||||
height: calc(50% - 9px);
|
||||
top: calc(50% + 9px);
|
||||
bottom: 0;
|
||||
left: 9px;
|
||||
}
|
||||
.np-course-outline-content-activity-list-bar:before {
|
||||
background-color: #e9ecf0;
|
||||
background-color: #ffffff;
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
@ -1532,11 +1532,11 @@ button,
|
||||
/* Chapter Headings */
|
||||
.np-course-outline-content-activity-icon-locked,
|
||||
.np-course-outline-content-activity-link-completed {
|
||||
color: #6e7580;
|
||||
color: #000000;
|
||||
}
|
||||
.np-course-outline-content-activity-link-completed:hover,
|
||||
.np-course-outline-content-activity-link-completed:focus {
|
||||
color: #131519;
|
||||
color: #000000;
|
||||
}
|
||||
/* Link Hover Effect */
|
||||
.np-course-outline-content-activity-link-completed {
|
||||
@ -1547,7 +1547,7 @@ button,
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 0%;
|
||||
background-color: #4cc3ff;
|
||||
background-color: #2d31ff;
|
||||
height: 0;
|
||||
border-radius: 1px;
|
||||
}
|
||||
@ -1557,11 +1557,11 @@ button,
|
||||
height: 2px;
|
||||
}
|
||||
.np-course-outline-content-activity-link-completed:active::after {
|
||||
background-color: #ba37d6;
|
||||
background-color: #2d31ff;
|
||||
}
|
||||
/* Locked Icon */
|
||||
.np-course-outline-content-activity-icon-locked {
|
||||
color: #aeb5bd;
|
||||
color: #f4f7f9;
|
||||
font-weight: 700;
|
||||
}
|
||||
/* --- Course Events --- */
|
||||
@ -1572,7 +1572,7 @@ button,
|
||||
flex-shrink: 0;
|
||||
border-radius: 50%;
|
||||
text-transform: none;
|
||||
background-color: #795ae8;
|
||||
background-color: #2d31ff;
|
||||
|
||||
}
|
||||
.np-course-events-content-month,
|
||||
@ -1585,7 +1585,7 @@ button,
|
||||
line-height: 1.3;
|
||||
}
|
||||
.np-course-events-content-name {
|
||||
color: #353a42;
|
||||
color: #000000;
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
@ -1597,7 +1597,7 @@ button,
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.np-course-events-content-time {
|
||||
color: #6b3fd1;
|
||||
color: #2d31ff;
|
||||
}
|
||||
|
||||
/* --- Outline Bar Divider --- */
|
||||
@ -1623,7 +1623,7 @@ button,
|
||||
.np-training-session .np-top-vocabulary .np-training-session-icon {
|
||||
margin-left: 0;
|
||||
margin-right: .5rem;
|
||||
color: #795ae8;
|
||||
color: #2d31ff;
|
||||
}
|
||||
|
||||
/*
|
||||
@ -1637,7 +1637,7 @@ button,
|
||||
width: 100%;
|
||||
}
|
||||
.cta--outline .np-top-cta {
|
||||
box-shadow: rgba(141, 148, 158, 0.3) 0px 4px 12px;
|
||||
box-shadow: #000000(141, 148, 158, 0.3) 0px 4px 12px;
|
||||
}
|
||||
|
||||
/* --- Outline Divider --- */
|
||||
@ -1675,7 +1675,7 @@ button,
|
||||
}
|
||||
}
|
||||
.np-learning-path-outline-item:focus {
|
||||
outline: 2px solid #e79ff7;
|
||||
outline: 2px solid #dbe7ff;
|
||||
}
|
||||
.outline-card__icon-container {
|
||||
padding: 0.5rem;
|
||||
@ -1695,17 +1695,17 @@ button,
|
||||
}
|
||||
/* Locked */
|
||||
.outline-card__icon-locked {
|
||||
background-color: #e9ecf0;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.outline-card__icon-locked .np-learning-path-outline-icon {
|
||||
color: #5a616b;
|
||||
color: #000000;
|
||||
}
|
||||
/* Complete */
|
||||
.outline-card__icon-complete {
|
||||
background-color: #d7f7f1;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.outline-card__icon-complete .np-learning-path-outline-icon {
|
||||
color: #008382;
|
||||
color: #2d31ff;
|
||||
}
|
||||
/* Use an arrow icon on hvoer */
|
||||
a:hover .outline-card__icon-complete .np-learning-path-outline-icon::before,
|
||||
@ -1715,17 +1715,17 @@ a:active .outline-card__icon-complete .np-learning-path-outline-icon::before {
|
||||
}
|
||||
/* Link */
|
||||
.outline-card__icon-link {
|
||||
background-color: #3E1191;
|
||||
background-color: #2d31ff;
|
||||
}
|
||||
.outline-card__icon-link .np-learning-path-outline-icon {
|
||||
color: #fff;
|
||||
}
|
||||
a:hover .outline-card__icon-container,
|
||||
a:focus .outline-card__icon-container {
|
||||
background-color: #7625F7;
|
||||
background-color: #2d31ff;
|
||||
}
|
||||
a:focus .outline-card__icon-container {
|
||||
outline: 2px solid #7625F7;
|
||||
outline: 2px solid #2d31ff;
|
||||
}
|
||||
a:hover .np-learning-path-outline-icon,
|
||||
a:focus .np-learning-path-outline-icon {
|
||||
@ -1752,7 +1752,7 @@ a:active .np-learning-path-outline-icon {
|
||||
margin-bottom: 1rem !important;
|
||||
}
|
||||
.training-session__details .np-training-session-icon {
|
||||
color: #795ae8;
|
||||
color: #2d31ff;
|
||||
width: 1.5rem;
|
||||
text-align: center;
|
||||
margin-right: 0.25rem;
|
||||
@ -1780,28 +1780,28 @@ a:active .np-learning-path-outline-icon {
|
||||
.np-training-session-tile {
|
||||
background-color: #ffffff;
|
||||
border-radius: 1rem;
|
||||
box-shadow: rgba(141, 148, 158, 0.3) 0px 4px 12px;
|
||||
color: #5a616b;
|
||||
box-shadow: #000000(141, 148, 158, 0.3) 0px 4px 12px;
|
||||
color: #000000;
|
||||
}
|
||||
.np-training-session-tile:hover {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.np-training-session-tile:focus {
|
||||
outline: 2px solid #e79ff7;
|
||||
outline: 2px solid #dbe7ff;
|
||||
}
|
||||
/* Icon */
|
||||
.np-training-session-tile-icon {
|
||||
color: #795ae8;
|
||||
color: #2d31ff;
|
||||
}
|
||||
/* Details */
|
||||
.training-session-tile__details {
|
||||
flex-grow: 1;
|
||||
}
|
||||
.np-training-session-tile-date {
|
||||
color: #24272e;
|
||||
color: #000000;
|
||||
}
|
||||
.np-training-session-tile-time {
|
||||
color: #5a616b;
|
||||
color: #000000;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
/* Arrow */
|
||||
@ -1816,28 +1816,28 @@ a:active .np-learning-path-outline-icon {
|
||||
justify-content: center;
|
||||
margin-right: 1rem;
|
||||
flex-shrink: 0;
|
||||
background-color: #e0f3ff;
|
||||
background-color: #dbe7ff;
|
||||
margin-left: 1rem;
|
||||
margin-right: 0;
|
||||
}
|
||||
.training-session-tile__icon {
|
||||
margin-left: unset;
|
||||
font-size: 1rem;
|
||||
color: #2574e1;
|
||||
color: #2d31ff;
|
||||
}
|
||||
a:hover .training-session-tile__icon-container,
|
||||
a:focus .training-session-tile__icon-container {
|
||||
background-color: #f9e1ff;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
a:focus .training-session-tile__icon-container {
|
||||
outline: 2px solid #e79ff7;
|
||||
outline: 2px solid #dbe7ff;
|
||||
}
|
||||
a:hover .training-session-tile__icon,
|
||||
a:focus .training-session-tile__icon {
|
||||
color: #ba37d6;
|
||||
color: #2d31ff;
|
||||
}
|
||||
a:active .training-session-tile__icon {
|
||||
color: #712b80;
|
||||
color: #2d31ff;
|
||||
}
|
||||
|
||||
/* ------ Empty States ------ */
|
||||
@ -1847,7 +1847,7 @@ a:active .training-session-tile__icon {
|
||||
.np-training-session-zero-state {
|
||||
width: 100%;
|
||||
border-radius: 1rem;
|
||||
border: 3px solid #dce1e5;
|
||||
border: 3px solid #dbe7ff;
|
||||
}
|
||||
.np-training-session-zero-state {
|
||||
display: flex;
|
||||
@ -1859,7 +1859,7 @@ a:active .training-session-tile__icon {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
.np-zero-state-text {
|
||||
color: #6e7580;
|
||||
color: #000000;
|
||||
font-size: 1.125rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
@ -1875,7 +1875,7 @@ a:active .training-session-tile__icon {
|
||||
|
||||
/* --- Header / Summary --- */
|
||||
.search-summary__emphasis {
|
||||
color: #6b3fd1;
|
||||
color: #2d31ff;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
@ -1909,18 +1909,18 @@ a.tutorial-button {
|
||||
display: inline-block;
|
||||
padding: 0.5rem 1.25rem;
|
||||
border-radius: 1.5rem;
|
||||
background-color: #2574e1;
|
||||
background-color: #000000;
|
||||
color: #fff !important;
|
||||
}
|
||||
.tutorial-button:focus,
|
||||
.tutorial-button:hover {
|
||||
background-color: #712b80;
|
||||
background-color: #000000;
|
||||
}
|
||||
.tutorial-button:focus {
|
||||
outline: 2px solid #e79ff7;
|
||||
outline: 2px solid #000000;
|
||||
}
|
||||
.tutorial-button:active {
|
||||
background-color: #50185b;
|
||||
background-color: #000000;
|
||||
}
|
||||
|
||||
|
||||
@ -1929,12 +1929,12 @@ a.tutorial-button {
|
||||
.tutorial-time-estimate {
|
||||
position: relative;
|
||||
border-radius: 1.25rem;
|
||||
background-color: #e9e9ff;
|
||||
background-color: #ffffff;
|
||||
padding: 0.5rem 1rem 0.5rem calc(3rem + 16px);
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
font-size: 1rem;
|
||||
color: #6b3fd1;
|
||||
color: #2d31ff;
|
||||
margin: 1.5rem 0 !important;
|
||||
}
|
||||
.tutorial-time-estimate::before {
|
||||
@ -1944,7 +1944,7 @@ a.tutorial-button {
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
background-color: #6b3fd1;
|
||||
background-color: #2d31ff;
|
||||
color: #fff;
|
||||
padding: 0.5rem 0.9rem 0.5rem 1rem;
|
||||
content: "\f017";
|
||||
@ -1955,15 +1955,15 @@ a.tutorial-button {
|
||||
|
||||
/* ------------ Colors ------------ */
|
||||
.np-color-danger {
|
||||
color: #E52242;
|
||||
color:#fbe0ff ;
|
||||
}
|
||||
.np-color-success {
|
||||
color: #368645;
|
||||
color: #dfff6d;
|
||||
}
|
||||
.np-progress-color {
|
||||
color: #4cc3ff;
|
||||
color: #2d31ff;
|
||||
|
||||
}
|
||||
.np-progress-background-color {
|
||||
background-color: #7625F7;
|
||||
background-color: #2d31ff;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user