4 <title>Tabs Backup & Restore
</title>
10 ::-webkit-scrollbar-track {
11 background-color: #f4f4f4;
14 ::-webkit-scrollbar-thumb {
15 background-color: #b9b9b9;
43 border:
2px solid black;
44 vertical-align:middle;
83 .backupItemContent:hover {
97 .backupItemDetailsNr {
109 .backupItemToolbar a {
123 .backupItemFooterAutoBackup {
127 .backupItemFooterManualBackup {
137 text-decoration:underline;
147 #showOlderBackupsDiv {
157 .restoreDivCollapseExpand {
183 border:
1px solid black;
184 background-color: #F3F3F3;
187 #restoreSelectedDiv {
193 background-color: #d8e8f0;
198 #restoreSelectedDiv:hover {
199 background-color: #b0d7eb;
202 #restoreSelectedInfoDiv {
206 #restoreSelectedRadio {
215 background-color: #e0ebdb;
219 .windowTitleDiv:hover {
220 background-color: #cce2c2;
247 .regular-checkbox + label {
248 background-color: #fafafa;
249 border:
1px solid #cacece;
250 box-shadow:
0 1px
2px rgba(
0,
0,
0,
0.05), inset
0px -
15px
10px -
12px rgba(
0,
0,
0,
0.05);
253 display: inline-block;
257 .regular-checkbox + label:active, .regular-checkbox:checked + label:active {
258 box-shadow:
0 1px
2px rgba(
0,
0,
0,
0.05), inset
0px
1px
3px rgba(
0,
0,
0,
0.1);
261 .regular-checkbox:checked + label {
262 background-color: #e9ecee;
263 border:
1px solid #adb8c0;
264 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);
268 .regular-checkbox:checked + label:after {
286 .regular-radio + label {
287 -webkit-appearance: none;
288 background-color: #fafafa;
289 border:
1px solid #cacece;
290 box-shadow:
0 1px
2px rgba(
0,
0,
0,
0.05), inset
0px -
15px
10px -
12px rgba(
0,
0,
0,
0.05);
293 display: inline-block;
298 .regular-radio:checked + label:after {
306 box-shadow: inset
0px
0px
10px rgba(
0,
0,
0,
0.3);
312 .regular-radio:checked + label {
313 background-color: #e9ecee;
315 border:
1px solid #adb8c0;
316 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);
319 .regular-radio + label:active, .regular-radio:checked + label:active {
320 box-shadow:
0 1px
2px rgba(
0,
0,
0,
0.05), inset
0px
1px
3px rgba(
0,
0,
0,
0.1);
324 <link rel=
"stylesheet" type=
"text/css" href=
"bootstrap.min.css" />
325 <script src=
"jquery-1.8.2.min.js"></script>
326 <script src=
"bootstrap.min.js"></script>
327 <script src=
"bootbox.min.js"></script>
332 margin:-
150px
0 0 -
150px;
335 <!-- JavaScript and HTML must be in separate files for security. -->
336 <script src=
"advanced.js?v=201211062258"></script>
341 <div id=
"contentWrapper">
343 <!-- <button id="btnDoSomething">Do SOmething</button> -->
344 <img src=
"icon.png" style=
"border: 0; padding: 10px;" /><b>Tabs Backup & Restore - Advanced
</b>
346 <a href=
"https://chrome.google.com/webstore/detail/tabs-backup-restore/dehocbglhkaogiljpihicakmlockmlgd/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>
348 <div id=
"smallDescription">
349 With
<i>Advanced Restore
</i> you can restore a custom selection of your backups!
<br />
350 <ul style=
"margin-top: 5px">
351 <li>Click on a Backup entry to expand it, and view all the windows that were backed up.
</li>
352 <li>Click on a Window entry to view all the tabs it contained.
</li>
353 <li>Select the checkboxes to make your selection.
</li>
354 <li>Press the
"Restore Selected" button when you are ready to restore.
</li>
359 <div id=
"backupsListTitle">
362 <div id=
"backupsDiv"></div>
364 <div id=
"showOlderBackupsDiv">
365 <a id=
"menuItem_showOlderBackups">Show all backups..
</a>
369 <div id=
"floatingRightDiv">
371 <a id=
"restoreSelectedClearSelectionLink" style=
"float: right; padding-bottom: 4px;">Clear selection
</a>
374 <div id=
"restoreSelectedInfoDiv">
375 Selected tabs:
<span id=
"restoreSelectedInfoNumTabs" style=
"font-weight: bold;"></span>
378 <div id=
"restoreSelectedDiv">
379 Restore selected
<img src=
"icon_48.png" style=
"width: 26px;" />
381 <div id=
"restoreSelectedRadio">
382 <input type=
"radio" id=
"restoreSelectedRadioSingleWindow" name=
"radio-1-set" class=
"regular-radio" checked
/>
383 <label for=
"restoreSelectedRadioSingleWindow" title=
"Restore all selected tabs into a single window"></label>
384 <span id=
"restoreSelectedRadioSingleWindowSpanLabel" class=
"radioSpanLabel" title=
"Restore all selected tabs into a single window"> Restore to a single window
</span><br />
386 <input type=
"radio" id=
"restoreSelectedRadioMultipleWindows" name=
"radio-1-set" class=
"regular-radio" />
387 <label for=
"restoreSelectedRadioMultipleWindows" title=
"Restore selected tabs into their respective window"></label>
388 <span id=
"restoreSelectedRadioMultipleWindowsSpanLabel" class=
"radioSpanLabel" title=
"Restore selected tabs into their respective window"> Restore to multiple windows
</span>