b16ee42deb
* "Find more styles for this site" renamed to "Search on userstyles.org". * Only appears below search results after "Find more styles" is clicked. * When style is installed from serach results, it no longer appears in the results. * "Install" uses already-fetched .JSON data. Avoiding useless call to download().
94 lines
1.4 KiB
CSS
Executable File
94 lines
1.4 KiB
CSS
Executable File
#disable-all-wrapper {
|
|
border-bottom: solid 1px #000;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
#searchResults,
|
|
#find-styles {
|
|
display: block;
|
|
}
|
|
|
|
#searchResults.hidden,
|
|
#searchResults-error.hidden,
|
|
#find-styles.hidden {
|
|
display: none;
|
|
}
|
|
|
|
#searchResults-error {
|
|
background-color: rgba(255, 0, 0, 0.4);
|
|
font-weight: bold;
|
|
padding: 5px;
|
|
text-align: center;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
#searchResults, #searchResults-list {
|
|
max-width: 200px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.searchResult {
|
|
padding: 5px;
|
|
}
|
|
.searchResult:hover {
|
|
background-color: rgba(50, 150, 255, 0.5);
|
|
}
|
|
.searchResult.loading {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.searchResult img {
|
|
display: block;
|
|
max-width: 180px;
|
|
max-height: 180px;
|
|
}
|
|
.searchResult-screenshot.no-screenshot {
|
|
width: 180px;
|
|
height: 40px;
|
|
}
|
|
|
|
.searchResult-title {
|
|
display: block;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.searchResult-description {
|
|
overflow: hidden;
|
|
font-style: italic;
|
|
}
|
|
|
|
.searchResult > * {
|
|
overflow-x: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.searchResult-install {
|
|
width: 100%;
|
|
}
|
|
|
|
#searchResultsNav {
|
|
flex-direction: row;
|
|
text-align: center;
|
|
word-break: keep-all;
|
|
opacity: 1.0;
|
|
}
|
|
#searchResultsNav.loading {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
#searchResultsNav label {
|
|
width: 40px;
|
|
display: inline-block;
|
|
word-break: keep-all;
|
|
}
|
|
|
|
#searchResultsNav button {
|
|
text-align: center;
|
|
}
|
|
|
|
#searchResultsNav-prev[disabled],
|
|
#searchResultsNav-next[disabled] {
|
|
cursor: not-allowed;
|
|
background-image: linear-gradient(rgba(90, 90, 90, 0.5), rgba(90, 90, 90, 0.5));
|
|
}
|