blob: 5f230b8be7097fbe53593a601adbe7199545af18 (
plain)
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
|
<head>
<title>dwb - %s</title>
<script type="text/javascript">
//function click_cb(ev, id) {
//}
</script>
<style type="text/css">
body {
background:white;
color:black;
}
#bar {
position: fixed;
top: 0pt;
left: 0pt;
background: #333;
color: #000000;
width: 100%;
z-index: 2;
-webkit-user-select: none;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABACAAAAAD+ekKcAAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAAAEgAAABIAEbJaz4AAABqSURBVAjXDcPBCkEBAACwJUmSJEmSJEmSJEmSJEmSJEmSHCRJkiTJx3urEQgJi4iKiUtISknLyMrJKygqKauoqqlraGpp6+jq6RsYGhmbmJqZW1haWdvY2tk7ODo7BS+ubu4enl7ePr5+f3zID0eV/ZdFAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDExLTAzLTEwVDAzOjExOjExKzAxOjAwCEbCmgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxMS0wMy0xMFQwMzoxMToxMSswMTowMHkbeiYAAAAASUVORK5CYII=);
}
.button {
position: relative;
display: inline;
padding-left: 20px;
padding-right: 20px;
font: normal bold 14px sans-serif;
float: left;
color: #909090;
}
.button a {
color: #909090;
text-decoration: none;
}
.button[currentState=a] a,.button a:hover { color: #fff; }
.infopanel {
display: table;
width: 100%;
position: absolute;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
top: 70px;
left: 0px;
}
.infopanel a {
text-decoration: none;
font-weight: bold;
color: #326f32;
padding-left: 10px;
}
.infopanel a:visited { color: #666666; text-decoration: none; }
.infopanel a:hover { text-decoration: underline; }
.qm {
font-weight: bold;
color: #333;
float: left;
min-width: 25px;
text-align: center;
height: 23px;
border: 1px outset #aaa;
border-color: #aaa;
-webkit-border-radius: 5px;
}
.line0,.line1 {
position: relative;
font: normal 13px helvetica;
line-height:25px;
}
.line0 {
background: #dddddd;
}
.line1 {
background: #efefef;
}
#buttonbox {
float:left;
padding-top: 15px;
padding-bottom: 15px;
}
#icon {
float: left;
padding-right: 20px;
padding-left: 20px;
padding-top: 8px;
}
</style>
</head>
<body>
<div id="bar">
<img id="icon" src=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeEAQAAADBqbpqAAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAAAEgAAABIAEbJaz4AAANUSURBVEjH7ZR7TFN3FMc/9wEFQkWpIEwWplUS39EuMINbAdHEZSmawNSQ+WiixOka3dw/Gtkjezi3ZWEmCzhRo5tETSU+olMCUZnLNGi1Yz7Gio+owyIK0sBa2/72RxmPpXcZY2HJxje5yb3nfM/3e3/nnHthCP91SFqJx2UAEXG8GGH2p/JrqyeQG3zWu186Qp3RqMVnJURtwyrndCSheO77TNIt/+ZwfDmc6QcNsHatXrl8+8Pnr3fUum9drd0UbP/sNWWKWq/1ovqVYHdMGn31kj3xuv10dUtL7Svy1wWx/WqD/n2ItloXjC0K/DD+OSHyrglRb6pxPnBGJLlcWlXK+vhme1raeSHGGYR4Ty/E3e3r0rT4arhg+0aAuB8bkScDxGZDUAZ1FuDQMpa/epgw4uTDrqcH20E+CGRrsPvVin8Q/z9jtb8F+qPQ9qViAPVNsmjyPENM8M6T5KfHiGXAjb9s3Dp75HHfuqwc9umaUSkHGFYZODT/skn5JvUPpm3i46y6yJ83n3vdHWPPKxXzAnujL0iSbuo7G6DqGPBRdyt3gpppitP7F81wL1fyABgO4gZ0lINaZNrmmPhT3mppsezCTTGAcpNilHBz8VvOJb/kWHr27YVRr+qaAsNhtRvyjQmTQBzvzXVcg7LdheeDZwvB3BX8FKJmQe4vADohkIUA7Wt6shDO0TVOITBC4ZreuXd3CeEuLVwDGKHG+Wc6IET8IyFOWIRQ8Q7uUnXPuPvODCnNxLY9cb3Q3vDYAKOa4Kmqvyuc8DKguzenec/9JBjWAsYzgKdnbF2QgPX1/tRjh20HID0AW00DOVHBF3Di1FZTSMt2APx9VrXnO46HaKuonjiuc6Z1g78CvJUDMY70QfJ33sqNHf4K6JwJojq8MaBMkSulKrOhbK/FNid7WkZPAiItiVt8n+eXLNyRvqJPjQ2UCekrXKX5JaNciVu6hReBenFaxqYUi+0Nu9kglch9DiKFtg34FpakweR2kBbAaQ8cbQyRUt6Cok8gKgfqlsC+gh6B+TGQOR18xVCuQuPsUDw3A+Z+D+yEhoRQLjgP4h9BxdLexoOE343/zX/1lVWDaSiPlUyde65MUCEzcjCNpVwiWg96pYErDWEIGvgNdLVGBQKQtg8AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTEtMDItMDhUMjA6NDU6MjMrMDE6MDAWGaRfAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDExLTAyLTA4VDIwOjQ1OjIzKzAxOjAwZ0Qc4wAAAABJRU5ErkJggg==/>
<div id="buttonbox">
<div class='button' currentState='%c' ><a href="dwb://bookmarks">Bookmarks</a></div>
<div class='button' currentState='%c' ><a href="dwb://quickmarks">Quickmarks</a></div>
<div class='button' currentState='%c' ><a href="dwb://history">History</a></div>
</div>
</div>
<!--content goes here-->
<div class='infopanel'>
%s
</div>
</body>
|
