changes in customization
This commit is contained in:
argirok
parent
c669f3c7db
commit
d31d2e7d2f
|
|
@ -1 +1 @@
|
|||
Subproject commit 2542d452be89e0ad740978d889e1a0f3e05c302f
|
||||
Subproject commit b027575fc0e300b6bc704b5af31a391fe83ebe72
|
||||
|
|
@ -65,6 +65,7 @@ export class CustomizationComponent {
|
|||
--background-light-color:` + this.layout.backgrounds.light.color+`;
|
||||
}
|
||||
`;
|
||||
return;
|
||||
//Search SVG
|
||||
let search = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 532"><defs><style>.cls-1{isolation:isolate;}.cls-2{fill:{{color}};mix-blend-mode:multiply;}</style></defs><title>Asset 3</title><g class="cls-1"><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-2" d="M0,431s362,109,841,62,632,68,1159-9V0H0Z"/><path class="cls-2" d="M0,514s1401,71,2000-69V0H0Z"/></g></g></g></svg>`;
|
||||
;
|
||||
|
|
|
|||
|
|
@ -1,160 +1,171 @@
|
|||
:root {
|
||||
/*Buttons*/
|
||||
|
||||
.communityPanelBackground {
|
||||
color: #ffffff !important;
|
||||
--primary-color: var(--portal-main-color);
|
||||
--secondary-color: var(--portal-dark-color);
|
||||
--button-primary-background: var(--portal-main-color);
|
||||
--button-primary-background-image: none;
|
||||
--button-secondary-background: var(--portal-dark-color);
|
||||
--button-secondary-background-image: none;
|
||||
--button-primary-color: var(--font-default-color);
|
||||
|
||||
/* Primary */
|
||||
--button-primary-background: var(--portal-main-color);
|
||||
--button-primary-background-image: none;
|
||||
--button-primary-color: var(--light-color);
|
||||
--button-primary-border-color: transparent;
|
||||
--button-primary-background-hover: var(--portal-dark-color);
|
||||
--button-primary-background-image-hover: none;
|
||||
--button-primary-color-hover: var(--light-color);
|
||||
--button-primary-border-color-hover: transparent;
|
||||
|
||||
/* Secondary */
|
||||
--button-secondary-background: var(--light-color);
|
||||
--button-secondary-background-image: none;
|
||||
--button-secondary-color: var(--primary-color);
|
||||
--button-secondary-border-color: transparent;
|
||||
--button-secondary-background-hover: var(--primary-color);
|
||||
--button-secondary-background-image-hover: none;
|
||||
--button-secondary-color-hover: var(--light-color);
|
||||
--button-secondary-border-color-hover: transparent;
|
||||
|
||||
/*backgrounds*/
|
||||
--primary-background: #2C2C2C;
|
||||
--primary-background-image:none;
|
||||
--secondary-background-image:none;
|
||||
|
||||
/*fonts*/
|
||||
--font-primary-color:var(--portal-main-color);
|
||||
/*--secondary-background: var(--secondary-color);*/
|
||||
}
|
||||
/*.communityPanelBackground {*/
|
||||
/* color: #ffffff !important;*/
|
||||
|
||||
.communityPanelBackground svg .stroke_line {
|
||||
stroke: #ffffff !important;
|
||||
}
|
||||
/*}*/
|
||||
|
||||
.communityPanelBackground svg .fill_text {
|
||||
fill: #ffffff !important;
|
||||
}
|
||||
/*.communityPanelBackground svg .stroke_line {*/
|
||||
/* stroke: #ffffff !important;*/
|
||||
/*}*/
|
||||
|
||||
/*.communityPanelBackground svg .fill_text {*/
|
||||
/* fill: #ffffff !important;*/
|
||||
/*}*/
|
||||
|
||||
|
||||
.communityPanelBackground .uk-h6:not(.ignoreCommunityPanelBackground),
|
||||
.communityPanelBackground .uk-h5:not(.ignoreCommunityPanelBackground),
|
||||
.communityPanelBackground .uk-h4:not(.ignoreCommunityPanelBackground),
|
||||
.communityPanelBackground .uk-h3:not(.ignoreCommunityPanelBackground),
|
||||
.communityPanelBackground .uk-h2:not(.ignoreCommunityPanelBackground),
|
||||
.communityPanelBackground .uk-h1:not(.ignoreCommunityPanelBackground),
|
||||
.communityPanelBackground h6:not(.ignoreCommunityPanelBackground),
|
||||
.communityPanelBackground h5:not(.ignoreCommunityPanelBackground),
|
||||
.communityPanelBackground h4:not(.ignoreCommunityPanelBackground),
|
||||
.communityPanelBackground h3:not(.ignoreCommunityPanelBackground),
|
||||
.communityPanelBackground h2:not(.ignoreCommunityPanelBackground),
|
||||
.communityPanelBackground h1:not(.ignoreCommunityPanelBackground){
|
||||
color: #ffffff !important;
|
||||
}
|
||||
/*.communityPanelBackground .uk-h6:not(.ignoreCommunityPanelBackground),*/
|
||||
/*.communityPanelBackground .uk-h5:not(.ignoreCommunityPanelBackground),*/
|
||||
/*.communityPanelBackground .uk-h4:not(.ignoreCommunityPanelBackground),*/
|
||||
/*.communityPanelBackground .uk-h3:not(.ignoreCommunityPanelBackground),*/
|
||||
/*.communityPanelBackground .uk-h2:not(.ignoreCommunityPanelBackground),*/
|
||||
/*.communityPanelBackground .uk-h1:not(.ignoreCommunityPanelBackground),*/
|
||||
/*.communityPanelBackground h6:not(.ignoreCommunityPanelBackground),*/
|
||||
/*.communityPanelBackground h5:not(.ignoreCommunityPanelBackground),*/
|
||||
/*.communityPanelBackground h4:not(.ignoreCommunityPanelBackground),*/
|
||||
/*.communityPanelBackground h3:not(.ignoreCommunityPanelBackground),*/
|
||||
/*.communityPanelBackground h2:not(.ignoreCommunityPanelBackground),*/
|
||||
/*.communityPanelBackground h1:not(.ignoreCommunityPanelBackground){*/
|
||||
/* color: #ffffff !important;*/
|
||||
/*}*/
|
||||
|
||||
|
||||
.communityPanelBackground .uk-h5:not(.ignoreCommunityPanelBackground) {
|
||||
font-weight: 700!important;
|
||||
}
|
||||
/*.communityPanelBackground .uk-h5:not(.ignoreCommunityPanelBackground) {*/
|
||||
/* font-weight: 700!important;*/
|
||||
/*}*/
|
||||
|
||||
.communityPanelBackground .uk-link:not(.ignoreCommunityPanelBackground),
|
||||
.communityPanelBackground a:not(.uk-button):not(.uk-button-text):not(.ignoreCommunityPanelBackground),
|
||||
.portal-card a {
|
||||
color: rgba(255, 255, 255, 0.98) !important;
|
||||
font-family: 'Open Sans', sans-serif !important;
|
||||
font-size: 14px !important;
|
||||
}
|
||||
/*.communityPanelBackground .uk-link:not(.ignoreCommunityPanelBackground),*/
|
||||
/*.communityPanelBackground a:not(.uk-button):not(.uk-button-text):not(.ignoreCommunityPanelBackground),*/
|
||||
/*.portal-card a {*/
|
||||
/* color: rgba(255, 255, 255, 0.98) !important;*/
|
||||
/* font-family: 'Open Sans', sans-serif !important;*/
|
||||
/* font-size: 14px !important;*/
|
||||
/*}*/
|
||||
|
||||
.communityPanelBackground .uk-link:not(.ignoreCommunityPanelBackground):hover,
|
||||
.communityPanelBackground a:not(.uk-button):not(.uk-button-text):not(.ignoreCommunityPanelBackground):hover,
|
||||
.portal-card a:hover {
|
||||
color: rgba(255, 255, 255, 0.5) !important;
|
||||
}
|
||||
/*.communityPanelBackground .uk-link:not(.ignoreCommunityPanelBackground):hover,*/
|
||||
/*.communityPanelBackground a:not(.uk-button):not(.uk-button-text):not(.ignoreCommunityPanelBackground):hover,*/
|
||||
/*.portal-card a:hover {*/
|
||||
/* color: rgba(255, 255, 255, 0.5) !important;*/
|
||||
/*}*/
|
||||
|
||||
.uk-link,
|
||||
a:not(.uk-button),
|
||||
.uk-navbar-dropdown-nav>li>a,
|
||||
/*.uk-navbar-nav>li>a,*/
|
||||
.loginLink,
|
||||
.uk-tab>.uk-active>a,
|
||||
.uk-tab>*>a:focus,
|
||||
.uk-tab>*>a:hover {
|
||||
color: var(--portal-main-color);
|
||||
}
|
||||
/*.uk-link,*/
|
||||
/*a:not(.uk-button),*/
|
||||
/*.uk-navbar-dropdown-nav>li>a,*/
|
||||
/*!*.uk-navbar-nav>li>a,*!*/
|
||||
/*.loginLink,*/
|
||||
/*.uk-tab>.uk-active>a,*/
|
||||
/*.uk-tab>*>a:focus,*/
|
||||
/*.uk-tab>*>a:hover {*/
|
||||
/* color: var(--portal-main-color);*/
|
||||
/*}*/
|
||||
/* */
|
||||
/*.uk-navbar-dropdown-nav>li>a:focus,*/
|
||||
/*.uk-navbar-dropdown-nav>li>a:hover,*/
|
||||
/*.uk-navbar-dropdown-nav>li>a:active,*/
|
||||
/*.uk-navbar-nav>li>a:hover,*/
|
||||
/*.uk-navbar-nav>li>a:focus,*/
|
||||
/*.uk-navbar-nav>li>a:active,*/
|
||||
|
||||
/*
|
||||
.communityPanelBackground .uk-button:not(.ignoreCommunityPanelBackground) {
|
||||
background-color: #ffffff !important;
|
||||
!*color: var(--portal-main-color) !important;*!
|
||||
color: black !important;
|
||||
border-color: #ffffff !important;
|
||||
border-style: solid !important;
|
||||
border-width: 1px !important;
|
||||
!*border-radius: 4px !important;*!
|
||||
}
|
||||
/*.uk-navbar-dropdown-nav>li.uk-active>a,*/
|
||||
/*.uk-tab>.uk-active>a,*/
|
||||
/*.uk-navbar-nav>li.uk-active>a,*/
|
||||
/*.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li.uk-active>a,*/
|
||||
/*.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li:hover > a,*/
|
||||
/*.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li:active > a,*/
|
||||
/*.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li:focus > a,*/
|
||||
/*.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li > a.uk-open,*/
|
||||
/*.uk-navbar-nav > li > a.uk-open,*/
|
||||
/*.uk-button-text*/
|
||||
/*{*/
|
||||
/* color: var(--portal-main-color) !important;*/
|
||||
/*}*/
|
||||
/*.uk-link:hover, a:not(.uk-button):hover{*/
|
||||
/* color: var(--portal-dark-color) ;*/
|
||||
/*}*/
|
||||
/*.navbar .nav > li > .dropdown-menu, .uk-navbar-dropdown {*/
|
||||
/* background-color: white !important;*/
|
||||
/* color: #666;*/
|
||||
/* box-shadow: 0 5px 12px rgba(0, 0, 0, .15);*/
|
||||
|
||||
.communityPanelBackground .uk-button:not(.ignoreCommunityPanelBackground):hover {
|
||||
background-color: #eeeeee !important;
|
||||
!*color: var(--portal-main-color) !important;*!
|
||||
color: black !important;
|
||||
border-color: #eeeeee !important;
|
||||
}*/
|
||||
/* !*border:var(--portal-main-color) 1px solid;*!*/
|
||||
/*}*/
|
||||
/*.uk-navbar-dropdown-nav > li > a{*/
|
||||
/* color: #666 !important;*/
|
||||
/*}*/
|
||||
/*.customTabs .uk-tab>.uk-active>a {*/
|
||||
/* border-color: var(--portal-main-color);*/
|
||||
/*}*/
|
||||
|
||||
.uk-navbar-dropdown-nav>li>a:focus,
|
||||
.uk-navbar-dropdown-nav>li>a:hover,
|
||||
.uk-navbar-dropdown-nav>li>a:active,
|
||||
.uk-navbar-nav>li>a:hover,
|
||||
.uk-navbar-nav>li>a:focus,
|
||||
.uk-navbar-nav>li>a:active,
|
||||
/*.customTabs .uk-tab>.uk-active>a {*/
|
||||
/* border-color: var(--portal-main-color);*/
|
||||
/*}*/
|
||||
|
||||
.uk-navbar-dropdown-nav>li.uk-active>a,
|
||||
.uk-tab>.uk-active>a,
|
||||
.uk-navbar-nav>li.uk-active>a,
|
||||
.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li.uk-active>a,
|
||||
.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li:hover > a,
|
||||
.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li:active > a,
|
||||
.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li:focus > a,
|
||||
.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li > a.uk-open,
|
||||
.uk-navbar-nav > li > a.uk-open,
|
||||
.uk-button-text
|
||||
{
|
||||
color: var(--portal-main-color) !important;
|
||||
}
|
||||
.uk-link:hover, a:not(.uk-button):hover{
|
||||
color: var(--portal-dark-color) ;
|
||||
}
|
||||
.navbar .nav > li > .dropdown-menu, .uk-navbar-dropdown {
|
||||
background-color: white !important;
|
||||
color: #666;
|
||||
box-shadow: 0 5px 12px rgba(0, 0, 0, .15);
|
||||
/*.uk-tab>*>a:focus,*/
|
||||
/*.uk-tab>*>a:hover {*/
|
||||
/* border-color: var(--portal-dark-color);*/
|
||||
/*}*/
|
||||
|
||||
/*border:var(--portal-main-color) 1px solid;*/
|
||||
}
|
||||
.uk-navbar-dropdown-nav > li > a{
|
||||
color: #666 !important;
|
||||
}
|
||||
.customTabs .uk-tab>.uk-active>a {
|
||||
border-color: var(--portal-main-color);
|
||||
}
|
||||
/*.portal-link:hover {*/
|
||||
/* !*text-decoration: none !important;*!*/
|
||||
/* color: var(--portal-dark-color) !important;*/
|
||||
/*}*/
|
||||
|
||||
.customTabs .uk-tab>.uk-active>a {
|
||||
border-color: var(--portal-main-color);
|
||||
}
|
||||
/*#stickyNavbar{*/
|
||||
/* box-shadow: 0 1px 1px #0000004D;*/
|
||||
/*}*/
|
||||
/*.uk-button-primary, .uk-button-secondary, .uk-button-default{*/
|
||||
/* color: white !important;*/
|
||||
/* background-color: var(--portal-main-color) !important;*/
|
||||
/* border-color: var(--portal-main-color) !important;*/
|
||||
/*}*/
|
||||
/*.uk-button-primary:hover, .uk-button-secondary:hover, .uk-button-default:hover{*/
|
||||
/* background-color: var(--portal-dark-color) !important;*/
|
||||
/* border-color: var(--portal-dark-color) !important;*/
|
||||
/*}*/
|
||||
/*.uk-alert-primary{*/
|
||||
/* color: var(--portal-main-color);*/
|
||||
/* border-color: var(--portal-main-color);*/
|
||||
/*}*/
|
||||
|
||||
.uk-tab>*>a:focus,
|
||||
.uk-tab>*>a:hover {
|
||||
border-color: var(--portal-dark-color);
|
||||
}
|
||||
|
||||
.portal-link:hover {
|
||||
/*text-decoration: none !important;*/
|
||||
color: var(--portal-dark-color) !important;
|
||||
}
|
||||
|
||||
#stickyNavbar{
|
||||
box-shadow: 0 1px 1px #0000004D;
|
||||
}
|
||||
.uk-button-primary, .uk-button-secondary, .uk-button-default{
|
||||
color: white !important;
|
||||
background-color: var(--portal-main-color) !important;
|
||||
border-color: var(--portal-main-color) !important;
|
||||
}
|
||||
.uk-button-primary:hover, .uk-button-secondary:hover, .uk-button-default:hover{
|
||||
background-color: var(--portal-dark-color) !important;
|
||||
border-color: var(--portal-dark-color) !important;
|
||||
}
|
||||
/*.uk-button-secondary, .uk-button-default{
|
||||
color: var(--portal-main-color) !important;
|
||||
background-color: white !important;
|
||||
border-color: var(--portal-main-color) !important;
|
||||
}
|
||||
.uk-button-secondary:hover, .uk-button-default:hover{
|
||||
color: white !important;
|
||||
background-color: var(--portal-main-color) !important;
|
||||
border-color: var(--portal-main-color) !important;
|
||||
}*/
|
||||
.uk-alert-primary{
|
||||
color: var(--portal-main-color);
|
||||
border-color: var(--portal-main-color);
|
||||
}
|
||||
|
||||
.uk-text-primary, .landing .download-from a:hover{
|
||||
color: var(--portal-main-color) !important;
|
||||
}
|
||||
/*.uk-text-primary, .landing .download-from a:hover{*/
|
||||
/* color: var(--portal-main-color) !important;*/
|
||||
/*}*/
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue