Create new branch for explore new-theme. Initialize variables, css and angular.json

deprecated
parent cc062d3938
commit b2e9a76170

3
.gitmodules vendored

@ -4,3 +4,6 @@
[submodule "explore/src/assets/common-assets"]
path = explore/src/assets/common-assets
url = gitea@code-repo.d4science.org:MaDgIK/openaire-assets.git
[submodule "explore/src/assets/openaire-theme"]
path = explore/src/assets/openaire-theme
url = gitea@code-repo.d4science.org:MaDgIK/openaire-theme.git

@ -57,9 +57,8 @@
"src/material.scss"
],
"scripts": [
"src/assets/common-assets/common/jquery.js",
"src/assets/common-assets/common/uikit.min.js",
"src/assets/common-assets/common/uikit-icons.min.js",
"src/assets/openaire-theme/js/uikit.min.js",
"src/assets/openaire-theme/js/uikit-icons.min.js",
"node_modules/jquery/dist/jquery.js"
]
},

@ -1 +1 @@
Subproject commit 5b732fea7b33ce4f39fd158d836c93fecfbd8c17
Subproject commit d26f56e260a01fdcca40a5fa495c1f67f6b19b9b

@ -1 +1 @@
Subproject commit 04d799f089c93ae28c9d2ca8436f283ebc0be3ae
Subproject commit 776ba07197e4cf73e98890bd4213a32183ea19d2

@ -1,263 +1,283 @@
:root {
--portal-main-color: #D95F2D;
--portal-main-contrast: white;
--portal-dark-color: #a0462c;
--openaire-main-color: #313179;
--explore-portal-color: #D95F2D;
--provide-portal-color: #37C7E9;
--monitor-portal-color: #9ABB55;
--connect-portal-color: #EBB13E;
--develop-portal-color: #DA65AB;
--explore-portal-lower-tone: #a0462c;
--provide-portal-lower-tone: #3A8FA3;
--monitor-portal-lower-tone: #7c9144;
--connect-portal-lower-tone: #b48536;
--develop-portal-lower-tone: #9f4e7e;
}
.tm-toolbar .uk-subnav-line .custom-explore-li {
background:var(--portal-main-color) !important;
}
/* .custom-explore-toolbar ul.uk-subnav.uk-subnav-line{
background-color: var(--portal-main-color) !important;
}
.custom-explore-toolbar ul.uk-subnav.uk-subnav-line{
background-color: var(--portal-main-color) !important;
}
.custom-explore-toolbar .inner {
background-color: var(--portal-main-color) !important;
}
.custom-explore-toolbar{
border-top-color:var(--portal-main-color) !important;
} */
.mainPageSearchForm{
/*background-image: !*linear-gradient(rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5)),*! url('home.jpg');*/
background: transparent linear-gradient(180deg, #FAFAFA 0%, #FFFFFF 100%);
}
.firstPageNumbers{
/* font-weight: 600 !important; */
/* color: var(--portal-main-color) !important; */
}
.explore-numbers {
}
.mainPageBottomInfo{
background: linear-gradient( rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5)), url('home.jpg');
background-attachment: scroll, scroll;
background-size: auto auto, auto auto;
background-size: cover;
background-attachment: fixed;
box-sizing: border-box;
min-height: calc(100vh - 412.767px);
}
.box-links .uk-card-header:hover {
text-decoration: underline;
text-decoration-color: currentcolor;
text-decoration-color: #90929D;
}
.searchForm, .generalSearchForm,
.publicationsSearchForm,
.projectsSearchForm, .projectsTableSearchForm,
.organizationsSearchForm,
.datasetsSearchForm,
.softwareSearchForm,
.orpsSearchForm,
.datasourcesSearchForm, .compatibleDatasourcesSearchForm, .compatibleDatasourcesTableSearchForm, .datasourcesTableSearchForm,
.journalsSearchForm, .journalsTableSearchForm,
.entityRegistriesSearchForm, .entityRegistriesTableSearchForm {
background: url('./Εxplore-sub.jpg') right !important;
}
.ask-explore.uk-grid-divider > :not(.uk-first-column)::before {
border-left: 1px solid var(--portal-main-color) ;
}
.questions .tm-child-list-divider > ul > li:nth-child(n+2), .questions .uk-list-divider > li:nth-child(n+2) {
border-top: 1px solid #c5c5c5;
}
.questions {
font-size: 15px;
font-weight: bold;
color: #4687E6;
}
.uk-card-explore {
background-color: var(--portal-main-color);
color: #fff !important;
}
.uk-card-explore .uk-h3 {
color: #fff !important;
}
.uk-card-explore .uk-h6 a {
color: #fff !important;
text-decoration: underline;
}
.uk-card-explore .uk-h5 {
color: #fff !important;
text-transform: uppercase;
font-size: 15px;
font-weight: bolder;
}
.emphasis {
color: #000;
font-size: 17px;
font-weight: bold;
}
.portal-color.emphasis {
color: #37C7E9;
font-size: 40px;
font-weight: bold;
}
.numbers-background {
background: transparent url('explore-assets/numbers_background_pattern.svg') repeat-x center bottom;
}
.number {
color: #1d1d1d;
}
.home-logo img{
-webkit-filter: grayscale(1); /* Safari 6.0 - 9.0 */
filter: grayscale(1);
transition-duration:0.3s;
}
.home-logo:hover img{
-webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
filter: grayscale(0);
transition-duration:0.3s;
}
.graph-background {
background: #F4F4F4 0 0 no-repeat padding-box;
}
.graph-background-bottom {
background-image: url("curved-bottom.svg");
background-color: #FAFAFA;
height: 170px;
}
.trello-image {
margin-top: -3px;
}
.trello-button {
border: #0079BF 1px solid;
text-transform: none !important;
font-size: 16px;
padding: 0 16px;
}
.trello-button-white {
background-color: white;
color: #0079BF;
}
.trello-button-blue {
background-color: #0076BA;
color: white;
}
.trello-button-white:hover {
background-color: #E9EEF5;
color: #0079BF;
}
.trello-button-blue:hover {
background-color: #0084B1;
color: white;
}
.explorePanelBackground {
background: transparent linear-gradient(133deg, #F5F5F5 0%, #D8D8D8 100%) 0% 0% no-repeat padding-box;
}
.explorePanelBackground .uk-grid-divider > :not(.uk-first-column)::before {
border-left: 1px solid rgba(0, 0, 0, .2);
}
.explorePanelBackground .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
color: #bfbfbf;
}
.exploreBorder {
border-color: #d8d8d8;
border-style: solid;
border-width: 2px;
border-radius: 6px;
}
.flex-column {
display: flex;
flex-direction: column;
}
.min-width-30 {
min-width: 30%;
}
.verticalLine {
height: 100%;
width: 2px;
background-color: #DEDEDE;
opacity: 0.7;
}
.flex-gap {
grid-gap: 40px;
}
.padding-left {
padding-left: 30px;
}
.gateway-link-logo {
max-height: 50px;
width: auto;
margin-bottom: 10px;
}
.custom-height-130 {
max-height: 130px;
}
.custom-list {
list-style: none;
padding-left: 15px;
margin: 10px 0;
}
.custom-list li {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
margin-bottom: 4px;
}
.connect-image {
max-height:100%;
border-radius: 0 4px 4px 0;
}
.border-top {
border-top: 1px solid rgba(0,0,0,0.09);
}
/*buttons*/
--button-primary-background: var(--explore-color);
--button-primary-background-image: linear-gradient(104deg, var(--explore-dark-color) 50%, var(--explore-light-color) 100%);
/*backgrounds*/
--background-primary:var(--explore-color);
--background-primary-image:none;
--background-secondary: var(--grey-color);
--background-secondary-image:none;
/*fonts*/
--text-primary-color: var(--explore-color);
--text-gradient-color: linear-gradient(110deg, var(--explore-dark-color) 0%, var(--explore-light-color) 100%);
/*slider*/
--slider-dot-background: rgba(var(--explore-color-rgb), 0.5);
--slider-dot-active-background: var(--explore-color);
}
/*:root {*/
/* --portal-main-color: #D95F2D;*/
/* --portal-main-contrast: white;*/
/* --portal-dark-color: #a0462c;*/
/* --openaire-main-color: #313179;*/
/* --explore-portal-color: #D95F2D;*/
/* --provide-portal-color: #37C7E9;*/
/* --monitor-portal-color: #9ABB55;*/
/* --connect-portal-color: #EBB13E;*/
/* --develop-portal-color: #DA65AB;*/
/* --explore-portal-lower-tone: #a0462c;*/
/* --provide-portal-lower-tone: #3A8FA3;*/
/* --monitor-portal-lower-tone: #7c9144;*/
/* --connect-portal-lower-tone: #b48536;*/
/* --develop-portal-lower-tone: #9f4e7e;*/
/*}*/
/*.tm-toolbar .uk-subnav-line .custom-explore-li {*/
/* background:var(--portal-main-color) !important;*/
/*}*/
/*!* .custom-explore-toolbar ul.uk-subnav.uk-subnav-line{*/
/* background-color: var(--portal-main-color) !important;*/
/* }*/
/*.custom-explore-toolbar ul.uk-subnav.uk-subnav-line{*/
/* background-color: var(--portal-main-color) !important;*/
/*}*/
/* .custom-explore-toolbar .inner {*/
/* background-color: var(--portal-main-color) !important;*/
/* }*/
/* .custom-explore-toolbar{*/
/* border-top-color:var(--portal-main-color) !important;*/
/* } *!*/
/*.mainPageSearchForm{*/
/* !*background-image: !*linear-gradient(rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5)),*! url('home.jpg');*!*/
/* background: transparent linear-gradient(180deg, #FAFAFA 0%, #FFFFFF 100%);*/
/*}*/
/*.firstPageNumbers{*/
/* !* font-weight: 600 !important; *!*/
/* !* color: var(--portal-main-color) !important; *!*/
/*}*/
/*.explore-numbers {*/
/* }*/
/*.mainPageBottomInfo{*/
/* background: linear-gradient( rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5)), url('home.jpg');*/
/* background-attachment: scroll, scroll;*/
/* background-size: auto auto, auto auto;*/
/* background-size: cover;*/
/* background-attachment: fixed;*/
/* box-sizing: border-box;*/
/* min-height: calc(100vh - 412.767px);*/
/*}*/
/*.box-links .uk-card-header:hover {*/
/* text-decoration: underline;*/
/* text-decoration-color: currentcolor;*/
/* text-decoration-color: #90929D;*/
/*}*/
/*.searchForm, .generalSearchForm,*/
/*.publicationsSearchForm,*/
/*.projectsSearchForm, .projectsTableSearchForm,*/
/*.organizationsSearchForm,*/
/*.datasetsSearchForm,*/
/*.softwareSearchForm,*/
/*.orpsSearchForm,*/
/*.datasourcesSearchForm, .compatibleDatasourcesSearchForm, .compatibleDatasourcesTableSearchForm, .datasourcesTableSearchForm,*/
/* .journalsSearchForm, .journalsTableSearchForm,*/
/*.entityRegistriesSearchForm, .entityRegistriesTableSearchForm {*/
/* background: url('./Εxplore-sub.jpg') right !important;*/
/*}*/
/*.ask-explore.uk-grid-divider > :not(.uk-first-column)::before {*/
/* border-left: 1px solid var(--portal-main-color) ;*/
/*}*/
/*.questions .tm-child-list-divider > ul > li:nth-child(n+2), .questions .uk-list-divider > li:nth-child(n+2) {*/
/* border-top: 1px solid #c5c5c5;*/
/*}*/
/*.questions {*/
/* font-size: 15px;*/
/* font-weight: bold;*/
/* color: #4687E6;*/
/*}*/
/*.uk-card-explore {*/
/* background-color: var(--portal-main-color);*/
/* color: #fff !important;*/
/*}*/
/*.uk-card-explore .uk-h3 {*/
/* color: #fff !important;*/
/*}*/
/*.uk-card-explore .uk-h6 a {*/
/* color: #fff !important;*/
/* text-decoration: underline;*/
/*}*/
/*.uk-card-explore .uk-h5 {*/
/* color: #fff !important;*/
/* text-transform: uppercase;*/
/* font-size: 15px;*/
/* font-weight: bolder;*/
/*}*/
/*.emphasis {*/
/* color: #000;*/
/* font-size: 17px;*/
/* font-weight: bold;*/
/*}*/
/*.portal-color.emphasis {*/
/* color: #37C7E9;*/
/* font-size: 40px;*/
/* font-weight: bold;*/
/*}*/
/*.numbers-background {*/
/* background: transparent url('explore-assets/numbers_background_pattern.svg') repeat-x center bottom;*/
/*}*/
/*.number {*/
/* color: #1d1d1d;*/
/*}*/
/*.home-logo img{*/
/* -webkit-filter: grayscale(1); !* Safari 6.0 - 9.0 *!*/
/* filter: grayscale(1);*/
/* transition-duration:0.3s;*/
/*}*/
/*.home-logo:hover img{*/
/* -webkit-filter: grayscale(0); !* Safari 6.0 - 9.0 *!*/
/* filter: grayscale(0);*/
/* transition-duration:0.3s;*/
/*}*/
/*.graph-background {*/
/* background: #F4F4F4 0 0 no-repeat padding-box;*/
/*}*/
/*.graph-background-bottom {*/
/* background-image: url("curved-bottom.svg");*/
/* background-color: #FAFAFA;*/
/* height: 170px;*/
/*}*/
/*.trello-image {*/
/* margin-top: -3px;*/
/*}*/
/*.trello-button {*/
/* border: #0079BF 1px solid;*/
/* text-transform: none !important;*/
/* font-size: 16px;*/
/* padding: 0 16px;*/
/*}*/
/*.trello-button-white {*/
/* background-color: white;*/
/* color: #0079BF;*/
/*}*/
/*.trello-button-blue {*/
/* background-color: #0076BA;*/
/* color: white;*/
/*}*/
/*.trello-button-white:hover {*/
/* background-color: #E9EEF5;*/
/* color: #0079BF;*/
/*}*/
/*.trello-button-blue:hover {*/
/* background-color: #0084B1;*/
/* color: white;*/
/*}*/
/*.explorePanelBackground {*/
/* background: transparent linear-gradient(133deg, #F5F5F5 0%, #D8D8D8 100%) 0% 0% no-repeat padding-box;*/
/*}*/
/*.explorePanelBackground .uk-grid-divider > :not(.uk-first-column)::before {*/
/* border-left: 1px solid rgba(0, 0, 0, .2);*/
/*}*/
/*.explorePanelBackground .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {*/
/* color: #bfbfbf;*/
/*}*/
/*.exploreBorder {*/
/* border-color: #d8d8d8;*/
/* border-style: solid;*/
/* border-width: 2px;*/
/* border-radius: 6px;*/
/*}*/
/*.flex-column {*/
/* display: flex;*/
/* flex-direction: column;*/
/*}*/
/*.min-width-30 {*/
/* min-width: 30%;*/
/*}*/
/*.verticalLine {*/
/* height: 100%;*/
/* width: 2px;*/
/* background-color: #DEDEDE;*/
/* opacity: 0.7;*/
/*}*/
/*.flex-gap {*/
/* grid-gap: 40px;*/
/*}*/
/*.padding-left {*/
/* padding-left: 30px;*/
/*}*/
/*.gateway-link-logo {*/
/* max-height: 50px;*/
/* width: auto;*/
/* margin-bottom: 10px;*/
/*}*/
/*.custom-height-130 {*/
/* max-height: 130px;*/
/*}*/
/*.custom-list {*/
/* list-style: none;*/
/* padding-left: 15px;*/
/* margin: 10px 0;*/
/*}*/
/*.custom-list li {*/
/* -webkit-column-break-inside: avoid;*/
/* page-break-inside: avoid;*/
/* break-inside: avoid;*/
/* margin-bottom: 4px;*/
/*}*/
/*.connect-image {*/
/* max-height:100%;*/
/* border-radius: 0 4px 4px 0;*/
/*}*/
/*.border-top {*/
/* border-top: 1px solid rgba(0,0,0,0.09);*/
/*}*/

@ -0,0 +1 @@
Subproject commit 3b700ea4c14ba05d1f8c2cf3ef3253623eda55f3

@ -1,5 +1,4 @@
/* You can add global styles to this file, and also import other style files */
@import "assets/common-assets/common/theme.css";
@import "assets/common-assets/common/custom.css";
@import "assets/openaire-theme/css/import.css";
@import "assets/common-assets/library.css";
@import "assets/explore-custom.css";

Loading…
Cancel
Save