/
popup.html
152 lines (137 loc) · 5.32 KB
/
popup.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html id="stylus">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/icons.ttf" rel="preload" as="font" crossorigin="anonymous">
<link href="css/global.css" rel="stylesheet">
<link href="css/global-dark.css" rel="stylesheet">
<link rel="stylesheet" href="popup/popup.css">
<template data-id="style">
<div class="entry">
<div class="entry-content">
<div class="main-controls">
<label class="style-name">
<input type=checkbox>
</label>
<i class=i-empty data-cmd="note" i18n="title:emptyCode" hidden></i>
<div class="regexp-problem-indicator" data-cmd="note" i18n="title:styleRegexpProblemTooltip">!</div>
</div>
<div class="actions">
<a class="configure" href="#"></a>
<a class="style-edit-link" href="edit.html" i18n="title:editStyleLabel">
<i class=i-edit></i>
</a>
<a class="menu-button" i18n="title:popupMenuButtonTooltip" tabindex="0">
<i class=i-menu></i>
</a>
</div>
</div>
</div>
</template>
<template data-id="config">
<a class="configure" i18n="title:configureStyle" tabindex="0">
<i class="i-config"></i>
</a>
</template>
<template data-id="configExternal">
<a class="configure" i18n="title:configureStyleOnHomepage" target="_blank">
<i class="i-external"></i>
</a>
</template>
<template data-id="regexpProblemExplanation">
<div id="regexp-explanation">
<div id="regexp-partial" i18n="html:styleRegexpPartialExplanation"></div>
<div id="regexp-invalid" i18n="styleRegexpInvalidExplanation"></div>
<button i18n="confirmOK"></button>
</div>
</template>
<template data-id="unreachableInfo">
<div class="blocked-info">
<div class="copy-message" i18n="copied"></div>
<label i18n="unreachableContentScript"></label>
</div>
</template>
<template data-id="writeForFrames">
<div id="write-for-frames" tabindex="0"><iframe>...</div>
</template>
<script src="content/style-injector.js"></script>
<script src="js/browser.js"></script>
<script src="js/toolbox.js"></script>
<script src="js/msg.js"></script>
<script src="js/prefs.js"></script>
<script src="js/dom.js"></script>
<script src="js/localization.js"></script>
<script src="content/apply.js"></script>
<script src="js/popup-get-styles.js"></script>
<script src="js/themer.js"></script> <!-- must be last in HEAD to avoid FOUC -->
</head>
<body id="stylus-popup">
<div class="blocked-info if-blocked">
<label i18n="stylusUnavailableForURL"></label>
<p i18n="stylusUnavailableForURLdetails"></p>
</div>
<main id="installed-wrapper" class="rel">
<aside id="hotkey-info" i18n="title:popupHotkeysTooltip"></aside>
<div id="installed" i18n="data-no-styles:noStylesForSite"></div>
</main>
<div class="actions" id="main-actions">
<label id="disableAll-label" i18n="data-on:disableAllStyles, data-off:disableAllStylesOff">
<input id="disableAll" type="checkbox">
</label>
<div id="write-wrapper">
<label id="write-as" i18n="title:optionsAdvancedNewStyleAsUsercss">
<input id="newStyleAsUsercss" type="checkbox">
<i class=i-usercss></i>
</label>
<div id="write-style" class="no-stretch">
<header id="write-style-for" class="ellipsis"></header>
</div>
</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
><button class="if-not-blocked split-btn-pedal" i18n="menu-site:popupManageSiteStyles"></button>
</div>
<div class="split-btn if-not-blocked" id="find-split">
<button id="find-styles-btn" i18n="findStyles" title="Ctrl-F"></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">
<svg class="if-not-blocked abs" viewBox="0 0 20 20">
<text y="100%">⚙</text>
</svg>
<span class="if-not-blocked"> </span>
<span class="if-blocked" i18n="openOptions"></span>
</button>
<a class="if-blocked" href="https://github.com/openstyles/stylus/wiki" target="_blank">
<button id="popup-wiki-button" i18n="linkStylusWiki, title:linkGetHelp"></button>
</a>
</div>
<div id="menu" hidden>
<div>
<header class="ellipsis">title</header>
<main>
<label data-exclude="domain" i18n="+excludeStyleByDomainLabel"><input type="checkbox"></label>
<label data-exclude="url" i18n="+excludeStyleByUrlLabel"><input type="checkbox"></label>
</main>
<main class="delete">
<span i18n="deleteStyleConfirm"></span>
</main>
<footer>
<button data-cmd="delete" i18n="confirmDelete"></button>
<button data-cmd="cancel" i18n="confirmClose"></button>
</footer>
</div>
</div>
<!-- Here we can use the above elements before DOMContentLoaded -->
<script src="popup/events.js"></script>
<script src="popup/popup.js"></script>
</body>
</html>