Content-Length: 2782 | pFad | https://data.bnf.fr/data/1da1deddbabfd357292a84b1e93d82fd/v2/header.css

header { position: sticky; top: 0px; z-index: 999; font-family: "Roboto Condensed"; border-bottom: solid 1px lightgrey; box-shadow: 0 0 3px 0px lightgrey; } header a { color: black; } .content-header { display: flex; justify-content: space-between; align-content: stretch; } .content-header .logos { width: 20%; min-width: 300px; } @media (max-width: 768px) { .content-header .logos { margin-left: 0; } header { position: initial; } } .logos { display: inherit; align-items: safe center; } .logos img { float: left; height: 75px; } #databnf-logo { font-size: 4em; margin-left: 20px; font-family: "Corporate S Bold"; } #bnf-logo { margin-left: auto; } #databnf-logo:hover, #databnf-logo:visited, #databnf-logo:focus { text-decoration: none; } @media (max-width: 600px) { .logos { margin: 5px auto; } .content-header { margin-top: auto; margin-bottom: auto; flex-direction: column; justify-content: space-around; } .content-header > div { margin-bottom: 10px; } } .liens-transverses { display: flex; justify-content: space-evenly; align-items: center; font-size: 1rem; font-weight: 700; width: 20%; text-transform: uppercase; align-items: stretch; } .liens-transverses .dropdown-title { cursor: pointer; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .liens-transverses .dropdown-content li { padding: 1rem 1rem; text-transform: initial; font-weight: 400; } @media (max-width: 768px) { .liens-transverses { padding-left: 0.2em; } } .dropdown { position: relative; width: 33%; display: flex; align-items: center; } .dropdown .dropdown-content { display: none; position: absolute; min-width: max-content; background-color: white; z-index: 999; padding-left: 0; box-shadow: 1px 1px 5px 3px rgba(3, 3, 3, 0.1); font-size: 1.2rem; top: 75px; width: 100%; } .separator { border-left: 1px solid #dddddd; height: 75px; } .dropdown ul { list-style-type: none; margin-top: 0; } @media (min-width: 600px) { header .dropdown ul { right: 0px; } } .dropdown:hover .dropdown-content, .dropdown:focus-within .dropdown-content { display: block; } @media (max-width: 1200px) { header .widescreen-only { display: none; } } @media (min-width: 1201px) { header .smallscreen-only { display: none; } } header { background-color: white; } #consultation::after { content: "\f29c"; font: normal normal normal 2rem/1 FontAwesome; } #searchform { width: 55%; margin-top: auto; margin-bottom: auto; } @media (max-width: 1024px) { #searchform { width: 70%; } } @media (max-width: 768px) { #searchform { width: 95%; } }

pFad - (p)hone/(F)rame/(a)nonymizer/(d)eclutterfier! Saves Data!