-
Notifications
You must be signed in to change notification settings - Fork 0
/
print.html
30 lines (30 loc) · 1.38 KB
/
print.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Wunderlist - ####LIST####</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
body {font-family:"Myriad Pro", Arial, Sans-Serif}
.wunderlist-wrapper { width:700px; margin:50px auto}
h1, p {text-align:center}
p.small {font-size:14px; color:#777;}
a {color:#2B96F1; text-decoration:none;font-weight:bold}
a:hover {text-decoration:underline}
ul.wunderlist { border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;background:#fff;border:1px solid #ddd;padding:30px}
ul.wunderlist li {padding:10px 0px 2px 20px; list-style:none; position:relative;}
ul.wunderlist li span{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background:#fff;border:1px solid #ddd; height:16px; width:16px; position:absolute; left:-12px;top:9px;}
ul p {text-align:left; color:#555; font-style:italic; font-size:14px;margin-bottom:-3px;margin-top:5px;}
* html ul.wunderlist li span {left: -30px;} /* IE 6 */
</style>
</head>
<body onload="window.setTimeout('window.print()', 200);">
<div class="wunderlist-wrapper">
<h1>####LIST####</h1>
<ul class="wunderlist">####TASKS####</ul>
<p class="small">
These tasks are generated with Wunderlist
</p>
</div>
</body>
</html>