4 <meta charset='utf-
8'
/>
5 <title>Tabs Backup & Restore
</title>
7 <link rel='stylesheet' href='dark.css' media='(prefers-color-scheme: dark)'
/>
8 <link rel='stylesheet' href='light.css' media='(prefers-color-scheme: light), (prefers-color-scheme: no-preference)'
/>
9 <!-- Load theme override asap to help with initial loading/flashing. -->
10 <link rel='stylesheet' href='' id='theme-override'
/>
11 <script src=
"theme-init.js"></script>
18 ::-webkit-scrollbar-track {
19 background-color: #f4f4f4;
22 ::-webkit-scrollbar-thumb {
23 background-color: #b9b9b9;
27 background-color: var(--body-color);
28 filter: var(--body-filter);
56 border:
2px solid black;
57 vertical-align:middle;
60 filter: var(--img-filter);
97 .backupItemContent:hover {
111 .backupItemDetailsNr {
123 .backupItemToolbar a {
137 .backupItemFooterAutoBackup {
141 .backupItemFooterManualBackup {
151 text-decoration:underline;
161 #showOlderBackupsDiv {
171 .restoreDivCollapseExpand {
197 border:
1px solid black;
198 background-color: #F3F3F3;
201 #restoreSelectedDiv {
207 background-color: #d8e8f0;
212 #restoreSelectedDiv:hover {
213 background-color: #b0d7eb;
216 #restoreSelectedInfoDiv {
220 #restoreSelectedRadio {
229 background-color: #e0ebdb;
233 .windowTitleDiv:hover {
234 background-color: #cce2c2;
261 .regular-checkbox + label {
262 background-color: #fafafa;
263 border:
1px solid #cacece;
264 box-shadow:
0 1px
2px rgba(
0,
0,
0,
0.05), inset
0px -
15px
10px -
12px rgba(
0,
0,
0,
0.05);
267 display: inline-block;
271 .regular-checkbox + label:active, .regular-checkbox:checked + label:active {
272 box-shadow:
0 1px
2px rgba(
0,
0,
0,
0.05), inset
0px
1px
3px rgba(
0,
0,
0,
0.1);
275 .regular-checkbox:checked + label {
276 background-color: #e9ecee;
277 border:
1px solid #adb8c0;
278 box-shadow:
0 1px
2px rgba(
0,
0,
0,
0.05), inset
0px -
15px
10px -
12px rgba(
0,
0,
0,
0.05), inset
15px
10px -
12px rgba(
255,
255,
255,
0.1);
282 .regular-checkbox:checked + label:after {
300 .regular-radio + label {
301 -webkit-appearance: none;
302 background-color: #fafafa;
303 border:
1px solid #cacece;
304 box-shadow:
0 1px
2px rgba(
0,
0,
0,
0.05), inset
0px -
15px
10px -
12px rgba(
0,
0,
0,
0.05);
307 display: inline-block;
312 .regular-radio:checked + label:after {
320 box-shadow: inset
0px
0px
10px rgba(
0,
0,
0,
0.3);
326 .regular-radio:checked + label {
327 background-color: #e9ecee;
329 border:
1px solid #adb8c0;
330 box-shadow:
0 1px
2px rgba(
0,
0,
0,
0.05), inset
0px -
15px
10px -
12px rgba(
0,
0,
0,
0.05), inset
15px
10px -
12px rgba(
255,
255,
255,
0.1), inset
0px
0px
10px rgba(
0,
0,
0,
0.1);
333 .regular-radio + label:active, .regular-radio:checked + label:active {
334 box-shadow:
0 1px
2px rgba(
0,
0,
0,
0.05), inset
0px
1px
3px rgba(
0,
0,
0,
0.1);
338 <link rel=
"stylesheet" type=
"text/css" href=
"bootstrap.min.css" />
339 <script src=
"jquery-1.8.2.min.js"></script>
340 <script src=
"bootstrap.min.js"></script>
341 <script src=
"bootbox.min.js"></script>
346 margin:-
150px
0 0 -
150px;
349 <!-- JavaScript and HTML must be in separate files for security. -->
350 <script src=
"advanced.js?v=201211062258"></script>
355 <div id=
"contentWrapper">
357 <!-- <button id="btnDoSomething">Do SOmething</button> -->
358 <img src=
"icon.png" style=
"border: 0; padding: 10px;" /><b>Tabs Backup & Restore - Advanced
</b>
360 <a href=
"https://chrome.google.com/webstore/detail/ojcidmfgknjffgginmfeakngnegjkaca/reviews" target=
"_blank" style=
"position: absolute; right: 54px; top: 12px;">Rate on the Chrome Store
<img src=
"img/chrome-web-store.png" style=
"width: 24px;" /></a>
362 <div id=
"smallDescription">
363 With
<i>Advanced Restore
</i> you can restore a custom selection of your backups!
<br />
364 <ul style=
"margin-top: 5px">
365 <li>Click on a Backup entry to expand it, and view all the windows that were backed up.
</li>
366 <li>Click on a Window entry to view all the tabs it contained.
</li>
367 <li>Select the checkboxes to make your selection.
</li>
368 <li>Press the
"Restore Selected" button when you are ready to restore.
</li>
373 <div id=
"backupsListTitle">
376 <div id=
"backupsDiv"></div>
378 <div id=
"showOlderBackupsDiv">
379 <a id=
"menuItem_showOlderBackups">Show all backups..
</a>
383 <div id=
"floatingRightDiv">
385 <a id=
"restoreSelectedClearSelectionLink" style=
"float: right; padding-bottom: 4px;">Clear selection
</a>
388 <div id=
"restoreSelectedInfoDiv">
389 Selected tabs:
<span id=
"restoreSelectedInfoNumTabs" style=
"font-weight: bold;"></span>
392 <div id=
"restoreSelectedDiv">
393 Restore selected
<img src=
"icon_48.png" style=
"width: 26px;" />
395 <div id=
"restoreSelectedRadio">
396 <input type=
"radio" id=
"restoreSelectedRadioSingleWindow" name=
"radio-1-set" class=
"regular-radio" />
397 <label for=
"restoreSelectedRadioSingleWindow" title=
"Restore all selected tabs into a single window"></label>
398 <span id=
"restoreSelectedRadioSingleWindowSpanLabel" class=
"radioSpanLabel" title=
"Restore all selected tabs into a single window"> Restore to a single window
</span><br />
400 <input type=
"radio" id=
"restoreSelectedRadioMultipleWindows" name=
"radio-1-set" class=
"regular-radio" checked
/>
401 <label for=
"restoreSelectedRadioMultipleWindows" title=
"Restore selected tabs into their respective window"></label>
402 <span id=
"restoreSelectedRadioMultipleWindowsSpanLabel" class=
"radioSpanLabel" title=
"Restore selected tabs into their respective window"> Restore to multiple windows
</span>