stylus/popup.html

292 lines
12 KiB
HTML
Raw Normal View History

2017-12-11 10:03:03 +00:00
<!DOCTYPE html>
2017-03-23 03:41:50 +00:00
<html id="stylus">
2012-04-16 01:56:12 +00:00
<head>
2017-11-25 13:24:07 +00:00
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="global.css">
<link href="global-dark.css" rel="stylesheet">
2015-07-19 15:27:19 +00:00
<template data-id="style">
<div class="entry">
<div class="entry-content">
<div class="main-controls">
<label class="style-name">
<div class="checkmate">
<input class="checker" type="checkbox">
<svg class="svg-icon checked"><use xlink:href="#svg-icon-checked"/></svg>
</div>
</label>
</div>
<div class="actions">
2022-02-17 21:19:03 +00:00
<a class="configure" i18n="title:configureStyle" tabindex="0">
<svg class="svg-icon config"><use xlink:href="#svg-icon-config"></use></svg>
</a>
2022-02-17 21:19:03 +00:00
<a class="style-edit-link" href="edit.html" i18n="title:editStyleLabel">
<svg class="svg-icon edit" viewBox="0 0 14 16">
<path fill-rule="evenodd" d="M0 12v3h3l8-8-3-3-8 8zm3 2H1v-2h1v1h1v1zm10.3-9.3L12 6 9 3l1.3-1.3a.996.996 0 0 1 1.41 0l1.59 1.59c.39.39.39 1.02 0 1.41z"/>
</svg>
</a>
2022-02-17 21:19:03 +00:00
<a class="menu-button" i18n="title:popupMenuButtonTooltip" tabindex="0">
<svg class="svg-icon menu-button-icon" viewBox="0 0 3 16">
<path fill-rule="evenodd" d="M0 2.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0zm0 5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0zM1.5 14a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
</svg>
</a>
</div>
</div>
2020-11-23 09:09:30 +00:00
<div class="menu">
<div class="menu-items-wrapper">
<b class="menu-title"></b>
<label class="menu-item exclude-by-domain button">
<div class="menu-icon">
<div class="checkbox-container">
<input type="checkbox" class="exclude-by-domain-checkbox">
<svg class="svg-icon checked"><use xlink:href="#svg-icon-checked"/></svg>
</div>
</div>
2022-02-17 21:19:03 +00:00
<span i18n="excludeStyleByDomainLabel"></span>
</label>
<label class="menu-item exclude-by-url button">
<div class="menu-icon">
<div class="checkbox-container">
<input type="checkbox" class="exclude-by-url-checkbox">
<svg class="svg-icon checked"><use xlink:href="#svg-icon-checked"/></svg>
</div>
</div>
2022-02-17 21:19:03 +00:00
<span i18n="excludeStyleByUrlLabel"></span>
</label>
<div class="menu-buttons-wrapper">
2022-02-17 21:19:03 +00:00
<button class="delete" i18n="deleteStyleLabel"></button>
<button class="menu-close" i18n="confirmClose"></button>
</div>
</div>
</div>
</div>
</template>
2012-04-16 01:56:12 +00:00
<template data-id="writeStyle">
<a class="write-style-link"></a>
</template>
<template data-id="noStyles">
2022-02-17 21:19:03 +00:00
<div id="no-styles" i18n="noStylesForSite"></div>
</template>
<template data-id="regexpProblemIndicator">
2022-02-17 21:19:03 +00:00
<div class="regexp-problem-indicator" i18n="title:styleRegexpProblemTooltip"></div>
</template>
<template data-id="regexpProblemExplanation">
<div id="regexp-explanation">
2022-02-17 21:19:03 +00:00
<div id="regexp-partial" i18n="html:styleRegexpPartialExplanation"></div>
<div id="regexp-invalid" i18n="styleRegexpInvalidExplanation"></div>
<button i18n="confirmOK"></button>
</div>
</template>
<template data-id="unavailableInfo">
<div class="blocked-info">
2022-02-17 21:19:03 +00:00
<label i18n="stylusUnavailableForURL"></label>
<p i18n="stylusUnavailableForURLdetails"></p>
</div>
</template>
<template data-id="unreachableInfo">
<div class="blocked-info">
2022-02-17 21:19:03 +00:00
<div class="copy-message" i18n="copied"></div>
<label i18n="unreachableContentScript"></label>
</div>
</template>
<template data-id="searchResult">
<div class="search-result">
<a class="search-result-title"><span></span></a>
<div class="search-result-info">
2022-02-17 21:19:03 +00:00
<img class="search-result-screenshot" i18n="title:installButton">
<div class="search-result-status"></div>
2017-12-11 10:03:03 +00:00
<div class="search-result-actions">
2022-02-17 21:19:03 +00:00
<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>
2017-12-11 10:03:03 +00:00
<dl class="search-result-meta">
<div data-type="author">
2022-02-17 21:19:03 +00:00
<dt i18n="author"></dt>
<dd><a target="_blank" i18n="title:author"></a></dd>
</div>
2017-12-11 10:03:03 +00:00
<div data-type="rating">
2022-02-17 21:19:03 +00:00
<dt i18n="searchResultRating"></dt>
<dd i18n="title:searchResultRating"></dd>
2017-12-10 01:03:04 +00:00
</div>
2017-12-11 10:03:03 +00:00
<div data-type="updated">
2022-02-17 21:19:03 +00:00
<dt i18n="searchResultUpdated"></dt>
<dd i18n="title:searchResultUpdated"><time></time></dd>
2017-12-11 10:03:03 +00:00
</div>
<div data-type="weekly">
2022-02-17 21:19:03 +00:00
<dt i18n="searchResultWeeklyCount"></dt>
<dd i18n="title:searchResultWeeklyCount"></dd>
2017-12-11 10:03:03 +00:00
</div>
<div data-type="total">
2022-02-17 21:19:03 +00:00
<dt i18n="searchResultInstallCount"></dt>
<dd i18n="title:searchResultInstallCount"></dd>
2017-12-11 10:03:03 +00:00
</div>
</dl>
<div class="search-result-description"></div>
</div>
</div>
</template>
<template data-id="searchNav">
<div>
2022-02-17 21:19:03 +00:00
<button data-type="prev" i18n="title:paginationPrevious" disabled></button>
<label>
2022-02-17 21:19:03 +00:00
<span data-type="page" i18n="title:paginationCurrent">-</span>
/
2022-02-17 21:19:03 +00:00
<span data-type="total" i18n="title:paginationEstimated">-</span>
</label>
2022-02-17 21:19:03 +00:00
<button data-type="next" i18n="title:paginationNext" disabled></button>
</div>
</template>
<template data-id="emptySearchResult">
<div class="search-result-empty"></div>
</template>
<template data-id="searchResultNotMatching">
<p class="not-matching-explainer"
2022-02-17 21:19:03 +00:00
i18n="searchResultNotMatching, title:searchResultNotMatchingNote"></p>
</template>
<script src="js/polyfill.js"></script>
<script src="js/msg.js"></script>
<script src="js/toolbox.js"></script>
<script src="popup/preinit.js"></script>
<script src="js/prefs.js"></script>
<script src="js/dom.js"></script>
2017-07-12 18:52:44 +00:00
<script src="js/localization.js"></script>
<script src="content/style-injector.js"></script>
2017-07-12 18:52:44 +00:00
<script src="content/apply.js"></script>
2017-12-05 21:14:21 +00:00
<link rel="stylesheet" href="popup/popup.css">
<script src="js/dark-themer.js"></script> <!-- must be last in HEAD to avoid FOUC -->
</head>
2012-04-16 01:56:12 +00:00
2017-03-05 14:40:48 +00:00
<body id="stylus-popup">
<div id="confirm">
<div>
<b>Style's Name</b>
2022-02-17 21:19:03 +00:00
<span i18n="deleteStyleConfirm"></span>
<div>
2022-02-17 21:19:03 +00:00
<button i18n="confirmDelete" data-cmd="ok"></button>
<button i18n="confirmCancel" data-cmd="cancel"></button>
</div>
</div>
</div>
2017-12-12 14:04:58 +00:00
<div id="installed">
2022-02-17 21:19:03 +00:00
<aside id="hotkey-info" i18n="title:popupHotkeysTooltip"></aside>
2017-12-12 14:04:58 +00:00
</div>
<div class="actions" id="main-actions">
<label id="disableAll-label" i18n="disableAllStyles">
<input id="disableAll" type="checkbox">
<svg class="svg-icon checked"><use xlink:href="#svg-icon-checked"/></svg>
</label>
2022-02-20 23:24:34 +00:00
<div id="write-style" class="if-not-blocked">
2022-02-19 03:33:20 +00:00
<label id="write-as" i18n="title:optionsAdvancedNewStyleAsUsercss">
<input id="newStyleAsUsercss" type="checkbox">
<svg class="svg-icon checked"><use xlink:href="#svg-icon-checked"/></svg>
<div>U</div>
</label>
<a id="write-for-frames" title="&lsaquo;iframe&rsaquo;..." tabindex="0" hidden></a>
<span id="write-style-for" i18n="writeStyleFor"></span>
</div>
</div>
<div id="popup-options">
<div class="split-btn" id="manage-split">
<button id="popup-manage-button" i18n="openManage, title:popupManageTooltip"
data-href="manage.html"></button
2022-02-20 23:24:34 +00:00
><button class="if-not-blocked split-btn-pedal" i18n="menu-site:popupManageSiteStyles"></button>
</div>
2022-02-20 23:24:34 +00:00
<div class="split-btn if-not-blocked" id="find-split">
<button id="find-styles-btn" i18n="findStyles"></button
><button class="split-btn-pedal"
menu-usoa="UserStyles Archive"
menu-usw="UserStyles World"
menu-uso="UserStyles"
menu-gf="GreasyFork"></button>
</div>
<button id="options-btn" i18n="title:openOptions" class="rel">
2022-02-20 23:24:34 +00:00
<svg class="if-not-blocked abs svg-icon config"><use xlink:href="#svg-icon-config"></use></svg>
<span class="if-not-blocked">&nbsp;</span>
<span class="if-blocked" i18n="openOptions"></span>
</button>
2022-02-20 23:24:34 +00:00
<a class="if-blocked" href="https://github.com/openstyles/stylus/wiki" target="_blank">
<button id="popup-wiki-button" i18n="linkStylusWiki, title:linkGetHelp"></button>
</a>
2017-12-10 01:03:04 +00:00
</div>
<div id="search-results-error" class="hidden"></div>
2017-12-10 01:03:04 +00:00
<div id="search-results" class="hidden">
2017-12-11 10:03:03 +00:00
<div class="search-results-nav" data-type="top"></div>
<div id="search-params">
2022-02-17 21:19:03 +00:00
<input id="search-query" type="search" i18n="placeholder:search, title:searchStyleQueryHint">
<div class="select-resizer">
2022-02-17 21:19:03 +00:00
<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>
2020-10-10 11:25:43 +00:00
<label>
<span class="checkbox-container">
<input id="search-globals" type="checkbox" checked>
<svg class="svg-icon checked"><use xlink:href="#svg-icon-checked"/></svg>
</span>
2022-02-17 21:19:03 +00:00
<span i18n="searchGlobalStyles"></span>
2020-10-10 11:25:43 +00:00
</label>
</div>
2017-12-10 01:03:04 +00:00
<div id="search-results-list"></div>
2017-12-11 10:03:03 +00:00
<div class="search-results-nav" data-type="bottom"></div>
</div>
2017-12-03 23:40:22 +00:00
<!-- Here we can use the above elements before DOMContentLoaded -->
<script src="popup/events.js"></script>
<script src="popup/popup.js"></script>
2017-12-03 23:40:22 +00:00
<svg xmlns="http://www.w3.org/2000/svg" style="display: none !important;">
<symbol id="svg-icon-checked" viewBox="0 0 1000 1000">
<path fill-rule="evenodd" d="M983.2,184.3L853,69.8c-4-3.5-9.3-5.3-14.5-5c-5.3,0.4-10.3,2.8-13.8,6.8L352.3,609.2L184.4,386.9c-3.2-4.2-8-7-13.2-7.8c-5.3-0.8-10.6,0.6-14.9,3.9L18,487.5c-8.8,6.7-10.6,19.3-3.9,28.1L325,927.2c3.6,4.8,9.3,7.7,15.3,8c0.2,0,0.5,0,0.7,0c5.8,0,11.3-2.5,15.1-6.8L985,212.6C992.3,204.3,991.5,191.6,983.2,184.3z"/>
</symbol>
<symbol id="svg-icon-select-arrow" viewBox="0 0 1792 1792">
<path fill-rule="evenodd" d="M1408 704q0 26-19 45l-448 448q-19 19-45 19t-45-19l-448-448q-19-19-19-45t19-45 45-19h896q26 0 45 19t19 45z"/>
</symbol>
<symbol id="svg-icon-config" viewBox="0 0 16 16">
<path d="M13.3,12.8l1.5-2.6l-2.2-1.5c0-0.2,0.1-0.5,0.1-0.7c0-0.2,0-0.5-0.1-0.7l2.2-1.5l-1.5-2.6l-2.4,1.2 c-0.4-0.3-0.8-0.5-1.2-0.7L9.5,1h-3L6.3,3.7C5.9,3.8,5.5,4.1,5.1,4.4L2.7,3.2L1.2,5.8l2.2,1.5c0,0.2-0.1,0.5-0.1,0.7 c0,0.2,0,0.5,0.1,0.7l-2.2,1.5l1.5,2.6l2.4-1.2c0.4,0.3,0.8,0.5,1.2,0.7L6.5,15h3l0.2-2.7c0.4-0.2,0.8-0.4,1.2-0.7L13.3,12.8z M8,10.3c-1.3,0-2.3-1-2.3-2.3c0-1.3,1-2.3,2.3-2.3c1.3,0,2.3,1,2.3,2.3C10.3,9.3,9.3,10.3,8,10.3z"/>
</symbol>
<symbol id="svg-icon-config-uso" viewBox="0 0 20 20">
<path d="M4,4h5v2H6v8h8v-3h2v5H4V4z M11,3h6v6l-2-2l-4,4L9,9l4-4L11,3z"/>
</symbol>
2017-12-10 01:03:04 +00:00
<symbol id="svg-icon-help" viewBox="0 0 14 16">
2022-02-17 21:19:03 +00:00
<title i18n="helpAlt"></title>
2022-01-17 22:08:28 +00:00
<circle cx="7" cy="5" r="1"/>
<path d="M8,8c0-0.5-0.5-1-1-1H6C5.5,7,5,7.4,5,8h1v3c0,0.5,0.5,1,1,1h1c0.5,0,1-0.4,1-1H8V8z"/>
<path d="M7,1c3.9,0,7,3.1,7,7s-3.1,7-7,7s-7-3.1-7-7S3.1,1,7,1z M7,2.3C3.9,2.3,1.3,4.9,1.3,8s2.6,5.7,5.7,5.7s5.7-2.6,5.7-5.7S10.1,2.3,7,2.3C7,2.3,7,2.3,7,2.3z"/>
2017-12-10 01:03:04 +00:00
</symbol>
2017-12-03 23:40:22 +00:00
</svg>
</body>
</html>