graphdb-workbench
Version:
The web application for GraphDB APIs
1 lines • 999 B
CSS
:root{--search-primary-color:var(--primary-color,#9e2b0a)}.onto-rdf-search{align-items:center;display:flex;font-size:1.4em;height:auto;line-height:.75}.onto-rdf-search .search-area{background-color:#fff;border:1px solid rgba(0,0,0,.125);border-radius:0;box-shadow:0 3px 6px rgba(0,0,0,.1);display:block;font-weight:300;margin-bottom:1em;max-width:100vw;padding:1.6rem;position:fixed;right:3em;text-align:start;-webkit-transition:top .3s ease-in,opacity .5s ease;transition:top .3s ease-in,opacity .5s ease;white-space:nowrap;width:60vw;z-index:1}.onto-rdf-search .search-area.visible{opacity:1;top:40px}.onto-rdf-search .search-area.invisible{opacity:0;top:-550px}.onto-rdf-search .search-area .close-btn{display:block;font-size:1.5rem;position:absolute;right:0;top:0}.onto-rdf-search i{color:var(--search-primary-color);cursor:pointer;transition:all .15s ease-out}.onto-rdf-search i.close-btn,.onto-rdf-search i.fa-magnifying-glass{padding:.5rem .8rem}.onto-rdf-search i:hover{transform:scale(1.2)}