Custom Templates for DeepL backed up and EmailMonkey. GS University was also re-downloaded. Then small scripts updated like for Chubb.
This commit is contained in:
Norm Rasmussen
338
Custom_Templates/customer_templates/DeepL/styles.css.liquid
Normal file
338
Custom_Templates/customer_templates/DeepL/styles.css.liquid
Normal file
@ -0,0 +1,338 @@
|
||||
/*
|
||||
Put your custom overlay styles in here
|
||||
You can use your northpass color palette in this file
|
||||
|
||||
{{ color_palette.button_font_color }}
|
||||
{{ color_palette.button_color }}
|
||||
{{ color_palette.button_hover_color }}
|
||||
{{ color_palette.header_font_color }}
|
||||
{{ color_palette.header_font_hover_color }}
|
||||
{{ color_palette.header_color }}
|
||||
*/
|
||||
@font-face {
|
||||
font-family: AktivGrotesk;
|
||||
src: url("https://s3.amazonaws.com/static.northpass.com/DeepL/Font/AktivGroteskVF_WghtWdth.ttf");
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.grotesk-font {
|
||||
font-family: 'AktivGrotesk';
|
||||
}
|
||||
|
||||
body {
|
||||
background: #fff;
|
||||
}
|
||||
.lang-en, .lang-fr, .lang-de, .lang-es {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
body[data-lang="en"] .lang-en {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
body[data-lang="fr"] .lang-fr {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
body[data-lang="de"] .lang-de {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
body[data-lang="es"] .lang-es {
|
||||
display: block !important;
|
||||
}
|
||||
.hero-heading {
|
||||
font-size: 96px;
|
||||
font-weight: 300;
|
||||
}
|
||||
.hero-text-wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 30px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 80px 20px;
|
||||
}
|
||||
.page-hero-container {
|
||||
background: #DEF5FF;
|
||||
}
|
||||
.hero-desc {
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
line-height: 25.2px;
|
||||
text-align: center;
|
||||
}
|
||||
.hero-subheading {
|
||||
margin: 30px 0;
|
||||
}
|
||||
.dark-btn {
|
||||
background: #0f2b46;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
padding: 7px 16px;
|
||||
border-radius: 40px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.light-btn {
|
||||
background: #ededed;
|
||||
color: #0f2b46;
|
||||
text-decoration: none;
|
||||
padding: 7px 16px;
|
||||
border-radius: 40px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.border-right {
|
||||
border-right: 1px solid rgba(0,0,0,0.05);
|
||||
}
|
||||
.heading {
|
||||
font-size: 48px;
|
||||
font-family: 'AktivGrotesk';
|
||||
}
|
||||
.page-spacing {
|
||||
padding: 0px 40px;
|
||||
}
|
||||
.carousel-wrapper {
|
||||
margin-top: 60px;
|
||||
}
|
||||
.slick-track {
|
||||
margin: 0 !important;
|
||||
}
|
||||
.see-all-btn-container {
|
||||
width: fit-content;
|
||||
margin-top: 50px;
|
||||
}
|
||||
section {
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
.course-progress-container {
|
||||
margin: 20px 0;
|
||||
}
|
||||
.card-content {
|
||||
margin-top: 20px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.progress-number {
|
||||
color: #42a2ff;
|
||||
font-size: 14px;
|
||||
}
|
||||
.webinars-cards-wrapper {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4,1fr);
|
||||
margin-top: 40px;
|
||||
gap: 20px;
|
||||
}
|
||||
.course-progress {
|
||||
width: 100%;
|
||||
background: #d5d6d6;
|
||||
height: 4px;
|
||||
position: relative;
|
||||
border-radius: 8px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.course-progress-bar {
|
||||
background: #42a2ff;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
height: 100%;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.card {
|
||||
background: #f8f8f8;
|
||||
padding: 20px;
|
||||
border-radius: 8px;
|
||||
margin: 0 20px 20px 0;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
}
|
||||
.card-container {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.card-image {
|
||||
width: 100%;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.card-content-footer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.card-btn {
|
||||
width: fit-content;
|
||||
}
|
||||
.card-content-title {
|
||||
font-size: 30px;
|
||||
font-weight: 400;
|
||||
flex: 1;
|
||||
}
|
||||
.card-details {
|
||||
display: flex;
|
||||
color: #42A2FF;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.course-lessons {
|
||||
padding-right: 5px;
|
||||
border-right: 1px solid #42A2FF;
|
||||
}
|
||||
.course-time {
|
||||
padding-left: 5px;
|
||||
}
|
||||
.slick-track {
|
||||
display: flex !important;
|
||||
}
|
||||
.slick-slide {
|
||||
height: auto !important;
|
||||
}
|
||||
.course-outline-content-activity-link-completed {
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
line-height: 25.2px;
|
||||
letter-spacing: -0.01em;
|
||||
text-align: left;
|
||||
color: #42A2FF;
|
||||
text-decoration: none;
|
||||
margin-left: 20px;
|
||||
}
|
||||
.card-content-desc #isPasted, .card-content-desc p, .card-content-desc span {
|
||||
background: none !important;
|
||||
}
|
||||
.np-top-cta {
|
||||
background: #fff;
|
||||
padding: 0;
|
||||
}
|
||||
.np-progress-bar-container, .np-card-progress-bar {
|
||||
height: 4px;
|
||||
}
|
||||
.np-card-progress-bar {
|
||||
background: #42A2FF;
|
||||
}
|
||||
.np-progress-bar-container {
|
||||
background: #D5D6D6;
|
||||
}
|
||||
.small-heading {
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
line-height: 25.2px;
|
||||
letter-spacing: -0.01em;
|
||||
color: #0F2B46;
|
||||
}
|
||||
.np-course-outline-content-activity-list-bar {
|
||||
background-color: #000;
|
||||
width: 1px;
|
||||
top: 40px;
|
||||
}
|
||||
.card-btn:hover, .dark-btn:hover, .overview-cta-btn:hover {
|
||||
background: #091A2B;
|
||||
}
|
||||
.overview-back-btn:hover {
|
||||
color: #42a2ff;
|
||||
}
|
||||
.light-btn:hover {
|
||||
background: #D5D6D6;
|
||||
}
|
||||
.filter:hover {
|
||||
color: #42A2FF;
|
||||
}
|
||||
.cert-tag {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 19.6px;
|
||||
letter-spacing: -0.01em;
|
||||
color: #0F2B46;
|
||||
padding: 7px 12px;
|
||||
background: #DBD6FF;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.card-details-lp {
|
||||
display: flex;
|
||||
color: #42A2FF;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
margin-bottom: 20px;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.course-content-desc {
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
line-height: 25.2px;
|
||||
flex: 1;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.card-training-session-date-day {
|
||||
font-size: 64px;
|
||||
font-weight: 300;
|
||||
line-height: 67.2px;
|
||||
letter-spacing: -0.015em;
|
||||
color: #0F2B46;
|
||||
}
|
||||
.card-training-session-date-month, .card-training-session-date-year {
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
line-height: 25.2px;
|
||||
color: #0F2B46;
|
||||
}
|
||||
.card-training-session-date {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 20px 0;
|
||||
gap: 15px;
|
||||
}
|
||||
|
||||
#loader-overlay {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
z-index: 9999;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.loader {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border: 6px solid #f3f3f3;
|
||||
border-top: 6px solid #3498db;
|
||||
border-radius: 50%;
|
||||
animation: spin 1s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(360deg); }
|
||||
}
|
||||
@media only screen and (max-width: 900px) {
|
||||
.filters-container {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.carousel-filters {
|
||||
flex-direction: column;
|
||||
}
|
||||
.filter-dropdown-container {
|
||||
max-width: unset !important;
|
||||
}
|
||||
.banner-container {
|
||||
flex-direction: column;
|
||||
}
|
||||
.links-footer {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user