189 lines
2.9 KiB
Plaintext
189 lines
2.9 KiB
Plaintext
/*
|
|
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 }}
|
|
*/
|
|
|
|
body,
|
|
html {
|
|
font-family: "Montserrat", sans-serif;
|
|
color:#333;
|
|
}
|
|
|
|
body,
|
|
.np-dashboard,
|
|
.np-learning-paths {
|
|
background: #f3f3f3;
|
|
}
|
|
|
|
a {
|
|
color: inherit
|
|
}
|
|
|
|
.w-100 {
|
|
width:100%;
|
|
}
|
|
|
|
.gs-bg-light-blue {
|
|
background-color:#48B2EB;
|
|
}
|
|
|
|
.gs-light-blue {
|
|
color:#48B2EB;
|
|
}
|
|
|
|
.gs-bg-navy {
|
|
background-color:#153D5E;
|
|
}
|
|
|
|
.gs-navy {
|
|
color:#153D5E;
|
|
}
|
|
|
|
.gs-bg-gray {
|
|
background-color:#5B6D86;
|
|
}
|
|
|
|
.gs-gray {
|
|
color:#5B6D86;
|
|
}
|
|
|
|
.gs-bg-neutral {
|
|
background-color:#E1E1E1;
|
|
}
|
|
|
|
.gs-neutral {
|
|
color:#E1E1E1;
|
|
}
|
|
|
|
.gs-bg-green {
|
|
background-color:#569A86;
|
|
}
|
|
|
|
.gs-yellow {
|
|
color:#FCC642;
|
|
}
|
|
|
|
.gs-pink {
|
|
color:#E1266D;
|
|
}
|
|
|
|
.gs-green {
|
|
color:#8ac147;
|
|
}
|
|
|
|
.custom-page {
|
|
padding: 64px 16px;
|
|
}
|
|
|
|
.np-card-ribbon {
|
|
background-color:#48b2eb;
|
|
}
|
|
|
|
.np-resource-title {
|
|
color:#153d5e;
|
|
font-weight:900;
|
|
}
|
|
|
|
.np-resource-subtitle {
|
|
color:#333;
|
|
}
|
|
|
|
@media (min-width:768px){
|
|
.custom-page {
|
|
padding: 64px 0;
|
|
}
|
|
|
|
.np-subpage-container {
|
|
padding: 80px 16px 184px 16px;
|
|
}
|
|
}
|
|
|
|
/* CARD STYLES */
|
|
.np-card .np-card-container,
|
|
.np-card-stack-level-1,
|
|
.np-card-stack-level-2 {
|
|
box-shadow: 0px 0px 1px 0px rgba(53, 64, 78, 0.32), 0px 2px 4px -0.8px rgba(27, 62, 79, 0.04), 0px 4px 6px 0px rgba(27, 62, 79, 0.08);
|
|
}
|
|
|
|
.np-card .np-card-content {
|
|
padding:16px;
|
|
}
|
|
|
|
.np-card .np-card-content-title {
|
|
color: #153D5E;
|
|
font-size: 18px;
|
|
line-height: normal;
|
|
margin:0 0 8px;
|
|
}
|
|
|
|
.np-card .np-card-content-subtitle {
|
|
color: #5B6D86;
|
|
font-size: 14px;
|
|
line-height: normal;
|
|
}
|
|
|
|
.np-card .np-card-content-subtitle.short-desc {
|
|
margin-bottom:16px;
|
|
flex:1;
|
|
font-size:15px;
|
|
}
|
|
|
|
.np-card .np-card-content-subtitle.short-desc p,
|
|
.np-card .np-card-content-subtitle.short-desc span {
|
|
margin:0!important;
|
|
font-size:16px!important;
|
|
font-family:inherit!important;
|
|
color:inherit!important;
|
|
}
|
|
|
|
.np-card .card-info,
|
|
.certificate-card .card-info {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 10px 8px;
|
|
color: #153D5E;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: normal;
|
|
text-transform: uppercase;
|
|
border-top: 1px solid #E1E1E1;
|
|
align-items:center;
|
|
width:100%;
|
|
}
|
|
|
|
.np-progress-bar-container {
|
|
border-radius: 100px;
|
|
background: rgba(72, 178, 235, 0.32);
|
|
}
|
|
|
|
.np-card-progress-bar {
|
|
border-radius: 100px;
|
|
background: #48B2EB;
|
|
}
|
|
|
|
.np-card .np-progress-bar-container {
|
|
margin: 0;
|
|
height: 6px;
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.np-card .np-card-progress-bar {
|
|
height: 6px;
|
|
}
|
|
|
|
.np-card .np-card-content-footer .np-button,
|
|
.certificate-card .np-button {
|
|
width:100%;
|
|
font-size: 16px;
|
|
font-weight: 800;
|
|
line-height: normal;
|
|
text-transform: uppercase;
|
|
}
|