graphdb-workbench/dist/css/rdf-resource-search.css

The web application for GraphDB APIs

.search-rdf-btn {
  display: block;
}

.close-rdf-search-btn{
  display: block;
  position: absolute;
  top: 0;
  right: -8px;
}

.search-rdf-input {
  white-space: nowrap;
  text-align: start;
  font-size: 14px;
  font-weight: 300;

  max-width: 100vw;
  position: fixed;
  top: -550px;
  right: 3em;
  z-index: 1;
  display: block;
  padding-right: 20px;
  width: 60vw;

  -webkit-transition: all 0.3s ease-in; /* Safari */
  transition: all 0.3s ease-in;
}

.show-rdf-search-box {
  top: 40px;
}

@media (max-width: 768px) {
  .search-rdf-input {
    width: 85vw;
  }
}

@media (max-width: 992px) {
  .search-rdf-input {
    width: 75vw;
  }
}

.autocomplete-hint {
    font-size: 12px;
    color: gray;
}