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

111 lines
3.5 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 0px;*/
}
.stakeholderPage #hide_controls #toggle:hover .material-icons , .stakeholderPage #hide_controls #toggle:not(.sidebar_main_open) .material-icons, #hide_controls #toggle .material-icons{
color: var(--portal-main-color) !important;
}
.stakeholderPage #sidebar_main .menu_section > ul > li > a > .menu_icon .material-icons {
color: var(--portal-main-color) !important;
}
.stakeholderPage #sidebar_main .menu_section > ul > li.current_section, .stakeholderPage #sidebar_main .menu_section > ul > li.current_section:hover,
.stakeholderPage #sidebar_main .menu_section > ul > li.current_section:hover > a:hover
{
background-color: var(--portal-main-color) !important;
}
.stakeholderPage #sidebar_main .menu_section > ul > li.current_section .menu_title, .stakeholderPage #sidebar_main .menu_section > ul > li.current_section:hover .menu_title, .stakeholderPage #sidebar_main .menu_section > ul > li.current_section > a > .menu_icon .material-icons
/*.stakeholderPage #sidebar_main .menu_section > ul > li:hover > a > .menu_icon .material-icons*/
{
color: white !important;
font-weight: 700;
}
.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;
}
.stakeholderPage .uk-navbar-container{
box-shadow: 0px 1px 3px #0000004D;
}
.stakeholderPage #sidebar_main{
background-color: #F0F4F2;
}