| OLD | NEW |
| 1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <meta charset="utf-8"> | 4 <meta charset="utf-8"> |
| 5 <title i18n-content="title"></title> | 5 <title i18n-content="title"></title> |
| 6 <style> | 6 <style> |
| 7 body { | 7 body { |
| 8 font-size: 87%; | 8 font-size: 87%; |
| 9 font-family: Arial Narrow, Arial, Helvetica, sans-serif; | 9 font-family: Arial, Helvetica, sans-serif; |
| 10 margin: 0; | 10 margin: 0; |
| 11 min-width: 47em; | 11 min-width: 47em; |
| 12 padding-bottom: 0.75em; | 12 padding-bottom: 0.75em; |
| 13 padding-left: 1.5em; | 13 padding-left: 1.5em; |
| 14 padding-right: 2em; | 14 padding-right: 2em; |
| 15 padding-top: 0.75em; | 15 padding-top: 0.75em; |
| 16 } | 16 } |
| 17 | 17 |
| 18 a { | 18 a { |
| 19 color: blue; | 19 color: blue; |
| (...skipping 25 matching lines...) Expand all Loading... |
| 45 } | 45 } |
| 46 | 46 |
| 47 div.content { | 47 div.content { |
| 48 font-size: 84%; | 48 font-size: 84%; |
| 49 margin-top: 10px; | 49 margin-top: 10px; |
| 50 } | 50 } |
| 51 | 51 |
| 52 .section-header { | 52 .section-header { |
| 53 background: #ebeff9; | 53 background: #ebeff9; |
| 54 border-top: 1px solid #b5c7de; | 54 border-top: 1px solid #b5c7de; |
| 55 font-size: 97%; | 55 font-size: 95%; |
| 56 font-weight: bold; | |
| 57 letter-spacing: -1px; | |
| 58 padding-bottom: 3px; | 56 padding-bottom: 3px; |
| 59 padding-left: 10px; | 57 padding-left: 10px; |
| 60 padding-top: 3px; | 58 padding-top: 3px; |
| 61 width: 100%; | 59 width: 100%; |
| 62 } | 60 } |
| 63 | 61 |
| 62 .section-header-title { |
| 63 font-weight: bold; |
| 64 } |
| 65 |
| 64 .vbox-container { | 66 .vbox-container { |
| 65 display: -webkit-box; | 67 display: -webkit-box; |
| 66 -webkit-box-orient: vertical; | 68 -webkit-box-orient: vertical; |
| 67 } | 69 } |
| 68 | 70 |
| 69 .wbox { | 71 .wbox { |
| 70 display: -webkit-box; | 72 display: -webkit-box; |
| 71 -webkit-box-align: stretch; | 73 -webkit-box-align: stretch; |
| 72 -webkit-box-flex: 1; | 74 -webkit-box-flex: 1; |
| 73 } | 75 } |
| 74 | 76 |
| 75 .wbox-dev-tools { | 77 .wbox-dev-tools { |
| 76 display: none; | 78 display: none; |
| 77 -webkit-box-align: stretch; | 79 -webkit-box-align: stretch; |
| 78 -webkit-box-flex: 1; | 80 -webkit-box-flex: 1; |
| 79 } | 81 } |
| 80 | 82 |
| 81 .developer-tools-image { | 83 .developer-tools-image { |
| 82 margin-top: 2px; | 84 margin-top: 2px; |
| 83 } | 85 } |
| 84 | 86 |
| 85 .developer-tools-link { | 87 .developer-tools-link { |
| 86 font-size: 84%; | 88 font-size: 100%; |
| 87 margin-right: 9px; | 89 margin-right: 9px; |
| 88 white-space: nowrap; | 90 white-space: nowrap; |
| 89 } | 91 } |
| 90 | 92 |
| 91 .developer-tools { | 93 .developer-tools { |
| 92 background: #f4f6fc; | 94 background: #f4f6fc; |
| 93 border-bottom: 1px solid #edeff5; | 95 border-bottom: 1px solid #edeff5; |
| 94 padding-bottom: 0.5em; | 96 font-size: 85%; |
| 97 padding-bottom: 0.8em; |
| 95 padding-left: 10px; | 98 padding-left: 10px; |
| 96 padding-top: 0.5em; | 99 padding-top: 0.8em; |
| 97 width: 100%; | 100 width: 100%; |
| 98 } | 101 } |
| 99 | 102 |
| 100 .extension { | 103 .extension { |
| 101 border-bottom: 1px solid #edeff5; | 104 border-bottom: 1px solid #edeff5; |
| 102 margin-bottom: 9px; | 105 margin-bottom: 9px; |
| 103 padding-bottom: 10px; | 106 padding-bottom: 10px; |
| 104 } | 107 } |
| 105 | 108 |
| 106 .extension-name { | 109 .extension-name { |
| (...skipping 423 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 530 | 533 |
| 531 <div id="extensionTemplate"> | 534 <div id="extensionTemplate"> |
| 532 | 535 |
| 533 <div id="container" class="vbox-container"> | 536 <div id="container" class="vbox-container"> |
| 534 <div id="top" class="wbox"> | 537 <div id="top" class="wbox"> |
| 535 | 538 |
| 536 <div class="section-header"> | 539 <div class="section-header"> |
| 537 <table cellpadding="0" cellspacing="0" width="100%"> | 540 <table cellpadding="0" cellspacing="0" width="100%"> |
| 538 <tr valign="center"> | 541 <tr valign="center"> |
| 539 <td> | 542 <td> |
| 540 Installed Extensions | 543 <span class="section-header-title">Installed Extensions |
| 541 <span jsdisplay="extensions.length > 0">(<span | 544 <span jsdisplay="extensions.length > 0">(<span |
| 542 jscontent="extensions.length"></span>)</span> | 545 jscontent="extensions.length"></span>)</span> |
| 546 </span> |
| 543 </td> | 547 </td> |
| 544 <td width="14" padding=""> | 548 <td width="14" padding=""> |
| 545 <img id="collapse" class="developer-tools-image" | 549 <img id="collapse" class="developer-tools-image" |
| 546 style="display:none" onclick="toggleDeveloperTools();" | 550 style="display:none" onclick="toggleDeveloperTools();" |
| 547 src="minus.png" /> | 551 src="minus.png" /> |
| 548 <img id="expand" class="developer-tools-image" | 552 <img id="expand" class="developer-tools-image" |
| 549 onclick="toggleDeveloperTools();" src="plus.png" /> | 553 onclick="toggleDeveloperTools();" src="plus.png" /> |
| 550 </td> | 554 </td> |
| 551 <td width="50" align="right"> | 555 <td width="50" align="right"> |
| 552 <div class="developer-tools-link"> | 556 <div class="developer-tools-link"> |
| 553 <a onclick="toggleDeveloperTools();">Developer tools</a> | 557 <a onclick="toggleDeveloperTools();">Developer tools</a> |
| 554 </div> | 558 </div> |
| 555 </td> | 559 </td> |
| 556 </tr> | 560 </tr> |
| 557 </table> | 561 </table> |
| 558 </div> | 562 </div> |
| 559 | 563 |
| 560 </div> | 564 </div> |
| 561 <div id="developer_tools" class="wbox-dev-tools"> | 565 <div id="developer_tools" class="wbox-dev-tools"> |
| 562 <div class="developer-tools"> | 566 <div class="developer-tools"> |
| 563 Developer Tools: | 567 Developer Tools: |
| 564 <button onclick="loadExtension()">Load unpacked Extensions...</button> | 568 <button onclick="loadExtension()">Load unpacked Extension...</button> |
| 565 <button onclick="showPackDialog()">Pack Extensions...</button> | 569 <button onclick="showPackDialog()">Pack Extension...</button> |
| 566 <button onclick="autoUpdate()">Update Extensions now</button> | 570 <button onclick="autoUpdate()">Update Extensions now</button> |
| 567 </div> | 571 </div> |
| 568 </div> | 572 </div> |
| 569 </div> | 573 </div> |
| 570 | 574 |
| 571 <div class="content"> | 575 <div class="content"> |
| 572 <div class="extension-name" jsdisplay="extensions.length === 0"> | 576 <div class="extension-name" jsdisplay="extensions.length === 0"> |
| 573 No extensions installed</div> | 577 No extensions installed</div> |
| 574 | 578 |
| 575 <div jsdisplay="extensions.length > 0"> | 579 <div jsdisplay="extensions.length > 0"> |
| (...skipping 78 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 654 </td> | 658 </td> |
| 655 </tr> | 659 </tr> |
| 656 </table> | 660 </table> |
| 657 </div> | 661 </div> |
| 658 </div> | 662 </div> |
| 659 </div> | 663 </div> |
| 660 </div> | 664 </div> |
| 661 </div> | 665 </div> |
| 662 </body> | 666 </body> |
| 663 </html> | 667 </html> |
| OLD | NEW |