monitor-dashboard/src/assets/monitor-custom.css

88 lines
2.6 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;
/* Dashboard variables*/
--sidebar-width: 320px;
--sidebar-font-size: 16px;
--header-height: 70px;
--primary-color: #0d47a1;
--secondary-color: #1CA9D5;
--monitor-header-menu-height: 100px;
}
.refresh-iframe {
background-color: rgba(0, 0, 0, 0.50);
position: absolute;
}
.rotate-90 {
transform: rotate(90deg);
}
.stakeholderPage #sidebar_main .sidebar_main_header .logo{
margin-top: 15px;
}
.stakeholderPage .uk-navbar-container{
background-color: white !important;
padding-left: 0px;
}
.stakeholderPage .uk-navbar-center .uk-logo{
max-height: 80px;
}
.stakeholderPage .uk-navbar ul li.uk-active a{
color:var(--monitor-portal-color);
font-weight: bold;
}
.stakeholderPage #header_main{
padding-left: 6px;
}
#header_main.light_header {
background: white !important;
color: #000000B3;
}
.dashboard #header_main.light_header .login, .dashboard #header_main.light_header .uk-navbar-nav > li > a{
color: #000000B3;
/*text-transform: uppercase;*/
}
.dashboard #header_main.light_header circle, .dashboard #header_main.light_header .login svg * {
stroke: #000000B3;
}
.stakeholderPage #hide_controls:hover #toggle:hover .material-icons, .stakeholderPage #hide_controls #toggle:not(.sidebar_main_open) .material-icons {
color: var(--portal-main-color);
border: var(--portal-main-color) solid 1px;
}
.stakeholderPage #hide_controls #toggle:hover, .stakeholderPage #hide_controls #toggle:not(.sidebar_main_open),.stakeholderPage #sidebar_main .menu_section > ul > li.current_section > a .menu_title, .stakeholderPage #sidebar_main .menu_section > ul > li.current_section > a > .menu_icon .material-icons {
color: var(--portal-main-color) !important;
}
.dashboard #header_main .uk-logo img{
max-height: calc(var(--header-height) - 30px);
}
.stakeholderPage .uk-tab > li.uk-active > a,.stakeholderPage .uk-tab > li > a:focus, .stakeholderPage .uk-tab > li > a:hover {
border-bottom-color: var(--portal-main-color) !important;
}
.stakeholderPage #style_switcher {
top:200px;
}