-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathpopup.html
72 lines (64 loc) · 2.24 KB
/
popup.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script src="ui/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="ui/jquery-ui-1.8rc3.custom.min.js" type="text/javascript" charset="utf-8"></script>
<script src="ui/jquery-ui.js" type="text/javascript" charset="utf-8"></script>
<script src="ui/popuplib.js" type="text/javascript" charset="utf-8"></script>
<script src="ui/screenshot.js" type="text/javascript" charset="utf-8"></script>
<link type="text/css" href="css/cupertino/jquery-ui-1.8rc3.custom.css" rel="stylesheet" />
<style type="text/css">
#selectable { list-style-type: none; margin: 0; padding: 0; width: 100%; height: 250px; overflow-y: scroll; }
#selectable li { margin: 2px; padding: 0.2em; font-size: 0.8em; height: 30px; background: #D4E7FA}
body {
overflow: hidden;
width: 600px;
height: 300px;
}
a {
width: 100%;
}
#screenshot{
position:absolute;
border:1px solid #529BF9;
background:#D4E7FA;
padding:5px;
display:none;
color:#D4E7FA;
-webkit-border-radius: 6px; border-radius: 6px;
}
</style>
<script language="javascript" type="text/javascript">
$(function(){
render();
$('#tabs').tabs();
$("button, input:submit, a", ".buttons").button();
screenshotPreview();
});
</script>
</head>
<body>
<div id="tabs">
<ul>
<li style="width:287px;"><a href="#tabs-1">Tabs to close</a></li>
<li style="width:287px;"><a href="#tabs-2">Recently closed Tabs</a></li>
</ul>
<div id="tabs-1" class="close">
<div>
<ol id="selectable" class="list1" />
</div>
<div class="buttons">
<button onClick="cleanUp();">Remove unused Tabs</button>
</div>
</div>
<div id="tabs-2">
<div>
<ol id="selectable" class="list2" />
</div>
<div class="buttons">
<button onClick="restoreTabs();">Restore Tabs</button>
</div>
</div>
</div>
</body>
</html>