42 lines
812 B
CSS
42 lines
812 B
CSS
|
|
/*---------------------------------------------*/
|
|
/*NAVBAR*/
|
|
body nav {
|
|
border-bottom: 1px solid var(--color-lines-nav);
|
|
}
|
|
body nav * {
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin: auto;
|
|
height: 100%;
|
|
}
|
|
/* nav_left is used for links to pages*/
|
|
body nav .nav_left {
|
|
margin-left: 0px;
|
|
}
|
|
body nav .nav_left a {
|
|
padding: 0px 20px;
|
|
}
|
|
body nav .nav_left #nav_logo {
|
|
padding-left: 40px;
|
|
padding-right: 40px;
|
|
}
|
|
body nav .nav_left a p {
|
|
height: auto;
|
|
}
|
|
body nav .nav_left img {
|
|
height: calc(100% - 4px);
|
|
}
|
|
body nav a:not(#nav_logo):hover, body nav a:not(#nav_logo):focus {
|
|
background-color: var(--color-back-dark);
|
|
}
|
|
/* nav_right is used for actions such as connection, search or language*/
|
|
body nav .nav_right {
|
|
margin-right: 2px;
|
|
}
|
|
body nav .nav_right img.flag {
|
|
height: calc(var(--nav-height) / 2);
|
|
}
|
|
|
|
|