|
1 | 1 | <!DOCTYPE html> |
2 | 2 | <html> |
3 | | - <head> |
4 | | - <title>HTML5 Outliner bookmarklet (v<%= version %>)</title> |
5 | | - <style> |
| 3 | +<head> |
| 4 | + <title>HTML5 Outliner bookmarklet (v<%= version %>)</title> |
| 5 | + <style> |
6 | 6 |
|
7 | | - /* src: http://h5o.github.io/css/main.css */ |
8 | | - body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; } |
9 | | - body { font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.5; font-weight: 300; color: #111; -webkit-text-size-adjust: 100%; } |
10 | | - ul, ol { margin-left: 30px; } |
| 7 | + /* src: http://h5o.github.io/css/main.css */ |
| 8 | + body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; } |
| 9 | + body { font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.5; font-weight: 300; color: #111; -webkit-text-size-adjust: 100%; } |
| 10 | + ul, ol { margin-left: 30px; } |
11 | 11 |
|
12 | | - a { color: #2a7ae2; text-decoration: none; } |
13 | | - a:visited { color: #1756a9; } |
14 | | - a:hover { color: #111; text-decoration: underline; } |
| 12 | + body { padding: 5px; } |
15 | 13 |
|
16 | | - .bookmarklet { font-weight: bold; } |
| 14 | + a { color: #2a7ae2; text-decoration: none; } |
| 15 | + a:visited { color: #1756a9; } |
| 16 | + a:hover { color: #111; text-decoration: underline; } |
17 | 17 |
|
18 | | - </style> |
19 | | - </head> |
20 | | - <body> |
| 18 | + p { text-align: center; } |
| 19 | + h1 a { text-align: center; font-weight: bold; display: block; margin: 5px; font-size: 22px; } |
| 20 | +
|
| 21 | + </style> |
| 22 | +</head> |
| 23 | +<body> |
21 | 24 | <!-- |
22 | 25 | <%= banner %> |
23 | 26 | --> |
24 | | - <p>Drag this to your favorites: <a class="bookmarklet" href="javascript:(function () { <%= bookmarklet %> })()" title="H5O v<%= version %>">H5O v<%= version %></a></p> |
25 | | - |
26 | | - <ul> |
27 | | - <li><a target="_top" href="http://marklets.com/FAQ.aspx#howDoIAddABookmarkletToMyBrowser">Installation details</a> for common browsers.</li> |
28 | | - <li><a target="_top" href="https://github.com/h5o/h5o-js/wiki/Bookmarklet-problems-with-Internet-Explorer">Internet Explorer is not supported</a></li> |
29 | | - <li id="h5o-home">Homepage for <a target="_top" href="http://h5o.github.io">HTML5 outliner</a></li> |
30 | | - </ul> |
31 | | - <script> |
32 | | - if (window !== window.top) { |
33 | | - document.getElementById("h5o-home").style.display = "none"; |
34 | | - } |
35 | | - </script> |
36 | | - |
37 | | - </body> |
| 27 | +<p>Drag this to your favorites:</p> |
| 28 | + |
| 29 | +<h1><a href="javascript:(function () { <%= bookmarklet %> })()" title="H5O v<%= version %>">H5O v<%= version %></a></h1> |
| 30 | + |
| 31 | +<ul id="help"> |
| 32 | + <li><a target="_top" href="http://marklets.com/FAQ.aspx#howDoIAddABookmarkletToMyBrowser">Installation details</a> for common browsers.</li> |
| 33 | + <li><a target="_top" href="https://github.com/h5o/h5o-js/wiki/Bookmarklet-problems-with-Internet-Explorer">Internet Explorer is not supported</a>.</li> |
| 34 | + <li>Homepage for <a target="_top" href="http://h5o.github.io">HTML5 outliner</a>.</li> |
| 35 | +</ul> |
| 36 | + |
| 37 | +<script> |
| 38 | + if (window !== window.top) { |
| 39 | + document.getElementById("help").style.display = "none"; |
| 40 | + } |
| 41 | +</script> |
| 42 | + |
| 43 | +</body> |
38 | 44 | </html> |
0 commit comments