MaDgIK
/
connect
13
0
Fork 0
Code Issues Pull Requests Projects Releases 14 Wiki Activity

changes in customization

This commit is contained in:
argirok 2022-03-16 19:08:12 +02:00
parent c669f3c7db
commit d31d2e7d2f
3 changed files with 153 additions and 141 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/openaireLibrary

@ -1 +1 @@
Subproject commit 2542d452be89e0ad740978d889e1a0f3e05c302f Subproject commit b027575fc0e300b6bc704b5af31a391fe83ebe72

1
src/app/utils/customization/customization.component.ts
View File

@ -65,6 +65,7 @@ export class CustomizationComponent {
--background-light-color:` + this.layout.backgrounds.light.color+`; --background-light-color:` + this.layout.backgrounds.light.color+`;
} }
`; `;
return;
//Search SVG //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>`; 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>`;
; ;

291
src/assets/customization.css
View File

@ -1,160 +1,171 @@
:root {
/*Buttons*/
.communityPanelBackground { --primary-color: var(--portal-main-color);
color: #ffffff !important; --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 { /*.communityPanelBackground svg .stroke_line {*/
fill: #ffffff !important; /* stroke: #ffffff !important;*/
} /*}*/
/*.communityPanelBackground svg .fill_text {*/
/* fill: #ffffff !important;*/
/*}*/
.communityPanelBackground .uk-h6:not(.ignoreCommunityPanelBackground), /*.communityPanelBackground .uk-h6:not(.ignoreCommunityPanelBackground),*/
.communityPanelBackground .uk-h5:not(.ignoreCommunityPanelBackground), /*.communityPanelBackground .uk-h5:not(.ignoreCommunityPanelBackground),*/
.communityPanelBackground .uk-h4:not(.ignoreCommunityPanelBackground), /*.communityPanelBackground .uk-h4:not(.ignoreCommunityPanelBackground),*/
.communityPanelBackground .uk-h3:not(.ignoreCommunityPanelBackground), /*.communityPanelBackground .uk-h3:not(.ignoreCommunityPanelBackground),*/
.communityPanelBackground .uk-h2:not(.ignoreCommunityPanelBackground), /*.communityPanelBackground .uk-h2:not(.ignoreCommunityPanelBackground),*/
.communityPanelBackground .uk-h1:not(.ignoreCommunityPanelBackground), /*.communityPanelBackground .uk-h1:not(.ignoreCommunityPanelBackground),*/
.communityPanelBackground h6:not(.ignoreCommunityPanelBackground), /*.communityPanelBackground h6:not(.ignoreCommunityPanelBackground),*/
.communityPanelBackground h5:not(.ignoreCommunityPanelBackground), /*.communityPanelBackground h5:not(.ignoreCommunityPanelBackground),*/
.communityPanelBackground h4:not(.ignoreCommunityPanelBackground), /*.communityPanelBackground h4:not(.ignoreCommunityPanelBackground),*/
.communityPanelBackground h3:not(.ignoreCommunityPanelBackground), /*.communityPanelBackground h3:not(.ignoreCommunityPanelBackground),*/
.communityPanelBackground h2:not(.ignoreCommunityPanelBackground), /*.communityPanelBackground h2:not(.ignoreCommunityPanelBackground),*/
.communityPanelBackground h1:not(.ignoreCommunityPanelBackground){ /*.communityPanelBackground h1:not(.ignoreCommunityPanelBackground){*/
color: #ffffff !important; /* color: #ffffff !important;*/
} /*}*/
.communityPanelBackground .uk-h5:not(.ignoreCommunityPanelBackground) { /*.communityPanelBackground .uk-h5:not(.ignoreCommunityPanelBackground) {*/
font-weight: 700!important; /* font-weight: 700!important;*/
} /*}*/
.communityPanelBackground .uk-link:not(.ignoreCommunityPanelBackground), /*.communityPanelBackground .uk-link:not(.ignoreCommunityPanelBackground),*/
.communityPanelBackground a:not(.uk-button):not(.uk-button-text):not(.ignoreCommunityPanelBackground), /*.communityPanelBackground a:not(.uk-button):not(.uk-button-text):not(.ignoreCommunityPanelBackground),*/
.portal-card a { /*.portal-card a {*/
color: rgba(255, 255, 255, 0.98) !important; /* color: rgba(255, 255, 255, 0.98) !important;*/
font-family: 'Open Sans', sans-serif !important; /* font-family: 'Open Sans', sans-serif !important;*/
font-size: 14px !important; /* font-size: 14px !important;*/
} /*}*/
.communityPanelBackground .uk-link:not(.ignoreCommunityPanelBackground):hover, /*.communityPanelBackground .uk-link:not(.ignoreCommunityPanelBackground):hover,*/
.communityPanelBackground a:not(.uk-button):not(.uk-button-text):not(.ignoreCommunityPanelBackground):hover, /*.communityPanelBackground a:not(.uk-button):not(.uk-button-text):not(.ignoreCommunityPanelBackground):hover,*/
.portal-card a:hover { /*.portal-card a:hover {*/
color: rgba(255, 255, 255, 0.5) !important; /* color: rgba(255, 255, 255, 0.5) !important;*/
} /*}*/
.uk-link, /*.uk-link,*/
a:not(.uk-button), /*a:not(.uk-button),*/
.uk-navbar-dropdown-nav>li>a, /*.uk-navbar-dropdown-nav>li>a,*/
/*.uk-navbar-nav>li>a,*/ /*!*.uk-navbar-nav>li>a,*!*/
.loginLink, /*.loginLink,*/
.uk-tab>.uk-active>a, /*.uk-tab>.uk-active>a,*/
.uk-tab>*>a:focus, /*.uk-tab>*>a:focus,*/
.uk-tab>*>a:hover { /*.uk-tab>*>a:hover {*/
color: var(--portal-main-color); /* 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,*/
/* /*.uk-navbar-dropdown-nav>li.uk-active>a,*/
.communityPanelBackground .uk-button:not(.ignoreCommunityPanelBackground) { /*.uk-tab>.uk-active>a,*/
background-color: #ffffff !important; /*.uk-navbar-nav>li.uk-active>a,*/
!*color: var(--portal-main-color) !important;*! /*.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li.uk-active>a,*/
color: black !important; /*.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li:hover > a,*/
border-color: #ffffff !important; /*.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li:active > a,*/
border-style: solid !important; /*.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li:focus > a,*/
border-width: 1px !important; /*.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li > a.uk-open,*/
!*border-radius: 4px !important;*! /*.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 { /* !*border:var(--portal-main-color) 1px solid;*!*/
background-color: #eeeeee !important; /*}*/
!*color: var(--portal-main-color) !important;*! /*.uk-navbar-dropdown-nav > li > a{*/
color: black !important; /* color: #666 !important;*/
border-color: #eeeeee !important; /*}*/
}*/ /*.customTabs .uk-tab>.uk-active>a {*/
/* border-color: var(--portal-main-color);*/
/*}*/
.uk-navbar-dropdown-nav>li>a:focus, /*.customTabs .uk-tab>.uk-active>a {*/
.uk-navbar-dropdown-nav>li>a:hover, /* border-color: var(--portal-main-color);*/
.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,
.uk-navbar-dropdown-nav>li.uk-active>a, /*.uk-tab>*>a:focus,*/
.uk-tab>.uk-active>a, /*.uk-tab>*>a:hover {*/
.uk-navbar-nav>li.uk-active>a, /* border-color: var(--portal-dark-color);*/
.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);
/*border:var(--portal-main-color) 1px solid;*/ /*.portal-link:hover {*/
} /* !*text-decoration: none !important;*!*/
.uk-navbar-dropdown-nav > li > a{ /* color: var(--portal-dark-color) !important;*/
color: #666 !important; /*}*/
}
.customTabs .uk-tab>.uk-active>a {
border-color: var(--portal-main-color);
}
.customTabs .uk-tab>.uk-active>a { /*#stickyNavbar{*/
border-color: var(--portal-main-color); /* 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-text-primary, .landing .download-from a:hover{*/
.uk-tab>*>a:hover { /* color: var(--portal-main-color) !important;*/
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;
}