Files
FHC-Core/public/css/components/NavigationComponent.css
T
2025-08-04 17:34:19 +02:00

102 lines
2.2 KiB
CSS

/*
* Hederer
*/
:root{
--fhc-nav-component-bg: var(--fhc-tertiary, #f8f8f8);
--fhc-nav-component-border: var(--fhc-border, #e7e7e7);
--fhc-nav-component-color: var(--fhc-text, #5e5e5e);
--fhc-nav-left-component-border: var(--fhc-border, #e7e7e7);
--fhc-nav-left-component-bg: var(--fhc-tertiary, #f8f8f8);
--fhc-nav-left-component-color: var(--fhc-primary, #23527c);
--fhc-nav-left-component-hover: var(--fhc-secondary-highlight, #eee);
}
.navbar-header {
background-color: var(--fhc-nav-component-bg);
padding-top: 0px;
padding-bottom: 0px;
padding-left: 10px;
border-style: solid;
border-color: var(--fhc-nav-component-border);
border-width: 0 0 1px;
}
.header-menu-link-entry {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 18px;
line-height: 1.42857143;
color: var(--fhc-nav-component-color) !important;
padding-top: 15px !important;
padding-right: 7px !important;
padding-left: 7px !important;
}
.header-menu-icon {
top: 0px;
margin-right: 3px;
font-size: 16px;
}
/*
* Left side
*/
.navbar-left-side {
z-index: 1;
position: absolute;
width: 250px;
border-right: 1px solid var(--fhc-nav-left-component-border);
background-color:var(--fhc-nav-left-component-bg);
}
.navbar-left-side ul {
width: 250px;
}
.navbar-left-side ul li {
border-bottom: 1px solid var(--fhc-nav-left-component-border);
}
.left-side-menu-second-level {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.left-side-menu-second-level li {
border-bottom: none !important;
}
.left-side-menu-second-level span {
display: inline-flex;
}
.remove-custom-filter {
font-size: 10px !important;
}
.left-side-menu-link-entry {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: var(--fhc-nav-left-component-color);
padding-top: 10px !important;
padding-bottom: 10px !important;
padding-left: 7px !important;
padding-right: 7px !important;
text-decoration: none;
}
.left-side-menu-link-entry:hover {
background-color: var(--fhc-nav-left-component-hover);
}
/*
* To be moved outside
*/
.navbar.navbar-left-side ~ *,
#content {
position: inherit;
margin: 0 0 0 250px;
padding: 30px 30px;
}