4 <meta charset='utf-
8'
/>
5 <title>Tabs Backup & Restore
</title>
11 ::-webkit-scrollbar-track {
12 background-color: #f4f4f4;
15 ::-webkit-scrollbar-thumb {
16 background-color: #b9b9b9;
44 border:
2px solid black;
45 vertical-align:middle;
84 .backupItemContent:hover {
98 .backupItemDetailsNr {
110 .backupItemToolbar a {
124 .backupItemFooterAutoBackup {
128 .backupItemFooterManualBackup {
138 text-decoration:underline;
148 #showOlderBackupsDiv {
158 .restoreDivCollapseExpand {
184 border:
1px solid black;
185 background-color: #F3F3F3;
188 #restoreSelectedDiv {
194 background-color: #d8e8f0;
199 #restoreSelectedDiv:hover {
200 background-color: #b0d7eb;
203 #restoreSelectedInfoDiv {
207 #restoreSelectedRadio {
216 background-color: #e0ebdb;
220 .windowTitleDiv:hover {
221 background-color: #cce2c2;
248 .regular-checkbox + label {
249 background-color: #fafafa;
250 border:
1px solid #cacece;
251 box-shadow:
0 1px
2px rgba(
0,
0,
0,
0.05), inset
0px -
15px
10px -
12px rgba(
0,
0,
0,
0.05);
254 display: inline-block;
258 .regular-checkbox + label:active, .regular-checkbox:checked + label:active {
259 box-shadow:
0 1px
2px rgba(
0,
0,
0,
0.05), inset
0px
1px
3px rgba(
0,
0,
0,
0.1);
262 .regular-checkbox:checked + label {
263 background-color: #e9ecee;
264 border:
1px solid #adb8c0;
265 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);
269 .regular-checkbox:checked + label:after {
287 .regular-radio + label {
288 -webkit-appearance: none;
289 background-color: #fafafa;
290 border:
1px solid #cacece;
291 box-shadow:
0 1px
2px rgba(
0,
0,
0,
0.05), inset
0px -
15px
10px -
12px rgba(
0,
0,
0,
0.05);
294 display: inline-block;
299 .regular-radio:checked + label:after {
307 box-shadow: inset
0px
0px
10px rgba(
0,
0,
0,
0.3);
313 .regular-radio:checked + label {
314 background-color: #e9ecee;
316 border:
1px solid #adb8c0;
317 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);
320 .regular-radio + label:active, .regular-radio:checked + label:active {
321 box-shadow:
0 1px
2px rgba(
0,
0,
0,
0.05), inset
0px
1px
3px rgba(
0,
0,
0,
0.1);
325 <link rel=
"stylesheet" type=
"text/css" href=
"bootstrap.min.css" />
326 <script src=
"jquery-1.8.2.min.js"></script>
327 <script src=
"bootstrap.min.js"></script>
328 <script src=
"bootbox.min.js"></script>
333 margin:-
150px
0 0 -
150px;
336 <!-- JavaScript and HTML must be in separate files for security. -->
337 <script src=
"advanced.js?v=201211062258"></script>
342 <div id=
"contentWrapper">
344 <!-- <button id="btnDoSomething">Do SOmething</button> -->
345 <img src=
"icon.png" style=
"border: 0; padding: 10px;" /><b>Tabs Backup & Restore - Advanced
</b>
347 <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>
349 <div id=
"smallDescription">
350 With
<i>Advanced Restore
</i> you can restore a custom selection of your backups!
<br />
351 <ul style=
"margin-top: 5px">
352 <li>Click on a Backup entry to expand it, and view all the windows that were backed up.
</li>
353 <li>Click on a Window entry to view all the tabs it contained.
</li>
354 <li>Select the checkboxes to make your selection.
</li>
355 <li>Press the
"Restore Selected" button when you are ready to restore.
</li>
360 <div id=
"backupsListTitle">
363 <div id=
"backupsDiv"></div>
365 <div id=
"showOlderBackupsDiv">
366 <a id=
"menuItem_showOlderBackups">Show all backups..
</a>
370 <div id=
"floatingRightDiv">
372 <a id=
"restoreSelectedClearSelectionLink" style=
"float: right; padding-bottom: 4px;">Clear selection
</a>
375 <div id=
"restoreSelectedInfoDiv">
376 Selected tabs:
<span id=
"restoreSelectedInfoNumTabs" style=
"font-weight: bold;"></span>
379 <div id=
"restoreSelectedDiv">
380 Restore selected
<img src=
"icon_48.png" style=
"width: 26px;" />
382 <div id=
"restoreSelectedRadio">
383 <input type=
"radio" id=
"restoreSelectedRadioSingleWindow" name=
"radio-1-set" class=
"regular-radio" />
384 <label for=
"restoreSelectedRadioSingleWindow" title=
"Restore all selected tabs into a single window"></label>
385 <span id=
"restoreSelectedRadioSingleWindowSpanLabel" class=
"radioSpanLabel" title=
"Restore all selected tabs into a single window"> Restore to a single window
</span><br />
387 <input type=
"radio" id=
"restoreSelectedRadioMultipleWindows" name=
"radio-1-set" class=
"regular-radio" checked
/>
388 <label for=
"restoreSelectedRadioMultipleWindows" title=
"Restore selected tabs into their respective window"></label>
389 <span id=
"restoreSelectedRadioMultipleWindowsSpanLabel" class=
"radioSpanLabel" title=
"Restore selected tabs into their respective window"> Restore to multiple windows
</span>