135 lines
3.1 KiB
CSS
135 lines
3.1 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);
|
|
}
|
|
|
|
.double-header #header_menu a {
|
|
user-select: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
}
|
|
|
|
.dashboard .double-header #header_main .uk-navbar-nav > li > a {
|
|
font-size: 16px;
|
|
font-family: "Open Sans", serif;
|
|
}
|
|
|
|
.double-header #header_main .uk-navbar-nav > li.uk-active {
|
|
position: relative;
|
|
display: inline;
|
|
transition: position 0s linear 0.2s;
|
|
}
|
|
|
|
.double-header #header_main .uk-navbar-nav > li.uk-active a {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.double-header #header_main .uk-navbar-nav > li.uk-active a:before {
|
|
top: 45px;
|
|
left: 50%;
|
|
border-style: solid;
|
|
content: "";
|
|
height: 0;
|
|
width: 0;
|
|
position: absolute;
|
|
pointer-events: none;
|
|
border-color: transparent;
|
|
border-bottom-color: #ECECEC;
|
|
border-width: 13px;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
|
|
.double-header #header_main .uk-navbar-nav > li a span {
|
|
padding-bottom: 4px;
|
|
text-transform: capitalize;
|
|
}
|
|
.double-header #header_main{
|
|
top: var(--monitor-header-menu-height);
|
|
}
|
|
.double-header #header_menu {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
height:var(--monitor-header-menu-height);
|
|
background:white;
|
|
z-index: 1215;
|
|
}
|
|
|
|
.double-header #header_menu .uk-navbar-nav > li.uk-active a span {
|
|
-webkit-box-shadow: inset 0 -2px 0 #333;
|
|
box-shadow: inset 0 -2px 0 #333;
|
|
padding-bottom: 2px;
|
|
|
|
}
|
|
|
|
.dashboard .double-header .header_full #sidebar_main {
|
|
top: calc(var(--header-height) + var(--monitor-header-menu-height));
|
|
}
|
|
|
|
.dashboard .double-header .header_full #page_content_inner {
|
|
/*top: calc(var(--header-height) + var(--monitor-header-menu-height));*/
|
|
/*position: absolute;*/
|
|
margin-top: calc(var(--header-height) + 24px);
|
|
}
|
|
|
|
.double-header .uk-logo img{
|
|
max-height: calc(var(--header-height) - 20px);
|
|
}
|
|
|
|
.stakeholderPage #style_switcher {
|
|
top:200px;
|
|
}
|
|
|
|
|
|
/* Login Box*/
|
|
.dashboard .double-header .login {
|
|
color: rgba(0,0,0,.54);
|
|
font-weight: bold;
|
|
}
|
|
|
|
.dashboard .double-header circle, .dashboard .double-header .login svg,
|
|
.dashboard .double-header svg svg *, .dashboard .double-header .login svg * {
|
|
stroke: rgba(0,0,0,.54);
|
|
fill: none;
|
|
}
|
|
|
|
.dashboard .double-header text {
|
|
stroke: rgba(0,0,0,.54);
|
|
fill: rgba(0,0,0,.54);
|
|
}
|