monitor/src/assets/monitor-custom.css

119 lines
2.7 KiB
CSS

:root {
--portal-main-color: #9ABB55;
--portal-main-contrast: white;
--portal-dark-color: #7c9144;
--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-monitor-li {
background:var(--portal-main-color) !important;
}
.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);
}
.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);
}
.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;
}
.uk-breadcrumb .active{
font-weight: bold;
}
.uk-light .topic-nav .uk-navbar-nav > li > a {
font-size: 20px;
text-transform: unset;
}
.uk-light .topic-nav .uk-navbar-nav > li.uk-active > a, .uk-light .topic-nav .uk-navbar-nav > li > a:hover,
.uk-light .topic-nav .uk-navbar-nav > li > a:focus {
color: white !important;
}
.funderLogo{
background-image: url("images/piggy-bank.svg");
background-repeat: no-repeat;
width: 74px;
height: 74px;
margin: 0;
padding: 0;
}
.funderLogo.eu{
background-image: url("images/eu-flag.png");
width:120px;
height: 100px;
}
.funderLogo.europe{
background-image: url("images/europe-map.png");
width:110px;
height: 115px;
}
.funderLogo.international{
background-image: url("images/globe.png");
width:105px;
height: 105px;
}
.portal-color-icon svg >*{
stroke: var(--portal-main-color);
}
.uk-light .portal-button {
background-color: var(--portal-main-contrast) ;
color: var(--portal-main-color);
border: 1px solid var(--portal-main-contrast) ;
background-image: none ;
}
.uk-light .portal-button:hover, .uk-light .portal-button:active, .uk-light .portal-button:focus {
background-color: #EEEEEE ;
color: var(--portal-main-color);
border: 1px solid #EEEEEE ;
background-image: none ;
}