connect/src/assets/connect-custom.css

227 lines
4.5 KiB
CSS

:root {
--portal-main-color: #EBB13E;
/* --portal-main-contrast: #2E2E2E; */
--portal-main-contrast: white;
--portal-dark-color: #b48536;
--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;
--community_main_color: #4C9CD5;
--community_main_color_rgb: 76,156,213;
--community_secondary_color:#24857F;
--community_main_dark_color:#2276B9;
}
.tm-toolbar .uk-subnav-line .custom-connect-li {
background:var(--portal-main-color) !important;
}
/* .uk-button-default:hover,.uk-button-default:focus,.btn:hover,.btn:focus {
background-color:#fff !important;
color:#5b5b5b !important;
box-shadow:0 6px 50px rgba(0,0,0,0.05)
} */
.mainPageSearchForm {
background-image: url("connect-assets/home/banner.jpg") !important;
background-color: rgb(255, 255, 255);
box-sizing: border-box;
min-height: calc(100vh - 412.767px);
}
.home-banner {
background-image: url("connect-assets/home/banner.jpg") !important;
background-color: rgb(255, 255, 255);
}
.contact-banner {
background-color: #CFDEF1;
}
.contact-background {
background-image: url("connect-assets/contact/background.png") !important;
background-color: rgb(255, 255, 255);
}
.cloud-background {
background-image: url("connect-assets/cloud/background.png") !important;
background-color: rgb(255, 255, 255);
}
.cloud-abstract {
background-image: url("connect-assets/cloud/abstract.png") !important;
background-color: rgb(255, 255, 255);
}
.banner-background {
background: linear-gradient(145deg, rgba(255,255,255,1) 0%, rgba(160,193,242,1) 100%);
}
.home-background {
background-image: url("connect-assets/home/background.png") !important;
background-color: rgb(255, 255, 255);
}
.connectInfoCard {
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.24);
}
.connectCheckIcon {
background: rgba(0, 0, 0, 0.60);
color: white;
}
.communityCard {
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.rc-label{
color:black !important;
background-color: #FFC700 !important;
}
.private-view-label{
color:black !important;
}
.searchForm, .communitiesSearchForm{
background: linear-gradient(145deg, rgba(255,255,255,1) 0%, rgba(160,193,242,1) 100%);
}
.generalSearchForm,
.publicationsSearchForm,
.projectsSearchForm, .projectsTableSearchForm,
.organizationsSearchForm,
.datasetsSearchForm,
.softwareSearchForm,
.orpsSearchForm,
.datasourcesSearchForm, .compatibleDatasourcesSearchForm, .compatibleDatasourcesTableSearchForm, .datasourcesTableSearchForm,
.journalsSearchForm, .journalsTableSearchForm,
.entityRegistriesSearchForm, .entityRegistriesTableSearchForm {
background: url('') !important;
}
.communityToolBar{
background-color:#dedede;
z-index: 10;
}
/*.my-tooltip {
opacity: 0;
}*/
.communityToolBarSection{
z-index: 10;
}
.iframeContainer{
/*position:relative;*/
overflow:hidden;
/*padding-top:56.25%;*/
/*padding-bottom:35%;*/
}
.iframeContainer iframe{
/*position: absolute;*/
/*top:0;*/
/*left:0;*/
width:100%;
height:100%;
border:0;
}
div:not(.connect_App) bottom .uk-totop{
background-color: transparent !important;
}
.communityPanelBackground .curator-photo{
border:rgba(255, 255, 255, 0.5) 8px solid;
}
.communityRecentResults .search-results > li:nth-child(2){
border-top: none !important;
}
.communityRecentResults .search-results > li:last-child {
border-bottom: none !important;
}
.communityPanelBackground .uk-breadcrumb .active{
color:white;
}
.uk-breadcrumb .active{
font-weight: bold;
}
.communityPanelBackground .uk-label:not(.ignoreCommunityPanelBackground){
border-radius: 20px;
padding: 10px 20px;
}
.communityPanelBackground .uk-grid-divider > :not(.uk-first-column)::before {
border-left: 1px solid rgba(255, 255, 255, .2);
}
/*
Impact Factor - ATHENA CODE */
#popularity-A{
color:red;
content: 'Test';
}
#popularity-B{
color:#eabd35;
content: 'Test';
}
#popularity-C{
color:grey;
content: 'Test';
}
#influence-A{
color:red;
content: 'Test';
}
#influence-B{
color:#eabd35;
content: 'Test';
}
#influence-C{
color:grey;
content: 'Test';
}
.fa-university::before {
content: "\f19c";
}
.fa-fire::before {
content: "\f06d";
}
/* ATHENA CODE */