-
Notifications
You must be signed in to change notification settings - Fork 0
/
options.html
120 lines (104 loc) · 2.17 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
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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Options - Chrome Notepad</title>
<style type="text/css" media="all">
body {
background: white;
color: #111;
font: normal 12px arial, serif;
font-size: 20px;
}
input, select, button {
font-size: 18px;
}
table {
margin: 10px 0;
}
td, th {
text-align: center;
padding: 5px 10px;
text-align: left;
vertical-align: top;
}
th {
text-align: right;
}
textarea {
height: 10em;
width: 18em;
display: block;
margin-top: 5px;
}
small {
font-size: 11px;
display: block;
margin-top: 5px;
color: #999;
}
address {
margin-top: 20px;
}
.selected {
background: yellow;
font-weight:bold;
}
span {
color: green;
display: none;
}
span#sizeMessage {
color: darkred;
display: none;
}
a {
color: blue;
}
</style>
</head>
<body>
<h2>Chrome Notepad → Options</h2>
<table cellspacing="0">
<tr>
<th>Font size :</th>
<td>
<select name="font-size" id="font-size">
<option value="12px">12px</option>
<option value="14px">14px</option>
<option value="16px">16px</option>
<option value="18px">18px</option>
<option value="20px">20px</option>
<option value="22px">22px</option>
</select>
</td>
</tr>
<tr>
<th>Font :</th>
<td>
<select name="font-family" id="font-family">
<option value ="default">default</option>
<option value ="-webkit-body">webkit body</option>
<option value ="-webkit-pictograph">webkit poctograph</option>
<option value ="cursive">cursive</option>
<option value ="fantasy">fantasy</option>
<option value ="monospace">monospace</option>
<option value ="sans-serif">Sans Serif</option>
<option value ="serif">Serif</option>
</select>
</td>
</tr>
<tr>
<th>Size :</th>
<td>
<input type="number" max="600" min = "400" id = "size" style = "width: 100px;"><span id="sizeMessage"></span>
</td>
</tr>
<tr>
<th> </th>
<td><button id = "saveBtn">Save options</button> <span id="say">Changed</span></td>
</tr>
</table>
</body>
<script src ="./js/options.js"></script>
</html>