230 lines
3.8 KiB
Plaintext
230 lines
3.8 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 {
|
|
height: 100%;
|
|
margin: 0;
|
|
background: url('https://s3.amazonaws.com/static.northpass.com/skan_ai/background.png');
|
|
background-attachment: fixed;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
.np-main {
|
|
background: transparent;
|
|
}
|
|
|
|
|
|
.np-sub-navigation {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.np-homepage-featured .np-homepage-headline {
|
|
color: #ffffff;
|
|
}
|
|
|
|
/* LOGIN PAGE */
|
|
.np-box .np-form-link {
|
|
color:#211579;
|
|
}
|
|
|
|
/* FOOTER DETAILS */
|
|
.np-footer-support-item {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.np-button-color {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.np-button-color:hover {
|
|
color: #59D7C9;
|
|
transition: color .5s ease, background .5s ease, border .5s;
|
|
}
|
|
|
|
|
|
/* links for Home, Dashboard, etc. */
|
|
.np-sub-navigation-content{
|
|
color: #ffffff
|
|
}
|
|
|
|
/* Dashboard page all text*/
|
|
.np-dashboard-resources-title {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
/* Catalog page all text*/
|
|
.np-footer-logo-image {
|
|
filter: none;
|
|
opacity: 1;
|
|
height: 50px;
|
|
width: 100%;
|
|
}
|
|
|
|
.np-button-background-color {
|
|
background: #211579;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
|
|
.np-button {
|
|
color: #FFFFFF;
|
|
background: #307fe2;
|
|
text-transform: uppercase;
|
|
font-family: Jost,sans-serif;
|
|
}
|
|
|
|
.np-button:hover {
|
|
background: #59D7C9;
|
|
transition: color .5s ease, background .5s ease, border .5s;
|
|
border: 1px solid #59D7C9;
|
|
color: #211579;
|
|
}
|
|
|
|
|
|
|
|
.dropdown-button {
|
|
color: #FFFFFF !important;
|
|
background: #307fe2 !important;
|
|
}
|
|
|
|
|
|
.dropdown-button:hover {
|
|
color: #211579 !important;
|
|
background: #59D7C9 !important;
|
|
}
|
|
|
|
.dropdown-button-apply {
|
|
color: #FFFFFF !important;
|
|
background: #307fe2 !important;
|
|
}
|
|
|
|
|
|
.dropdown-button-apply:hover {
|
|
color: #211579 !important;
|
|
background: #59D7C9 !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
.np-card-content-progress,
|
|
.np-course-version-outdated-popup-trigger,
|
|
.np-card-content-progress .np-button-color{
|
|
color: #211579;
|
|
|
|
}
|
|
|
|
.np-card-content-progress:hover {
|
|
color: #211579;
|
|
}
|
|
|
|
|
|
|
|
.np-popup-body-button,
|
|
.np-learning-paths, {
|
|
background-image: linear-gradient(#01061D, #030E43);
|
|
}
|
|
|
|
.np-popup-body-button:hover {
|
|
background: #59D7C9;
|
|
color: #211579;
|
|
transition: color .5s ease, background .5s ease, border .5s;
|
|
|
|
}
|
|
|
|
.np-resource-header {
|
|
border: 2px solid #e5e9eb;
|
|
}
|
|
|
|
/* Course progress -course_outline */
|
|
|
|
|
|
/* Newly Updated Styles based on Nitin's Designs */
|
|
@media (min-width: 768px){
|
|
.np-alert-global{
|
|
padding-top: 90px !important;
|
|
}
|
|
|
|
.np-box-header-logo{
|
|
height: 85px;
|
|
}
|
|
|
|
.np-homepage .np-card{
|
|
padding: 0;
|
|
}
|
|
|
|
.np-catalog{
|
|
padding-top: 150px;
|
|
}
|
|
|
|
.np-dashboard,
|
|
.np-training-events{
|
|
padding-top: 155px;
|
|
}
|
|
|
|
.np-dashboard-resources-container{
|
|
border: 2px solid #211579;
|
|
}
|
|
|
|
.np-course-outline-content-activity-icon {
|
|
color: #59D7C9;
|
|
}
|
|
|
|
.np-resource-title,
|
|
.np-resource-subtitle,
|
|
.np-zero-state-text {
|
|
color: #211579;
|
|
}
|
|
|
|
.np-learning-path .np-learning-path-image{
|
|
border-radius: 0;
|
|
border-top-left-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
|
|
.np-card-text-wrapper{
|
|
border-top-right-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
}
|
|
|
|
.np-dashboard-resources-title,
|
|
.np-card-header-type,
|
|
.np-card-header-icon,
|
|
.np-learning-path-items,
|
|
.np-learning-path-items .np-button-color,
|
|
.np-learning-path-items .np-learning-path-items-count,
|
|
.np-card-content-title{
|
|
color: #211579;
|
|
}
|
|
|
|
.np-card-container,
|
|
.np-card-stack-level-1,
|
|
.np-card-stack-level-2{
|
|
background: #FFFFFF;
|
|
border: 2px solid #211579;
|
|
}
|
|
|
|
.np-learning-path-outline-item{
|
|
border: 2px solid #e5e9eb;
|
|
}
|
|
|
|
.np-homepage .np-learning-path .np-card-content{
|
|
border: none;
|
|
}
|
|
|
|
.np-footer,
|
|
.np-powered-by {
|
|
background: #01061D !important;
|
|
}
|
|
}
|
|
|