graphdb-workbench
Version:
The web application for GraphDB APIs
1 lines • 2.17 kB
CSS
.search-resources-input{padding-right:20px}.search-resources-input .input-row{display:flex;flex-wrap:wrap;gap:3px}.search-resources-input .input-row .input-wrapper{display:flex;flex:1;min-width:20vw;position:relative}.search-resources-input .input-row .input-wrapper input{-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#fff;background-image:none;border:1px solid rgba(0,0,0,.15);color:#55595c;flex:1;font-size:1rem;line-height:1.25;min-width:inherit;padding:.5rem .75rem}.search-resources-input .input-row .input-wrapper input:focus{border-color:#66afe9;color:#55595c;outline:0}.search-resources-input .input-row i.fa-xmark{font-size:1.6rem;position:absolute;right:10px;top:7px;z-index:10}.search-resources-input .input-row button{border:1px solid transparent;color:var(--secondary-color,#003663);cursor:pointer;display:inline-block;font-size:1rem;font-weight:400;line-height:1.25;padding:.5rem 1rem;text-align:center;transition:all .15s ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.search-resources-input .input-row button.selected{background-color:var(--primary-color,#9e2b0a);color:#fff}.search-resources-input .input-row button:focus{outline:none}.search-resources-input .input-row button:hover:not(.selected){background-color:#d4d4d4;border-color:#d4d4d4}.search-resources-input .hint{color:#818a91;font-size:.8rem}.search-resources-input .autocomplete-results-wrapper{margin-top:6px;max-height:204px;overflow:auto}.search-resources-input .autocomplete-results-wrapper p{background-color:#fff;color:#373a3c;cursor:pointer;font-size:1.1rem;line-height:1.5;margin-bottom:0;padding:5px 25px}.search-resources-input .autocomplete-results-wrapper p b{color:var(--secondary-color,#003663)}.search-resources-input .autocomplete-results-wrapper p.selected{background-color:var(--autocomplete-background-selected,#02a99a)}.search-resources-input .autocomplete-results-wrapper p.hovered:not(.selected),.search-resources-input .autocomplete-results-wrapper p:hover:not(.selected){background-color:var(--autocomplete-background,rgba(2,169,143,.302))}