-
Notifications
You must be signed in to change notification settings - Fork 1
/
options.html
69 lines (61 loc) · 2.81 KB
/
options.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.changed { border: solid 1px red; }
#error { color: red; font-weight: bold; }
.description { font-size: smaller; }
.optionname { font-weight: bold; }
.option { width: 100%; }
.reset:after { content: "(Reset)"; font-weight: bold; color: blue; }
</style>
<script src="jquery.min.js"></script>
<script src="browser-polyfill.min.js"></script>
<script src="shared.js"></script>
</head>
<body>
<form>
<button disabled="disabled" id=save accesskey="s" type=button>Save</button>
<div id="error"></div>
<table>
<tr style="vertical-align:top">
<td class="optionname">Hotkey:<br><a class=reset name="hotkey"/></td>
<td><input class=option name=hotkey id=hotkey></input></td>
<td class=description>Syntax: [ctrl-][alt-][shift-]x where x is a single letter (a-z). (Only letters are supported in hotkeys.)</td>
</tr>
<tr style="vertical-align:top">
<td class="optionname">LaTeX rendering service:<br><a class=reset name="renderurl"/></td>
<td><input class=option name=renderurl id=renderurl></input></td>
<td class=description>
URL of service for rendering math.
The URL must contain @@@ which will be replaced by the LaTeX code to be rendered.
<!-- E.g., https://chart.googleapis.com/chart?cht=tx&chl=@@@ -->
</td>
</tr>
<tr style="vertical-align:top">
<td class="optionname">Macros:<br><a class=reset name="macros"/></td>
<td><textarea class=option cols=50 rows=6 name=macros id=macros></textarea></td>
<td class=description>
Macros for abbreviating common subformulas. One per line.
See the <a href=https://github.com/dominique-unruh/mathquill-for-gmail/wiki/User-defined-macros>documentation.</a>
</td>
</tr>
<tr style="vertical-align:top">
<td class="optionname">Style:<br><a class=reset name="style"/></td>
<td><input class=option name=style id=style></input></td>
<td class=description>
CSS styling to apply to the images. (Width, height, and vertical-align are set automatically.)
<!--
This should make the picture always appear in current color:
* filter: drop-shadow(0 1em 0 currentColor); transform: translateY(-1em); clip-path: inset(1em 0 -1em 0);
* filter: drop-shadow(0 1em 0 currentColor); position:relative; bottom:1em; clip-path: inset(1em 0 -1em 0);
(Doesn't work well with Thunderbird. And GMail web removes the style when showing the mail.)
-->
</td>
</tr>
</table>
</form>
<script src="options.js"></script>
</body>
</html>