stylus/popup/search-results.css

119 lines
1.8 KiB
CSS
Executable File

body.search-results-shown {
overflow-y: auto;
overflow-x: hidden;
padding-right: 20px;
}
#disable-all-wrapper {
border-bottom: solid 1px #000;
margin-bottom: 5px;
}
.hidden {
display: none !important;
}
#searchResults-error {
background-color: rgba(255, 0, 0, 0.4);
font-weight: bold;
padding: 5px;
text-align: center;
margin-right: 20px;
}
.searchResult {
padding: 5px;
}
.searchResult:hover {
background-color: rgba(50, 150, 255, 0.5);
}
.searchResult.loading {
background-color: rgba(90, 90, 90, 0.5);
opacity: 0.5;
}
.searchResult-screenshot {
max-height: 120px;
width: 100%;
object-fit: cover;
}
.searchResult-title {
display: block;
font-weight: bold;
}
.searchResult-description {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.searchResult-author {
display: none;
}
.searchResult-meta {
display: table;
width: 100%;
}
.searchResult-metaRating, .searchResult-metaInstallCount {
display: table-cell;
text-align: center;
}
.searchResult-rating {
font-weight: 600;
padding: 1px 2px 1px 2px;
color: #fff;
}
.searchResult-rating.good {
background-color: darkgreen;
}
.searchResult-rating.okay {
background-color: darkorange;
}
.searchResult-rating.bad {
background-color: darkred;
}
.searchResult-rating.none {
background-color: #333;
}
.searchResult-installCount {
font-weight: 600;
}
.searchResult-install {
width: 100%;
}
.searchResult-install.customize, .searchResult-customize {
width: 50%;
}
#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;
}
#find-styles-inline-group label {
position: relative;
padding-left: 16px;
}