| <!DOCTYPE html> |
| <html i18n-values="dir:textdirection"> |
| |
| |
| |
| |
| |
| |
| |
| <head> |
| <meta name="google" value="notranslate"> |
| |
| |
| |
| <meta http-equiv="X-WebKit-CSP" content="object-src 'none'; script-src chrome://resources chrome-extension:"> |
| <title i18n-content="title"></title> |
| |
| <link rel="stylesheet" href="chrome://resources/css/list.css"> |
| <link rel="stylesheet" href="chrome://resources/css/tree.css"> |
| <link rel="stylesheet" href="chrome://resources/css/menu.css"> |
| <style>/* |
| Copyright (c) 2010 The Chromium Authors. All rights reserved. |
| Use of this source code is governed by a BSD-style license that can be |
| found in the LICENSE file. |
| */ |
| html, body { |
| margin: 0; |
| width: 100%; |
| height: 100%; |
| cursor: default; |
| overflow: hidden; |
| } |
| |
| list { |
| display: block; |
| overflow-x: hidden; |
| overflow-y: visible; /* let the container do the scrolling */ |
| } |
| |
| list > * { |
| color: hsl(0, 0%, 70%); |
| padding: 0 3px; |
| -webkit-padding-end: 20px; |
| text-decoration: none; |
| white-space: nowrap; |
| } |
| |
| list > * > * { |
| box-sizing: border-box; |
| -webkit-padding-start: 20px; |
| background: 0 50% no-repeat; |
| overflow: hidden; |
| text-overflow: ellipsis; |
| white-space: pre; /* Don't collapse whitespace */ |
| } |
| |
| list > * > .label { |
| -webkit-transition: all .15s; |
| color: black; |
| display: inline-block; /* We need to use inline-block here due to RTL. */ |
| } |
| |
| list > * > .url { |
| display: none; |
| } |
| |
| list > :hover > .url, |
| list > [selected] > .url { |
| display: inline; |
| } |
| |
| html[dir=rtl] list .label { |
| background-position: 100% 50%; |
| } |
| |
| list > .folder > .label { |
| background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT5JREFUeNpi/P//PwO1ABMDFQELiGhKdEgDUjOxyKfXzT8wiyTDQAblVBSAGdzc3GD6wc3LDCuXbAJZQLRhjI0J9mmisiozLXQFIQKM/yD+//eD4cyFJwxPnn/EpRfD1SCXzcwoiWNgAMfDfwZ4fABpbRco5z9UHCr56/VDhp7uhTOhQcOI4k1QjDL++wM2gfE/0GUg/O8flP0XKPcXKvYXrOnn82t4wgzkM5BhSAaBDfnzDSIOxn/BYgQjAOyyv7/BBoFdgWwIyACYy35+IcKwvyDDfkE0/f4KFIC55h/E2aCw+vGZuKTxH6TpD9Cw358RrgEZAAl1oIu+Ep/OQC5jALnszw+IZuQsRqRBtMlOHy9sYeBiZyVa07efv3Ealj599YWZpLrC2CMOMztBiyByyyFGbBmdcdCVZwABBgAo2bSa1FOQxwAAAABJRU5ErkJggg=="); |
| } |
| |
| /* We need to ensure that even empty labels take up space */ |
| list > * > .label:empty:after, |
| list > * > .url:empty:after { |
| content: " "; |
| white-space: pre; |
| } |
| |
| list > .folder > .url:empty:after { |
| content: ""; |
| } |
| |
| list > * > button { |
| -webkit-transition: opacity .15s; |
| background: #fff -webkit-canvas(drop-down-arrow) no-repeat center center; |
| border: 1px solid hsl(214, 91%, 85%); |
| border-radius: 3px; |
| bottom: 1px; |
| display: none; |
| overflow: hidden; |
| padding: 0; |
| position: absolute; |
| right: 3px; |
| top: 1px; |
| width: 15px; |
| } |
| |
| list > [selected]:hover > button, |
| list > * > button[menu-shown] { |
| border-color: hsl(214, 91%, 65%); |
| } |
| |
| list > :hover > button { |
| display: block; |
| } |
| |
| list > * > button:hover, |
| list > * > button[menu-shown] { |
| display: block; |
| } |
| |
| html[dir=rtl] list > * > button { |
| right: auto; |
| left: 3px; |
| } |
| |
| /* |
| /* Edit mode |
| */ |
| |
| list [editing] .label input, |
| list [editing] .url input { |
| /* Do not inherit the line-height */ |
| font-family: inherit; |
| font-size: inherit; |
| font-weight: inherit; |
| margin: 0; |
| -webkit-margin-start: -4px; |
| -webkit-margin-end: 4px; |
| max-width: 40%; |
| padding: 0; |
| -webkit-padding-start: 1px; |
| -webkit-padding-end: 3px; |
| text-decoration: none; |
| } |
| |
| .tree-item [editing] input { |
| margin: 0; |
| padding: 0; |
| -webkit-margin-start: -3px; |
| -webkit-padding-end: 7px; |
| } |
| |
| html[os=mac] .tree-label [editing] input { |
| padding-top: 1px; |
| } |
| |
| html:not([os=mac]) list .label input, |
| html:not([os=mac]) list .url input { |
| outline: none; |
| } |
| |
| list > [editing] { |
| overflow: visible; |
| } |
| |
| list [editing] .label, |
| list [editing] .url, |
| list [editing] > * { |
| overflow: visible; |
| display: inline; |
| } |
| |
| list [editing] .url { |
| -webkit-padding-start: 10px; |
| } |
| |
| list .url form { |
| display: inline; |
| } |
| |
| /* end editing */ |
| |
| html[dir=rtl] list > .folder > .label { |
| background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVhJREFUeNpi/P//PwO1ABMDFQELKYqbEh3SgNRMLFLpdfMPzGIh0fKZ4TF+DArqumDO169fwfSUjgkgC2YxoocZHtsZZCT5GUwMZBj+MXGA+f//Q0LpxOX3DK8f30lHdxnY5JLSeAY2UXmICCMjCDFACBAFpBnhUiCSwcCdgaE5v24mVm/+f36NgYWPCxpFzED1TAz/wTSEzcDEBKFBGGjYfyYWAhHw8z3UemawgYwgDUD8nwVoyT9mNAMJGfb9I4Rm5wFqBrnmD9hgxr+/wYYyAA39D3M1IzsBw/79RRjKwQv0+19IsmSCGgY0lJGVG+zq/4z/SUhnPz4DXcgNsgFoKDDU/0FcyfAPaDArL9CF/0jMAT+/QiL7/z+Iq0EG/fkBdOEvoKP/0yk7ffsJtPX1eywy7xmwqz+H3TBjjziG6asXkeOwdEYsRRC5ZRIjNm8yDoryDCDAABYXaSGQxpHWAAAAAElFTkSuQmCC"); |
| } |
| |
| html[os=mac] list > .folder > .label { |
| background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADQmlDQ1BJQ0MgUHJvZmlsZQAAOBEFwU2LHGUCAOCnOhUUEgLCGHUOy4uHYVhmQqvLGhE/UpOkiGbHpjLR6WZBOj1vz5Spqa59uyeaEERy8egH3pfd9eBhf4CHHDzpRYngF4J4z8qKrODFlfF5ONofd13TC+y3i1SVRdgejsI93+p5yDHLjo0n8+7MYHARxl3XAADwy9cy+GJ93HUNAAAAAADg2M58sk92L73/7cT5hCP/x2x3ezgib7D06qJbkL+BpbQ9HJG/h6Ur28MR+QdYSlvVBvltnJh0aUH+KU5P9sY7HM2xtrtVbZDfxokrW9UG+W2c2G8OJoD7cDy2ly9hhd7rcX7uElbIbu2Mzz6PU2T/2Ylnz2GN7INpff4CVvHdNJ2/jFWyP9aLC1tYpfdi22xexCq9B9srmy9ghSzvFkWFFbJb82uXzmGFLH9l/NwAy2TV1dnzFU7Se/bG3tZLOEnW3Njb2MRJsi/TQXUZD9N7v2sGF7FG72NDjajWilpBpVRY10lmpmq1Rq0UtaKkNndVUCkV1nWSmalaYyCZmao1gtJdrbuS2t8ciILKi4pNt9YElVIh9L/p/7f/Vf8f/ff7P7y9fLAqqJQK4VZ6uZ7ceesnA1EyVWsElVIhKEWtu5LaxMwZjcauaF9Ua0VzQaVUWDeQzEzVmmn79rKgUiqEyZ23fopvbv6iFLWiJGoElVJh3RXR3FVJ7ZqoMRed0dgV7YuiVlApFdZ1kpmpWtR8cvP2g4JKqRC+yj/86xfHP7lpIJmZqjVmgkqpEJSiVpTUJmZKUStKahNBpVQIBpKZqVoj5n/IH8kv5KfzJ4T8mfzZ/On8bH46fzK/KKiUCpe1aq+KkrmxRuu6oJPMTNUaQaVUsBPnE8BSGduY6kmoyiIM0mxaNxEAS2VsY6onoSqLMEizad1EAAAAAAAAtoejAIwO+PecB/60PRwF4OdKhuzkne3hKACLv/DUjxz5fHs4CsDqMvf/nQ//PDlI1wBZ9hmL+NoCNmbd9VTv7i3Co/3+4+FM1zUxXGgnp9bCuGlCqnf3FvOQ4jyma3HnlPn0sUdBdrzg6PeHhz+vcM+7/PbO4eGv/zw8/O1fHPmOj5rfAcC8/UUBVbwwAAAACXBIWXMAAAsTAAALEwEAmpwYAAABv0lEQVQ4EQXBoaueZRgH4Ot+3nfHLB5EyxBmEVYGMp0DNcxuHIaxYBXM/gGyYlpdWLRaHYaDqGhZMS4MmwridDt+53vf5/55XQAAAAAAAAAACrz5wUfXrt+8CwCPf/nhoSdnjwAAAABWuHb95t1P79z+BILCAzx+cvYIAAAAoN76+LMvT09PP7z1/ntvVAHw3fc/PoVSoAClQIvf//jzbH31lZdv3Pvi8xsSwFRjcevdt1/feiexNcdMmTG79Qx14qv7948r/PXsH5k7oDF0x9a7CrPLMVM6ZsecbYyXRFn3fdufvdhVbQYUyTQT3dGhMyUlie6I1nvMuW/r7PRWMfapqgQJEd1UYm+SFnRHkEF3snbHvpF9UgUSkmjRHQkR3ZGgkGmms3ba34fdSU8RFCLo0N1K6URAwBxUd61R43hxsGcDASREdAcFghLQ48KsUWvH+u9xt/SmFBACSGJiASik9bJIXFoT/juwZBNDYxQ9GbAQrAiCEfaUhFU6x4tzl/pcK0EhTcEgaEBQmCvSWQ+H8xfffvP1T4oCAAAABCDAUv28Ll995/Jvv/58xIIFCwYGBgaCRqMxMV+7cvXkf3isMab/nwcjAAAAAElFTkSuQmCC"); |
| } |
| |
| html[os=mac] .tree-label { |
| background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADQmlDQ1BJQ0MgUHJvZmlsZQAAOBEFwU2LHGUCAOCnOhUUEgLCGHUOy4uHYVhmQqvLGhE/UpOkiGbHpjLR6WZBOj1vz5Spqa59uyeaEERy8egH3pfd9eBhf4CHHDzpRYngF4J4z8qKrODFlfF5ONofd13TC+y3i1SVRdgejsI93+p5yDHLjo0n8+7MYHARxl3XAADwy9cy+GJ93HUNAAAAAADg2M58sk92L73/7cT5hCP/x2x3ezgib7D06qJbkL+BpbQ9HJG/h6Ur28MR+QdYSlvVBvltnJh0aUH+KU5P9sY7HM2xtrtVbZDfxokrW9UG+W2c2G8OJoD7cDy2ly9hhd7rcX7uElbIbu2Mzz6PU2T/2Ylnz2GN7INpff4CVvHdNJ2/jFWyP9aLC1tYpfdi22xexCq9B9srmy9ghSzvFkWFFbJb82uXzmGFLH9l/NwAy2TV1dnzFU7Se/bG3tZLOEnW3Njb2MRJsi/TQXUZD9N7v2sGF7FG72NDjajWilpBpVRY10lmpmq1Rq0UtaKkNndVUCkV1nWSmalaYyCZmao1gtJdrbuS2t8ciILKi4pNt9YElVIh9L/p/7f/Vf8f/ff7P7y9fLAqqJQK4VZ6uZ7ceesnA1EyVWsElVIhKEWtu5LaxMwZjcauaF9Ua0VzQaVUWDeQzEzVmmn79rKgUiqEyZ23fopvbv6iFLWiJGoElVJh3RXR3FVJ7ZqoMRed0dgV7YuiVlApFdZ1kpmpWtR8cvP2g4JKqRC+yj/86xfHP7lpIJmZqjVmgkqpEJSiVpTUJmZKUStKahNBpVQIBpKZqVoj5n/IH8kv5KfzJ4T8mfzZ/On8bH46fzK/KKiUCpe1aq+KkrmxRuu6oJPMTNUaQaVUsBPnE8BSGduY6kmoyiIM0mxaNxEAS2VsY6onoSqLMEizad1EAAAAAAAAtoejAIwO+PecB/60PRwF4OdKhuzkne3hKACLv/DUjxz5fHs4CsDqMvf/nQ//PDlI1wBZ9hmL+NoCNmbd9VTv7i3Co/3+4+FM1zUxXGgnp9bCuGlCqnf3FvOQ4jyma3HnlPn0sUdBdrzg6PeHhz+vcM+7/PbO4eGv/zw8/O1fHPmOj5rfAcC8/UUBVbwwAAAACXBIWXMAAAsTAAALEwEAmpwYAAABv0lEQVQ4EQXBoaueZRgH4Ot+3nfHLB5EyxBmEVYGMp0DNcxuHIaxYBXM/gGyYlpdWLRaHYaDqGhZMS4MmwridDt+53vf5/55XQAAAAAAAAAACrz5wUfXrt+8CwCPf/nhoSdnjwAAAABWuHb95t1P79z+BILCAzx+cvYIAAAAoN76+LMvT09PP7z1/ntvVAHw3fc/PoVSoAClQIvf//jzbH31lZdv3Pvi8xsSwFRjcevdt1/feiexNcdMmTG79Qx14qv7948r/PXsH5k7oDF0x9a7CrPLMVM6ZsecbYyXRFn3fdufvdhVbQYUyTQT3dGhMyUlie6I1nvMuW/r7PRWMfapqgQJEd1UYm+SFnRHkEF3snbHvpF9UgUSkmjRHQkR3ZGgkGmms3ba34fdSU8RFCLo0N1K6URAwBxUd61R43hxsGcDASREdAcFghLQ48KsUWvH+u9xt/SmFBACSGJiASik9bJIXFoT/juwZBNDYxQ9GbAQrAiCEfaUhFU6x4tzl/pcK0EhTcEgaEBQmCvSWQ+H8xfffvP1T4oCAAAABCDAUv28Ll995/Jvv/58xIIFCwYGBgaCRqMxMV+7cvXkf3isMab/nwcjAAAAAElFTkSuQmCC"); |
| } |
| |
| html[os=mac] .tree-row[selected] > .tree-label { |
| background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADQmlDQ1BJQ0MgUHJvZmlsZQAAOBEFwU2LHGUCAOCnOhUUEgLCGHUOy4uHYVhmQqvLGhE/UpOkiGbHpjLR6WZBOj1vz5Spqa59uyeaEERy8egH3pfd9eBhf4CHHDzpRYngF4J4z8qKrODFlfF5ONofd13TC+y3i1SVRdgejsI93+p5yDHLjo0n8+7MYHARxl3XAADwy9cy+GJ93HUNAAAAAADg2M58sk92L73/7cT5hCP/x2x3ezgib7D06qJbkL+BpbQ9HJG/h6Ur28MR+QdYSlvVBvltnJh0aUH+KU5P9sY7HM2xtrtVbZDfxokrW9UG+W2c2G8OJoD7cDy2ly9hhd7rcX7uElbIbu2Mzz6PU2T/2Ylnz2GN7INpff4CVvHdNJ2/jFWyP9aLC1tYpfdi22xexCq9B9srmy9ghSzvFkWFFbJb82uXzmGFLH9l/NwAy2TV1dnzFU7Se/bG3tZLOEnW3Njb2MRJsi/TQXUZD9N7v2sGF7FG72NDjajWilpBpVRY10lmpmq1Rq0UtaKkNndVUCkV1nWSmalaYyCZmao1gtJdrbuS2t8ciILKi4pNt9YElVIh9L/p/7f/Vf8f/ff7P7y9fLAqqJQK4VZ6uZ7ceesnA1EyVWsElVIhKEWtu5LaxMwZjcauaF9Ua0VzQaVUWDeQzEzVmmn79rKgUiqEyZ23fopvbv6iFLWiJGoElVJh3RXR3FVJ7ZqoMRed0dgV7YuiVlApFdZ1kpmpWtR8cvP2g4JKqRC+yj/86xfHP7lpIJmZqjVmgkqpEJSiVpTUJmZKUStKahNBpVQIBpKZqVoj5n/IH8kv5KfzJ4T8mfzZ/On8bH46fzK/KKiUCpe1aq+KkrmxRuu6oJPMTNUaQaVUsBPnE8BSGduY6kmoyiIM0mxaNxEAS2VsY6onoSqLMEizad1EAAAAAAAAtoejAIwO+PecB/60PRwF4OdKhuzkne3hKACLv/DUjxz5fHs4CsDqMvf/nQ//PDlI1wBZ9hmL+NoCNmbd9VTv7i3Co/3+4+FM1zUxXGgnp9bCuGlCqnf3FvOQ4jyma3HnlPn0sUdBdrzg6PeHhz+vcM+7/PbO4eGv/zw8/O1fHPmOj5rfAcC8/UUBVbwwAAAACXBIWXMAAAsTAAALEwEAmpwYAAABv0lEQVQ4EQXBoaueZRgH4Ot+3nfHLB5EyxBmEVYGMp0DNcxuHIaxYBXM/gGyYlpdWLRaHYaDqGhZMS4MmwridDt+53vf5/55XQAAAAAAAAAACrz5wUfXrt+8CwCPf/nhoSdnjwAAAABWuHb95t1P79z+BILCAzx+cvYIAAAAoN76+LMvT09PP7z1/ntvVAHw3fc/PoVSoAClQIvf//jzbH31lZdv3Pvi8xsSwFRjcevdt1/feiexNcdMmTG79Qx14qv7948r/PXsH5k7oDF0x9a7CrPLMVM6ZsecbYyXRFn3fdufvdhVbQYUyTQT3dGhMyUlie6I1nvMuW/r7PRWMfapqgQJEd1UYm+SFnRHkEF3snbHvpF9UgUSkmjRHQkR3ZGgkGmms3ba34fdSU8RFCLo0N1K6URAwBxUd61R43hxsGcDASREdAcFghLQ48KsUWvH+u9xt/SmFBACSGJiASik9bJIXFoT/juwZBNDYxQ9GbAQrAiCEfaUhFU6x4tzl/pcK0EhTcEgaEBQmCvSWQ+H8xfffvP1T4oCAAAABCDAUv28Ll995/Jvv/58xIIFCwYGBgaCRqMxMV+7cvXkf3isMab/nwcjAAAAAElFTkSuQmCC"); |
| } |
| |
| .main { |
| position: absolute; |
| display: -webkit-box; |
| top: 79px; |
| left: 0; |
| right: 0; |
| bottom: 0; |
| } |
| |
| .main > * { |
| height: 100%; |
| } |
| |
| #tree-container { |
| width: 200px; |
| /* min-width and max-width are used by the split pane. */ |
| min-width: 50px; |
| max-width: 50%; |
| overflow: auto; |
| box-sizing: border-box; |
| padding: 5px; |
| -webkit-padding-start: 10px; |
| } |
| |
| #tree { |
| min-width: 100%; |
| overflow: visible; /* let the container do the scrolling */ |
| display: inline-block; |
| } |
| |
| #list { |
| -webkit-box-flex: 1; |
| box-sizing: border-box; |
| padding: 5px; |
| } |
| |
| .splitter { |
| width: 5px; |
| background-color: #ebeff9; |
| cursor: e-resize; |
| } |
| |
| html[os=mac] .splitter { |
| cursor: col-resize; |
| } |
| |
| .logo { |
| -webkit-appearance: none; |
| border: 0; |
| background: url("data:image/png;base64,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") no-repeat 50% 50%; |
| width: 32px; |
| height: 32px; |
| cursor: pointer; |
| margin: 10px; |
| float: left; |
| } |
| |
| .header form { |
| float: left; |
| margin: 14px 2px; |
| margin-bottom: 0; |
| } |
| |
| .header { |
| min-width: 400px; |
| } |
| |
| html[dir=rtl] .logo, |
| html[dir=rtl] .header > div, |
| html[dir=rtl] .header form { |
| float: right; |
| } |
| |
| #drop-overlay { |
| position: absolute; |
| display: none; |
| pointer-events: none; |
| border: 1px solid hsl(214, 91%, 85%);; |
| border-radius: 3px; |
| box-sizing: border-box; |
| background-color: hsla(214, 91%, 85%, .5); |
| overflow: hidden; |
| z-index: -1; |
| } |
| |
| #drop-overlay.line { |
| border: 3px solid black; |
| border-top-color: transparent; |
| border-bottom-color: transparent; |
| background-color: black; |
| background-clip: padding-box; |
| height: 8px; |
| border-radius: 0; |
| z-index: 10; |
| } |
| |
| .summary { |
| background-color: #ebeff9; |
| border-top: 1px solid #9cc2ef; |
| padding: 5px 10px; |
| clear: both; |
| white-space: nowrap; |
| } |
| |
| .summary > * { |
| font-size: 100%; |
| display: inline-block; |
| margin: 0; |
| } |
| |
| .summary button { |
| -webkit-appearance: none; |
| background: transparent; |
| border: 0; |
| font: inherit; |
| padding: 0; |
| background: -webkit-canvas(drop-down-arrow) 100% 50% no-repeat; |
| -webkit-padding-end: 11px; |
| -webkit-margin-start: 10px; |
| } |
| |
| html[dir=rtl] .summary button { |
| background-position: 0% 50%; |
| } |
| </style> |
| |
| <script src="chrome://resources/css/tree.css.js"></script> |
| <script src="css/bmm.css.js"></script> |
| <script src="chrome://resources/js/event_tracker.js"></script> |
| |
| <script src="chrome://resources/js/cr.js"></script> |
| <script src="chrome://resources/js/cr/event_target.js"></script> |
| <script src="chrome://resources/js/cr/link_controller.js"></script> |
| <script src="chrome://resources/js/cr/promise.js"></script> |
| <script src="chrome://resources/js/cr/ui.js"></script> |
| <script src="chrome://resources/js/cr/ui/array_data_model.js"></script> |
| <script src="chrome://resources/js/cr/ui/command.js"></script> |
| <script src="chrome://resources/js/cr/ui/menu_item.js"></script> |
| <script src="chrome://resources/js/cr/ui/menu.js"></script> |
| <script src="chrome://resources/js/cr/ui/position_util.js"></script> |
| <script src="chrome://resources/js/cr/ui/menu_button.js"></script> |
| <script src="chrome://resources/js/cr/ui/context_menu_button.js"></script> |
| <script src="chrome://resources/js/cr/ui/context_menu_handler.js"></script> |
| <script src="chrome://resources/js/cr/ui/list_selection_model.js"></script> |
| <script src="chrome://resources/js/cr/ui/list_selection_controller.js"></script> |
| <script src="chrome://resources/js/cr/ui/list_item.js"></script> |
| <script src="chrome://resources/js/cr/ui/list.js"></script> |
| <script src="chrome://resources/js/cr/ui/tree.js"></script> |
| <script src="chrome://resources/js/cr/ui/splitter.js"></script> |
| |
| <script src="chrome://resources/js/util.js"></script> |
| <script src="chrome://resources/js/local_strings.js"></script> |
| <script src="chrome://resources/js/i18n_template.js"></script> |
| |
| <script src="js/bmm.js"></script> |
| <script src="js/bmm/bookmark_list.js"></script> |
| <script src="js/bmm/bookmark_tree.js"></script> |
| </head> |
| <body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> |
| |
| <div class="header"> |
| <button class="logo" tabindex=3></button> |
| <form [안내]태그제한으로등록되지않습니다-xxonsubmit="setSearch(this.term.value); return false;" |
| class="form"> |
| <input type="search" id="term" tabindex=1 autofocus incremental |
| i18n-values="placeholder:search_button"> |
| </form> |
| </div> |
| |
| <div class="summary"> |
| <h3 i18n-content="title"></h3> |
| <button menu="#organize-menu" tabindex="-1" i18n-content="organize_menu"></button> |
| </div> |
| |
| <div class=main> |
| <div id=tree-container> |
| <tree id=tree tabindex=2></tree> |
| </div> |
| <div class=splitter></div> |
| <list id=list tabindex=2></list> |
| </div> |
| |
| |
| <command i18n-values=".label:rename_folder" id="rename-folder-command"></command> |
| <command i18n-values=".label:edit" id="edit-command"></command> |
| <command i18n-values=".label:show_in_folder" id="show-in-folder-command"></command> |
| <command i18n-values=".label:cut" id="cut-command"></command> |
| <command i18n-values=".label:copy" id="copy-command"></command> |
| <command i18n-values=".label:paste" id="paste-command"></command> |
| <command i18n-values=".label:delete" id="delete-command"></command> |
| <command i18n-values=".label:sort" id="sort-command"></command> |
| <command i18n-values=".label:add_new_bookmark" id="add-new-bookmark-command"></command> |
| <command i18n-values=".label:new_folder" id="new-folder-command"></command> |
| |
| |
| <command i18n-values=".label:import_menu" id="import-menu-command"></command> |
| <command i18n-values=".label:export_menu" id="export-menu-command"></command> |
| |
| |
| <command id="open-in-new-tab-command"></command> |
| <command id="open-in-background-tab-command"></command> |
| <command id="open-in-new-window-command"></command> |
| <command id="open-incognito-window-command"></command> |
| <command id="open-in-same-window-command"></command> |
| |
| |
| |
| <menu id="organize-menu"> |
| <button command="#add-new-bookmark-command"></button> |
| <button command="#new-folder-command"></button> |
| <hr> |
| <button command="#rename-folder-command"></button> |
| <button command="#edit-command"></button> |
| <button command="#show-in-folder-command"></button> |
| <hr> |
| <button command="#cut-command"></button> |
| <button command="#copy-command"></button> |
| <button command="#paste-command"></button> |
| <hr> |
| <button command="#delete-command"></button> |
| <hr> |
| <button command="#sort-command"></button> |
| <hr> |
| <button command="#import-menu-command"></button> |
| <button command="#export-menu-command"></button> |
| </menu> |
| |
| <menu id="context-menu"> |
| <button command="#open-in-new-tab-command"></button> |
| <button command="#open-in-new-window-command"></button> |
| <button command="#open-incognito-window-command"></button> |
| <hr> |
| <button command="#rename-folder-command"></button> |
| <button command="#edit-command"></button> |
| <button command="#show-in-folder-command"></button> |
| <hr> |
| <button command="#cut-command"></button> |
| <button command="#copy-command"></button> |
| <button command="#paste-command"></button> |
| <hr> |
| <button command="#delete-command"></button> |
| <hr> |
| <button command="#add-new-bookmark-command"></button> |
| <button command="#new-folder-command"></button> |
| </menu> |
| |
| <div id="drop-overlay"></div> |
| |
| <script src="js/main.js"></script> |
| </body> |
| </html> |