<template data-id="searchUI"> <div id="search-results-error" hidden></div> <div id="search-results" hidden> <div class="search-results-nav" data-type="top"></div> <div id="search-params"> <input id="search-query" type="search" i18n="placeholder:search, title:searchStyleQueryHint"> <div class="select-resizer"> <select id="search-order" i18n="title:sortStylesHelpTitle"> <option value="n" i18n="genericTitle"> <option value="u" i18n="searchResultUpdated"> <option value="t" i18n="searchResultInstallCount"> <option value="w" i18n="searchResultWeeklyCount"> <option value="r" i18n="searchResultRating"> </select> <svg class="svg-icon select-arrow"><use xlink:href="#svg-icon-select-arrow"/></svg> </div> <label class="checkbox-wrapper" i18n="searchGlobalStyles"> <input id="search-globals" type="checkbox" checked> <svg class="svg-icon checked"><use xlink:href="#svg-icon-checked"/></svg> </label> </div> <div id="search-results-list"></div> <div class="search-results-nav" data-type="bottom"></div> </div> </template> <template data-id="searchNav"> <div> <button data-type="prev" i18n="title:paginationPrevious" disabled>◄</button> <label> <span data-type="page" i18n="title:paginationCurrent">-</span> / <span data-type="total" i18n="title:paginationEstimated">-</span> </label> <button data-type="next" i18n="title:paginationNext" disabled>►</button> </div> </template> <template data-id="searchResult"> <div class="search-result"> <a class="search-result-title"><span></span></a> <div class="search-result-info"> <img class="search-result-screenshot" i18n="title:installButton"> <div class="search-result-status"></div> <div class="search-result-actions"> <button class="search-result-install" i18n="installButton"></button> <button class="search-result-uninstall" i18n="deleteStyleLabel"></button> <button class="search-result-customize" i18n="configureStyle"></button> </div> <dl class="search-result-meta"> <div data-type="author"> <dt i18n="author"></dt> <dd><a target="_blank" i18n="title:author"></a></dd> </div> <div data-type="rating"> <dt i18n="searchResultRating"></dt> <dd i18n="title:searchResultRating"></dd> </div> <div data-type="updated"> <dt i18n="searchResultUpdated"></dt> <dd i18n="title:searchResultUpdated"><time></time></dd> </div> <div data-type="weekly"> <dt i18n="searchResultWeeklyCount"></dt> <dd i18n="title:searchResultWeeklyCount"></dd> </div> <div data-type="total"> <dt i18n="searchResultInstallCount"></dt> <dd i18n="title:searchResultInstallCount"></dd> </div> </dl> <div class="search-result-description"></div> </div> </div> </template> <template data-id="emptySearchResult"> <div class="search-result-empty"></div> </template> <template data-id="searchResultNotMatching"> <p class="not-matching-explainer" i18n="searchResultNotMatching, title:searchResultNotMatchingNote"></p> </template>