Content-Length: 4749 | pFad | https://data.bnf.fr/data/1da1deddbabfd357292a84b1e93d82fd/v2/searchbar.css
#searchform label { /* remove all the bootstrap stuff */ all: unset; } #searchform form > div { position: relative; } #searchform #loading { position: absolute; /* need to use !important to override inline style of the Loading component */ display: inline !important; margin-left: -80px !important; margin-top: 0px !important; } #searchform form input[type="search"] { z-index: 1; width: 100%; height: 40px; } #searchform form > div > label { position: absolute; top: 0.75em; left: 1%; width: 100%; transition: 0.1s; color: rgb(117, 117, 117); } #searchform .react-autosuggest__input--focused + label, #searchform .react-autosuggest__input:valid + label { margin-top: -2em; color: white; } #searchform input[type="text"] { height: 40px; padding: 2px 3px; width: 100%; } #searchform button[type="submit"] { background-color: transparent; border: none; font-size: 20px; height: 20px; margin-left: -35px; width: 20px; position: absolute; top: 7px; right: 15px; cursor: pointer; } #searchform button::after { content: "\f002"; font: normal normal normal 14px/1 FontAwesome; } .react-autosuggest__section-title a { color: black; text-decoration: underline; } .react-autosuggest__input { border-radius: 4px; border-right: none; border: 1px solid #226a93; font-family: Helvetica, sans-serif; font-size: 1.68em; font-size: 16px; font-weight: 300; height: 60px; max-width: none; padding: 10px 20px; width: calc(100% - 64px); } .react-autosuggest__suggestion a { color: black; display: flex; justify-content: space-between; column-gap: 2vh; } .react-autosuggest__suggestion span.title { flex-basis: 50%; } .react-autosuggest__suggestion span.du_dates { flex-basis: 7rem; text-align: right; } .react-autosuggest__suggestion span.related_author { flex-basis: 30%; color: grey; } .react-autosuggest__suggestion span.related_author_dates { flex-basis: 7rem; text-align: right; color: grey; } .react-autosuggest__container { position: relative; z-index: 200; } .react-autosuggest__input--focused { outline: none; } .react-autosuggest__input--open { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .react-autosuggest__section-container { border-top: 1px solid black; } .react-autosuggest__section-title { margin: 1rem; } .react-autosuggest__suggestions-container { display: none; } .react-autosuggest__suggestions-container--open { display: block; position: absolute; width: 100%; border-left: 1px solid #aaa; border-right: 1px solid #aaa; background-color: #fff; font-family: Helvetica, sans-serif; font-weight: 300; font-size: 16px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; z-index: 2; max-height: 90vh; overflow: auto; } .react-autosuggest__suggestions-list { margin: 0; padding: 0; list-style-type: none; } .react-autosuggest__suggestion { cursor: pointer; padding: 4px 20px; } .react-autosuggest__suggestion--highlighted { background-color: #ddd; } .react-autosuggest__suggestion { border-bottom: 1px solid #d7d6d6a1; cursor: pointer; } .react-autosuggest__container .match { color: black; } .react-autosuggest__section-title .etype { font-weight: bold; } .react-autosuggest__section-title .etype.person { color: var(--color-person); } .react-autosuggest__section-title .etype.org { color: var(--color-geo); } .react-autosuggest__section-title .etype.work { color: var(--color-work); } .react-autosuggest__section-title .etype.rameau { color: var(--color-rameau); } .react-autosuggest__section-title .etype.geo { color: var(--color-geo); } .react-autosuggest__section-title .etype.event { color: var(--color-event); } .react-autosuggest__section-title .etype.performance { color: var(--color-performance); } .react-autosuggest__section-title .etype.periodic { color: var(--color-periodic); } .react-autosuggest__container .match.person { background-color: var(--color-person); } .react-autosuggest__container .match.org { background-color: var(--color-geo); } .react-autosuggest__container .match.work { background-color: var(--color-work); } .react-autosuggest__container .match.rameau { background-color: var(--color-rameau); } .react-autosuggest__container .match.geo { background-color: var(--color-geo); } .react-autosuggest__container .match.event { background-color: var(--color-event); } .react-autosuggest__container .match.performance { background-color: var(--color-performance); } .react-autosuggest__container .match.periodic { background-color: var(--color-periodic); } @media (max-width: 600px) { #searchform { width: 90%; margin-bottom: 1em; } }Fetched URL: https://data.bnf.fr/data/1da1deddbabfd357292a84b1e93d82fd/v2/searchbar.css
Alternative Proxies: