forked from mirrors/gecko-dev
Bug 1826063 - Automatic fixes for enabling Prettier on production xhtml and html files. r=mossop,webdriver-reviewers,webcompat-reviewers,geckoview-reviewers,extension-reviewers,settings-reviewers,application-update-reviewers,credential-management-reviewers,fxview-reviewers,sgalich,nalexander,devtools-reviewers,sclements,denschub,robwu,owlish
Differential Revision: https://phabricator.services.mozilla.com/D177938
This commit is contained in:
Mark Banner
parent
11b121ca39
commit
2a53076d43
305 changed files with 15986 additions and 9779 deletions
|
|
@ -5,18 +5,28 @@
|
|||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
|
||||
<html data-l10n-id="crashed-subframe-title">
|
||||
<head>
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src chrome:; object-src 'none'" />
|
||||
<meta charset="utf-8" />
|
||||
<meta name="color-scheme" content="light dark" />
|
||||
<link rel="stylesheet" type="text/css" media="all"
|
||||
href="chrome://global/skin/in-content/info-pages.css"/>
|
||||
<link rel="stylesheet" type="text/css" media="all"
|
||||
href="chrome://browser/skin/aboutFrameCrashed.css"/>
|
||||
<link rel="localization" href="branding/brand.ftl"/>
|
||||
<link rel="localization" href="browser/browser.ftl"/>
|
||||
<link rel="localization" href="browser/contentCrash.ftl"/>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
<head>
|
||||
<meta
|
||||
http-equiv="Content-Security-Policy"
|
||||
content="default-src chrome:; object-src 'none'"
|
||||
/>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="color-scheme" content="light dark" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
type="text/css"
|
||||
media="all"
|
||||
href="chrome://global/skin/in-content/info-pages.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
type="text/css"
|
||||
media="all"
|
||||
href="chrome://browser/skin/aboutFrameCrashed.css"
|
||||
/>
|
||||
<link rel="localization" href="branding/brand.ftl" />
|
||||
<link rel="localization" href="browser/browser.ftl" />
|
||||
<link rel="localization" href="browser/contentCrash.ftl" />
|
||||
</head>
|
||||
<body></body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -6,38 +6,54 @@
|
|||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src chrome:; object-src 'none'" />
|
||||
<meta
|
||||
http-equiv="Content-Security-Policy"
|
||||
content="default-src chrome:; object-src 'none'"
|
||||
/>
|
||||
<meta name="color-scheme" content="light dark" />
|
||||
<title data-l10n-id="restart-required-title"></title>
|
||||
<link rel="stylesheet" type="text/css" media="all"
|
||||
href="chrome://browser/skin/aboutRestartRequired.css"/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
type="text/css"
|
||||
media="all"
|
||||
href="chrome://browser/skin/aboutRestartRequired.css"
|
||||
/>
|
||||
<!-- If the location of the favicon is changed here, the
|
||||
FAVICON_ERRORPAGE_URL symbol in
|
||||
toolkit/components/places/src/nsFaviconService.h should be updated. -->
|
||||
<link rel="icon" type="image/png" id="favicon"
|
||||
href="chrome://global/skin/icons/info.svg"/>
|
||||
<link rel="localization" href="branding/brand.ftl"/>
|
||||
<link rel="localization" href="browser/aboutRestartRequired.ftl"/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
id="favicon"
|
||||
href="chrome://global/skin/icons/info.svg"
|
||||
/>
|
||||
<link rel="localization" href="branding/brand.ftl" />
|
||||
<link rel="localization" href="browser/aboutRestartRequired.ftl" />
|
||||
</head>
|
||||
<body>
|
||||
<!-- PAGE CONTAINER (for styling purposes only) -->
|
||||
<div id="errorPageContainer">
|
||||
<div id="text-container">
|
||||
<div id="title">
|
||||
<h1 id="title-text" data-l10n-id="restart-required-heading"/>
|
||||
<h1 id="title-text" data-l10n-id="restart-required-heading" />
|
||||
</div>
|
||||
<div id="errorLongContent">
|
||||
<div id="errorLongDesc">
|
||||
<p data-l10n-id="restart-required-intro"/>
|
||||
<p data-l10n-id="window-restoration-info"/>
|
||||
<p data-l10n-id="restart-required-intro" />
|
||||
<p data-l10n-id="window-restoration-info" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Restart Button -->
|
||||
<div id="restartButtonContainer" class="button-container">
|
||||
<button id="restart" data-l10n-id="restart-button-label" class="primary" autocomplete="off"></button>
|
||||
<button
|
||||
id="restart"
|
||||
data-l10n-id="restart-button-label"
|
||||
class="primary"
|
||||
autocomplete="off"
|
||||
></button>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script src="chrome://browser/content/aboutRestartRequired.js"/>
|
||||
<script src="chrome://browser/content/aboutRestartRequired.js" />
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -5,22 +5,32 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src chrome:; object-src 'none'" />
|
||||
<meta
|
||||
http-equiv="Content-Security-Policy"
|
||||
content="default-src chrome:; object-src 'none'"
|
||||
/>
|
||||
<meta name="color-scheme" content="light dark" />
|
||||
<title data-l10n-id="page-title"></title>
|
||||
<link rel="stylesheet" href="chrome://global/skin/in-content/info-pages.css" media="all"/>
|
||||
<link rel="icon" type="image/png" id="favicon" href="chrome://browser/content/robot.ico"/>
|
||||
<link rel="stylesheet" href="chrome://browser/content/aboutRobots.css"/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://global/skin/in-content/info-pages.css"
|
||||
media="all"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
id="favicon"
|
||||
href="chrome://browser/content/robot.ico"
|
||||
/>
|
||||
<link rel="stylesheet" href="chrome://browser/content/aboutRobots.css" />
|
||||
<linkset>
|
||||
<link rel="localization" href="browser/aboutRobots.ftl"/>
|
||||
<link rel="localization" href="browser/aboutRobots.ftl" />
|
||||
</linkset>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- PAGE CONTAINER (for styling purposes only) -->
|
||||
<div class="container">
|
||||
|
||||
<!-- Error Title -->
|
||||
<div class="title">
|
||||
<h1 class="title-text" data-l10n-id="error-title-text"></h1>
|
||||
|
|
@ -28,7 +38,6 @@
|
|||
|
||||
<!-- LONG CONTENT (the section most likely to require scrolling) -->
|
||||
<div class="description">
|
||||
|
||||
<!-- Short Description -->
|
||||
<div>
|
||||
<p id="errorShortDescText" data-l10n-id="error-short-desc-text"></p>
|
||||
|
|
@ -48,16 +57,17 @@
|
|||
<div>
|
||||
<small data-l10n-id="error-trailer-desc-text"></small>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Button -->
|
||||
<div class="button-container">
|
||||
<button id="errorTryAgain"
|
||||
data-l10n-id="error-try-again"
|
||||
data-l10n-attrs="label2"></button>
|
||||
<button
|
||||
id="errorTryAgain"
|
||||
data-l10n-id="error-try-again"
|
||||
data-l10n-attrs="label2"
|
||||
></button>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script src="chrome://browser/content/aboutRobots.js"/>
|
||||
<script src="chrome://browser/content/aboutRobots.js" />
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -8,31 +8,51 @@
|
|||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src chrome:; object-src 'none'" />
|
||||
<meta
|
||||
http-equiv="Content-Security-Policy"
|
||||
content="default-src chrome:; object-src 'none'"
|
||||
/>
|
||||
<meta name="color-scheme" content="light dark" />
|
||||
<link rel="stylesheet" type="text/css" media="all"
|
||||
href="chrome://global/skin/in-content/info-pages.css"/>
|
||||
<link rel="stylesheet" type="text/css" media="all"
|
||||
href="chrome://browser/content/aboutTabCrashed.css"/>
|
||||
<link rel="stylesheet" type="text/css" media="all"
|
||||
href="chrome://browser/skin/aboutTabCrashed.css"/>
|
||||
<link rel="localization" href="branding/brand.ftl"/>
|
||||
<link rel="localization" href="browser/aboutTabCrashed.ftl"/>
|
||||
|
||||
<link
|
||||
rel="stylesheet"
|
||||
type="text/css"
|
||||
media="all"
|
||||
href="chrome://global/skin/in-content/info-pages.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
type="text/css"
|
||||
media="all"
|
||||
href="chrome://browser/content/aboutTabCrashed.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
type="text/css"
|
||||
media="all"
|
||||
href="chrome://browser/skin/aboutTabCrashed.css"
|
||||
/>
|
||||
<link rel="localization" href="branding/brand.ftl" />
|
||||
<link rel="localization" href="browser/aboutTabCrashed.ftl" />
|
||||
|
||||
<title data-l10n-id="crashed-title"></title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="main" class="container" multiple="false">
|
||||
|
||||
<div class="title">
|
||||
<h1 class="title-text" data-l10n-id="crashed-header"></h1>
|
||||
</div>
|
||||
|
||||
<div class="offers">
|
||||
<h2 data-l10n-id="crashed-offer-help"></h2>
|
||||
<p id="offerHelpMessageSingle" data-l10n-id="crashed-single-offer-help-message"></p>
|
||||
<p id="offerHelpMessageMultiple" data-l10n-id="crashed-multiple-offer-help-message"></p>
|
||||
<p
|
||||
id="offerHelpMessageSingle"
|
||||
data-l10n-id="crashed-single-offer-help-message"
|
||||
></p>
|
||||
<p
|
||||
id="offerHelpMessageMultiple"
|
||||
data-l10n-id="crashed-multiple-offer-help-message"
|
||||
></p>
|
||||
</div>
|
||||
|
||||
<div id="reportBox">
|
||||
|
|
@ -42,18 +62,22 @@
|
|||
<h2 data-l10n-id="crashed-request-report-title"></h2>
|
||||
|
||||
<label class="toggle-container-with-text">
|
||||
<input type="checkbox" id="sendReport" role="checkbox"/>
|
||||
<input type="checkbox" id="sendReport" role="checkbox" />
|
||||
<span data-l10n-id="crashed-send-report-2"></span>
|
||||
</label>
|
||||
|
||||
<ul id="options">
|
||||
<li>
|
||||
<textarea id="comments" data-l10n-id="crashed-comment" rows="4"></textarea>
|
||||
<textarea
|
||||
id="comments"
|
||||
data-l10n-id="crashed-comment"
|
||||
rows="4"
|
||||
></textarea>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<label class="toggle-container-with-text">
|
||||
<input type="checkbox" id="includeURL" role="checkbox"/>
|
||||
<input type="checkbox" id="includeURL" role="checkbox" />
|
||||
<span data-l10n-id="crashed-include-URL-2"></span>
|
||||
</label>
|
||||
</li>
|
||||
|
|
@ -62,7 +86,7 @@
|
|||
<div id="requestAutoSubmit" hidden="true">
|
||||
<h2 data-l10n-id="crashed-request-auto-submit-title"></h2>
|
||||
<label class="toggle-container-with-text">
|
||||
<input type="checkbox" id="autoSubmit" role="checkbox"/>
|
||||
<input type="checkbox" id="autoSubmit" role="checkbox" />
|
||||
<span data-l10n-id="crashed-auto-submit-checkbox-2"></span>
|
||||
</label>
|
||||
</div>
|
||||
|
|
@ -72,10 +96,18 @@
|
|||
|
||||
<div class="button-container">
|
||||
<button id="closeTab" data-l10n-id="crashed-close-tab-button"></button>
|
||||
<button id="restoreTab" class="primary" data-l10n-id="crashed-restore-tab-button"></button>
|
||||
<button id="restoreAll" autofocus="true" data-l10n-id="crashed-restore-all-button"/>
|
||||
<button
|
||||
id="restoreTab"
|
||||
class="primary"
|
||||
data-l10n-id="crashed-restore-tab-button"
|
||||
></button>
|
||||
<button
|
||||
id="restoreAll"
|
||||
autofocus="true"
|
||||
data-l10n-id="crashed-restore-all-button"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script src="chrome://browser/content/aboutTabCrashed.js"/>
|
||||
<script src="chrome://browser/content/aboutTabCrashed.js" />
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -5,8 +5,11 @@
|
|||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<meta name="color-scheme" content="light dark">
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src chrome:; object-src 'none'" >
|
||||
</head>
|
||||
<head>
|
||||
<meta name="color-scheme" content="light dark" />
|
||||
<meta
|
||||
http-equiv="Content-Security-Policy"
|
||||
content="default-src 'none'; style-src chrome:; object-src 'none'"
|
||||
/>
|
||||
</head>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -6,23 +6,33 @@
|
|||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src chrome:; object-src 'none'" />
|
||||
<meta
|
||||
http-equiv="Content-Security-Policy"
|
||||
content="default-src chrome:; object-src 'none'"
|
||||
/>
|
||||
<meta name="color-scheme" content="light dark" />
|
||||
<link rel="stylesheet" href="chrome://browser/skin/blockedSite.css" type="text/css" media="all" />
|
||||
<link rel="icon" id="favicon" href="chrome://global/skin/icons/blocked.svg"/>
|
||||
<link rel="localization" href="branding/brand.ftl"/>
|
||||
<link rel="localization" href="browser/safebrowsing/blockedSite.ftl"/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://browser/skin/blockedSite.css"
|
||||
type="text/css"
|
||||
media="all"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
id="favicon"
|
||||
href="chrome://global/skin/icons/blocked.svg"
|
||||
/>
|
||||
<link rel="localization" href="branding/brand.ftl" />
|
||||
<link rel="localization" href="browser/safebrowsing/blockedSite.ftl" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="errorPageContainer" class="container">
|
||||
|
||||
<!-- Error Title -->
|
||||
<div id="errorTitle" class="title">
|
||||
<h1 class="title-text" id="errorTitleText"></h1>
|
||||
</div>
|
||||
|
||||
<div id="errorLongContent">
|
||||
|
||||
<!-- Short Description -->
|
||||
<div id="errorShortDesc">
|
||||
<p id="errorShortDescText"></p>
|
||||
|
|
@ -38,26 +48,36 @@
|
|||
<!-- Action buttons -->
|
||||
<div id="buttons" class="button-container">
|
||||
<!-- Commands handled in browser.js -->
|
||||
<button id="goBackButton" class="primary" data-l10n-id="safeb-palm-accept-label"></button>
|
||||
<button id="seeDetailsButton" data-l10n-id="safeb-palm-see-details-label"></button>
|
||||
<button
|
||||
id="goBackButton"
|
||||
class="primary"
|
||||
data-l10n-id="safeb-palm-accept-label"
|
||||
></button>
|
||||
<button
|
||||
id="seeDetailsButton"
|
||||
data-l10n-id="safeb-palm-see-details-label"
|
||||
></button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="errorDescriptionContainer" hidden="true">
|
||||
<!-- Error Descriptions Handled in blockedSite.js -->
|
||||
<div class="error-description" id="errorLongDesc">
|
||||
<p id="errorInnerDescription">
|
||||
<span id="error_desc_sitename" data-l10n-name="sitename"></span>
|
||||
<a id="error_desc_link" data-l10n-name="error_desc_link"></a>
|
||||
<a id="report_detection" data-l10n-name="report_detection"></a>
|
||||
<a id="ignore_warning_link" data-l10n-name="ignore_warning_link"></a>
|
||||
<span id="error_desc_sitename" data-l10n-name="sitename"></span>
|
||||
<a id="error_desc_link" data-l10n-name="error_desc_link"></a>
|
||||
<a id="report_detection" data-l10n-name="report_detection"></a>
|
||||
<a
|
||||
id="ignore_warning_link"
|
||||
data-l10n-name="ignore_warning_link"
|
||||
></a>
|
||||
</p>
|
||||
<p id="learn_more">
|
||||
<a id="learn_more_link" data-l10n-name="learn_more_link"></a>
|
||||
<a id="firefox_support" data-l10n-name="firefox_support"></a>
|
||||
<a id="learn_more_link" data-l10n-name="learn_more_link"></a>
|
||||
<a id="firefox_support" data-l10n-name="firefox_support"></a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script src="chrome://browser/content/blockedSite.js"/>
|
||||
<script src="chrome://browser/content/blockedSite.js" />
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
<!-- This Source Code Form is subject to the terms of the Mozilla Public
|
||||
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
<p><b>Binaries</b> of this product have been made available to you by the
|
||||
<a href="http://www.mozilla.org/">Mozilla Project</a> under the Mozilla
|
||||
Public License 2.0 (MPL). <a href="about:rights">Know your rights</a>.</p>
|
||||
<p>
|
||||
<b>Binaries</b> of this product have been made available to you by the
|
||||
<a href="http://www.mozilla.org/">Mozilla Project</a> under the Mozilla Public
|
||||
License 2.0 (MPL). <a href="about:rights">Know your rights</a>.
|
||||
</p>
|
||||
|
|
|
|||
|
|
@ -7,38 +7,43 @@
|
|||
<?xml-stylesheet href="chrome://global/skin/global.css"?>
|
||||
<?xml-stylesheet href="chrome://browser/content/safeMode.css"?>
|
||||
|
||||
<window xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
data-l10n-id="troubleshoot-mode-window"
|
||||
data-l10n-attrs="title,style"
|
||||
onload="onLoad()">
|
||||
<dialog id="safeModeDialog"
|
||||
buttons="accept,extra1"
|
||||
buttonidaccept="start-troubleshoot-mode"
|
||||
buttonidextra1="refresh-profile">
|
||||
<window
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
data-l10n-id="troubleshoot-mode-window"
|
||||
data-l10n-attrs="title,style"
|
||||
onload="onLoad()"
|
||||
>
|
||||
<dialog
|
||||
id="safeModeDialog"
|
||||
buttons="accept,extra1"
|
||||
buttonidaccept="start-troubleshoot-mode"
|
||||
buttonidextra1="refresh-profile"
|
||||
>
|
||||
<linkset>
|
||||
<html:link rel="localization" href="branding/brand.ftl" />
|
||||
<html:link rel="localization" href="browser/safeMode.ftl" />
|
||||
</linkset>
|
||||
|
||||
<linkset>
|
||||
<html:link rel="localization" href="branding/brand.ftl"/>
|
||||
<html:link rel="localization" href="browser/safeMode.ftl"/>
|
||||
</linkset>
|
||||
<script src="chrome://browser/content/safeMode.js" />
|
||||
|
||||
<script src="chrome://browser/content/safeMode.js"/>
|
||||
<vbox id="autoSafeMode" hidden="true">
|
||||
<description data-l10n-id="auto-safe-mode-description" />
|
||||
</vbox>
|
||||
|
||||
<vbox id="safeMode">
|
||||
<label data-l10n-id="troubleshoot-mode-description" />
|
||||
<separator class="thin" />
|
||||
<label
|
||||
id="resetProfileInstead"
|
||||
data-l10n-id="skip-troubleshoot-refresh-profile"
|
||||
/>
|
||||
</vbox>
|
||||
|
||||
<vbox id="autoSafeMode" hidden="true">
|
||||
<description data-l10n-id="auto-safe-mode-description"/>
|
||||
</vbox>
|
||||
<vbox id="resetProfile" hidden="true">
|
||||
<label data-l10n-id="refresh-profile-instead" />
|
||||
</vbox>
|
||||
|
||||
<vbox id="safeMode">
|
||||
<label data-l10n-id="troubleshoot-mode-description" />
|
||||
<separator class="thin"/>
|
||||
<label id="resetProfileInstead" data-l10n-id="skip-troubleshoot-refresh-profile"/>
|
||||
</vbox>
|
||||
|
||||
<vbox id="resetProfile" hidden="true">
|
||||
<label data-l10n-id="refresh-profile-instead" />
|
||||
</vbox>
|
||||
|
||||
<separator class="thin"/>
|
||||
</dialog>
|
||||
<separator class="thin" />
|
||||
</dialog>
|
||||
</window>
|
||||
|
|
|
|||
|
|
@ -9,94 +9,127 @@
|
|||
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.css"?>
|
||||
<?xml-stylesheet href="chrome://browser/skin/sanitizeDialog.css"?>
|
||||
|
||||
|
||||
<?xml-stylesheet href="chrome://browser/content/sanitizeDialog.css"?>
|
||||
|
||||
<!DOCTYPE window>
|
||||
|
||||
<window id="SanitizeDialog"
|
||||
type="child"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
persist="lastSelected screenX screenY"
|
||||
data-l10n-id="sanitize-dialog-title"
|
||||
data-l10n-attrs="style">
|
||||
<dialog buttons="accept,cancel">
|
||||
<hbox>
|
||||
<html:h2 id="titleText"/>
|
||||
</hbox>
|
||||
|
||||
<linkset>
|
||||
<html:link rel="localization" href="browser/sanitize.ftl"/>
|
||||
</linkset>
|
||||
|
||||
<script src="chrome://global/content/preferencesBindings.js"/>
|
||||
<script src="chrome://browser/content/sanitizeDialog.js"/>
|
||||
|
||||
<hbox id="SanitizeDurationBox" align="center">
|
||||
<label data-l10n-id="clear-time-duration-prefix"
|
||||
control="sanitizeDurationChoice"
|
||||
id="sanitizeDurationLabel"/>
|
||||
<menulist id="sanitizeDurationChoice"
|
||||
preference="privacy.sanitize.timeSpan"
|
||||
onselect="gSanitizePromptDialog.selectByTimespan();"
|
||||
flex="1">
|
||||
<menupopup id="sanitizeDurationPopup">
|
||||
<menuitem data-l10n-id="clear-time-duration-value-last-hour" value="1"/>
|
||||
<menuitem data-l10n-id="clear-time-duration-value-last-2-hours" value="2"/>
|
||||
<menuitem data-l10n-id="clear-time-duration-value-last-4-hours" value="3"/>
|
||||
<menuitem data-l10n-id="clear-time-duration-value-today" value="4"/>
|
||||
<menuseparator/>
|
||||
<menuitem data-l10n-id="clear-time-duration-value-everything" value="0"/>
|
||||
</menupopup>
|
||||
</menulist>
|
||||
<label id="sanitizeDurationSuffixLabel"
|
||||
data-l10n-id="clear-time-duration-suffix"/>
|
||||
</hbox>
|
||||
|
||||
<vbox id="sanitizeEverythingWarningBox">
|
||||
<spacer flex="1"/>
|
||||
<hbox align="center">
|
||||
<image id="sanitizeEverythingWarningIcon"/>
|
||||
<vbox id="sanitizeEverythingWarningDescBox" flex="1">
|
||||
<description id="sanitizeEverythingWarning"/>
|
||||
<description id="sanitizeEverythingUndoWarning" data-l10n-id="sanitize-everything-undo-warning"></description>
|
||||
</vbox>
|
||||
</hbox>
|
||||
<spacer flex="1"/>
|
||||
</vbox>
|
||||
|
||||
<groupbox>
|
||||
<label><html:h2 data-l10n-id="history-section-label"/></label>
|
||||
<window
|
||||
id="SanitizeDialog"
|
||||
type="child"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
persist="lastSelected screenX screenY"
|
||||
data-l10n-id="sanitize-dialog-title"
|
||||
data-l10n-attrs="style"
|
||||
>
|
||||
<dialog buttons="accept,cancel">
|
||||
<hbox>
|
||||
<vbox data-l10n-id="sanitize-prefs-style" data-l10n-attrs="style">
|
||||
<checkbox data-l10n-id="item-history-and-downloads"
|
||||
preference="privacy.cpd.history"/>
|
||||
<checkbox data-l10n-id="item-active-logins"
|
||||
preference="privacy.cpd.sessions"/>
|
||||
<checkbox data-l10n-id="item-form-search-history"
|
||||
preference="privacy.cpd.formdata"/>
|
||||
</vbox>
|
||||
<vbox flex="1">
|
||||
<checkbox data-l10n-id="item-cookies"
|
||||
preference="privacy.cpd.cookies"/>
|
||||
<checkbox data-l10n-id="item-cache"
|
||||
preference="privacy.cpd.cache"/>
|
||||
</vbox>
|
||||
<html:h2 id="titleText" />
|
||||
</hbox>
|
||||
</groupbox>
|
||||
<groupbox>
|
||||
<label><html:h2 data-l10n-id="data-section-label"/></label>
|
||||
<hbox>
|
||||
<vbox data-l10n-id="sanitize-prefs-style" data-l10n-attrs="style">
|
||||
<checkbox data-l10n-id="item-site-settings"
|
||||
preference="privacy.cpd.siteSettings"/>
|
||||
</vbox>
|
||||
<vbox flex="1">
|
||||
<checkbox data-l10n-id="item-offline-apps"
|
||||
preference="privacy.cpd.offlineApps"/>
|
||||
</vbox>
|
||||
|
||||
<linkset>
|
||||
<html:link rel="localization" href="browser/sanitize.ftl" />
|
||||
</linkset>
|
||||
|
||||
<script src="chrome://global/content/preferencesBindings.js" />
|
||||
<script src="chrome://browser/content/sanitizeDialog.js" />
|
||||
|
||||
<hbox id="SanitizeDurationBox" align="center">
|
||||
<label
|
||||
data-l10n-id="clear-time-duration-prefix"
|
||||
control="sanitizeDurationChoice"
|
||||
id="sanitizeDurationLabel"
|
||||
/>
|
||||
<menulist
|
||||
id="sanitizeDurationChoice"
|
||||
preference="privacy.sanitize.timeSpan"
|
||||
onselect="gSanitizePromptDialog.selectByTimespan();"
|
||||
flex="1"
|
||||
>
|
||||
<menupopup id="sanitizeDurationPopup">
|
||||
<menuitem
|
||||
data-l10n-id="clear-time-duration-value-last-hour"
|
||||
value="1"
|
||||
/>
|
||||
<menuitem
|
||||
data-l10n-id="clear-time-duration-value-last-2-hours"
|
||||
value="2"
|
||||
/>
|
||||
<menuitem
|
||||
data-l10n-id="clear-time-duration-value-last-4-hours"
|
||||
value="3"
|
||||
/>
|
||||
<menuitem data-l10n-id="clear-time-duration-value-today" value="4" />
|
||||
<menuseparator />
|
||||
<menuitem
|
||||
data-l10n-id="clear-time-duration-value-everything"
|
||||
value="0"
|
||||
/>
|
||||
</menupopup>
|
||||
</menulist>
|
||||
<label
|
||||
id="sanitizeDurationSuffixLabel"
|
||||
data-l10n-id="clear-time-duration-suffix"
|
||||
/>
|
||||
</hbox>
|
||||
</groupbox>
|
||||
</dialog>
|
||||
|
||||
<vbox id="sanitizeEverythingWarningBox">
|
||||
<spacer flex="1" />
|
||||
<hbox align="center">
|
||||
<image id="sanitizeEverythingWarningIcon" />
|
||||
<vbox id="sanitizeEverythingWarningDescBox" flex="1">
|
||||
<description id="sanitizeEverythingWarning" />
|
||||
<description
|
||||
id="sanitizeEverythingUndoWarning"
|
||||
data-l10n-id="sanitize-everything-undo-warning"
|
||||
></description>
|
||||
</vbox>
|
||||
</hbox>
|
||||
<spacer flex="1" />
|
||||
</vbox>
|
||||
|
||||
<groupbox>
|
||||
<label><html:h2 data-l10n-id="history-section-label" /></label>
|
||||
<hbox>
|
||||
<vbox data-l10n-id="sanitize-prefs-style" data-l10n-attrs="style">
|
||||
<checkbox
|
||||
data-l10n-id="item-history-and-downloads"
|
||||
preference="privacy.cpd.history"
|
||||
/>
|
||||
<checkbox
|
||||
data-l10n-id="item-active-logins"
|
||||
preference="privacy.cpd.sessions"
|
||||
/>
|
||||
<checkbox
|
||||
data-l10n-id="item-form-search-history"
|
||||
preference="privacy.cpd.formdata"
|
||||
/>
|
||||
</vbox>
|
||||
<vbox flex="1">
|
||||
<checkbox
|
||||
data-l10n-id="item-cookies"
|
||||
preference="privacy.cpd.cookies"
|
||||
/>
|
||||
<checkbox data-l10n-id="item-cache" preference="privacy.cpd.cache" />
|
||||
</vbox>
|
||||
</hbox>
|
||||
</groupbox>
|
||||
<groupbox>
|
||||
<label><html:h2 data-l10n-id="data-section-label" /></label>
|
||||
<hbox>
|
||||
<vbox data-l10n-id="sanitize-prefs-style" data-l10n-attrs="style">
|
||||
<checkbox
|
||||
data-l10n-id="item-site-settings"
|
||||
preference="privacy.cpd.siteSettings"
|
||||
/>
|
||||
</vbox>
|
||||
<vbox flex="1">
|
||||
<checkbox
|
||||
data-l10n-id="item-offline-apps"
|
||||
preference="privacy.cpd.offlineApps"
|
||||
/>
|
||||
</vbox>
|
||||
</hbox>
|
||||
</groupbox>
|
||||
</dialog>
|
||||
</window>
|
||||
|
|
|
|||
|
|
@ -5,19 +5,26 @@
|
|||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src resource: chrome:; img-src https://www.mozilla.org https://firefox-settings-attachments.cdn.mozilla.net blob: chrome:; object-src 'none'">
|
||||
<meta name="referrer" content="no-referrer">
|
||||
<link rel="stylesheet" type="text/css" href="chrome://global/skin/in-content/common.css">
|
||||
<link rel="localization" href="branding/brand.ftl">
|
||||
<link rel="localization" href="toolkit/branding/brandings.ftl">
|
||||
<link rel="localization" href="browser/newtab/asrouter.ftl">
|
||||
<link rel="localization" href="browser/newtab/onboarding.ftl"/>
|
||||
<link rel="localization" href="browser/spotlight.ftl"/>
|
||||
</head>
|
||||
<body role="dialog" aria-labelledby="title" aria-describedby="content">
|
||||
<script src="resource://activity-stream/vendor/react.js"></script>
|
||||
<script src="resource://activity-stream/vendor/react-dom.js"></script>
|
||||
<script src="chrome://browser/content/spotlight.js"></script>
|
||||
</body>
|
||||
<head>
|
||||
<meta
|
||||
http-equiv="Content-Security-Policy"
|
||||
content="default-src resource: chrome:; img-src https://www.mozilla.org https://firefox-settings-attachments.cdn.mozilla.net blob: chrome:; object-src 'none'"
|
||||
/>
|
||||
<meta name="referrer" content="no-referrer" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
type="text/css"
|
||||
href="chrome://global/skin/in-content/common.css"
|
||||
/>
|
||||
<link rel="localization" href="branding/brand.ftl" />
|
||||
<link rel="localization" href="toolkit/branding/brandings.ftl" />
|
||||
<link rel="localization" href="browser/newtab/asrouter.ftl" />
|
||||
<link rel="localization" href="browser/newtab/onboarding.ftl" />
|
||||
<link rel="localization" href="browser/spotlight.ftl" />
|
||||
</head>
|
||||
<body role="dialog" aria-labelledby="title" aria-describedby="content">
|
||||
<script src="resource://activity-stream/vendor/react.js"></script>
|
||||
<script src="resource://activity-stream/vendor/react-dom.js"></script>
|
||||
<script src="chrome://browser/content/spotlight.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -8,31 +8,38 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
id="webrtcIndicator"
|
||||
windowtype="Browser:WebRTCGlobalIndicator"
|
||||
chromemargin="0,0,0,0">
|
||||
|
||||
<html
|
||||
xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
id="webrtcIndicator"
|
||||
windowtype="Browser:WebRTCGlobalIndicator"
|
||||
chromemargin="0,0,0,0"
|
||||
>
|
||||
<head>
|
||||
<link rel="localization" href="branding/brand.ftl"/>
|
||||
<link rel="localization" href="browser/webrtcIndicator.ftl"/>
|
||||
<link rel="localization" href="branding/brand.ftl" />
|
||||
<link rel="localization" href="browser/webrtcIndicator.ftl" />
|
||||
<title data-l10n-id="webrtc-indicator-title"></title>
|
||||
<script src="chrome://global/content/customElements.js"/>
|
||||
<script src="chrome://global/content/customElements.js" />
|
||||
<script src="chrome://browser/content/webrtcIndicator.js"></script>
|
||||
</head>
|
||||
|
||||
<xul:menu id="webRTC-sharingCamera-menu" data-l10n-id="webrtc-camera-system-menu">
|
||||
<xul:menupopup type="Camera">
|
||||
</xul:menupopup>
|
||||
<xul:menu
|
||||
id="webRTC-sharingCamera-menu"
|
||||
data-l10n-id="webrtc-camera-system-menu"
|
||||
>
|
||||
<xul:menupopup type="Camera"> </xul:menupopup>
|
||||
</xul:menu>
|
||||
<xul:menu id="webRTC-sharingMicrophone-menu" data-l10n-id="webrtc-microphone-system-menu">
|
||||
<xul:menupopup type="Microphone">
|
||||
</xul:menupopup>
|
||||
<xul:menu
|
||||
id="webRTC-sharingMicrophone-menu"
|
||||
data-l10n-id="webrtc-microphone-system-menu"
|
||||
>
|
||||
<xul:menupopup type="Microphone"> </xul:menupopup>
|
||||
</xul:menu>
|
||||
<xul:menu id="webRTC-sharingScreen-menu" data-l10n-id="webrtc-screen-system-menu">
|
||||
<xul:menupopup type="Screen">
|
||||
</xul:menupopup>
|
||||
<xul:menu
|
||||
id="webRTC-sharingScreen-menu"
|
||||
data-l10n-id="webrtc-screen-system-menu"
|
||||
>
|
||||
<xul:menupopup type="Screen"> </xul:menupopup>
|
||||
</xul:menu>
|
||||
|
||||
<body role="alert">
|
||||
|
|
@ -40,19 +47,40 @@
|
|||
<div id="display-share" class="row-item" role="group" aria-labelledby="">
|
||||
<image id="display-share-icon" />
|
||||
|
||||
<span id="window-share-info" data-l10n-id="webrtc-sharing-window"/>
|
||||
<span id="browser-window-share-info" data-l10n-id="webrtc-sharing-browser-window"/>
|
||||
<span id="screen-share-info" data-l10n-id="webrtc-sharing-screen"/>
|
||||
<button id="stop-sharing" class="stop-button" data-l10n-id="webrtc-stop-sharing-button"/>
|
||||
<span id="window-share-info" data-l10n-id="webrtc-sharing-window" />
|
||||
<span
|
||||
id="browser-window-share-info"
|
||||
data-l10n-id="webrtc-sharing-browser-window"
|
||||
/>
|
||||
<span id="screen-share-info" data-l10n-id="webrtc-sharing-screen" />
|
||||
<button
|
||||
id="stop-sharing"
|
||||
class="stop-button"
|
||||
data-l10n-id="webrtc-stop-sharing-button"
|
||||
/>
|
||||
</div>
|
||||
<div class="row-item separator" />
|
||||
<div id="device-share" class="row-item">
|
||||
<input type="checkbox" id="microphone-mute-toggle" class="control-icon" data-l10n-id="webrtc-microphone-unmuted"/>
|
||||
<input type="checkbox" id="camera-mute-toggle" class="control-icon" data-l10n-id="webrtc-camera-unmuted"/>
|
||||
<input
|
||||
type="checkbox"
|
||||
id="microphone-mute-toggle"
|
||||
class="control-icon"
|
||||
data-l10n-id="webrtc-microphone-unmuted"
|
||||
/>
|
||||
<input
|
||||
type="checkbox"
|
||||
id="camera-mute-toggle"
|
||||
class="control-icon"
|
||||
data-l10n-id="webrtc-camera-unmuted"
|
||||
/>
|
||||
</div>
|
||||
<div class="row-item separator" />
|
||||
<div id="window-controls" class="row-item">
|
||||
<button id="minimize" class="control-icon" data-l10n-id="webrtc-minimize"/>
|
||||
<button
|
||||
id="minimize"
|
||||
class="control-icon"
|
||||
data-l10n-id="webrtc-minimize"
|
||||
/>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -5,54 +5,99 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src 'none'; object-src 'none'; script-src resource: chrome:; img-src data: blob: https://firefoxusercontent.com;">
|
||||
<meta name="color-scheme" content="light dark">
|
||||
<meta charset="utf-8" />
|
||||
<meta
|
||||
http-equiv="Content-Security-Policy"
|
||||
content="default-src 'none'; object-src 'none'; script-src resource: chrome:; img-src data: blob: https://firefoxusercontent.com;"
|
||||
/>
|
||||
<meta name="color-scheme" content="light dark" />
|
||||
<title data-l10n-id="about-logins-import-report-page-title"></title>
|
||||
<link rel="localization" href="branding/brand.ftl">
|
||||
<link rel="localization" href="browser/aboutLogins.ftl">
|
||||
<link rel="localization" href="toolkit/branding/accounts.ftl">
|
||||
<link rel="localization" href="toolkit/branding/brandings.ftl">
|
||||
<script type="module" src="chrome://browser/content/aboutlogins/aboutLoginsImportReport.mjs"></script>
|
||||
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css">
|
||||
<link rel="stylesheet" href="chrome://browser/content/aboutlogins/aboutLogins.css">
|
||||
<link rel="stylesheet" href="chrome://browser/content/aboutlogins/aboutLoginsImportReport.css">
|
||||
<link rel="stylesheet" href="chrome://browser/content/aboutlogins/common.css">
|
||||
<link rel="icon" href="chrome://branding/content/icon32.png">
|
||||
<link rel="localization" href="branding/brand.ftl" />
|
||||
<link rel="localization" href="browser/aboutLogins.ftl" />
|
||||
<link rel="localization" href="toolkit/branding/accounts.ftl" />
|
||||
<link rel="localization" href="toolkit/branding/brandings.ftl" />
|
||||
<script
|
||||
type="module"
|
||||
src="chrome://browser/content/aboutlogins/aboutLoginsImportReport.mjs"
|
||||
></script>
|
||||
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://browser/content/aboutlogins/aboutLogins.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://browser/content/aboutlogins/aboutLoginsImportReport.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://browser/content/aboutlogins/common.css"
|
||||
/>
|
||||
<link rel="icon" href="chrome://branding/content/icon32.png" />
|
||||
</head>
|
||||
<body class="importreport">
|
||||
<section id="report-body">
|
||||
<div class="summary">
|
||||
<h2 data-l10n-id="about-logins-import-report-title"></h2>
|
||||
<div data-l10n-id="about-logins-import-report-description"></div>
|
||||
<a href="https://support.mozilla.org/kb/import-login-data-file" class="about-logins-import-report-learn-more"
|
||||
data-l10n-id="about-logins-import-dialog-error-learn-more" target="_blank" rel="noreferrer"></a>
|
||||
<a
|
||||
href="https://support.mozilla.org/kb/import-login-data-file"
|
||||
class="about-logins-import-report-learn-more"
|
||||
data-l10n-id="about-logins-import-dialog-error-learn-more"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
></a>
|
||||
</div>
|
||||
<div class="new-logins" data-l10n-id="about-logins-import-report-added" data-l10n-args='{"count": 0}'>
|
||||
<div
|
||||
class="new-logins"
|
||||
data-l10n-id="about-logins-import-report-added"
|
||||
data-l10n-args='{"count": 0}'
|
||||
>
|
||||
<div data-l10n-name="count" class="result-count"></div>
|
||||
<div data-l10n-name="details" class="count-details"></div>
|
||||
</div>
|
||||
<div class="exiting-logins" data-l10n-id="about-logins-import-report-modified" data-l10n-args='{"count": 0}'>
|
||||
<div
|
||||
class="exiting-logins"
|
||||
data-l10n-id="about-logins-import-report-modified"
|
||||
data-l10n-args='{"count": 0}'
|
||||
>
|
||||
<div data-l10n-name="count" class="result-count"></div>
|
||||
<div data-l10n-name="details" class="count-details"></div>
|
||||
</div>
|
||||
<div class="duplicate-logins" data-l10n-id="about-logins-import-report-no-change" data-l10n-args='{"count": 0}'>
|
||||
<div
|
||||
class="duplicate-logins"
|
||||
data-l10n-id="about-logins-import-report-no-change"
|
||||
data-l10n-args='{"count": 0}'
|
||||
>
|
||||
<div data-l10n-name="count" class="result-count"></div>
|
||||
<div data-l10n-name="details" class="count-details"></div>
|
||||
<div data-l10n-name="not-imported" class="count-details not-imported not-imported-hidden"></div>
|
||||
<div
|
||||
data-l10n-name="not-imported"
|
||||
class="count-details not-imported not-imported-hidden"
|
||||
></div>
|
||||
</div>
|
||||
<div class="errors-logins" data-l10n-id="about-logins-import-report-error" data-l10n-args='{"count": 0}'>
|
||||
<div
|
||||
class="errors-logins"
|
||||
data-l10n-id="about-logins-import-report-error"
|
||||
data-l10n-args='{"count": 0}'
|
||||
>
|
||||
<div data-l10n-name="count" class="result-count"></div>
|
||||
<div data-l10n-name="details" class="count-details"></div>
|
||||
<div data-l10n-name="not-imported" class="count-details not-imported error not-imported-hidden"></div>
|
||||
<div
|
||||
data-l10n-name="not-imported"
|
||||
class="count-details not-imported error not-imported-hidden"
|
||||
></div>
|
||||
</div>
|
||||
<div class="logins-list"></div>
|
||||
</section>
|
||||
|
||||
<template id="import-details-row-template">
|
||||
<span class="row-count" data-l10n-id="about-logins-import-report-row-index" data-l10n-args='{"number": 0}'></span>
|
||||
<span
|
||||
class="row-count"
|
||||
data-l10n-id="about-logins-import-report-row-index"
|
||||
data-l10n-args='{"number": 0}'
|
||||
></span>
|
||||
<span class="row-details"></span>
|
||||
</template>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -6,71 +6,90 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src chrome:; object-src 'none'">
|
||||
<meta name="color-scheme" content="light dark">
|
||||
<title data-l10n-id="about-policies-title"></title>
|
||||
<link rel="stylesheet" href="chrome://browser/content/policies/aboutPolicies.css">
|
||||
<link rel="localization" href="branding/brand.ftl">
|
||||
<link rel="localization" href="browser/aboutPolicies.ftl">
|
||||
<link rel="localization" href="browser/policies/policies-descriptions.ftl">
|
||||
<link rel="localization" href="toolkit/branding/accounts.ftl">
|
||||
<link rel="localization" href="toolkit/branding/brandings.ftl">
|
||||
<script src="chrome://browser/content/policies/aboutPolicies.js"></script>
|
||||
</head>
|
||||
<body id="body">
|
||||
<div id="categories">
|
||||
<div class="category" selected="true" id="category-active" tabindex="0">
|
||||
<label class="category-name" data-l10n-id="active-policies-tab"></label>
|
||||
</div>
|
||||
<div class="category" id="category-documentation" tabindex="0">
|
||||
<label class="category-name" data-l10n-id="documentation-tab"></label>
|
||||
</div>
|
||||
<div class="category" id="category-errors" tabindex="0">
|
||||
<label class="category-name" data-l10n-id="errors-tab"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main-content">
|
||||
<div class="header">
|
||||
<div id="sectionTitle" class="header-name" data-l10n-id="active-policies-tab"></div>
|
||||
</div>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta
|
||||
http-equiv="Content-Security-Policy"
|
||||
content="default-src chrome:; object-src 'none'"
|
||||
/>
|
||||
<meta name="color-scheme" content="light dark" />
|
||||
<title data-l10n-id="about-policies-title"></title>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://browser/content/policies/aboutPolicies.css"
|
||||
/>
|
||||
<link rel="localization" href="branding/brand.ftl" />
|
||||
<link rel="localization" href="browser/aboutPolicies.ftl" />
|
||||
<link
|
||||
rel="localization"
|
||||
href="browser/policies/policies-descriptions.ftl"
|
||||
/>
|
||||
<link rel="localization" href="toolkit/branding/accounts.ftl" />
|
||||
<link rel="localization" href="toolkit/branding/brandings.ftl" />
|
||||
<script src="chrome://browser/content/policies/aboutPolicies.js"></script>
|
||||
</head>
|
||||
<body id="body">
|
||||
<div id="categories">
|
||||
<div class="category" selected="true" id="category-active" tabindex="0">
|
||||
<label class="category-name" data-l10n-id="active-policies-tab"></label>
|
||||
</div>
|
||||
<div class="category" id="category-documentation" tabindex="0">
|
||||
<label class="category-name" data-l10n-id="documentation-tab"></label>
|
||||
</div>
|
||||
<div class="category" id="category-errors" tabindex="0">
|
||||
<label class="category-name" data-l10n-id="errors-tab"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main-content">
|
||||
<div class="header">
|
||||
<div
|
||||
id="sectionTitle"
|
||||
class="header-name"
|
||||
data-l10n-id="active-policies-tab"
|
||||
></div>
|
||||
</div>
|
||||
|
||||
<div id="active" class="tab active">
|
||||
<h3 class="inactive-service-message" data-l10n-id="inactive-message"></h3>
|
||||
<h3 class="no-specified-policies-message" data-l10n-id="no-specified-policies-message"></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th data-l10n-id="policy-name"></th>
|
||||
<th data-l10n-id="policy-value"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="activeContent"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="active" class="tab active">
|
||||
<h3
|
||||
class="inactive-service-message"
|
||||
data-l10n-id="inactive-message"
|
||||
></h3>
|
||||
<h3
|
||||
class="no-specified-policies-message"
|
||||
data-l10n-id="no-specified-policies-message"
|
||||
></h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th data-l10n-id="policy-name"></th>
|
||||
<th data-l10n-id="policy-value"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="activeContent"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div id="documentation" class="tab" hidden="true">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th data-l10n-id="policy-name"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="documentationContent"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="documentation" class="tab" hidden="true">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th data-l10n-id="policy-name"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="documentationContent"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div id="errors" class="tab" hidden="true">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th data-l10n-id="policy-errors"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="errorsContent"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<div id="errors" class="tab" hidden="true">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th data-l10n-id="policy-errors"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="errorsContent"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -5,15 +5,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src resource: chrome:; object-src 'none'; img-src data: chrome:;">
|
||||
<meta name="color-scheme" content="light dark">
|
||||
<meta charset="utf-8" />
|
||||
<meta
|
||||
http-equiv="Content-Security-Policy"
|
||||
content="default-src resource: chrome:; object-src 'none'; img-src data: chrome:;"
|
||||
/>
|
||||
<meta name="color-scheme" content="light dark" />
|
||||
<title>Firefox View Next</title>
|
||||
<link rel="localization" href="preview/firefoxViewNext.ftl"/>
|
||||
<link rel="stylesheet" href="chrome://browser/content/firefoxview/firefoxview-next.css">
|
||||
<script type="module" src="chrome://browser/content/firefoxview/overview.mjs"></script>
|
||||
<script type="module" src="chrome://browser/content/firefoxview/history.mjs"></script>
|
||||
<script type="module" src="chrome://browser/content/firefoxview/opentabs.mjs"></script>
|
||||
<link rel="localization" href="preview/firefoxViewNext.ftl" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://browser/content/firefoxview/firefoxview-next.css"
|
||||
/>
|
||||
<script
|
||||
type="module"
|
||||
src="chrome://browser/content/firefoxview/overview.mjs"
|
||||
></script>
|
||||
<script
|
||||
type="module"
|
||||
src="chrome://browser/content/firefoxview/history.mjs"
|
||||
></script>
|
||||
<script
|
||||
type="module"
|
||||
src="chrome://browser/content/firefoxview/opentabs.mjs"
|
||||
></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -5,21 +5,44 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src resource: chrome:; object-src 'none'; img-src data: chrome:;">
|
||||
<meta name="color-scheme" content="light dark">
|
||||
<meta charset="utf-8" />
|
||||
<meta
|
||||
http-equiv="Content-Security-Policy"
|
||||
content="default-src resource: chrome:; object-src 'none'; img-src data: chrome:;"
|
||||
/>
|
||||
<meta name="color-scheme" content="light dark" />
|
||||
<title data-l10n-id="firefoxview-page-title"></title>
|
||||
<link rel="icon" type="image/png" id="favicon" href="chrome://branding/content/icon32.png"/>
|
||||
<link rel="localization" href="branding/brand.ftl">
|
||||
<link rel="localization" href="browser/firefoxView.ftl"/>
|
||||
<link rel="localization" href="toolkit/branding/accounts.ftl"/>
|
||||
<link rel="localization" href="toolkit/branding/brandings.ftl"/>
|
||||
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css">
|
||||
<link rel="stylesheet" href="chrome://browser/content/firefoxview/firefoxview.css">
|
||||
<script type="module" src="chrome://browser/content/firefoxview/tab-pickup-container.mjs"></script>
|
||||
<script type="module" src="chrome://browser/content/firefoxview/firefoxview.mjs"></script>
|
||||
<script type="module" src="chrome://browser/content/firefoxview/recently-closed-tabs.mjs"></script>
|
||||
<script type="module" src="chrome://browser/content/firefoxview/tab-pickup-list.mjs"></script>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
id="favicon"
|
||||
href="chrome://branding/content/icon32.png"
|
||||
/>
|
||||
<link rel="localization" href="branding/brand.ftl" />
|
||||
<link rel="localization" href="browser/firefoxView.ftl" />
|
||||
<link rel="localization" href="toolkit/branding/accounts.ftl" />
|
||||
<link rel="localization" href="toolkit/branding/brandings.ftl" />
|
||||
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://browser/content/firefoxview/firefoxview.css"
|
||||
/>
|
||||
<script
|
||||
type="module"
|
||||
src="chrome://browser/content/firefoxview/tab-pickup-container.mjs"
|
||||
></script>
|
||||
<script
|
||||
type="module"
|
||||
src="chrome://browser/content/firefoxview/firefoxview.mjs"
|
||||
></script>
|
||||
<script
|
||||
type="module"
|
||||
src="chrome://browser/content/firefoxview/recently-closed-tabs.mjs"
|
||||
></script>
|
||||
<script
|
||||
type="module"
|
||||
src="chrome://browser/content/firefoxview/tab-pickup-list.mjs"
|
||||
></script>
|
||||
<script src="chrome://browser/content/contentTheme.js"></script>
|
||||
</head>
|
||||
|
||||
|
|
@ -27,27 +50,69 @@
|
|||
<div id="logo-container" class="content-container">
|
||||
<div class="brand-logo">
|
||||
<span class="brand-icon"></span>
|
||||
<span class="brand-feature-name" data-l10n-id="firefoxview-page-title"></span>
|
||||
<span
|
||||
class="brand-feature-name"
|
||||
data-l10n-id="firefoxview-page-title"
|
||||
></span>
|
||||
</div>
|
||||
</div>
|
||||
<main>
|
||||
<details class="content-container" is="tab-pickup-container" id="tab-pickup-container" open>
|
||||
<details
|
||||
class="content-container"
|
||||
is="tab-pickup-container"
|
||||
id="tab-pickup-container"
|
||||
open
|
||||
>
|
||||
<summary class="page-section-header">
|
||||
<span class="twisty icon" data-l10n-id="firefoxview-collapse-button-hide" aria-role="presentation"></span>
|
||||
<h1 id="collapsible-synced-tabs-header" data-l10n-id="firefoxview-tabpickup-header"></h1>
|
||||
<h2 class="section-description" data-l10n-id="firefoxview-tabpickup-description"></h2>
|
||||
<span
|
||||
class="twisty icon"
|
||||
data-l10n-id="firefoxview-collapse-button-hide"
|
||||
aria-role="presentation"
|
||||
></span>
|
||||
<h1
|
||||
id="collapsible-synced-tabs-header"
|
||||
data-l10n-id="firefoxview-tabpickup-header"
|
||||
></h1>
|
||||
<h2
|
||||
class="section-description"
|
||||
data-l10n-id="firefoxview-tabpickup-description"
|
||||
></h2>
|
||||
</summary>
|
||||
|
||||
<div class="confirmation-message-box message-box card card-no-hover" hidden>
|
||||
<div
|
||||
class="confirmation-message-box message-box card card-no-hover"
|
||||
hidden
|
||||
>
|
||||
<div class="message-content">
|
||||
<h2 data-l10n-id="firefoxview-mobile-confirmation-header" class="message-header"></h2>
|
||||
<span class="message-description" data-l10n-id="firefoxview-mobile-confirmation-description"></span>
|
||||
<h2
|
||||
data-l10n-id="firefoxview-mobile-confirmation-header"
|
||||
class="message-header"
|
||||
></h2>
|
||||
<span
|
||||
class="message-description"
|
||||
data-l10n-id="firefoxview-mobile-confirmation-description"
|
||||
></span>
|
||||
</div>
|
||||
<button data-action="mobile-confirmation-dismiss" class="close icon-button ghost-button" data-l10n-id="firefoxview-close-button"></button>
|
||||
<button
|
||||
data-action="mobile-confirmation-dismiss"
|
||||
class="close icon-button ghost-button"
|
||||
data-l10n-id="firefoxview-close-button"
|
||||
></button>
|
||||
</div>
|
||||
<named-deck class="sync-setup-container" role="region" aria-labelledby="collapsible-synced-tabs-header" id="tabpickup-steps">
|
||||
<div name="sync-setup-view0" id="tabpickup-steps-view0" class="card card-no-hover error-state" aria-labelledby="tabpickup-steps-view0-header">
|
||||
<icon class="icon info primary"></icon><h3 id="tabpickup-steps-view0-header" class="card-header"></h3>
|
||||
<named-deck
|
||||
class="sync-setup-container"
|
||||
role="region"
|
||||
aria-labelledby="collapsible-synced-tabs-header"
|
||||
id="tabpickup-steps"
|
||||
>
|
||||
<div
|
||||
name="sync-setup-view0"
|
||||
id="tabpickup-steps-view0"
|
||||
class="card card-no-hover error-state"
|
||||
aria-labelledby="tabpickup-steps-view0-header"
|
||||
>
|
||||
<icon class="icon info primary"></icon>
|
||||
<h3 id="tabpickup-steps-view0-header" class="card-header"></h3>
|
||||
<section>
|
||||
<p>
|
||||
<span id="error-state-description"></span>
|
||||
|
|
@ -56,67 +121,157 @@
|
|||
<button id="error-state-button" class="primary"></button>
|
||||
</section>
|
||||
</div>
|
||||
<div name="sync-setup-view1" id="tabpickup-steps-view1" class="card card-no-hover zap-card setup-step" aria-labelledby="tabpickup-steps-view1-header">
|
||||
<h2 id="tabpickup-steps-view1-header" data-l10n-id="firefoxview-tabpickup-step-signin-header" class="card-header"></h2>
|
||||
<div
|
||||
name="sync-setup-view1"
|
||||
id="tabpickup-steps-view1"
|
||||
class="card card-no-hover zap-card setup-step"
|
||||
aria-labelledby="tabpickup-steps-view1-header"
|
||||
>
|
||||
<h2
|
||||
id="tabpickup-steps-view1-header"
|
||||
data-l10n-id="firefoxview-tabpickup-step-signin-header"
|
||||
class="card-header"
|
||||
></h2>
|
||||
<section class="card-body">
|
||||
<p class="step-content" data-l10n-id="firefoxview-tabpickup-step-signin-description"></p>
|
||||
<button id="firefoxview-tabpickup-step-signin-primarybutton" class="primary" data-action="view1-primary-action" data-l10n-id="firefoxview-tabpickup-step-signin-primarybutton"></button>
|
||||
<p
|
||||
class="step-content"
|
||||
data-l10n-id="firefoxview-tabpickup-step-signin-description"
|
||||
></p>
|
||||
<button
|
||||
id="firefoxview-tabpickup-step-signin-primarybutton"
|
||||
class="primary"
|
||||
data-action="view1-primary-action"
|
||||
data-l10n-id="firefoxview-tabpickup-step-signin-primarybutton"
|
||||
></button>
|
||||
</section>
|
||||
<footer>
|
||||
<progress id="tabpickup-steps-view1-progress" class="step-progress" max="100" value="11"></progress>
|
||||
<progress
|
||||
id="tabpickup-steps-view1-progress"
|
||||
class="step-progress"
|
||||
max="100"
|
||||
value="11"
|
||||
></progress>
|
||||
<label
|
||||
for="tabpickup-steps-view1-progress"
|
||||
data-l10n-id="firefoxview-tabpickup-progress-label"
|
||||
data-l10n-args='{"percentValue":"11"}'></label>
|
||||
data-l10n-args='{"percentValue":"11"}'
|
||||
></label>
|
||||
</footer>
|
||||
</div>
|
||||
<div name="sync-setup-view2" id="tabpickup-steps-view2" class="card card-no-hover zap-card setup-step" aria-labelledby="tabpickup-steps-view2-header">
|
||||
<h2 id="tabpickup-steps-view2-header" data-l10n-id="firefoxview-tabpickup-adddevice-header" class="card-header"></h2>
|
||||
<div
|
||||
name="sync-setup-view2"
|
||||
id="tabpickup-steps-view2"
|
||||
class="card card-no-hover zap-card setup-step"
|
||||
aria-labelledby="tabpickup-steps-view2-header"
|
||||
>
|
||||
<h2
|
||||
id="tabpickup-steps-view2-header"
|
||||
data-l10n-id="firefoxview-tabpickup-adddevice-header"
|
||||
class="card-header"
|
||||
></h2>
|
||||
<section class="card-body">
|
||||
<p class="step-content">
|
||||
<span data-l10n-id="firefoxview-tabpickup-adddevice-description"></span>
|
||||
<br/>
|
||||
<a target="_blank" data-support-url="tab-pickup-firefox-view" data-l10n-id="firefoxview-tabpickup-adddevice-learn-how"></a>
|
||||
<span
|
||||
data-l10n-id="firefoxview-tabpickup-adddevice-description"
|
||||
></span>
|
||||
<br />
|
||||
<a
|
||||
target="_blank"
|
||||
data-support-url="tab-pickup-firefox-view"
|
||||
data-l10n-id="firefoxview-tabpickup-adddevice-learn-how"
|
||||
></a>
|
||||
</p>
|
||||
<button class="primary" data-action="view2-primary-action" data-l10n-id="firefoxview-tabpickup-adddevice-primarybutton"></button>
|
||||
<button
|
||||
class="primary"
|
||||
data-action="view2-primary-action"
|
||||
data-l10n-id="firefoxview-tabpickup-adddevice-primarybutton"
|
||||
></button>
|
||||
</section>
|
||||
<footer>
|
||||
<progress id="tabpickup-steps-view2-progress" class="step-progress" max="100" value="33"></progress>
|
||||
<progress
|
||||
id="tabpickup-steps-view2-progress"
|
||||
class="step-progress"
|
||||
max="100"
|
||||
value="33"
|
||||
></progress>
|
||||
<label
|
||||
for="tabpickup-steps-view2-progress"
|
||||
data-l10n-id="firefoxview-tabpickup-progress-label"
|
||||
data-l10n-args='{"percentValue":"33"}'></label>
|
||||
data-l10n-args='{"percentValue":"33"}'
|
||||
></label>
|
||||
</footer>
|
||||
</div>
|
||||
<div name="sync-setup-view3" id="tabpickup-steps-view3" class="card card-no-hover zap-card setup-step" aria-labelledby="tabpickup-steps-view3-header">
|
||||
<h2 id="tabpickup-steps-view3-header" data-l10n-id="firefoxview-tabpickup-synctabs-header" class="card-header"></h2>
|
||||
<div
|
||||
name="sync-setup-view3"
|
||||
id="tabpickup-steps-view3"
|
||||
class="card card-no-hover zap-card setup-step"
|
||||
aria-labelledby="tabpickup-steps-view3-header"
|
||||
>
|
||||
<h2
|
||||
id="tabpickup-steps-view3-header"
|
||||
data-l10n-id="firefoxview-tabpickup-synctabs-header"
|
||||
class="card-header"
|
||||
></h2>
|
||||
<section class="card-body">
|
||||
<p class="step-content">
|
||||
<span data-l10n-id="firefoxview-tabpickup-synctabs-description"></span>
|
||||
<br/>
|
||||
<a target="_blank" data-support-url="tab-pickup-firefox-view" data-l10n-id="firefoxview-tabpickup-synctabs-learn-how"></a>
|
||||
<span
|
||||
data-l10n-id="firefoxview-tabpickup-synctabs-description"
|
||||
></span>
|
||||
<br />
|
||||
<a
|
||||
target="_blank"
|
||||
data-support-url="tab-pickup-firefox-view"
|
||||
data-l10n-id="firefoxview-tabpickup-synctabs-learn-how"
|
||||
></a>
|
||||
</p>
|
||||
<button class="primary" data-action="view3-primary-action" data-l10n-id="firefoxview-tabpickup-synctabs-primarybutton"></button>
|
||||
<button
|
||||
class="primary"
|
||||
data-action="view3-primary-action"
|
||||
data-l10n-id="firefoxview-tabpickup-synctabs-primarybutton"
|
||||
></button>
|
||||
</section>
|
||||
<footer>
|
||||
<progress id="tabpickup-steps-view3-progress" class="step-progress" max="100" value="66"></progress>
|
||||
<progress
|
||||
id="tabpickup-steps-view3-progress"
|
||||
class="step-progress"
|
||||
max="100"
|
||||
value="66"
|
||||
></progress>
|
||||
<label
|
||||
for="tabpickup-steps-view3-progress"
|
||||
data-l10n-id="firefoxview-tabpickup-progress-label"
|
||||
data-l10n-args='{"percentValue":"66"}'></label>
|
||||
data-l10n-args='{"percentValue":"66"}'
|
||||
></label>
|
||||
</footer>
|
||||
</div>
|
||||
</named-deck>
|
||||
|
||||
<div id="tabpickup-tabs-container" role="region" aria-labelledby="collapsible-synced-tabs-header" class="synced-tabs-container" hidden>
|
||||
<div
|
||||
id="tabpickup-tabs-container"
|
||||
role="region"
|
||||
aria-labelledby="collapsible-synced-tabs-header"
|
||||
class="synced-tabs-container"
|
||||
hidden
|
||||
>
|
||||
<tab-pickup-list>
|
||||
<ol hidden="true" class="synced-tabs-list"></ol>
|
||||
</tab-pickup-list>
|
||||
<div hidden id="synced-tabs-placeholder" class="placeholder-content">
|
||||
<img id="tab-pickup-empty-image" src="chrome://browser/content/firefoxview/tab-pickup-empty.svg" role="presentation" alt=""/>
|
||||
<img
|
||||
id="tab-pickup-empty-image"
|
||||
src="chrome://browser/content/firefoxview/tab-pickup-empty.svg"
|
||||
role="presentation"
|
||||
alt=""
|
||||
/>
|
||||
<div class="placeholder-text">
|
||||
<h4 data-l10n-id="firefoxview-synced-tabs-placeholder-header" class="placeholder-header"></h4>
|
||||
<p data-l10n-id="firefoxview-synced-tabs-placeholder-body" class="placeholder-body"></p>
|
||||
<h4
|
||||
data-l10n-id="firefoxview-synced-tabs-placeholder-header"
|
||||
class="placeholder-header"
|
||||
></h4>
|
||||
<p
|
||||
data-l10n-id="firefoxview-synced-tabs-placeholder-body"
|
||||
class="placeholder-body"
|
||||
></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="loading-content">
|
||||
|
|
@ -128,22 +283,56 @@
|
|||
<div class="promo-box message-box zap-card card-no-hover card" hidden>
|
||||
<div class="card-body">
|
||||
<div class="message-content">
|
||||
<h2 data-l10n-id="firefoxview-mobile-promo-header" class="message-header"></h2>
|
||||
<p class="message-description" data-l10n-id="firefoxview-mobile-promo-description"></p>
|
||||
<h2
|
||||
data-l10n-id="firefoxview-mobile-promo-header"
|
||||
class="message-header"
|
||||
></h2>
|
||||
<p
|
||||
class="message-description"
|
||||
data-l10n-id="firefoxview-mobile-promo-description"
|
||||
></p>
|
||||
</div>
|
||||
<button class="primary" data-action="mobile-promo-primary-action" data-l10n-id="firefoxview-mobile-promo-primarybutton"></button>
|
||||
<button
|
||||
class="primary"
|
||||
data-action="mobile-promo-primary-action"
|
||||
data-l10n-id="firefoxview-mobile-promo-primarybutton"
|
||||
></button>
|
||||
</div>
|
||||
<button data-action="mobile-promo-dismiss" class="close icon-button ghost-button" data-l10n-id="firefoxview-close-button"></button>
|
||||
<button
|
||||
data-action="mobile-promo-dismiss"
|
||||
class="close icon-button ghost-button"
|
||||
data-l10n-id="firefoxview-close-button"
|
||||
></button>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<details class="content-container" is="recently-closed-tabs-container" id="recently-closed-tabs-container" open>
|
||||
<summary id="recently-closed-tabs-header-section" class="page-section-header" data-l10n-id="firefoxview-collapse-button-hide">
|
||||
<details
|
||||
class="content-container"
|
||||
is="recently-closed-tabs-container"
|
||||
id="recently-closed-tabs-container"
|
||||
open
|
||||
>
|
||||
<summary
|
||||
id="recently-closed-tabs-header-section"
|
||||
class="page-section-header"
|
||||
data-l10n-id="firefoxview-collapse-button-hide"
|
||||
>
|
||||
<span class="twisty icon" aria-role="presentation"></span>
|
||||
<h1 id="recently-closed-tabs-header" data-l10n-id="firefoxview-closed-tabs-title"></h1>
|
||||
<h2 class="section-description" data-l10n-id="firefoxview-closed-tabs-description2"></h2>
|
||||
<h1
|
||||
id="recently-closed-tabs-header"
|
||||
data-l10n-id="firefoxview-closed-tabs-title"
|
||||
></h1>
|
||||
<h2
|
||||
class="section-description"
|
||||
data-l10n-id="firefoxview-closed-tabs-description2"
|
||||
></h2>
|
||||
</summary>
|
||||
<div id="collapsible-tabs-container" id="recently-closed-tabs" role="region" aria-labelledby="recently-closed-tabs-header">
|
||||
<div
|
||||
id="collapsible-tabs-container"
|
||||
id="recently-closed-tabs"
|
||||
role="region"
|
||||
aria-labelledby="recently-closed-tabs-header"
|
||||
>
|
||||
<recently-closed-tabs-list></recently-closed-tabs-list>
|
||||
</div>
|
||||
</details>
|
||||
|
|
|
|||
|
|
@ -5,17 +5,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src chrome: blob:; img-src https:; object-src 'none'">
|
||||
<meta name="color-scheme" content="light dark">
|
||||
<link rel="localization" href="toolkit/branding/brandings.ftl">
|
||||
<link rel="localization" href="branding/brand.ftl">
|
||||
<meta charset="utf-8" />
|
||||
<meta
|
||||
http-equiv="Content-Security-Policy"
|
||||
content="default-src chrome: blob:; img-src https:; object-src 'none'"
|
||||
/>
|
||||
<meta name="color-scheme" content="light dark" />
|
||||
<link rel="localization" href="toolkit/branding/brandings.ftl" />
|
||||
<link rel="localization" href="branding/brand.ftl" />
|
||||
<!-- Temporary "en-US"-only l10n strings -->
|
||||
<link rel="localization" href="preview/ion.ftl">
|
||||
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css">
|
||||
<link rel="stylesheet" href="chrome://browser/content/ion.css">
|
||||
<link rel="localization" href="preview/ion.ftl" />
|
||||
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css" />
|
||||
<link rel="stylesheet" href="chrome://browser/content/ion.css" />
|
||||
<script src="chrome://browser/content/ion.js"></script>
|
||||
<link rel="icon" href="chrome://browser/skin/ion.svg">
|
||||
<link rel="icon" href="chrome://browser/skin/ion.svg" />
|
||||
<title data-l10n-id="ion"></title>
|
||||
</head>
|
||||
|
||||
|
|
@ -29,9 +32,18 @@
|
|||
<div id="summary" data-l10n-id="ion-summary"></div>
|
||||
<details id="details" open>
|
||||
<summary data-l10n-id="ion-works-title"></summary>
|
||||
<p><strong data-l10n-id="ion-works-bullet-get-started-title" ></strong> <span data-l10n-id="ion-works-bullet-get-started-content"></span></p>
|
||||
<p><strong data-l10n-id="ion-works-bullet-enroll-title" ></strong> <span data-l10n-id="ion-works-bullet-enroll-content"></span></p>
|
||||
<p><strong data-l10n-id="ion-works-bullet-control-title" ></strong> <span data-l10n-id="ion-works-bullet-control-content"></span></p>
|
||||
<p>
|
||||
<strong data-l10n-id="ion-works-bullet-get-started-title"></strong>
|
||||
<span data-l10n-id="ion-works-bullet-get-started-content"></span>
|
||||
</p>
|
||||
<p>
|
||||
<strong data-l10n-id="ion-works-bullet-enroll-title"></strong>
|
||||
<span data-l10n-id="ion-works-bullet-enroll-content"></span>
|
||||
</p>
|
||||
<p>
|
||||
<strong data-l10n-id="ion-works-bullet-control-title"></strong>
|
||||
<span data-l10n-id="ion-works-bullet-control-content"></span>
|
||||
</p>
|
||||
</details>
|
||||
<details id="data" open>
|
||||
<summary data-l10n-id="ion-your-data-title"></summary>
|
||||
|
|
@ -42,8 +54,13 @@
|
|||
<li data-l10n-id="ion-your-data-bullet-leave"></li>
|
||||
</ul>
|
||||
</details>
|
||||
<p data-l10n-id="ion-your-data-learn-more">
|
||||
<a data-l10n-name="privacy-policy" class="privacy-policy" href="https://support.mozilla.org/1/firefox/%VERSION%/%OS%/%LOCALE%/pioneer-managing-account-data" target="_blank"></a>
|
||||
<p data-l10n-id="ion-your-data-learn-more">
|
||||
<a
|
||||
data-l10n-name="privacy-policy"
|
||||
class="privacy-policy"
|
||||
href="https://support.mozilla.org/1/firefox/%VERSION%/%OS%/%LOCALE%/pioneer-managing-account-data"
|
||||
target="_blank"
|
||||
></a>
|
||||
</p>
|
||||
<h2 id="header-available-studies"></h2>
|
||||
<div id="available-studies"></div>
|
||||
|
|
@ -55,7 +72,12 @@
|
|||
<p data-l10n-id="ion-enroll-summary"></p>
|
||||
<p data-l10n-id="ion-enroll-demographic"></p>
|
||||
<p data-l10n-id="ion-enroll-privacy-notice">
|
||||
<a data-l10n-name="privacy-notice" class="privacy-notice" href="https://www.mozilla.org/%LOCALE%/privacy/" target="_blank"></a>
|
||||
<a
|
||||
data-l10n-name="privacy-notice"
|
||||
class="privacy-notice"
|
||||
href="https://www.mozilla.org/%LOCALE%/privacy/"
|
||||
target="_blank"
|
||||
></a>
|
||||
</p>
|
||||
<h2 data-l10n-id="ion-enroll-what-we-collect"></h2>
|
||||
<p data-l10n-id="ion-enroll-collect-demographic"></p>
|
||||
|
|
@ -63,7 +85,12 @@
|
|||
<p data-l10n-id="ion-enroll-interaction-data"></p>
|
||||
<p data-l10n-id="ion-enroll-location-data"></p>
|
||||
<p data-l10n-id="ion-enroll-data-disclosure">
|
||||
<a data-l10n-name="privacy-policy" class="privacy-policy" href="https://support.mozilla.org/1/firefox/%VERSION%/%OS%/%LOCALE%/pioneer-managing-account-data" target="_blank"></a>
|
||||
<a
|
||||
data-l10n-name="privacy-policy"
|
||||
class="privacy-policy"
|
||||
href="https://support.mozilla.org/1/firefox/%VERSION%/%OS%/%LOCALE%/pioneer-managing-account-data"
|
||||
target="_blank"
|
||||
></a>
|
||||
</p>
|
||||
<h2 data-l10n-id="ion-enroll-how-we-use"></h2>
|
||||
<p data-l10n-id="ion-enroll-r-and-d"></p>
|
||||
|
|
@ -77,17 +104,36 @@
|
|||
<p data-l10n-id="ion-enroll-who-we-disclose-bullet-gcp"></p>
|
||||
<p data-l10n-id="ion-enroll-who-we-disclose-bullet-third-party"></p>
|
||||
<p data-l10n-id="ion-enroll-who-we-disclose-bullet-public">
|
||||
<a data-l10n-name="mozilla-manifesto" href="https://www.mozilla.org/about/manifesto/" target="_blank"></a>
|
||||
<a
|
||||
data-l10n-name="mozilla-manifesto"
|
||||
href="https://www.mozilla.org/about/manifesto/"
|
||||
target="_blank"
|
||||
></a>
|
||||
</p>
|
||||
<h2 data-l10n-id="ion-enroll-data-management"></h2>
|
||||
<p data-l10n-id="ion-enroll-data-management-learn-more">
|
||||
<a data-l10n-name="privacy-policy" class="privacy-policy" href="https://support.mozilla.org/1/firefox/%VERSION%/%OS%/%LOCALE%/pioneer-managing-account-data" target="_blank"></a>
|
||||
<a data-l10n-name="compliance-email" href="mailto:compliance@mozilla.com"></a>
|
||||
<a
|
||||
data-l10n-name="privacy-policy"
|
||||
class="privacy-policy"
|
||||
href="https://support.mozilla.org/1/firefox/%VERSION%/%OS%/%LOCALE%/pioneer-managing-account-data"
|
||||
target="_blank"
|
||||
></a>
|
||||
<a
|
||||
data-l10n-name="compliance-email"
|
||||
href="mailto:compliance@mozilla.com"
|
||||
></a>
|
||||
</p>
|
||||
</ul>
|
||||
<footer>
|
||||
<button id="join-ion-accept-dialog-button" class="primary" data-l10n-id="ion-accept-participate" ></button>
|
||||
<button id="join-ion-cancel-dialog-button" data-l10n-id="ion-cancel" ></button>
|
||||
<button
|
||||
id="join-ion-accept-dialog-button"
|
||||
class="primary"
|
||||
data-l10n-id="ion-accept-participate"
|
||||
></button>
|
||||
<button
|
||||
id="join-ion-cancel-dialog-button"
|
||||
data-l10n-id="ion-cancel"
|
||||
></button>
|
||||
</footer>
|
||||
</dialog>
|
||||
<dialog id="leave-ion-consent-dialog" class="modal" is="trapped-dialog">
|
||||
|
|
@ -95,12 +141,24 @@
|
|||
<ul id="leave-ion-consent" class="consent-list">
|
||||
<p data-l10n-id="leave-ion-consent-bullet-thanks"></p>
|
||||
<p data-l10n-id="leave-ion-consent-bullet-manage">
|
||||
<a data-l10n-name="privacy-policy" class="privacy-policy" href="https://support.mozilla.org/1/firefox/%VERSION%/%OS%/%LOCALE%/pioneer-managing-account-data" target="_blank"></a>
|
||||
<a
|
||||
data-l10n-name="privacy-policy"
|
||||
class="privacy-policy"
|
||||
href="https://support.mozilla.org/1/firefox/%VERSION%/%OS%/%LOCALE%/pioneer-managing-account-data"
|
||||
target="_blank"
|
||||
></a>
|
||||
</p>
|
||||
</ul>
|
||||
<footer>
|
||||
<button id="leave-ion-cancel-dialog-button" class="primary" data-l10n-id="ion-cancel"></button>
|
||||
<button id="leave-ion-accept-dialog-button" data-l10n-id="ion-accept-leave" ></button>
|
||||
<button
|
||||
id="leave-ion-cancel-dialog-button"
|
||||
class="primary"
|
||||
data-l10n-id="ion-cancel"
|
||||
></button>
|
||||
<button
|
||||
id="leave-ion-accept-dialog-button"
|
||||
data-l10n-id="ion-accept-leave"
|
||||
></button>
|
||||
</footer>
|
||||
</dialog>
|
||||
<dialog id="join-study-consent-dialog" class="modal" is="trapped-dialog">
|
||||
|
|
@ -108,20 +166,39 @@
|
|||
<p data-l10n-id="ion-program-study-intro"></p>
|
||||
<ul id="join-study-consent" class="consent-list"></ul>
|
||||
<footer>
|
||||
<button id="join-study-accept-dialog-button" class="primary" data-l10n-id="ion-consent-study-join"></button>
|
||||
<button id="join-study-cancel-dialog-button" data-l10n-id="ion-cancel" ></button>
|
||||
<button
|
||||
id="join-study-accept-dialog-button"
|
||||
class="primary"
|
||||
data-l10n-id="ion-consent-study-join"
|
||||
></button>
|
||||
<button
|
||||
id="join-study-cancel-dialog-button"
|
||||
data-l10n-id="ion-cancel"
|
||||
></button>
|
||||
</footer>
|
||||
</dialog>
|
||||
<dialog id="leave-study-consent-dialog" class="modal" is="trapped-dialog">
|
||||
<h3 data-l10n-id="leave-study-consent-title"></h3>
|
||||
<ul id="leave-study-consent" class="consent-list">
|
||||
<p data-l10n-id="leave-study-consent-bullet-manage">
|
||||
<a data-l10n-name="privacy-policy" class="privacy-policy" href="https://support.mozilla.org/1/firefox/%VERSION%/%OS%/%LOCALE%/pioneer-managing-account-data" target="_blank"></a>
|
||||
<a
|
||||
data-l10n-name="privacy-policy"
|
||||
class="privacy-policy"
|
||||
href="https://support.mozilla.org/1/firefox/%VERSION%/%OS%/%LOCALE%/pioneer-managing-account-data"
|
||||
target="_blank"
|
||||
></a>
|
||||
</p>
|
||||
</ul>
|
||||
<footer>
|
||||
<button id="leave-study-cancel-dialog-button" class="primary" data-l10n-id="ion-cancel" ></button>
|
||||
<button id="leave-study-accept-dialog-button" data-l10n-id="ion-consent-study-leave"></button>
|
||||
<button
|
||||
id="leave-study-cancel-dialog-button"
|
||||
class="primary"
|
||||
data-l10n-id="ion-cancel"
|
||||
></button>
|
||||
<button
|
||||
id="leave-study-accept-dialog-button"
|
||||
data-l10n-id="ion-consent-study-leave"
|
||||
></button>
|
||||
</footer>
|
||||
</dialog>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -11,14 +11,17 @@
|
|||
<meta
|
||||
http-equiv="Content-Security-Policy"
|
||||
content="default-src resource: chrome:; object-src 'none'; img-src data: chrome:;"
|
||||
>
|
||||
/>
|
||||
<title>about:messagepreview</title>
|
||||
<link
|
||||
rel="icon"
|
||||
href="chrome://browser/content/messagepreview/limelight.svg"
|
||||
>
|
||||
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css">
|
||||
<link rel="stylesheet" href="chrome://browser/content/messagepreview/messagepreview.css">
|
||||
/>
|
||||
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://browser/content/messagepreview/messagepreview.css"
|
||||
/>
|
||||
<script src="chrome://browser/content/messagepreview/messagepreview.js"></script>
|
||||
</head>
|
||||
|
||||
|
|
|
|||
|
|
@ -4,73 +4,123 @@
|
|||
# License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
# file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
||||
-->
|
||||
<!DOCTYPE html [
|
||||
<!ENTITY % htmlDTD PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
%htmlDTD;
|
||||
]>
|
||||
<!DOCTYPE html [ <!ENTITY % htmlDTD PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
%htmlDTD; ]>
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<html
|
||||
xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
>
|
||||
<head>
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src chrome: resource:; img-src chrome: resource: data:; object-src 'none'" />
|
||||
<meta
|
||||
http-equiv="Content-Security-Policy"
|
||||
content="default-src chrome: resource:; img-src chrome: resource: data:; object-src 'none'"
|
||||
/>
|
||||
<meta name="color-scheme" content="light dark" />
|
||||
<title data-l10n-id="welcome-back-tab-title"></title>
|
||||
<link rel="stylesheet" href="chrome://global/skin/in-content/info-pages.css" media="all"/>
|
||||
<link rel="stylesheet" href="chrome://browser/skin/aboutWelcomeBack.css" media="all"/>
|
||||
<link rel="icon" href="chrome://global/skin/icons/info-filled.svg"/>
|
||||
<link rel="localization" href="browser/aboutSessionRestore.ftl"/>
|
||||
<link rel="localization" href="branding/brand.ftl"/>
|
||||
<script src="chrome://browser/content/aboutSessionRestore.js"/>
|
||||
<script type="module" src="chrome://global/content/elements/moz-support-link.mjs"/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://global/skin/in-content/info-pages.css"
|
||||
media="all"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://browser/skin/aboutWelcomeBack.css"
|
||||
media="all"
|
||||
/>
|
||||
<link rel="icon" href="chrome://global/skin/icons/info-filled.svg" />
|
||||
<link rel="localization" href="browser/aboutSessionRestore.ftl" />
|
||||
<link rel="localization" href="branding/brand.ftl" />
|
||||
<script src="chrome://browser/content/aboutSessionRestore.js" />
|
||||
<script
|
||||
type="module"
|
||||
src="chrome://global/content/elements/moz-support-link.mjs"
|
||||
/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="container tab-list-tree-container">
|
||||
<div class="description-wrapper">
|
||||
|
||||
<div class="title">
|
||||
<h1 class="title-text" data-l10n-id="welcome-back-page-title"></h1>
|
||||
</div>
|
||||
|
||||
<div class="description">
|
||||
|
||||
<p data-l10n-id="welcome-back-page-info"></p>
|
||||
<p data-l10n-id="welcome-back-page-info-link"><a is="moz-support-link" id="linkMoreTroubleshooting" target="_blank" data-l10n-name="link-more" support-page="troubleshooting"/></p>
|
||||
<p data-l10n-id="welcome-back-page-info-link">
|
||||
<a
|
||||
is="moz-support-link"
|
||||
id="linkMoreTroubleshooting"
|
||||
target="_blank"
|
||||
data-l10n-name="link-more"
|
||||
support-page="troubleshooting"
|
||||
/>
|
||||
</p>
|
||||
<div>
|
||||
|
||||
<label class="radioRestoreContainer radio-container-with-text">
|
||||
<input class="radioRestoreButton" id="radioRestoreAll" type="radio"
|
||||
name="restore" checked="checked"/>
|
||||
<span class="radioRestoreLabel" data-l10n-id="welcome-back-restore-all-label"></span>
|
||||
<input
|
||||
class="radioRestoreButton"
|
||||
id="radioRestoreAll"
|
||||
type="radio"
|
||||
name="restore"
|
||||
checked="checked"
|
||||
/>
|
||||
<span
|
||||
class="radioRestoreLabel"
|
||||
data-l10n-id="welcome-back-restore-all-label"
|
||||
></span>
|
||||
</label>
|
||||
|
||||
<label class="radioRestoreContainer radio-container-with-text">
|
||||
<input class="radioRestoreButton" id="radioRestoreChoose" type="radio"
|
||||
name="restore"/>
|
||||
<span class="radioRestoreLabel" data-l10n-id="welcome-back-restore-some-label"></span>
|
||||
<input
|
||||
class="radioRestoreButton"
|
||||
id="radioRestoreChoose"
|
||||
type="radio"
|
||||
name="restore"
|
||||
/>
|
||||
<span
|
||||
class="radioRestoreLabel"
|
||||
data-l10n-id="welcome-back-restore-some-label"
|
||||
></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<xul:tree id="tabList" flex="1" seltype="single" hidecolumnpicker="true" hidden="true">
|
||||
<xul:tree
|
||||
id="tabList"
|
||||
flex="1"
|
||||
seltype="single"
|
||||
hidecolumnpicker="true"
|
||||
hidden="true"
|
||||
>
|
||||
<xul:treecols>
|
||||
<xul:treecol cycler="true" id="restore" type="checkbox" data-l10n-id="restore-page-restore-header"/>
|
||||
<xul:splitter class="tree-splitter"/>
|
||||
<xul:treecol primary="true" id="title" data-l10n-id="restore-page-list-header" flex="1"/>
|
||||
<xul:treecol
|
||||
cycler="true"
|
||||
id="restore"
|
||||
type="checkbox"
|
||||
data-l10n-id="restore-page-restore-header"
|
||||
/>
|
||||
<xul:splitter class="tree-splitter" />
|
||||
<xul:treecol
|
||||
primary="true"
|
||||
id="title"
|
||||
data-l10n-id="restore-page-list-header"
|
||||
flex="1"
|
||||
/>
|
||||
</xul:treecols>
|
||||
<xul:treechildren flex="1"/>
|
||||
<xul:treechildren flex="1" />
|
||||
</xul:tree>
|
||||
|
||||
<div class="button-container">
|
||||
<xul:button class="primary"
|
||||
id="errorTryAgain"
|
||||
data-l10n-id="welcome-back-restore-button"/>
|
||||
<xul:button
|
||||
class="primary"
|
||||
id="errorTryAgain"
|
||||
data-l10n-id="welcome-back-restore-button"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<input type="text" id="sessionData" hidden="true"/>
|
||||
|
||||
<input type="text" id="sessionData" hidden="true" />
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,22 +1,34 @@
|
|||
<!-- This Source Code Form is subject to the terms of the Mozilla Public
|
||||
- License, v. 2.0. If a copy of the MPL was not distributed with this file,
|
||||
- You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
<!doctype html>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="color-scheme" content="light dark">
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src 'none'; object-src 'none'; script-src chrome:; media-src chrome:; img-src chrome:; style-src chrome:;">
|
||||
<link rel="icon" type="image/png" href="chrome://branding/content/icon32.png">
|
||||
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css">
|
||||
<link rel="stylesheet" href="chrome://browser/skin/migration/migration-dialog-window.css">
|
||||
<script src="chrome://browser/content/migration/migration-wizard.mjs" type="module"></script>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="color-scheme" content="light dark" />
|
||||
<meta
|
||||
http-equiv="Content-Security-Policy"
|
||||
content="default-src 'none'; object-src 'none'; script-src chrome:; media-src chrome:; img-src chrome:; style-src chrome:;"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
href="chrome://branding/content/icon32.png"
|
||||
/>
|
||||
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://browser/skin/migration/migration-dialog-window.css"
|
||||
/>
|
||||
<script
|
||||
src="chrome://browser/content/migration/migration-wizard.mjs"
|
||||
type="module"
|
||||
></script>
|
||||
<script src="chrome://browser/content/migration/migration-dialog-window.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<migration-wizard id="wizard" dialog-mode>
|
||||
<panel-list></panel-list>
|
||||
</migration-wizard>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -2,32 +2,48 @@
|
|||
- License, v. 2.0. If a copy of the MPL was not distributed with this file,
|
||||
- You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
|
||||
<!doctype html>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="color-scheme" content="light dark">
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src 'none'; object-src 'none'; script-src resource: chrome:; media-src resource: chrome: https://assets.mozilla.net https://www.mozilla.org; connect-src https:; img-src https: data: blob: chrome:; style-src resource: chrome:;">
|
||||
<meta charset="utf-8" />
|
||||
<meta name="color-scheme" content="light dark" />
|
||||
<meta
|
||||
http-equiv="Content-Security-Policy"
|
||||
content="default-src 'none'; object-src 'none'; script-src resource: chrome:; media-src resource: chrome: https://assets.mozilla.net https://www.mozilla.org; connect-src https:; img-src https: data: blob: chrome:; style-src resource: chrome:;"
|
||||
/>
|
||||
<title data-l10n-id="onboarding-welcome-header"></title>
|
||||
<link rel="icon" type="image/png" href="chrome://branding/content/icon32.png">
|
||||
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css">
|
||||
<link rel="stylesheet" href="chrome://activity-stream/content/aboutwelcome/aboutwelcome.css">
|
||||
<link rel="localization" href="branding/brand.ftl"/>
|
||||
<link rel="localization" href="browser/newtab/onboarding.ftl"/>
|
||||
<link rel="localization" href="browser/spotlight.ftl"/>
|
||||
<link rel="localization" href="browser/migrationWizard.ftl"/>
|
||||
<link rel="localization" href="toolkit/branding/accounts.ftl"/>
|
||||
<link rel="localization" href="toolkit/branding/brandings.ftl"/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
href="chrome://branding/content/icon32.png"
|
||||
/>
|
||||
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://activity-stream/content/aboutwelcome/aboutwelcome.css"
|
||||
/>
|
||||
<link rel="localization" href="branding/brand.ftl" />
|
||||
<link rel="localization" href="browser/newtab/onboarding.ftl" />
|
||||
<link rel="localization" href="browser/spotlight.ftl" />
|
||||
<link rel="localization" href="browser/migrationWizard.ftl" />
|
||||
<link rel="localization" href="toolkit/branding/accounts.ftl" />
|
||||
<link rel="localization" href="toolkit/branding/brandings.ftl" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="multi-stage-message-root" class="welcome-container" role="presentation">
|
||||
</div>
|
||||
<div
|
||||
id="multi-stage-message-root"
|
||||
class="welcome-container"
|
||||
role="presentation"
|
||||
></div>
|
||||
<script src="resource://activity-stream/vendor/react.js"></script>
|
||||
<script src="resource://activity-stream/vendor/react-dom.js"></script>
|
||||
<script src="chrome://browser/content/contentTheme.js"></script>
|
||||
<script src="resource://activity-stream/aboutwelcome/aboutwelcome.bundle.js"></script>
|
||||
<script src="chrome://global/content/elements/named-deck.js" async></script>
|
||||
<script src="chrome://global/content/elements/panel-list.js" async></script>
|
||||
<script src="chrome://browser/content/migration/migration-wizard.mjs" type="module"></script>
|
||||
<script
|
||||
src="chrome://browser/content/migration/migration-wizard.mjs"
|
||||
type="module"
|
||||
></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -2,19 +2,32 @@
|
|||
- License, v. 2.0. If a copy of the MPL was not distributed with this file,
|
||||
- You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
|
||||
<!doctype html>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src 'none'; object-src 'none'; script-src resource: chrome:; connect-src https:; img-src https: data: blob: chrome:; style-src 'unsafe-inline';">
|
||||
<meta name="color-scheme" content="light dark">
|
||||
<meta charset="utf-8" />
|
||||
<meta
|
||||
http-equiv="Content-Security-Policy"
|
||||
content="default-src 'none'; object-src 'none'; script-src resource: chrome:; connect-src https:; img-src https: data: blob: chrome:; style-src 'unsafe-inline';"
|
||||
/>
|
||||
<meta name="color-scheme" content="light dark" />
|
||||
<title data-l10n-id="newtab-page-title"></title>
|
||||
<link rel="icon" type="image/png" href="chrome://branding/content/icon32.png"/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
href="chrome://branding/content/icon32.png"
|
||||
/>
|
||||
<link rel="localization" href="branding/brand.ftl" />
|
||||
<link rel="localization" href="toolkit/branding/brandings.ftl" />
|
||||
<link rel="localization" href="browser/newtab/newtab.ftl" />
|
||||
<link rel="stylesheet" href="chrome://browser/content/contentSearchUI.css" />
|
||||
<link rel="stylesheet" href="chrome://activity-stream/content/css/activity-stream.css" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://browser/content/contentSearchUI.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://activity-stream/content/css/activity-stream.css"
|
||||
/>
|
||||
</head>
|
||||
<body class="activity-stream">
|
||||
<div id="root"></div>
|
||||
|
|
|
|||
|
|
@ -2,19 +2,32 @@
|
|||
- License, v. 2.0. If a copy of the MPL was not distributed with this file,
|
||||
- You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
|
||||
<!doctype html>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src 'none'; object-src 'none'; script-src resource: chrome:; connect-src https:; img-src https: data: blob: chrome:; style-src 'unsafe-inline';">
|
||||
<meta name="color-scheme" content="light dark">
|
||||
<meta charset="utf-8" />
|
||||
<meta
|
||||
http-equiv="Content-Security-Policy"
|
||||
content="default-src 'none'; object-src 'none'; script-src resource: chrome:; connect-src https:; img-src https: data: blob: chrome:; style-src 'unsafe-inline';"
|
||||
/>
|
||||
<meta name="color-scheme" content="light dark" />
|
||||
<title data-l10n-id="newtab-page-title"></title>
|
||||
<link rel="icon" type="image/png" href="chrome://branding/content/icon32.png"/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
href="chrome://branding/content/icon32.png"
|
||||
/>
|
||||
<link rel="localization" href="branding/brand.ftl" />
|
||||
<link rel="localization" href="toolkit/branding/brandings.ftl" />
|
||||
<link rel="localization" href="browser/newtab/newtab.ftl" />
|
||||
<link rel="stylesheet" href="chrome://browser/content/contentSearchUI.css" />
|
||||
<link rel="stylesheet" href="chrome://activity-stream/content/css/activity-stream.css" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://browser/content/contentSearchUI.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://activity-stream/content/css/activity-stream.css"
|
||||
/>
|
||||
</head>
|
||||
<body class="activity-stream">
|
||||
<div id="root"></div>
|
||||
|
|
|
|||
|
|
@ -2,19 +2,32 @@
|
|||
- License, v. 2.0. If a copy of the MPL was not distributed with this file,
|
||||
- You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
|
||||
<!doctype html>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src 'none'; object-src 'none'; script-src resource: chrome:; connect-src https:; img-src https: data: blob: chrome:; style-src 'unsafe-inline';">
|
||||
<meta name="color-scheme" content="light dark">
|
||||
<meta charset="utf-8" />
|
||||
<meta
|
||||
http-equiv="Content-Security-Policy"
|
||||
content="default-src 'none'; object-src 'none'; script-src resource: chrome:; connect-src https:; img-src https: data: blob: chrome:; style-src 'unsafe-inline';"
|
||||
/>
|
||||
<meta name="color-scheme" content="light dark" />
|
||||
<title data-l10n-id="newtab-page-title"></title>
|
||||
<link rel="icon" type="image/png" href="chrome://branding/content/icon32.png"/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
href="chrome://branding/content/icon32.png"
|
||||
/>
|
||||
<link rel="localization" href="branding/brand.ftl" />
|
||||
<link rel="localization" href="toolkit/branding/brandings.ftl" />
|
||||
<link rel="localization" href="browser/newtab/newtab.ftl" />
|
||||
<link rel="stylesheet" href="chrome://browser/content/contentSearchUI.css" />
|
||||
<link rel="stylesheet" href="chrome://activity-stream/content/css/activity-stream.css" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://browser/content/contentSearchUI.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://activity-stream/content/css/activity-stream.css"
|
||||
/>
|
||||
</head>
|
||||
<body class="activity-stream">
|
||||
<div id="root"></div>
|
||||
|
|
|
|||
|
|
@ -8,14 +8,28 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Interactions Debug Viewer</title>
|
||||
<script type="module" src="chrome://browser/content/places/interactionsViewer.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="chrome://global/skin/in-content/common.css">
|
||||
<link rel="stylesheet" type="text/css" href="chrome://browser/content/places/interactionsViewer.css">
|
||||
<script
|
||||
type="module"
|
||||
src="chrome://browser/content/places/interactionsViewer.js"
|
||||
></script>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
type="text/css"
|
||||
href="chrome://global/skin/in-content/common.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
type="text/css"
|
||||
href="chrome://browser/content/places/interactionsViewer.css"
|
||||
/>
|
||||
<style id="tableStyle" type="text/css"></style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="enabledWarning" class="message-bar message-bar-warning" hidden>
|
||||
<img class="message-bar-icon" src="chrome://global/skin/icons/warning.svg">
|
||||
<img
|
||||
class="message-bar-icon"
|
||||
src="chrome://global/skin/icons/warning.svg"
|
||||
/>
|
||||
<descripton class="message-bar-description">
|
||||
You need to have <code>browser.places.interactions.enabled</code>
|
||||
set to true (and restart) for metadata recording to be enabled.
|
||||
|
|
|
|||
|
|
@ -1,17 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src chrome:; img-src https://img-getpocket.cdn.mozilla.net; object-src 'none'" />
|
||||
<base href="chrome://pocket/content/panels/">
|
||||
<link rel="localization" href="toolkit/branding/brandings.ftl" />
|
||||
<link rel="localization" href="browser/aboutPocket.ftl" />
|
||||
<title>Pocket: Home</title>
|
||||
<link rel="stylesheet" href="css/main.compiled.css">
|
||||
</head>
|
||||
<body class="pkt_ext_containerhome" aria-live="polite">
|
||||
<script src="js/vendor.bundle.js"></script>
|
||||
<script src="js/main.bundle.js"></script>
|
||||
<script src="js/home/entry.js"></script>
|
||||
</body>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta
|
||||
http-equiv="Content-Security-Policy"
|
||||
content="default-src chrome:; img-src https://img-getpocket.cdn.mozilla.net; object-src 'none'"
|
||||
/>
|
||||
<base href="chrome://pocket/content/panels/" />
|
||||
<link rel="localization" href="toolkit/branding/brandings.ftl" />
|
||||
<link rel="localization" href="browser/aboutPocket.ftl" />
|
||||
<title>Pocket: Home</title>
|
||||
<link rel="stylesheet" href="css/main.compiled.css" />
|
||||
</head>
|
||||
<body class="pkt_ext_containerhome" aria-live="polite">
|
||||
<script src="js/vendor.bundle.js"></script>
|
||||
<script src="js/main.bundle.js"></script>
|
||||
<script src="js/home/entry.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,17 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src chrome:; img-src https://img-getpocket.cdn.mozilla.net; object-src 'none'" />
|
||||
<base href="chrome://pocket/content/panels/">
|
||||
<link rel="localization" href="toolkit/branding/brandings.ftl" />
|
||||
<link rel="localization" href="browser/aboutPocket.ftl" />
|
||||
<title>Pocket: Page Saved</title>
|
||||
<link rel="stylesheet" href="css/main.compiled.css">
|
||||
</head>
|
||||
<body class="stp_saved_body" aria-live="polite">
|
||||
<script src="js/vendor.bundle.js"></script>
|
||||
<script src="js/main.bundle.js"></script>
|
||||
<script src="js/saved/entry.js"></script>
|
||||
</body>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta
|
||||
http-equiv="Content-Security-Policy"
|
||||
content="default-src chrome:; img-src https://img-getpocket.cdn.mozilla.net; object-src 'none'"
|
||||
/>
|
||||
<base href="chrome://pocket/content/panels/" />
|
||||
<link rel="localization" href="toolkit/branding/brandings.ftl" />
|
||||
<link rel="localization" href="browser/aboutPocket.ftl" />
|
||||
<title>Pocket: Page Saved</title>
|
||||
<link rel="stylesheet" href="css/main.compiled.css" />
|
||||
</head>
|
||||
<body class="stp_saved_body" aria-live="polite">
|
||||
<script src="js/vendor.bundle.js"></script>
|
||||
<script src="js/main.bundle.js"></script>
|
||||
<script src="js/saved/entry.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,18 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src chrome:; object-src 'none'" />
|
||||
<base href="chrome://pocket/content/panels/">
|
||||
<link rel="localization" href="branding/brand.ftl"/>
|
||||
<link rel="localization" href="toolkit/branding/brandings.ftl" />
|
||||
<link rel="localization" href="browser/aboutPocket.ftl" />
|
||||
<title>Pocket: Sign Up</title>
|
||||
<link rel="stylesheet" href="css/main.compiled.css">
|
||||
</head>
|
||||
<body class="stp_signup_body" aria-live="polite">
|
||||
<script src="js/vendor.bundle.js"></script>
|
||||
<script src="js/main.bundle.js"></script>
|
||||
<script src="js/signup/entry.js"></script>
|
||||
</body>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta
|
||||
http-equiv="Content-Security-Policy"
|
||||
content="default-src chrome:; object-src 'none'"
|
||||
/>
|
||||
<base href="chrome://pocket/content/panels/" />
|
||||
<link rel="localization" href="branding/brand.ftl" />
|
||||
<link rel="localization" href="toolkit/branding/brandings.ftl" />
|
||||
<link rel="localization" href="browser/aboutPocket.ftl" />
|
||||
<title>Pocket: Sign Up</title>
|
||||
<link rel="stylesheet" href="css/main.compiled.css" />
|
||||
</head>
|
||||
<body class="stp_signup_body" aria-live="polite">
|
||||
<script src="js/vendor.bundle.js"></script>
|
||||
<script src="js/main.bundle.js"></script>
|
||||
<script src="js/signup/entry.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,28 +1,34 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src chrome:; object-src 'none'; img-src https://img-getpocket.cdn.mozilla.net;" />
|
||||
<base href="chrome://pocket/content/panels/">
|
||||
<link rel="localization" href="toolkit/branding/brandings.ftl" />
|
||||
<link rel="localization" href="browser/aboutPocket.ftl" />
|
||||
<title>Pocket: Style Guide</title>
|
||||
<link rel="stylesheet" href="css/main.compiled.css">
|
||||
</head>
|
||||
<body>
|
||||
<script src="js/vendor.bundle.js"></script>
|
||||
<script src="js/main.bundle.js"></script>
|
||||
<script src="js/style-guide/entry.js"></script>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta
|
||||
http-equiv="Content-Security-Policy"
|
||||
content="default-src chrome:; object-src 'none'; img-src https://img-getpocket.cdn.mozilla.net;"
|
||||
/>
|
||||
<base href="chrome://pocket/content/panels/" />
|
||||
<link rel="localization" href="toolkit/branding/brandings.ftl" />
|
||||
<link rel="localization" href="browser/aboutPocket.ftl" />
|
||||
<title>Pocket: Style Guide</title>
|
||||
<link rel="stylesheet" href="css/main.compiled.css" />
|
||||
</head>
|
||||
<body>
|
||||
<script src="js/vendor.bundle.js"></script>
|
||||
<script src="js/main.bundle.js"></script>
|
||||
<script src="js/style-guide/entry.js"></script>
|
||||
|
||||
<div id="stp_style_guide">
|
||||
<div id="dark_mode_toggle">
|
||||
<form autocomplete="off">
|
||||
<label for="dark_mode_checkbox"><strong>Dark Mode: </strong></label>
|
||||
<input id="dark_mode_checkbox" type="checkbox"/>
|
||||
</form>
|
||||
</div>
|
||||
<h1>Save To Pocket:<br/> Style Guide</h1>
|
||||
<div id="stp_style_guide_components"></div>
|
||||
</div>
|
||||
</body>
|
||||
<div id="stp_style_guide">
|
||||
<div id="dark_mode_toggle">
|
||||
<form autocomplete="off">
|
||||
<label for="dark_mode_checkbox"><strong>Dark Mode: </strong></label>
|
||||
<input id="dark_mode_checkbox" type="checkbox" />
|
||||
</form>
|
||||
</div>
|
||||
<h1>
|
||||
Save To Pocket:<br />
|
||||
Style Guide
|
||||
</h1>
|
||||
<div id="stp_style_guide_components"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -7,45 +7,66 @@
|
|||
<?xml-stylesheet href="chrome://browser/content/preferences/dialogs/addEngine.css" type="text/css"?>
|
||||
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.css" type="text/css"?>
|
||||
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
data-l10n-id="add-engine-window2"
|
||||
data-l10n-attrs="title, style"
|
||||
persist="width height">
|
||||
|
||||
<window
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
data-l10n-id="add-engine-window2"
|
||||
data-l10n-attrs="title, style"
|
||||
persist="width height"
|
||||
>
|
||||
<dialog
|
||||
buttons="accept,cancel"
|
||||
buttondisabledaccept="true"
|
||||
data-l10n-id="add-engine-dialog"
|
||||
data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept">
|
||||
data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept"
|
||||
>
|
||||
<linkset>
|
||||
<html:link rel="localization" href="browser/preferences/addEngine.ftl" />
|
||||
</linkset>
|
||||
|
||||
<linkset>
|
||||
<html:link rel="localization" href="browser/preferences/addEngine.ftl"/>
|
||||
</linkset>
|
||||
<script src="chrome://browser/content/preferences/dialogs/addEngine.js" />
|
||||
<script src="chrome://global/content/globalOverlay.js" />
|
||||
<script src="chrome://browser/content/utilityOverlay.js" />
|
||||
|
||||
<script src="chrome://browser/content/preferences/dialogs/addEngine.js"/>
|
||||
<script src="chrome://global/content/globalOverlay.js"/>
|
||||
<script src="chrome://browser/content/utilityOverlay.js"/>
|
||||
<separator class="thin" />
|
||||
|
||||
<separator class="thin"/>
|
||||
<html:form id="addEngineForm">
|
||||
<html:span
|
||||
id="engineNameExists"
|
||||
hidden="hidden"
|
||||
data-l10n-id="engine-name-exists"
|
||||
/>
|
||||
<html:label
|
||||
id="engineNameLabel"
|
||||
for="engineName"
|
||||
data-l10n-id="add-engine-name"
|
||||
/>
|
||||
<hbox>
|
||||
<html:input id="engineName" type="text" required="required" />
|
||||
</hbox>
|
||||
|
||||
<html:form id="addEngineForm">
|
||||
<html:span id="engineNameExists" hidden="hidden" data-l10n-id="engine-name-exists"/>
|
||||
<html:label id="engineNameLabel" for="engineName" data-l10n-id="add-engine-name"/>
|
||||
<hbox>
|
||||
<html:input id="engineName" type="text" required="required" />
|
||||
</hbox>
|
||||
<html:label
|
||||
id="engineUrlLabel"
|
||||
for="engineUrl"
|
||||
data-l10n-id="add-engine-url"
|
||||
/>
|
||||
<hbox>
|
||||
<html:input id="engineUrl" type="url" required="required" />
|
||||
</hbox>
|
||||
|
||||
<html:label id="engineUrlLabel" for="engineUrl" data-l10n-id="add-engine-url" />
|
||||
<hbox>
|
||||
<html:input id="engineUrl" type="url" required="required" />
|
||||
</hbox>
|
||||
|
||||
<html:span id="engineAliasExists" hidden="hidden" data-l10n-id="engine-alias-exists"/>
|
||||
<html:label id="engineAliasLabel" for="engineAlias" data-l10n-id="add-engine-alias" />
|
||||
<hbox>
|
||||
<html:input id="engineAlias" type="text" />
|
||||
</hbox>
|
||||
</html:form>
|
||||
<html:span
|
||||
id="engineAliasExists"
|
||||
hidden="hidden"
|
||||
data-l10n-id="engine-alias-exists"
|
||||
/>
|
||||
<html:label
|
||||
id="engineAliasLabel"
|
||||
for="engineAlias"
|
||||
data-l10n-id="add-engine-alias"
|
||||
/>
|
||||
<hbox>
|
||||
<html:input id="engineAlias" type="text" />
|
||||
</hbox>
|
||||
</html:form>
|
||||
</dialog>
|
||||
</window>
|
||||
|
|
|
|||
|
|
@ -6,47 +6,63 @@
|
|||
<?xml-stylesheet href="chrome://global/skin/global.css"?>
|
||||
<?xml-stylesheet href="chrome://browser/skin/preferences/applications.css"?>
|
||||
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
onload="gAppManagerDialog.onLoad();"
|
||||
data-l10n-id="app-manager-window2"
|
||||
data-l10n-attrs="title, style">
|
||||
<dialog id="appManager"
|
||||
buttons="accept,cancel">
|
||||
<window
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
onload="gAppManagerDialog.onLoad();"
|
||||
data-l10n-id="app-manager-window2"
|
||||
data-l10n-attrs="title, style"
|
||||
>
|
||||
<dialog id="appManager" buttons="accept,cancel">
|
||||
<linkset>
|
||||
<html:link
|
||||
rel="localization"
|
||||
href="browser/preferences/applicationManager.ftl"
|
||||
/>
|
||||
</linkset>
|
||||
|
||||
<linkset>
|
||||
<html:link rel="localization" href="browser/preferences/applicationManager.ftl"/>
|
||||
</linkset>
|
||||
<script src="chrome://browser/content/utilityOverlay.js" />
|
||||
<script src="chrome://global/content/preferencesBindings.js" />
|
||||
<script src="chrome://browser/content/preferences/dialogs/applicationManager.js" />
|
||||
|
||||
<script src="chrome://browser/content/utilityOverlay.js"/>
|
||||
<script src="chrome://global/content/preferencesBindings.js"/>
|
||||
<script src="chrome://browser/content/preferences/dialogs/applicationManager.js"/>
|
||||
<commandset id="appManagerCommandSet">
|
||||
<command
|
||||
id="cmd_remove"
|
||||
oncommand="gAppManagerDialog.remove();"
|
||||
disabled="true"
|
||||
/>
|
||||
</commandset>
|
||||
|
||||
<commandset id="appManagerCommandSet">
|
||||
<command id="cmd_remove"
|
||||
oncommand="gAppManagerDialog.remove();"
|
||||
disabled="true"/>
|
||||
</commandset>
|
||||
<keyset id="appManagerKeyset">
|
||||
<key id="delete" keycode="VK_DELETE" command="cmd_remove" />
|
||||
</keyset>
|
||||
|
||||
<keyset id="appManagerKeyset">
|
||||
<key id="delete" keycode="VK_DELETE" command="cmd_remove"/>
|
||||
</keyset>
|
||||
|
||||
<description id="appDescription"/>
|
||||
<separator class="thin"/>
|
||||
<hbox flex="1">
|
||||
<richlistbox id="appList" onselect="gAppManagerDialog.onSelect();" flex="1"/>
|
||||
<vbox>
|
||||
<button id="remove"
|
||||
data-l10n-id="app-manager-remove"
|
||||
command="cmd_remove"/>
|
||||
<spacer flex="1"/>
|
||||
<description id="appDescription" />
|
||||
<separator class="thin" />
|
||||
<hbox flex="1">
|
||||
<richlistbox
|
||||
id="appList"
|
||||
onselect="gAppManagerDialog.onSelect();"
|
||||
flex="1"
|
||||
/>
|
||||
<vbox>
|
||||
<button
|
||||
id="remove"
|
||||
data-l10n-id="app-manager-remove"
|
||||
command="cmd_remove"
|
||||
/>
|
||||
<spacer flex="1" />
|
||||
</vbox>
|
||||
</hbox>
|
||||
<vbox id="appDetails">
|
||||
<separator class="thin" />
|
||||
<label id="appType" />
|
||||
<html:input
|
||||
type="text"
|
||||
id="appLocation"
|
||||
readonly="readonly"
|
||||
style="margin-inline: 0"
|
||||
/>
|
||||
</vbox>
|
||||
</hbox>
|
||||
<vbox id="appDetails">
|
||||
<separator class="thin"/>
|
||||
<label id="appType"/>
|
||||
<html:input type="text" id="appLocation" readonly="readonly" style="margin-inline: 0;"/>
|
||||
</vbox>
|
||||
</dialog>
|
||||
</dialog>
|
||||
</window>
|
||||
|
|
|
|||
|
|
@ -7,47 +7,74 @@
|
|||
<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
|
||||
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.css" type="text/css"?>
|
||||
|
||||
<window id="BlocklistsDialog"
|
||||
data-l10n-id="blocklist-window2"
|
||||
data-l10n-attrs="title, style"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
onload="gBlocklistManager.onLoad();"
|
||||
onunload="gBlocklistManager.uninit();"
|
||||
persist="width height">
|
||||
|
||||
<window
|
||||
id="BlocklistsDialog"
|
||||
data-l10n-id="blocklist-window2"
|
||||
data-l10n-attrs="title, style"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
onload="gBlocklistManager.onLoad();"
|
||||
onunload="gBlocklistManager.uninit();"
|
||||
persist="width height"
|
||||
>
|
||||
<dialog
|
||||
buttons="accept,cancel"
|
||||
data-l10n-id="blocklist-dialog"
|
||||
data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept">
|
||||
data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept"
|
||||
>
|
||||
<linkset>
|
||||
<html:link rel="localization" href="branding/brand.ftl" />
|
||||
<html:link rel="localization" href="browser/preferences/blocklists.ftl" />
|
||||
</linkset>
|
||||
|
||||
<linkset>
|
||||
<html:link rel="localization" href="branding/brand.ftl"/>
|
||||
<html:link rel="localization" href="browser/preferences/blocklists.ftl"/>
|
||||
</linkset>
|
||||
<script src="chrome://browser/content/preferences/dialogs/blocklists.js" />
|
||||
|
||||
<script src="chrome://browser/content/preferences/dialogs/blocklists.js"/>
|
||||
<keyset>
|
||||
<key
|
||||
data-l10n-id="blocklist-close-key"
|
||||
modifiers="accel"
|
||||
oncommand="window.close();"
|
||||
/>
|
||||
</keyset>
|
||||
|
||||
<keyset>
|
||||
<key data-l10n-id="blocklist-close-key" modifiers="accel" oncommand="window.close();"/>
|
||||
</keyset>
|
||||
|
||||
<vbox class="contentPane">
|
||||
<description id="blocklistsText" data-l10n-id="blocklist-description" control="url">
|
||||
<html:a target="_blank" class="text-link" data-l10n-name="disconnect-link" href="https://disconnect.me/"/>
|
||||
</description>
|
||||
<separator class="thin"/>
|
||||
<tree id="blocklistsTree" flex="1" style="height: 18em;"
|
||||
hidecolumnpicker="true"
|
||||
onselect="gBlocklistManager.onListSelected();">
|
||||
<treecols>
|
||||
<treecol id="selectionCol" label="" style="flex: 1 auto" sortable="false"
|
||||
type="checkbox"/>
|
||||
<treecol id="listCol" data-l10n-id="blocklist-treehead-list" style="flex: 80 80 auto"
|
||||
sortable="false"/>
|
||||
</treecols>
|
||||
<treechildren/>
|
||||
</tree>
|
||||
</vbox>
|
||||
<vbox class="contentPane">
|
||||
<description
|
||||
id="blocklistsText"
|
||||
data-l10n-id="blocklist-description"
|
||||
control="url"
|
||||
>
|
||||
<html:a
|
||||
target="_blank"
|
||||
class="text-link"
|
||||
data-l10n-name="disconnect-link"
|
||||
href="https://disconnect.me/"
|
||||
/>
|
||||
</description>
|
||||
<separator class="thin" />
|
||||
<tree
|
||||
id="blocklistsTree"
|
||||
flex="1"
|
||||
style="height: 18em"
|
||||
hidecolumnpicker="true"
|
||||
onselect="gBlocklistManager.onListSelected();"
|
||||
>
|
||||
<treecols>
|
||||
<treecol
|
||||
id="selectionCol"
|
||||
label=""
|
||||
style="flex: 1 auto"
|
||||
sortable="false"
|
||||
type="checkbox"
|
||||
/>
|
||||
<treecol
|
||||
id="listCol"
|
||||
data-l10n-id="blocklist-treehead-list"
|
||||
style="flex: 80 80 auto"
|
||||
sortable="false"
|
||||
/>
|
||||
</treecols>
|
||||
<treechildren />
|
||||
</tree>
|
||||
</vbox>
|
||||
</dialog>
|
||||
</window>
|
||||
|
|
|
|||
|
|
@ -7,49 +7,85 @@
|
|||
<?xml-stylesheet href="chrome://global/skin/global.css"?>
|
||||
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.css"?>
|
||||
|
||||
<window type="child"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
data-l10n-id="browser-languages-window2"
|
||||
data-l10n-attrs="title, style"
|
||||
onload="gBrowserLanguagesDialog.onLoad();">
|
||||
<dialog id="BrowserLanguagesDialog"
|
||||
buttons="accept,cancel,help"
|
||||
helpTopic="change-language">
|
||||
<window
|
||||
type="child"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
data-l10n-id="browser-languages-window2"
|
||||
data-l10n-attrs="title, style"
|
||||
onload="gBrowserLanguagesDialog.onLoad();"
|
||||
>
|
||||
<dialog
|
||||
id="BrowserLanguagesDialog"
|
||||
buttons="accept,cancel,help"
|
||||
helpTopic="change-language"
|
||||
>
|
||||
<linkset>
|
||||
<html:link rel="localization" href="branding/brand.ftl" />
|
||||
<html:link rel="localization" href="browser/preferences/languages.ftl" />
|
||||
</linkset>
|
||||
|
||||
<linkset>
|
||||
<html:link rel="localization" href="branding/brand.ftl"/>
|
||||
<html:link rel="localization" href="browser/preferences/languages.ftl"/>
|
||||
</linkset>
|
||||
<script src="chrome://browser/content/utilityOverlay.js" />
|
||||
<script src="chrome://global/content/preferencesBindings.js" />
|
||||
<script src="chrome://browser/content/preferences/dialogs/browserLanguages.js" />
|
||||
|
||||
<script src="chrome://browser/content/utilityOverlay.js"/>
|
||||
<script src="chrome://global/content/preferencesBindings.js"/>
|
||||
<script src="chrome://browser/content/preferences/dialogs/browserLanguages.js"/>
|
||||
<description data-l10n-id="browser-languages-description" />
|
||||
|
||||
<description data-l10n-id="browser-languages-description"/>
|
||||
<box
|
||||
flex="1"
|
||||
style="
|
||||
display: grid;
|
||||
grid-template-rows: 1fr auto;
|
||||
grid-template-columns: 1fr auto;
|
||||
"
|
||||
>
|
||||
<richlistbox id="selectedLocales" />
|
||||
<vbox>
|
||||
<button
|
||||
id="up"
|
||||
class="action-button"
|
||||
disabled="true"
|
||||
data-l10n-id="languages-customize-moveup"
|
||||
/>
|
||||
<button
|
||||
id="down"
|
||||
class="action-button"
|
||||
disabled="true"
|
||||
data-l10n-id="languages-customize-movedown"
|
||||
/>
|
||||
<button
|
||||
id="remove"
|
||||
class="action-button"
|
||||
disabled="true"
|
||||
data-l10n-id="languages-customize-remove"
|
||||
/>
|
||||
</vbox>
|
||||
|
||||
<box flex="1" style="display: grid; grid-template-rows: 1fr auto; grid-template-columns: 1fr auto;">
|
||||
<richlistbox id="selectedLocales"/>
|
||||
<vbox>
|
||||
<button id="up" class="action-button" disabled="true" data-l10n-id="languages-customize-moveup"/>
|
||||
<button id="down" class="action-button" disabled="true" data-l10n-id="languages-customize-movedown"/>
|
||||
<button id="remove" class="action-button" disabled="true" data-l10n-id="languages-customize-remove"/>
|
||||
</vbox>
|
||||
|
||||
<menulist id="availableLocales"
|
||||
class="available-locales-list"
|
||||
data-l10n-id="browser-languages-select-language"
|
||||
data-l10n-attrs="placeholder,label">
|
||||
<menupopup/>
|
||||
</menulist>
|
||||
<button id="add"
|
||||
class="add-browser-language action-button"
|
||||
data-l10n-id="languages-customize-add"
|
||||
disabled="true"/>
|
||||
</box>
|
||||
<hbox id="warning-message" class="message-bar message-bar-warning" hidden="true">
|
||||
<image class="message-bar-icon"/>
|
||||
<description class="message-bar-description" data-l10n-id="browser-languages-error"/>
|
||||
</hbox>
|
||||
</dialog>
|
||||
<menulist
|
||||
id="availableLocales"
|
||||
class="available-locales-list"
|
||||
data-l10n-id="browser-languages-select-language"
|
||||
data-l10n-attrs="placeholder,label"
|
||||
>
|
||||
<menupopup />
|
||||
</menulist>
|
||||
<button
|
||||
id="add"
|
||||
class="add-browser-language action-button"
|
||||
data-l10n-id="languages-customize-add"
|
||||
disabled="true"
|
||||
/>
|
||||
</box>
|
||||
<hbox
|
||||
id="warning-message"
|
||||
class="message-bar message-bar-warning"
|
||||
hidden="true"
|
||||
>
|
||||
<image class="message-bar-icon" />
|
||||
<description
|
||||
class="message-bar-description"
|
||||
data-l10n-id="browser-languages-error"
|
||||
/>
|
||||
</hbox>
|
||||
</dialog>
|
||||
</window>
|
||||
|
|
|
|||
|
|
@ -8,42 +8,63 @@
|
|||
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.css" type="text/css"?>
|
||||
<?xml-stylesheet href="chrome://browser/content/preferences/dialogs/clearSiteData.css" type="text/css"?>
|
||||
|
||||
<window id="ClearSiteDataDialog"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
data-l10n-id="clear-site-data-window2"
|
||||
data-l10n-attrs="title, style"
|
||||
persist="width height">
|
||||
|
||||
<window
|
||||
id="ClearSiteDataDialog"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
data-l10n-id="clear-site-data-window2"
|
||||
data-l10n-attrs="title, style"
|
||||
persist="width height"
|
||||
>
|
||||
<dialog
|
||||
buttons="accept,cancel"
|
||||
data-l10n-id="clear-site-data-dialog"
|
||||
data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept"
|
||||
>
|
||||
<linkset>
|
||||
<html:link rel="localization" href="branding/brand.ftl" />
|
||||
<html:link
|
||||
rel="localization"
|
||||
href="browser/preferences/clearSiteData.ftl"
|
||||
/>
|
||||
</linkset>
|
||||
<script src="chrome://browser/content/preferences/dialogs/clearSiteData.js" />
|
||||
|
||||
<linkset>
|
||||
<html:link rel="localization" href="branding/brand.ftl"/>
|
||||
<html:link rel="localization" href="browser/preferences/clearSiteData.ftl"/>
|
||||
</linkset>
|
||||
<script src="chrome://browser/content/preferences/dialogs/clearSiteData.js"/>
|
||||
<keyset>
|
||||
<key
|
||||
data-l10n-id="clear-site-data-close-key"
|
||||
modifiers="accel"
|
||||
oncommand="window.close();"
|
||||
/>
|
||||
</keyset>
|
||||
|
||||
<keyset>
|
||||
<key data-l10n-id="clear-site-data-close-key" modifiers="accel" oncommand="window.close();"/>
|
||||
</keyset>
|
||||
|
||||
<vbox class="contentPane">
|
||||
<description control="url" data-l10n-id="clear-site-data-description"/>
|
||||
<separator class="thin"/>
|
||||
<vbox class="options-container">
|
||||
<vbox class="option">
|
||||
<checkbox data-l10n-id="clear-site-data-cookies-empty" id="clearSiteData" checked="true"/>
|
||||
<description class="option-description indent" data-l10n-id="clear-site-data-cookies-info"/>
|
||||
</vbox>
|
||||
<vbox class="option">
|
||||
<checkbox data-l10n-id="clear-site-data-cache-empty" id="clearCache" checked="true"/>
|
||||
<description class="option-description indent" data-l10n-id="clear-site-data-cache-info"/>
|
||||
<vbox class="contentPane">
|
||||
<description control="url" data-l10n-id="clear-site-data-description" />
|
||||
<separator class="thin" />
|
||||
<vbox class="options-container">
|
||||
<vbox class="option">
|
||||
<checkbox
|
||||
data-l10n-id="clear-site-data-cookies-empty"
|
||||
id="clearSiteData"
|
||||
checked="true"
|
||||
/>
|
||||
<description
|
||||
class="option-description indent"
|
||||
data-l10n-id="clear-site-data-cookies-info"
|
||||
/>
|
||||
</vbox>
|
||||
<vbox class="option">
|
||||
<checkbox
|
||||
data-l10n-id="clear-site-data-cache-empty"
|
||||
id="clearCache"
|
||||
checked="true"
|
||||
/>
|
||||
<description
|
||||
class="option-description indent"
|
||||
data-l10n-id="clear-site-data-cache-info"
|
||||
/>
|
||||
</vbox>
|
||||
</vbox>
|
||||
</vbox>
|
||||
</vbox>
|
||||
</dialog>
|
||||
</window>
|
||||
|
|
|
|||
|
|
@ -8,86 +8,133 @@
|
|||
<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
|
||||
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.css"?>
|
||||
|
||||
<window type="child"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
data-l10n-id="colors-dialog2"
|
||||
data-l10n-attrs="title, style"
|
||||
persist="lastSelected">
|
||||
<dialog id="ColorsDialog"
|
||||
buttons="accept,cancel,help"
|
||||
helpTopic="prefs-fonts-and-colors">
|
||||
<window
|
||||
type="child"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
data-l10n-id="colors-dialog2"
|
||||
data-l10n-attrs="title, style"
|
||||
persist="lastSelected"
|
||||
>
|
||||
<dialog
|
||||
id="ColorsDialog"
|
||||
buttons="accept,cancel,help"
|
||||
helpTopic="prefs-fonts-and-colors"
|
||||
>
|
||||
<linkset>
|
||||
<html:link rel="localization" href="browser/preferences/colors.ftl" />
|
||||
</linkset>
|
||||
|
||||
<linkset>
|
||||
<html:link rel="localization" href="browser/preferences/colors.ftl"/>
|
||||
</linkset>
|
||||
<script src="chrome://browser/content/utilityOverlay.js" />
|
||||
<script src="chrome://global/content/preferencesBindings.js" />
|
||||
|
||||
<script src="chrome://browser/content/utilityOverlay.js"/>
|
||||
<script src="chrome://global/content/preferencesBindings.js"/>
|
||||
<keyset>
|
||||
<key
|
||||
data-l10n-id="colors-close-key"
|
||||
modifiers="accel"
|
||||
oncommand="Preferences.close(event)"
|
||||
/>
|
||||
</keyset>
|
||||
|
||||
<keyset>
|
||||
<key data-l10n-id="colors-close-key" modifiers="accel" oncommand="Preferences.close(event)"/>
|
||||
</keyset>
|
||||
<hbox>
|
||||
<groupbox flex="1">
|
||||
<label><html:h2 data-l10n-id="colors-text-and-background" /></label>
|
||||
<hbox align="center">
|
||||
<label
|
||||
data-l10n-id="colors-text-header"
|
||||
control="foregroundtextmenu"
|
||||
/>
|
||||
<spacer flex="1" />
|
||||
<html:input
|
||||
type="color"
|
||||
id="foregroundtextmenu"
|
||||
preference="browser.display.foreground_color"
|
||||
/>
|
||||
</hbox>
|
||||
<hbox align="center" style="margin-top: 5px">
|
||||
<label data-l10n-id="colors-background" control="backgroundmenu" />
|
||||
<spacer flex="1" />
|
||||
<html:input
|
||||
type="color"
|
||||
id="backgroundmenu"
|
||||
preference="browser.display.background_color"
|
||||
/>
|
||||
</hbox>
|
||||
<separator class="thin" />
|
||||
<hbox align="center">
|
||||
<checkbox
|
||||
id="browserUseSystemColors"
|
||||
data-l10n-id="colors-use-system"
|
||||
preference="browser.display.use_system_colors"
|
||||
/>
|
||||
</hbox>
|
||||
</groupbox>
|
||||
|
||||
<hbox>
|
||||
<groupbox flex="1">
|
||||
<label><html:h2 data-l10n-id="colors-text-and-background"/></label>
|
||||
<hbox align="center">
|
||||
<label data-l10n-id="colors-text-header" control="foregroundtextmenu"/>
|
||||
<spacer flex="1"/>
|
||||
<html:input type="color" id="foregroundtextmenu"
|
||||
preference="browser.display.foreground_color"/>
|
||||
</hbox>
|
||||
<hbox align="center" style="margin-top: 5px">
|
||||
<label data-l10n-id="colors-background" control="backgroundmenu" />
|
||||
<spacer flex="1"/>
|
||||
<html:input type="color" id="backgroundmenu"
|
||||
preference="browser.display.background_color"/>
|
||||
</hbox>
|
||||
<separator class="thin"/>
|
||||
<hbox align="center">
|
||||
<checkbox id="browserUseSystemColors" data-l10n-id="colors-use-system"
|
||||
preference="browser.display.use_system_colors"/>
|
||||
</hbox>
|
||||
</groupbox>
|
||||
<groupbox flex="1">
|
||||
<label><html:h2 data-l10n-id="colors-links-header" /></label>
|
||||
<hbox align="center">
|
||||
<label
|
||||
data-l10n-id="colors-unvisited-links"
|
||||
control="unvisitedlinkmenu"
|
||||
/>
|
||||
<spacer flex="1" />
|
||||
<html:input
|
||||
type="color"
|
||||
id="unvisitedlinkmenu"
|
||||
preference="browser.anchor_color"
|
||||
/>
|
||||
</hbox>
|
||||
<hbox align="center" style="margin-top: 5px">
|
||||
<label
|
||||
data-l10n-id="colors-visited-links"
|
||||
control="visitedlinkmenu"
|
||||
/>
|
||||
<spacer flex="1" />
|
||||
<html:input
|
||||
type="color"
|
||||
id="visitedlinkmenu"
|
||||
preference="browser.visited_color"
|
||||
/>
|
||||
</hbox>
|
||||
<separator class="thin" />
|
||||
<hbox align="center">
|
||||
<checkbox
|
||||
id="browserUnderlineAnchors"
|
||||
data-l10n-id="colors-underline-links"
|
||||
preference="browser.underline_anchors"
|
||||
/>
|
||||
</hbox>
|
||||
</groupbox>
|
||||
</hbox>
|
||||
|
||||
<groupbox flex="1">
|
||||
<label><html:h2 data-l10n-id="colors-links-header"/></label>
|
||||
<hbox align="center">
|
||||
<label data-l10n-id="colors-unvisited-links" control="unvisitedlinkmenu" />
|
||||
<spacer flex="1"/>
|
||||
<html:input type="color" id="unvisitedlinkmenu"
|
||||
preference="browser.anchor_color"/>
|
||||
</hbox>
|
||||
<hbox align="center" style="margin-top: 5px">
|
||||
<label data-l10n-id="colors-visited-links" control="visitedlinkmenu" />
|
||||
<spacer flex="1"/>
|
||||
<html:input type="color" id="visitedlinkmenu"
|
||||
preference="browser.visited_color"/>
|
||||
</hbox>
|
||||
<separator class="thin"/>
|
||||
<hbox align="center">
|
||||
<checkbox id="browserUnderlineAnchors" data-l10n-id="colors-underline-links"
|
||||
preference="browser.underline_anchors"/>
|
||||
</hbox>
|
||||
</groupbox>
|
||||
</hbox>
|
||||
<label data-l10n-id="colors-page-override" control="useDocumentColors" />
|
||||
<hbox>
|
||||
<menulist
|
||||
id="useDocumentColors"
|
||||
preference="browser.display.document_color_use"
|
||||
flex="1"
|
||||
>
|
||||
<menupopup>
|
||||
<menuitem
|
||||
data-l10n-id="colors-page-override-option-always"
|
||||
value="2"
|
||||
id="documentColorAlways"
|
||||
/>
|
||||
<menuitem
|
||||
data-l10n-id="colors-page-override-option-auto"
|
||||
value="0"
|
||||
id="documentColorAutomatic"
|
||||
/>
|
||||
<menuitem
|
||||
data-l10n-id="colors-page-override-option-never"
|
||||
value="1"
|
||||
id="documentColorNever"
|
||||
/>
|
||||
</menupopup>
|
||||
</menulist>
|
||||
</hbox>
|
||||
|
||||
<label data-l10n-id="colors-page-override" control="useDocumentColors" />
|
||||
<hbox>
|
||||
<menulist id="useDocumentColors" preference="browser.display.document_color_use" flex="1">
|
||||
<menupopup>
|
||||
<menuitem data-l10n-id="colors-page-override-option-always"
|
||||
value="2" id="documentColorAlways"/>
|
||||
<menuitem data-l10n-id="colors-page-override-option-auto"
|
||||
value="0" id="documentColorAutomatic"/>
|
||||
<menuitem data-l10n-id="colors-page-override-option-never"
|
||||
value="1" id="documentColorNever"/>
|
||||
</menupopup>
|
||||
</menulist>
|
||||
</hbox>
|
||||
|
||||
<!-- Load the script after the elements for layout issues (bug 1501755). -->
|
||||
<script src="chrome://browser/content/preferences/dialogs/colors.js"/>
|
||||
</dialog>
|
||||
<!-- Load the script after the elements for layout issues (bug 1501755). -->
|
||||
<script src="chrome://browser/content/preferences/dialogs/colors.js" />
|
||||
</dialog>
|
||||
</window>
|
||||
|
|
|
|||
|
|
@ -7,126 +7,238 @@
|
|||
<?xml-stylesheet href="chrome://global/skin/global.css"?>
|
||||
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.css"?>
|
||||
|
||||
<window type="child"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
data-l10n-id="connection-window2"
|
||||
data-l10n-attrs="title, style"
|
||||
persist="lastSelected"
|
||||
onload="gConnectionsDialog.checkForSystemProxy();">
|
||||
<dialog id="ConnectionsDialog"
|
||||
buttons="accept,cancel,help"
|
||||
helpTopic="prefs-connection-settings">
|
||||
<window
|
||||
type="child"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
data-l10n-id="connection-window2"
|
||||
data-l10n-attrs="title, style"
|
||||
persist="lastSelected"
|
||||
onload="gConnectionsDialog.checkForSystemProxy();"
|
||||
>
|
||||
<dialog
|
||||
id="ConnectionsDialog"
|
||||
buttons="accept,cancel,help"
|
||||
helpTopic="prefs-connection-settings"
|
||||
>
|
||||
<!-- Used for extension-controlled lockdown message -->
|
||||
<linkset>
|
||||
<html:link rel="localization" href="browser/preferences/connection.ftl" />
|
||||
<html:link
|
||||
rel="localization"
|
||||
href="browser/preferences/preferences.ftl"
|
||||
/>
|
||||
<html:link rel="localization" href="branding/brand.ftl" />
|
||||
</linkset>
|
||||
|
||||
<!-- Used for extension-controlled lockdown message -->
|
||||
<linkset>
|
||||
<html:link rel="localization" href="browser/preferences/connection.ftl"/>
|
||||
<html:link rel="localization" href="browser/preferences/preferences.ftl"/>
|
||||
<html:link rel="localization" href="branding/brand.ftl"/>
|
||||
</linkset>
|
||||
<script src="chrome://browser/content/utilityOverlay.js" />
|
||||
<script src="chrome://global/content/preferencesBindings.js" />
|
||||
<script src="chrome://browser/content/preferences/extensionControlled.js" />
|
||||
|
||||
<script src="chrome://browser/content/utilityOverlay.js"/>
|
||||
<script src="chrome://global/content/preferencesBindings.js"/>
|
||||
<script src="chrome://browser/content/preferences/extensionControlled.js"/>
|
||||
<keyset>
|
||||
<key
|
||||
data-l10n-id="connection-close-key"
|
||||
modifiers="accel"
|
||||
oncommand="Preferences.close(event)"
|
||||
/>
|
||||
</keyset>
|
||||
|
||||
<keyset>
|
||||
<key data-l10n-id="connection-close-key" modifiers="accel" oncommand="Preferences.close(event)"/>
|
||||
</keyset>
|
||||
<script src="chrome://browser/content/preferences/dialogs/connection.js" />
|
||||
|
||||
<script src="chrome://browser/content/preferences/dialogs/connection.js"/>
|
||||
<hbox
|
||||
id="proxyExtensionContent"
|
||||
align="start"
|
||||
hidden="true"
|
||||
class="extension-controlled"
|
||||
>
|
||||
<description control="disableProxyExtension" flex="1" />
|
||||
<button
|
||||
id="disableProxyExtension"
|
||||
class="extension-controlled-button accessory-button"
|
||||
data-l10n-id="connection-disable-extension"
|
||||
/>
|
||||
</hbox>
|
||||
|
||||
<hbox id="proxyExtensionContent"
|
||||
align="start" hidden="true" class="extension-controlled">
|
||||
<description control="disableProxyExtension" flex="1" />
|
||||
<button id="disableProxyExtension"
|
||||
class="extension-controlled-button accessory-button"
|
||||
data-l10n-id="connection-disable-extension" />
|
||||
</hbox>
|
||||
<groupbox>
|
||||
<label><html:h2 data-l10n-id="connection-proxy-configure" /></label>
|
||||
|
||||
<groupbox>
|
||||
<label><html:h2 data-l10n-id="connection-proxy-configure"/></label>
|
||||
|
||||
<radiogroup id="networkProxyType" preference="network.proxy.type">
|
||||
<radio value="0" data-l10n-id="connection-proxy-option-no" />
|
||||
<radio value="4" data-l10n-id="connection-proxy-option-auto" />
|
||||
<radio value="5" data-l10n-id="connection-proxy-option-system" id="systemPref" hidden="true" />
|
||||
<radio value="1" data-l10n-id="connection-proxy-option-manual"/>
|
||||
<box id="proxy-grid" class="indent" flex="1">
|
||||
<html:div class="proxy-grid-row">
|
||||
<hbox pack="end">
|
||||
<label data-l10n-id="connection-proxy-http" control="networkProxyHTTP" />
|
||||
</hbox>
|
||||
<hbox align="center">
|
||||
<html:input id="networkProxyHTTP" type="text" style="flex: 1;"
|
||||
preference="network.proxy.http"/>
|
||||
<label data-l10n-id="connection-proxy-http-port" control="networkProxyHTTP_Port" />
|
||||
<html:input id="networkProxyHTTP_Port" class="proxy-port-input" hidespinbuttons="true" type="number" min="0" max="65535"
|
||||
preference="network.proxy.http_port"/>
|
||||
</hbox>
|
||||
</html:div>
|
||||
<html:div class="proxy-grid-row">
|
||||
<hbox/>
|
||||
<hbox>
|
||||
<checkbox id="shareAllProxies" data-l10n-id="connection-proxy-https-sharing"
|
||||
preference="network.proxy.share_proxy_settings"/>
|
||||
</hbox>
|
||||
</html:div>
|
||||
<html:div class="proxy-grid-row">
|
||||
<hbox pack="end">
|
||||
<label data-l10n-id="connection-proxy-https" control="networkProxySSL"/>
|
||||
</hbox>
|
||||
<hbox align="center">
|
||||
<html:input id="networkProxySSL" type="text" style="flex: 1;" preference="network.proxy.ssl"/>
|
||||
<label data-l10n-id="connection-proxy-ssl-port" control="networkProxySSL_Port" />
|
||||
<html:input id="networkProxySSL_Port" class="proxy-port-input" hidespinbuttons="true" type="number" min="0" max="65535" size="5"
|
||||
preference="network.proxy.ssl_port"/>
|
||||
</hbox>
|
||||
</html:div>
|
||||
<separator class="thin"/>
|
||||
<html:div class="proxy-grid-row">
|
||||
<hbox pack="end">
|
||||
<label data-l10n-id="connection-proxy-socks" control="networkProxySOCKS"/>
|
||||
</hbox>
|
||||
<hbox align="center">
|
||||
<html:input id="networkProxySOCKS" type="text" style="flex: 1;" preference="network.proxy.socks"/>
|
||||
<label data-l10n-id="connection-proxy-socks-port" control="networkProxySOCKS_Port"/>
|
||||
<html:input id="networkProxySOCKS_Port" class="proxy-port-input" hidespinbuttons="true" type="number" min="0" max="65535" size="5"
|
||||
preference="network.proxy.socks_port"/>
|
||||
</hbox>
|
||||
</html:div>
|
||||
<html:div class="proxy-grid-row">
|
||||
<spacer/>
|
||||
<box pack="start">
|
||||
<radiogroup id="networkProxySOCKSVersion" orient="horizontal"
|
||||
preference="network.proxy.socks_version">
|
||||
<radio id="networkProxySOCKSVersion4" value="4" data-l10n-id="connection-proxy-socks4" />
|
||||
<radio id="networkProxySOCKSVersion5" value="5" data-l10n-id="connection-proxy-socks5" />
|
||||
</radiogroup>
|
||||
</box>
|
||||
</html:div>
|
||||
</box>
|
||||
<radio value="2" data-l10n-id="connection-proxy-autotype" />
|
||||
<hbox class="indent" flex="1" align="center">
|
||||
<html:input id="networkProxyAutoconfigURL" type="text" style="flex: 1;" preference="network.proxy.autoconfig_url"
|
||||
oninput="gConnectionsDialog.updateReloadButton();"/>
|
||||
<button id="autoReload"
|
||||
data-l10n-id="connection-proxy-reload"
|
||||
oncommand="gConnectionsDialog.reloadPAC();"
|
||||
preference="pref.advanced.proxies.disable_button.reload"/>
|
||||
</hbox>
|
||||
</radiogroup>
|
||||
</groupbox>
|
||||
<separator class="thin"/>
|
||||
<label data-l10n-id="connection-proxy-noproxy" control="networkProxyNone"/>
|
||||
<html:textarea id="networkProxyNone" preference="network.proxy.no_proxies_on" rows="2"/>
|
||||
<label control="networkProxyNone" data-l10n-id="connection-proxy-noproxy-desc" />
|
||||
<label id="networkProxyNoneLocalhost" control="networkProxyNone" data-l10n-id="connection-proxy-noproxy-localhost-desc-2" />
|
||||
<separator class="thin"/>
|
||||
<checkbox id="autologinProxy"
|
||||
data-l10n-id="connection-proxy-autologin"
|
||||
preference="signon.autologin.proxy" />
|
||||
<checkbox id="networkProxySOCKSRemoteDNS"
|
||||
preference="network.proxy.socks_remote_dns"
|
||||
data-l10n-id="connection-proxy-socks-remote-dns" />
|
||||
</dialog>
|
||||
<radiogroup id="networkProxyType" preference="network.proxy.type">
|
||||
<radio value="0" data-l10n-id="connection-proxy-option-no" />
|
||||
<radio value="4" data-l10n-id="connection-proxy-option-auto" />
|
||||
<radio
|
||||
value="5"
|
||||
data-l10n-id="connection-proxy-option-system"
|
||||
id="systemPref"
|
||||
hidden="true"
|
||||
/>
|
||||
<radio value="1" data-l10n-id="connection-proxy-option-manual" />
|
||||
<box id="proxy-grid" class="indent" flex="1">
|
||||
<html:div class="proxy-grid-row">
|
||||
<hbox pack="end">
|
||||
<label
|
||||
data-l10n-id="connection-proxy-http"
|
||||
control="networkProxyHTTP"
|
||||
/>
|
||||
</hbox>
|
||||
<hbox align="center">
|
||||
<html:input
|
||||
id="networkProxyHTTP"
|
||||
type="text"
|
||||
style="flex: 1"
|
||||
preference="network.proxy.http"
|
||||
/>
|
||||
<label
|
||||
data-l10n-id="connection-proxy-http-port"
|
||||
control="networkProxyHTTP_Port"
|
||||
/>
|
||||
<html:input
|
||||
id="networkProxyHTTP_Port"
|
||||
class="proxy-port-input"
|
||||
hidespinbuttons="true"
|
||||
type="number"
|
||||
min="0"
|
||||
max="65535"
|
||||
preference="network.proxy.http_port"
|
||||
/>
|
||||
</hbox>
|
||||
</html:div>
|
||||
<html:div class="proxy-grid-row">
|
||||
<hbox />
|
||||
<hbox>
|
||||
<checkbox
|
||||
id="shareAllProxies"
|
||||
data-l10n-id="connection-proxy-https-sharing"
|
||||
preference="network.proxy.share_proxy_settings"
|
||||
/>
|
||||
</hbox>
|
||||
</html:div>
|
||||
<html:div class="proxy-grid-row">
|
||||
<hbox pack="end">
|
||||
<label
|
||||
data-l10n-id="connection-proxy-https"
|
||||
control="networkProxySSL"
|
||||
/>
|
||||
</hbox>
|
||||
<hbox align="center">
|
||||
<html:input
|
||||
id="networkProxySSL"
|
||||
type="text"
|
||||
style="flex: 1"
|
||||
preference="network.proxy.ssl"
|
||||
/>
|
||||
<label
|
||||
data-l10n-id="connection-proxy-ssl-port"
|
||||
control="networkProxySSL_Port"
|
||||
/>
|
||||
<html:input
|
||||
id="networkProxySSL_Port"
|
||||
class="proxy-port-input"
|
||||
hidespinbuttons="true"
|
||||
type="number"
|
||||
min="0"
|
||||
max="65535"
|
||||
size="5"
|
||||
preference="network.proxy.ssl_port"
|
||||
/>
|
||||
</hbox>
|
||||
</html:div>
|
||||
<separator class="thin" />
|
||||
<html:div class="proxy-grid-row">
|
||||
<hbox pack="end">
|
||||
<label
|
||||
data-l10n-id="connection-proxy-socks"
|
||||
control="networkProxySOCKS"
|
||||
/>
|
||||
</hbox>
|
||||
<hbox align="center">
|
||||
<html:input
|
||||
id="networkProxySOCKS"
|
||||
type="text"
|
||||
style="flex: 1"
|
||||
preference="network.proxy.socks"
|
||||
/>
|
||||
<label
|
||||
data-l10n-id="connection-proxy-socks-port"
|
||||
control="networkProxySOCKS_Port"
|
||||
/>
|
||||
<html:input
|
||||
id="networkProxySOCKS_Port"
|
||||
class="proxy-port-input"
|
||||
hidespinbuttons="true"
|
||||
type="number"
|
||||
min="0"
|
||||
max="65535"
|
||||
size="5"
|
||||
preference="network.proxy.socks_port"
|
||||
/>
|
||||
</hbox>
|
||||
</html:div>
|
||||
<html:div class="proxy-grid-row">
|
||||
<spacer />
|
||||
<box pack="start">
|
||||
<radiogroup
|
||||
id="networkProxySOCKSVersion"
|
||||
orient="horizontal"
|
||||
preference="network.proxy.socks_version"
|
||||
>
|
||||
<radio
|
||||
id="networkProxySOCKSVersion4"
|
||||
value="4"
|
||||
data-l10n-id="connection-proxy-socks4"
|
||||
/>
|
||||
<radio
|
||||
id="networkProxySOCKSVersion5"
|
||||
value="5"
|
||||
data-l10n-id="connection-proxy-socks5"
|
||||
/>
|
||||
</radiogroup>
|
||||
</box>
|
||||
</html:div>
|
||||
</box>
|
||||
<radio value="2" data-l10n-id="connection-proxy-autotype" />
|
||||
<hbox class="indent" flex="1" align="center">
|
||||
<html:input
|
||||
id="networkProxyAutoconfigURL"
|
||||
type="text"
|
||||
style="flex: 1"
|
||||
preference="network.proxy.autoconfig_url"
|
||||
oninput="gConnectionsDialog.updateReloadButton();"
|
||||
/>
|
||||
<button
|
||||
id="autoReload"
|
||||
data-l10n-id="connection-proxy-reload"
|
||||
oncommand="gConnectionsDialog.reloadPAC();"
|
||||
preference="pref.advanced.proxies.disable_button.reload"
|
||||
/>
|
||||
</hbox>
|
||||
</radiogroup>
|
||||
</groupbox>
|
||||
<separator class="thin" />
|
||||
<label data-l10n-id="connection-proxy-noproxy" control="networkProxyNone" />
|
||||
<html:textarea
|
||||
id="networkProxyNone"
|
||||
preference="network.proxy.no_proxies_on"
|
||||
rows="2"
|
||||
/>
|
||||
<label
|
||||
control="networkProxyNone"
|
||||
data-l10n-id="connection-proxy-noproxy-desc"
|
||||
/>
|
||||
<label
|
||||
id="networkProxyNoneLocalhost"
|
||||
control="networkProxyNone"
|
||||
data-l10n-id="connection-proxy-noproxy-localhost-desc-2"
|
||||
/>
|
||||
<separator class="thin" />
|
||||
<checkbox
|
||||
id="autologinProxy"
|
||||
data-l10n-id="connection-proxy-autologin"
|
||||
preference="signon.autologin.proxy"
|
||||
/>
|
||||
<checkbox
|
||||
id="networkProxySOCKSRemoteDNS"
|
||||
preference="network.proxy.socks_remote_dns"
|
||||
data-l10n-id="connection-proxy-socks-remote-dns"
|
||||
/>
|
||||
</dialog>
|
||||
</window>
|
||||
|
|
|
|||
|
|
@ -7,47 +7,66 @@
|
|||
<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
|
||||
<?xml-stylesheet href="chrome://browser/skin/preferences/containers-dialog.css" type="text/css"?>
|
||||
|
||||
<window id="ContainersDialog"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
data-l10n-attrs="title, style"
|
||||
onload="gContainersManager.onLoad();"
|
||||
onunload="gContainersManager.uninit();"
|
||||
persist="width height">
|
||||
|
||||
<window
|
||||
id="ContainersDialog"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
data-l10n-attrs="title, style"
|
||||
onload="gContainersManager.onLoad();"
|
||||
onunload="gContainersManager.uninit();"
|
||||
persist="width height"
|
||||
>
|
||||
<dialog
|
||||
buttons="accept"
|
||||
buttondisabledaccept="true"
|
||||
data-l10n-id="containers-dialog"
|
||||
data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept">
|
||||
data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept"
|
||||
>
|
||||
<linkset>
|
||||
<html:link rel="localization" href="browser/preferences/containers.ftl" />
|
||||
</linkset>
|
||||
|
||||
<linkset>
|
||||
<html:link rel="localization" href="browser/preferences/containers.ftl"/>
|
||||
</linkset>
|
||||
<script src="chrome://browser/content/preferences/dialogs/containers.js" />
|
||||
|
||||
<script src="chrome://browser/content/preferences/dialogs/containers.js"/>
|
||||
<keyset>
|
||||
<key
|
||||
data-l10n-id="containers-window-close"
|
||||
modifiers="accel"
|
||||
oncommand="window.close();"
|
||||
/>
|
||||
</keyset>
|
||||
|
||||
<keyset>
|
||||
<key data-l10n-id="containers-window-close" modifiers="accel" oncommand="window.close();"/>
|
||||
</keyset>
|
||||
|
||||
<vbox class="contentPane" hidden="true" id="containers-content">
|
||||
<hbox align="start">
|
||||
<label id="nameLabel" control="name"
|
||||
data-l10n-id="containers-name-label"
|
||||
data-l10n-attrs="style"/>
|
||||
<html:input id="name" type="text" data-l10n-id="containers-name-text" oninput="gContainersManager.checkForm();" />
|
||||
</hbox>
|
||||
<hbox align="center" id="colorWrapper">
|
||||
<label id="colorLabel" control="color"
|
||||
data-l10n-id="containers-color-label"
|
||||
data-l10n-attrs="style"/>
|
||||
</hbox>
|
||||
<hbox align="center" id="iconWrapper">
|
||||
<label id="iconLabel" control="icon"
|
||||
data-l10n-id="containers-icon-label"
|
||||
data-l10n-attrs="style"/>
|
||||
</hbox>
|
||||
</vbox>
|
||||
<vbox class="contentPane" hidden="true" id="containers-content">
|
||||
<hbox align="start">
|
||||
<label
|
||||
id="nameLabel"
|
||||
control="name"
|
||||
data-l10n-id="containers-name-label"
|
||||
data-l10n-attrs="style"
|
||||
/>
|
||||
<html:input
|
||||
id="name"
|
||||
type="text"
|
||||
data-l10n-id="containers-name-text"
|
||||
oninput="gContainersManager.checkForm();"
|
||||
/>
|
||||
</hbox>
|
||||
<hbox align="center" id="colorWrapper">
|
||||
<label
|
||||
id="colorLabel"
|
||||
control="color"
|
||||
data-l10n-id="containers-color-label"
|
||||
data-l10n-attrs="style"
|
||||
/>
|
||||
</hbox>
|
||||
<hbox align="center" id="iconWrapper">
|
||||
<label
|
||||
id="iconLabel"
|
||||
control="icon"
|
||||
data-l10n-id="containers-icon-label"
|
||||
data-l10n-attrs="style"
|
||||
/>
|
||||
</hbox>
|
||||
</vbox>
|
||||
</dialog>
|
||||
</window>
|
||||
|
|
|
|||
|
|
@ -8,62 +8,97 @@
|
|||
<?xml-stylesheet href="chrome://browser/content/preferences/dialogs/sitePermissions.css" type="text/css"?>
|
||||
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.css" type="text/css"?>
|
||||
|
||||
<window id="DoHExceptionsDialog"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
data-l10n-id="permissions-exceptions-doh-window"
|
||||
data-l10n-attrs="title, style"
|
||||
persist="width height">
|
||||
<window
|
||||
id="DoHExceptionsDialog"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
data-l10n-id="permissions-exceptions-doh-window"
|
||||
data-l10n-attrs="title, style"
|
||||
persist="width height"
|
||||
>
|
||||
<dialog
|
||||
id="exceptionDialog"
|
||||
buttons="accept,cancel"
|
||||
data-l10n-id="permission-dialog"
|
||||
data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept"
|
||||
>
|
||||
<linkset>
|
||||
<html:link rel="localization" href="branding/brand.ftl" />
|
||||
<html:link
|
||||
rel="localization"
|
||||
href="browser/preferences/permissions.ftl"
|
||||
/>
|
||||
</linkset>
|
||||
|
||||
<dialog id="exceptionDialog"
|
||||
buttons="accept,cancel"
|
||||
data-l10n-id="permission-dialog"
|
||||
data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept">
|
||||
<script src="chrome://browser/content/preferences/dialogs/dohExceptions.js" />
|
||||
|
||||
<linkset>
|
||||
<html:link rel="localization" href="branding/brand.ftl"/>
|
||||
<html:link rel="localization" href="browser/preferences/permissions.ftl"/>
|
||||
</linkset>
|
||||
<keyset>
|
||||
<key
|
||||
data-l10n-id="permissions-close-key"
|
||||
modifiers="accel"
|
||||
oncommand="window.close();"
|
||||
/>
|
||||
</keyset>
|
||||
|
||||
<script src="chrome://browser/content/preferences/dialogs/dohExceptions.js"/>
|
||||
<vbox class="contentPane">
|
||||
<description
|
||||
id="dohExceptionText"
|
||||
control="url"
|
||||
data-l10n-id="permissions-exceptions-manage-doh-desc"
|
||||
/>
|
||||
<separator class="thin" />
|
||||
<label
|
||||
id="urlLabel"
|
||||
control="url"
|
||||
data-l10n-id="permissions-doh-entry-field"
|
||||
/>
|
||||
<hbox align="start">
|
||||
<html:input
|
||||
id="url"
|
||||
type="text"
|
||||
style="flex: 1"
|
||||
oninput="gDoHExceptionsManager.onExceptionInput();"
|
||||
onkeypress="gDoHExceptionsManager.onExceptionKeyPress(event);"
|
||||
/>
|
||||
</hbox>
|
||||
<hbox pack="end">
|
||||
<button
|
||||
id="btnAddException"
|
||||
disabled="true"
|
||||
data-l10n-id="permissions-doh-add-exception"
|
||||
oncommand="gDoHExceptionsManager.addException();"
|
||||
/>
|
||||
</hbox>
|
||||
<separator class="thin" />
|
||||
<listheader>
|
||||
<treecol
|
||||
id="siteCol"
|
||||
data-l10n-id="permissions-doh-col"
|
||||
style="flex: 3 3 auto; width: 0"
|
||||
data-isCurrentSortCol="true"
|
||||
onclick="gDoHExceptionsManager.buildExceptionList(event.target)"
|
||||
/>
|
||||
</listheader>
|
||||
<richlistbox
|
||||
id="permissionsBox"
|
||||
selected="false"
|
||||
onkeypress="gDoHExceptionsManager.onListBoxKeyPress(event);"
|
||||
onselect="gDoHExceptionsManager.onListBoxSelect();"
|
||||
/>
|
||||
</vbox>
|
||||
|
||||
<keyset>
|
||||
<key data-l10n-id="permissions-close-key" modifiers="accel" oncommand="window.close();"/>
|
||||
</keyset>
|
||||
|
||||
<vbox class="contentPane">
|
||||
<description id="dohExceptionText" control="url" data-l10n-id="permissions-exceptions-manage-doh-desc"/>
|
||||
<separator class="thin"/>
|
||||
<label id="urlLabel" control="url" data-l10n-id="permissions-doh-entry-field"/>
|
||||
<hbox align="start">
|
||||
<html:input id="url" type="text"
|
||||
style="flex: 1;"
|
||||
oninput="gDoHExceptionsManager.onExceptionInput();"
|
||||
onkeypress="gDoHExceptionsManager.onExceptionKeyPress(event);"/>
|
||||
<hbox class="actionButtons">
|
||||
<button
|
||||
id="removeException"
|
||||
disabled="true"
|
||||
data-l10n-id="permissions-doh-remove"
|
||||
oncommand="gDoHExceptionsManager.onExceptionDelete();"
|
||||
/>
|
||||
<button
|
||||
id="removeAllExceptions"
|
||||
data-l10n-id="permissions-doh-remove-all"
|
||||
oncommand="gDoHExceptionsManager.onAllExceptionsDelete();"
|
||||
/>
|
||||
</hbox>
|
||||
<hbox pack="end">
|
||||
<button id="btnAddException" disabled="true" data-l10n-id="permissions-doh-add-exception"
|
||||
oncommand="gDoHExceptionsManager.addException();"/>
|
||||
</hbox>
|
||||
<separator class="thin"/>
|
||||
<listheader>
|
||||
<treecol id="siteCol" data-l10n-id="permissions-doh-col" style="flex: 3 3 auto; width: 0"
|
||||
data-isCurrentSortCol = "true"
|
||||
onclick="gDoHExceptionsManager.buildExceptionList(event.target)"
|
||||
/>
|
||||
</listheader>
|
||||
<richlistbox id="permissionsBox" selected="false"
|
||||
onkeypress="gDoHExceptionsManager.onListBoxKeyPress(event);"
|
||||
onselect="gDoHExceptionsManager.onListBoxSelect();"/>
|
||||
</vbox>
|
||||
|
||||
<hbox class="actionButtons">
|
||||
<button id="removeException" disabled="true"
|
||||
data-l10n-id="permissions-doh-remove"
|
||||
oncommand="gDoHExceptionsManager.onExceptionDelete();"/>
|
||||
<button id="removeAllExceptions"
|
||||
data-l10n-id="permissions-doh-remove-all"
|
||||
oncommand="gDoHExceptionsManager.onAllExceptionsDelete();"/>
|
||||
</hbox>
|
||||
</dialog>
|
||||
</window>
|
||||
|
|
|
|||
|
|
@ -8,215 +8,244 @@
|
|||
<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
|
||||
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.css"?>
|
||||
|
||||
<window type="child"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
data-l10n-id="fonts-window"
|
||||
data-l10n-attrs="title"
|
||||
persist="lastSelected">
|
||||
<dialog id="FontsDialog"
|
||||
buttons="accept,cancel,help"
|
||||
helpTopic="prefs-fonts-and-colors">
|
||||
<window
|
||||
type="child"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
data-l10n-id="fonts-window"
|
||||
data-l10n-attrs="title"
|
||||
persist="lastSelected"
|
||||
>
|
||||
<dialog
|
||||
id="FontsDialog"
|
||||
buttons="accept,cancel,help"
|
||||
helpTopic="prefs-fonts-and-colors"
|
||||
>
|
||||
<linkset>
|
||||
<html:link rel="localization" href="browser/preferences/fonts.ftl" />
|
||||
</linkset>
|
||||
|
||||
<linkset>
|
||||
<html:link rel="localization" href="browser/preferences/fonts.ftl"/>
|
||||
</linkset>
|
||||
<script src="chrome://browser/content/utilityOverlay.js" />
|
||||
<script src="chrome://global/content/preferencesBindings.js" />
|
||||
|
||||
<script src="chrome://browser/content/utilityOverlay.js"/>
|
||||
<script src="chrome://global/content/preferencesBindings.js"/>
|
||||
<keyset>
|
||||
<key
|
||||
data-l10n-id="fonts-window-close"
|
||||
modifiers="accel"
|
||||
oncommand="Preferences.close(event)"
|
||||
/>
|
||||
</keyset>
|
||||
|
||||
<keyset>
|
||||
<key data-l10n-id="fonts-window-close" modifiers="accel" oncommand="Preferences.close(event)"/>
|
||||
</keyset>
|
||||
|
||||
<!-- Fonts for: [ Language ] -->
|
||||
<groupbox>
|
||||
<hbox align="center">
|
||||
<label control="selectLangs"><html:h2 data-l10n-id="fonts-langgroup-header"/></label>
|
||||
</hbox>
|
||||
<menulist id="selectLangs" preference="font.language.group">
|
||||
<menupopup>
|
||||
<menuitem value="ar" data-l10n-id="fonts-langgroup-arabic"/>
|
||||
<menuitem value="x-armn" data-l10n-id="fonts-langgroup-armenian"/>
|
||||
<menuitem value="x-beng" data-l10n-id="fonts-langgroup-bengali"/>
|
||||
<menuitem value="zh-CN" data-l10n-id="fonts-langgroup-simpl-chinese"/>
|
||||
<menuitem value="zh-HK" data-l10n-id="fonts-langgroup-trad-chinese-hk"/>
|
||||
<menuitem value="zh-TW" data-l10n-id="fonts-langgroup-trad-chinese"/>
|
||||
<menuitem value="x-cyrillic" data-l10n-id="fonts-langgroup-cyrillic"/>
|
||||
<menuitem value="x-devanagari" data-l10n-id="fonts-langgroup-devanagari"/>
|
||||
<menuitem value="x-ethi" data-l10n-id="fonts-langgroup-ethiopic"/>
|
||||
<menuitem value="x-geor" data-l10n-id="fonts-langgroup-georgian"/>
|
||||
<menuitem value="el" data-l10n-id="fonts-langgroup-el"/>
|
||||
<menuitem value="x-gujr" data-l10n-id="fonts-langgroup-gujarati"/>
|
||||
<menuitem value="x-guru" data-l10n-id="fonts-langgroup-gurmukhi"/>
|
||||
<menuitem value="he" data-l10n-id="fonts-langgroup-hebrew"/>
|
||||
<menuitem value="ja" data-l10n-id="fonts-langgroup-japanese"/>
|
||||
<menuitem value="x-knda" data-l10n-id="fonts-langgroup-kannada"/>
|
||||
<menuitem value="x-khmr" data-l10n-id="fonts-langgroup-khmer"/>
|
||||
<menuitem value="ko" data-l10n-id="fonts-langgroup-korean"/>
|
||||
<menuitem value="x-western" data-l10n-id="fonts-langgroup-latin"/>
|
||||
<menuitem value="x-mlym" data-l10n-id="fonts-langgroup-malayalam"/>
|
||||
<menuitem value="x-math" data-l10n-id="fonts-langgroup-math"/>
|
||||
<menuitem value="x-orya" data-l10n-id="fonts-langgroup-odia"/>
|
||||
<menuitem value="x-sinh" data-l10n-id="fonts-langgroup-sinhala"/>
|
||||
<menuitem value="x-tamil" data-l10n-id="fonts-langgroup-tamil"/>
|
||||
<menuitem value="x-telu" data-l10n-id="fonts-langgroup-telugu"/>
|
||||
<menuitem value="th" data-l10n-id="fonts-langgroup-thai"/>
|
||||
<menuitem value="x-tibt" data-l10n-id="fonts-langgroup-tibetan"/>
|
||||
<menuitem value="x-cans" data-l10n-id="fonts-langgroup-canadian"/>
|
||||
<menuitem value="x-unicode" data-l10n-id="fonts-langgroup-other"/>
|
||||
</menupopup>
|
||||
</menulist>
|
||||
|
||||
<separator class="thin"/>
|
||||
|
||||
<box id="font-chooser-group">
|
||||
<!-- proportional row -->
|
||||
<hbox align="center" pack="end">
|
||||
<label data-l10n-id="fonts-proportional-header" control="defaultFontType"/>
|
||||
<!-- Fonts for: [ Language ] -->
|
||||
<groupbox>
|
||||
<hbox align="center">
|
||||
<label control="selectLangs"
|
||||
><html:h2 data-l10n-id="fonts-langgroup-header"
|
||||
/></label>
|
||||
</hbox>
|
||||
<menulist id="defaultFontType">
|
||||
<menulist id="selectLangs" preference="font.language.group">
|
||||
<menupopup>
|
||||
<menuitem value="serif" data-l10n-id="fonts-default-serif"/>
|
||||
<menuitem value="sans-serif" data-l10n-id="fonts-default-sans-serif"/>
|
||||
</menupopup>
|
||||
</menulist>
|
||||
<hbox align="center" pack="end">
|
||||
<label data-l10n-id="fonts-proportional-size" control="sizeVar"/>
|
||||
</hbox>
|
||||
<menulist id="sizeVar" delayprefsave="true">
|
||||
<menupopup>
|
||||
<menuitem value="9" label="9"/>
|
||||
<menuitem value="10" label="10"/>
|
||||
<menuitem value="11" label="11"/>
|
||||
<menuitem value="12" label="12"/>
|
||||
<menuitem value="13" label="13"/>
|
||||
<menuitem value="14" label="14"/>
|
||||
<menuitem value="15" label="15"/>
|
||||
<menuitem value="16" label="16"/>
|
||||
<menuitem value="17" label="17"/>
|
||||
<menuitem value="18" label="18"/>
|
||||
<menuitem value="20" label="20"/>
|
||||
<menuitem value="22" label="22"/>
|
||||
<menuitem value="24" label="24"/>
|
||||
<menuitem value="26" label="26"/>
|
||||
<menuitem value="28" label="28"/>
|
||||
<menuitem value="30" label="30"/>
|
||||
<menuitem value="32" label="32"/>
|
||||
<menuitem value="34" label="34"/>
|
||||
<menuitem value="36" label="36"/>
|
||||
<menuitem value="40" label="40"/>
|
||||
<menuitem value="44" label="44"/>
|
||||
<menuitem value="48" label="48"/>
|
||||
<menuitem value="56" label="56"/>
|
||||
<menuitem value="64" label="64"/>
|
||||
<menuitem value="72" label="72"/>
|
||||
<menuitem value="ar" data-l10n-id="fonts-langgroup-arabic" />
|
||||
<menuitem value="x-armn" data-l10n-id="fonts-langgroup-armenian" />
|
||||
<menuitem value="x-beng" data-l10n-id="fonts-langgroup-bengali" />
|
||||
<menuitem
|
||||
value="zh-CN"
|
||||
data-l10n-id="fonts-langgroup-simpl-chinese"
|
||||
/>
|
||||
<menuitem
|
||||
value="zh-HK"
|
||||
data-l10n-id="fonts-langgroup-trad-chinese-hk"
|
||||
/>
|
||||
<menuitem value="zh-TW" data-l10n-id="fonts-langgroup-trad-chinese" />
|
||||
<menuitem
|
||||
value="x-cyrillic"
|
||||
data-l10n-id="fonts-langgroup-cyrillic"
|
||||
/>
|
||||
<menuitem
|
||||
value="x-devanagari"
|
||||
data-l10n-id="fonts-langgroup-devanagari"
|
||||
/>
|
||||
<menuitem value="x-ethi" data-l10n-id="fonts-langgroup-ethiopic" />
|
||||
<menuitem value="x-geor" data-l10n-id="fonts-langgroup-georgian" />
|
||||
<menuitem value="el" data-l10n-id="fonts-langgroup-el" />
|
||||
<menuitem value="x-gujr" data-l10n-id="fonts-langgroup-gujarati" />
|
||||
<menuitem value="x-guru" data-l10n-id="fonts-langgroup-gurmukhi" />
|
||||
<menuitem value="he" data-l10n-id="fonts-langgroup-hebrew" />
|
||||
<menuitem value="ja" data-l10n-id="fonts-langgroup-japanese" />
|
||||
<menuitem value="x-knda" data-l10n-id="fonts-langgroup-kannada" />
|
||||
<menuitem value="x-khmr" data-l10n-id="fonts-langgroup-khmer" />
|
||||
<menuitem value="ko" data-l10n-id="fonts-langgroup-korean" />
|
||||
<menuitem value="x-western" data-l10n-id="fonts-langgroup-latin" />
|
||||
<menuitem value="x-mlym" data-l10n-id="fonts-langgroup-malayalam" />
|
||||
<menuitem value="x-math" data-l10n-id="fonts-langgroup-math" />
|
||||
<menuitem value="x-orya" data-l10n-id="fonts-langgroup-odia" />
|
||||
<menuitem value="x-sinh" data-l10n-id="fonts-langgroup-sinhala" />
|
||||
<menuitem value="x-tamil" data-l10n-id="fonts-langgroup-tamil" />
|
||||
<menuitem value="x-telu" data-l10n-id="fonts-langgroup-telugu" />
|
||||
<menuitem value="th" data-l10n-id="fonts-langgroup-thai" />
|
||||
<menuitem value="x-tibt" data-l10n-id="fonts-langgroup-tibetan" />
|
||||
<menuitem value="x-cans" data-l10n-id="fonts-langgroup-canadian" />
|
||||
<menuitem value="x-unicode" data-l10n-id="fonts-langgroup-other" />
|
||||
</menupopup>
|
||||
</menulist>
|
||||
|
||||
<!-- serif row -->
|
||||
<hbox align="center" pack="end">
|
||||
<label data-l10n-id="fonts-serif" control="serif"/>
|
||||
</hbox>
|
||||
<menulist id="serif" delayprefsave="true"/>
|
||||
<spacer/>
|
||||
<spacer/>
|
||||
<separator class="thin" />
|
||||
|
||||
<!-- sans-serif row -->
|
||||
<hbox align="center" pack="end">
|
||||
<label data-l10n-id="fonts-sans-serif" control="sans-serif"/>
|
||||
</hbox>
|
||||
<menulist id="sans-serif" delayprefsave="true"/>
|
||||
<spacer/>
|
||||
<spacer/>
|
||||
<box id="font-chooser-group">
|
||||
<!-- proportional row -->
|
||||
<hbox align="center" pack="end">
|
||||
<label
|
||||
data-l10n-id="fonts-proportional-header"
|
||||
control="defaultFontType"
|
||||
/>
|
||||
</hbox>
|
||||
<menulist id="defaultFontType">
|
||||
<menupopup>
|
||||
<menuitem value="serif" data-l10n-id="fonts-default-serif" />
|
||||
<menuitem
|
||||
value="sans-serif"
|
||||
data-l10n-id="fonts-default-sans-serif"
|
||||
/>
|
||||
</menupopup>
|
||||
</menulist>
|
||||
<hbox align="center" pack="end">
|
||||
<label data-l10n-id="fonts-proportional-size" control="sizeVar" />
|
||||
</hbox>
|
||||
<menulist id="sizeVar" delayprefsave="true">
|
||||
<menupopup>
|
||||
<menuitem value="9" label="9" />
|
||||
<menuitem value="10" label="10" />
|
||||
<menuitem value="11" label="11" />
|
||||
<menuitem value="12" label="12" />
|
||||
<menuitem value="13" label="13" />
|
||||
<menuitem value="14" label="14" />
|
||||
<menuitem value="15" label="15" />
|
||||
<menuitem value="16" label="16" />
|
||||
<menuitem value="17" label="17" />
|
||||
<menuitem value="18" label="18" />
|
||||
<menuitem value="20" label="20" />
|
||||
<menuitem value="22" label="22" />
|
||||
<menuitem value="24" label="24" />
|
||||
<menuitem value="26" label="26" />
|
||||
<menuitem value="28" label="28" />
|
||||
<menuitem value="30" label="30" />
|
||||
<menuitem value="32" label="32" />
|
||||
<menuitem value="34" label="34" />
|
||||
<menuitem value="36" label="36" />
|
||||
<menuitem value="40" label="40" />
|
||||
<menuitem value="44" label="44" />
|
||||
<menuitem value="48" label="48" />
|
||||
<menuitem value="56" label="56" />
|
||||
<menuitem value="64" label="64" />
|
||||
<menuitem value="72" label="72" />
|
||||
</menupopup>
|
||||
</menulist>
|
||||
|
||||
<!-- monospace row -->
|
||||
<hbox align="center" pack="end">
|
||||
<label data-l10n-id="fonts-monospace" control="monospace"/>
|
||||
</hbox>
|
||||
<!--
|
||||
<!-- serif row -->
|
||||
<hbox align="center" pack="end">
|
||||
<label data-l10n-id="fonts-serif" control="serif" />
|
||||
</hbox>
|
||||
<menulist id="serif" delayprefsave="true" />
|
||||
<spacer />
|
||||
<spacer />
|
||||
|
||||
<!-- sans-serif row -->
|
||||
<hbox align="center" pack="end">
|
||||
<label data-l10n-id="fonts-sans-serif" control="sans-serif" />
|
||||
</hbox>
|
||||
<menulist id="sans-serif" delayprefsave="true" />
|
||||
<spacer />
|
||||
<spacer />
|
||||
|
||||
<!-- monospace row -->
|
||||
<hbox align="center" pack="end">
|
||||
<label data-l10n-id="fonts-monospace" control="monospace" />
|
||||
</hbox>
|
||||
<!--
|
||||
FIXME(emilio): Why is this the only menulist here with crop="end"?
|
||||
This goes back to the beginning of time...
|
||||
-->
|
||||
<menulist id="monospace" crop="end" delayprefsave="true"/>
|
||||
<menulist id="monospace" crop="end" delayprefsave="true" />
|
||||
<hbox align="center" pack="end">
|
||||
<label data-l10n-id="fonts-monospace-size" control="sizeMono" />
|
||||
</hbox>
|
||||
<menulist id="sizeMono" delayprefsave="true">
|
||||
<menupopup>
|
||||
<menuitem value="9" label="9" />
|
||||
<menuitem value="10" label="10" />
|
||||
<menuitem value="11" label="11" />
|
||||
<menuitem value="12" label="12" />
|
||||
<menuitem value="13" label="13" />
|
||||
<menuitem value="14" label="14" />
|
||||
<menuitem value="15" label="15" />
|
||||
<menuitem value="16" label="16" />
|
||||
<menuitem value="17" label="17" />
|
||||
<menuitem value="18" label="18" />
|
||||
<menuitem value="20" label="20" />
|
||||
<menuitem value="22" label="22" />
|
||||
<menuitem value="24" label="24" />
|
||||
<menuitem value="26" label="26" />
|
||||
<menuitem value="28" label="28" />
|
||||
<menuitem value="30" label="30" />
|
||||
<menuitem value="32" label="32" />
|
||||
<menuitem value="34" label="34" />
|
||||
<menuitem value="36" label="36" />
|
||||
<menuitem value="40" label="40" />
|
||||
<menuitem value="44" label="44" />
|
||||
<menuitem value="48" label="48" />
|
||||
<menuitem value="56" label="56" />
|
||||
<menuitem value="64" label="64" />
|
||||
<menuitem value="72" label="72" />
|
||||
</menupopup>
|
||||
</menulist>
|
||||
</box>
|
||||
<separator class="thin" />
|
||||
<hbox align="center" pack="end">
|
||||
<label data-l10n-id="fonts-monospace-size" control="sizeMono"/>
|
||||
<label data-l10n-id="fonts-minsize" control="minSize" />
|
||||
<menulist id="minSize">
|
||||
<menupopup>
|
||||
<menuitem value="0" data-l10n-id="fonts-minsize-none" />
|
||||
<menuitem value="9" label="9" />
|
||||
<menuitem value="10" label="10" />
|
||||
<menuitem value="11" label="11" />
|
||||
<menuitem value="12" label="12" />
|
||||
<menuitem value="13" label="13" />
|
||||
<menuitem value="14" label="14" />
|
||||
<menuitem value="15" label="15" />
|
||||
<menuitem value="16" label="16" />
|
||||
<menuitem value="17" label="17" />
|
||||
<menuitem value="18" label="18" />
|
||||
<menuitem value="20" label="20" />
|
||||
<menuitem value="22" label="22" />
|
||||
<menuitem value="24" label="24" />
|
||||
<menuitem value="26" label="26" />
|
||||
<menuitem value="28" label="28" />
|
||||
<menuitem value="30" label="30" />
|
||||
<menuitem value="32" label="32" />
|
||||
<menuitem value="34" label="34" />
|
||||
<menuitem value="36" label="36" />
|
||||
<menuitem value="40" label="40" />
|
||||
<menuitem value="44" label="44" />
|
||||
<menuitem value="48" label="48" />
|
||||
<menuitem value="56" label="56" />
|
||||
<menuitem value="64" label="64" />
|
||||
<menuitem value="72" label="72" />
|
||||
</menupopup>
|
||||
</menulist>
|
||||
</hbox>
|
||||
<menulist id="sizeMono" delayprefsave="true">
|
||||
<menupopup>
|
||||
<menuitem value="9" label="9"/>
|
||||
<menuitem value="10" label="10"/>
|
||||
<menuitem value="11" label="11"/>
|
||||
<menuitem value="12" label="12"/>
|
||||
<menuitem value="13" label="13"/>
|
||||
<menuitem value="14" label="14"/>
|
||||
<menuitem value="15" label="15"/>
|
||||
<menuitem value="16" label="16"/>
|
||||
<menuitem value="17" label="17"/>
|
||||
<menuitem value="18" label="18"/>
|
||||
<menuitem value="20" label="20"/>
|
||||
<menuitem value="22" label="22"/>
|
||||
<menuitem value="24" label="24"/>
|
||||
<menuitem value="26" label="26"/>
|
||||
<menuitem value="28" label="28"/>
|
||||
<menuitem value="30" label="30"/>
|
||||
<menuitem value="32" label="32"/>
|
||||
<menuitem value="34" label="34"/>
|
||||
<menuitem value="36" label="36"/>
|
||||
<menuitem value="40" label="40"/>
|
||||
<menuitem value="44" label="44"/>
|
||||
<menuitem value="48" label="48"/>
|
||||
<menuitem value="56" label="56"/>
|
||||
<menuitem value="64" label="64"/>
|
||||
<menuitem value="72" label="72"/>
|
||||
</menupopup>
|
||||
</menulist>
|
||||
</box>
|
||||
<separator class="thin"/>
|
||||
<hbox align="center" pack="end">
|
||||
<label data-l10n-id="fonts-minsize" control="minSize"/>
|
||||
<menulist id="minSize">
|
||||
<menupopup>
|
||||
<menuitem value="0" data-l10n-id="fonts-minsize-none"/>
|
||||
<menuitem value="9" label="9"/>
|
||||
<menuitem value="10" label="10"/>
|
||||
<menuitem value="11" label="11"/>
|
||||
<menuitem value="12" label="12"/>
|
||||
<menuitem value="13" label="13"/>
|
||||
<menuitem value="14" label="14"/>
|
||||
<menuitem value="15" label="15"/>
|
||||
<menuitem value="16" label="16"/>
|
||||
<menuitem value="17" label="17"/>
|
||||
<menuitem value="18" label="18"/>
|
||||
<menuitem value="20" label="20"/>
|
||||
<menuitem value="22" label="22"/>
|
||||
<menuitem value="24" label="24"/>
|
||||
<menuitem value="26" label="26"/>
|
||||
<menuitem value="28" label="28"/>
|
||||
<menuitem value="30" label="30"/>
|
||||
<menuitem value="32" label="32"/>
|
||||
<menuitem value="34" label="34"/>
|
||||
<menuitem value="36" label="36"/>
|
||||
<menuitem value="40" label="40"/>
|
||||
<menuitem value="44" label="44"/>
|
||||
<menuitem value="48" label="48"/>
|
||||
<menuitem value="56" label="56"/>
|
||||
<menuitem value="64" label="64"/>
|
||||
<menuitem value="72" label="72"/>
|
||||
</menupopup>
|
||||
</menulist>
|
||||
</hbox>
|
||||
<separator/>
|
||||
<separator class="groove"/>
|
||||
<hbox>
|
||||
<checkbox id="useDocumentFonts"
|
||||
data-l10n-id="fonts-allow-own"
|
||||
preference="browser.display.use_document_fonts"/>
|
||||
</hbox>
|
||||
</groupbox>
|
||||
<separator />
|
||||
<separator class="groove" />
|
||||
<hbox>
|
||||
<checkbox
|
||||
id="useDocumentFonts"
|
||||
data-l10n-id="fonts-allow-own"
|
||||
preference="browser.display.use_document_fonts"
|
||||
/>
|
||||
</hbox>
|
||||
</groupbox>
|
||||
|
||||
<!-- Load the script after the elements for layout issues (bug 1501755). -->
|
||||
<script src="chrome://mozapps/content/preferences/fontbuilder.js"/>
|
||||
<script src="chrome://browser/content/preferences/dialogs/fonts.js"/>
|
||||
</dialog>
|
||||
<!-- Load the script after the elements for layout issues (bug 1501755). -->
|
||||
<script src="chrome://mozapps/content/preferences/fontbuilder.js" />
|
||||
<script src="chrome://browser/content/preferences/dialogs/fonts.js" />
|
||||
</dialog>
|
||||
</window>
|
||||
|
|
|
|||
|
|
@ -7,61 +7,105 @@
|
|||
<?xml-stylesheet href="chrome://global/skin/global.css"?>
|
||||
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.css"?>
|
||||
|
||||
<window type="child"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
data-l10n-id="webpage-languages-window2"
|
||||
data-l10n-attrs="title, style"
|
||||
persist="lastSelected"
|
||||
onload="gLanguagesDialog.onLoad();">
|
||||
<dialog id="LanguagesDialog"
|
||||
buttons="accept,cancel,help"
|
||||
helpTopic="prefs-languages">
|
||||
<window
|
||||
type="child"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
data-l10n-id="webpage-languages-window2"
|
||||
data-l10n-attrs="title, style"
|
||||
persist="lastSelected"
|
||||
onload="gLanguagesDialog.onLoad();"
|
||||
>
|
||||
<dialog
|
||||
id="LanguagesDialog"
|
||||
buttons="accept,cancel,help"
|
||||
helpTopic="prefs-languages"
|
||||
>
|
||||
<linkset>
|
||||
<html:link rel="localization" href="browser/preferences/languages.ftl" />
|
||||
</linkset>
|
||||
|
||||
<linkset>
|
||||
<html:link rel="localization" href="browser/preferences/languages.ftl"/>
|
||||
</linkset>
|
||||
<script src="chrome://browser/content/utilityOverlay.js" />
|
||||
<script src="chrome://global/content/preferencesBindings.js" />
|
||||
<script src="chrome://browser/content/preferences/dialogs/languages.js" />
|
||||
|
||||
<script src="chrome://browser/content/utilityOverlay.js"/>
|
||||
<script src="chrome://global/content/preferencesBindings.js"/>
|
||||
<script src="chrome://browser/content/preferences/dialogs/languages.js"/>
|
||||
<keyset>
|
||||
<key
|
||||
data-l10n-id="languages-close-key"
|
||||
modifiers="accel"
|
||||
oncommand="Preferences.close(event)"
|
||||
/>
|
||||
</keyset>
|
||||
|
||||
<keyset>
|
||||
<key data-l10n-id="languages-close-key" modifiers="accel" oncommand="Preferences.close(event)"/>
|
||||
</keyset>
|
||||
<stringbundleset id="languageSet">
|
||||
<stringbundle
|
||||
id="bundleAccepted"
|
||||
src="resource://gre/res/language.properties"
|
||||
/>
|
||||
</stringbundleset>
|
||||
|
||||
<stringbundleset id="languageSet">
|
||||
<stringbundle id="bundleAccepted" src="resource://gre/res/language.properties"/>
|
||||
</stringbundleset>
|
||||
|
||||
<description data-l10n-id="languages-description"/>
|
||||
<checkbox id="spoofEnglish"
|
||||
data-l10n-id="languages-customize-spoof-english"
|
||||
preference="privacy.spoof_english"/>
|
||||
<box flex="1" style="display: grid; grid-template-rows: 1fr auto; grid-template-columns: 1fr auto;">
|
||||
<richlistbox id="activeLanguages"
|
||||
seltype="multiple"
|
||||
onselect="gLanguagesDialog.onLanguageSelect();"/>
|
||||
<vbox>
|
||||
<button id="up" class="up" oncommand="gLanguagesDialog.moveUp();" disabled="true"
|
||||
data-l10n-id="languages-customize-moveup"
|
||||
preference="pref.browser.language.disable_button.up"/>
|
||||
<button id="down" class="down" oncommand="gLanguagesDialog.moveDown();" disabled="true"
|
||||
data-l10n-id="languages-customize-movedown"
|
||||
preference="pref.browser.language.disable_button.down"/>
|
||||
<button id="remove" oncommand="gLanguagesDialog.removeLanguage();" disabled="true"
|
||||
data-l10n-id="languages-customize-remove"
|
||||
preference="pref.browser.language.disable_button.remove"/>
|
||||
</vbox>
|
||||
<!-- This <vbox> is needed to position search tooltips correctly. -->
|
||||
<vbox>
|
||||
<menulist id="availableLanguages" oncommand="gLanguagesDialog.onAvailableLanguageSelect();"
|
||||
data-l10n-id="languages-customize-select-language" data-l10n-attrs="placeholder">
|
||||
<menupopup id="availableLanguagesPopup"/>
|
||||
</menulist>
|
||||
</vbox>
|
||||
<button id="addButton" class="add-web-language" oncommand="gLanguagesDialog.addLanguage();" disabled="true"
|
||||
data-l10n-id="languages-customize-add"/>
|
||||
</box>
|
||||
</dialog>
|
||||
<description data-l10n-id="languages-description" />
|
||||
<checkbox
|
||||
id="spoofEnglish"
|
||||
data-l10n-id="languages-customize-spoof-english"
|
||||
preference="privacy.spoof_english"
|
||||
/>
|
||||
<box
|
||||
flex="1"
|
||||
style="
|
||||
display: grid;
|
||||
grid-template-rows: 1fr auto;
|
||||
grid-template-columns: 1fr auto;
|
||||
"
|
||||
>
|
||||
<richlistbox
|
||||
id="activeLanguages"
|
||||
seltype="multiple"
|
||||
onselect="gLanguagesDialog.onLanguageSelect();"
|
||||
/>
|
||||
<vbox>
|
||||
<button
|
||||
id="up"
|
||||
class="up"
|
||||
oncommand="gLanguagesDialog.moveUp();"
|
||||
disabled="true"
|
||||
data-l10n-id="languages-customize-moveup"
|
||||
preference="pref.browser.language.disable_button.up"
|
||||
/>
|
||||
<button
|
||||
id="down"
|
||||
class="down"
|
||||
oncommand="gLanguagesDialog.moveDown();"
|
||||
disabled="true"
|
||||
data-l10n-id="languages-customize-movedown"
|
||||
preference="pref.browser.language.disable_button.down"
|
||||
/>
|
||||
<button
|
||||
id="remove"
|
||||
oncommand="gLanguagesDialog.removeLanguage();"
|
||||
disabled="true"
|
||||
data-l10n-id="languages-customize-remove"
|
||||
preference="pref.browser.language.disable_button.remove"
|
||||
/>
|
||||
</vbox>
|
||||
<!-- This <vbox> is needed to position search tooltips correctly. -->
|
||||
<vbox>
|
||||
<menulist
|
||||
id="availableLanguages"
|
||||
oncommand="gLanguagesDialog.onAvailableLanguageSelect();"
|
||||
data-l10n-id="languages-customize-select-language"
|
||||
data-l10n-attrs="placeholder"
|
||||
>
|
||||
<menupopup id="availableLanguagesPopup" />
|
||||
</menulist>
|
||||
</vbox>
|
||||
<button
|
||||
id="addButton"
|
||||
class="add-web-language"
|
||||
oncommand="gLanguagesDialog.addLanguage();"
|
||||
disabled="true"
|
||||
data-l10n-id="languages-customize-add"
|
||||
/>
|
||||
</box>
|
||||
</dialog>
|
||||
</window>
|
||||
|
|
|
|||
|
|
@ -8,76 +8,127 @@
|
|||
<?xml-stylesheet href="chrome://browser/content/preferences/dialogs/sitePermissions.css" type="text/css"?>
|
||||
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.css" type="text/css"?>
|
||||
|
||||
<window id="PermissionsDialog"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
data-l10n-id="permissions-window2"
|
||||
data-l10n-attrs="title, style"
|
||||
onload="gPermissionManager.onLoad();"
|
||||
onunload="gPermissionManager.uninit();"
|
||||
persist="width height"
|
||||
onkeypress="gPermissionManager.onWindowKeyPress(event);">
|
||||
|
||||
<window
|
||||
id="PermissionsDialog"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
data-l10n-id="permissions-window2"
|
||||
data-l10n-attrs="title, style"
|
||||
onload="gPermissionManager.onLoad();"
|
||||
onunload="gPermissionManager.uninit();"
|
||||
persist="width height"
|
||||
onkeypress="gPermissionManager.onWindowKeyPress(event);"
|
||||
>
|
||||
<dialog
|
||||
buttons="accept,cancel"
|
||||
data-l10n-id="permission-dialog"
|
||||
data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept">
|
||||
buttons="accept,cancel"
|
||||
data-l10n-id="permission-dialog"
|
||||
data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept"
|
||||
>
|
||||
<linkset>
|
||||
<html:link rel="localization" href="branding/brand.ftl" />
|
||||
<html:link
|
||||
rel="localization"
|
||||
href="browser/preferences/permissions.ftl"
|
||||
/>
|
||||
</linkset>
|
||||
|
||||
<linkset>
|
||||
<html:link rel="localization" href="branding/brand.ftl"/>
|
||||
<html:link rel="localization" href="browser/preferences/permissions.ftl"/>
|
||||
</linkset>
|
||||
<script src="chrome://browser/content/preferences/dialogs/permissions.js" />
|
||||
|
||||
<script src="chrome://browser/content/preferences/dialogs/permissions.js"/>
|
||||
<keyset>
|
||||
<key
|
||||
data-l10n-id="permissions-close-key"
|
||||
modifiers="accel"
|
||||
oncommand="window.close();"
|
||||
/>
|
||||
</keyset>
|
||||
|
||||
<keyset>
|
||||
<key data-l10n-id="permissions-close-key" modifiers="accel" oncommand="window.close();"/>
|
||||
</keyset>
|
||||
<vbox class="contentPane">
|
||||
<description id="permissionsText" control="url" />
|
||||
<separator class="thin" />
|
||||
<label id="urlLabel" control="url" data-l10n-id="permissions-address" />
|
||||
<hbox align="start">
|
||||
<html:input
|
||||
id="url"
|
||||
type="text"
|
||||
style="flex: 1"
|
||||
oninput="gPermissionManager.onHostInput(event.target);"
|
||||
onkeypress="gPermissionManager.onHostKeyPress(event);"
|
||||
/>
|
||||
</hbox>
|
||||
<hbox pack="end">
|
||||
<button
|
||||
id="btnDisableETP"
|
||||
disabled="true"
|
||||
data-l10n-id="permissions-disable-etp"
|
||||
oncommand="gPermissionManager.addPermission(Ci.nsIPermissionManager.ALLOW_ACTION);"
|
||||
/>
|
||||
<button
|
||||
id="btnBlock"
|
||||
disabled="true"
|
||||
data-l10n-id="permissions-block"
|
||||
oncommand="gPermissionManager.addPermission(Ci.nsIPermissionManager.DENY_ACTION);"
|
||||
/>
|
||||
<button
|
||||
id="btnCookieSession"
|
||||
disabled="true"
|
||||
data-l10n-id="permissions-session"
|
||||
oncommand="gPermissionManager.addPermission(Ci.nsICookiePermission.ACCESS_SESSION);"
|
||||
/>
|
||||
<button
|
||||
id="btnAllow"
|
||||
disabled="true"
|
||||
data-l10n-id="permissions-allow"
|
||||
oncommand="gPermissionManager.addPermission(Ci.nsIPermissionManager.ALLOW_ACTION);"
|
||||
/>
|
||||
<button
|
||||
id="btnHttpsOnlyOff"
|
||||
disabled="true"
|
||||
data-l10n-id="permissions-button-off"
|
||||
oncommand="gPermissionManager.addPermission(Ci.nsIPermissionManager.ALLOW_ACTION);"
|
||||
/>
|
||||
<button
|
||||
id="btnHttpsOnlyOffTmp"
|
||||
disabled="true"
|
||||
data-l10n-id="permissions-button-off-temporarily"
|
||||
oncommand="gPermissionManager.addPermission(Ci.nsIHttpsOnlyModePermission.LOAD_INSECURE_ALLOW_SESSION);"
|
||||
/>
|
||||
</hbox>
|
||||
<separator class="thin" />
|
||||
<listheader>
|
||||
<treecol
|
||||
id="siteCol"
|
||||
data-l10n-id="permissions-site-name"
|
||||
style="flex: 3 3 auto; width: 0"
|
||||
onclick="gPermissionManager.buildPermissionsList(event.target)"
|
||||
/>
|
||||
<treecol
|
||||
id="statusCol"
|
||||
data-l10n-id="permissions-status"
|
||||
style="flex: 1 1 auto; width: 0"
|
||||
data-isCurrentSortCol="true"
|
||||
onclick="gPermissionManager.buildPermissionsList(event.target);"
|
||||
/>
|
||||
</listheader>
|
||||
<richlistbox
|
||||
id="permissionsBox"
|
||||
selected="false"
|
||||
onkeypress="gPermissionManager.onPermissionKeyPress(event);"
|
||||
onselect="gPermissionManager.onPermissionSelect();"
|
||||
/>
|
||||
</vbox>
|
||||
|
||||
<vbox class="contentPane">
|
||||
<description id="permissionsText" control="url"/>
|
||||
<separator class="thin"/>
|
||||
<label id="urlLabel" control="url" data-l10n-id="permissions-address"/>
|
||||
<hbox align="start">
|
||||
<html:input id="url" type="text"
|
||||
style="flex: 1;"
|
||||
oninput="gPermissionManager.onHostInput(event.target);"
|
||||
onkeypress="gPermissionManager.onHostKeyPress(event);"/>
|
||||
<hbox class="actionButtons">
|
||||
<button
|
||||
id="removePermission"
|
||||
disabled="true"
|
||||
data-l10n-id="permissions-remove"
|
||||
oncommand="gPermissionManager.onPermissionDelete();"
|
||||
/>
|
||||
<button
|
||||
id="removeAllPermissions"
|
||||
data-l10n-id="permissions-remove-all"
|
||||
oncommand="gPermissionManager.onAllPermissionsDelete();"
|
||||
/>
|
||||
</hbox>
|
||||
<hbox pack="end">
|
||||
<button id="btnDisableETP" disabled="true" data-l10n-id="permissions-disable-etp"
|
||||
oncommand="gPermissionManager.addPermission(Ci.nsIPermissionManager.ALLOW_ACTION);"/>
|
||||
<button id="btnBlock" disabled="true" data-l10n-id="permissions-block"
|
||||
oncommand="gPermissionManager.addPermission(Ci.nsIPermissionManager.DENY_ACTION);"/>
|
||||
<button id="btnCookieSession" disabled="true" data-l10n-id="permissions-session"
|
||||
oncommand="gPermissionManager.addPermission(Ci.nsICookiePermission.ACCESS_SESSION);"/>
|
||||
<button id="btnAllow" disabled="true" data-l10n-id="permissions-allow"
|
||||
oncommand="gPermissionManager.addPermission(Ci.nsIPermissionManager.ALLOW_ACTION);"/>
|
||||
<button id="btnHttpsOnlyOff" disabled="true" data-l10n-id="permissions-button-off"
|
||||
oncommand="gPermissionManager.addPermission(Ci.nsIPermissionManager.ALLOW_ACTION);"/>
|
||||
<button id="btnHttpsOnlyOffTmp" disabled="true" data-l10n-id="permissions-button-off-temporarily"
|
||||
oncommand="gPermissionManager.addPermission(Ci.nsIHttpsOnlyModePermission.LOAD_INSECURE_ALLOW_SESSION);"/>
|
||||
</hbox>
|
||||
<separator class="thin"/>
|
||||
<listheader>
|
||||
<treecol id="siteCol" data-l10n-id="permissions-site-name" style="flex: 3 3 auto; width: 0"
|
||||
onclick="gPermissionManager.buildPermissionsList(event.target)"/>
|
||||
<treecol id="statusCol" data-l10n-id="permissions-status" style="flex: 1 1 auto; width: 0"
|
||||
data-isCurrentSortCol="true"
|
||||
onclick="gPermissionManager.buildPermissionsList(event.target);"/>
|
||||
</listheader>
|
||||
<richlistbox id="permissionsBox" selected="false"
|
||||
onkeypress="gPermissionManager.onPermissionKeyPress(event);"
|
||||
onselect="gPermissionManager.onPermissionSelect();"/>
|
||||
</vbox>
|
||||
|
||||
<hbox class="actionButtons">
|
||||
<button id="removePermission" disabled="true"
|
||||
data-l10n-id="permissions-remove"
|
||||
oncommand="gPermissionManager.onPermissionDelete();"/>
|
||||
<button id="removeAllPermissions"
|
||||
data-l10n-id="permissions-remove-all"
|
||||
oncommand="gPermissionManager.onAllPermissionsDelete();"/>
|
||||
</hbox>
|
||||
</dialog>
|
||||
</window>
|
||||
|
|
|
|||
|
|
@ -10,64 +10,82 @@
|
|||
|
||||
<!DOCTYPE window>
|
||||
|
||||
<window id="SanitizeDialog"
|
||||
type="child"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
persist="lastSelected"
|
||||
data-l10n-id="sanitize-prefs2"
|
||||
data-l10n-attrs="style"
|
||||
onload="gSanitizeDialog.init();">
|
||||
<dialog buttons="accept,cancel,help"
|
||||
helpTopic="prefs-clear-private-data">
|
||||
<window
|
||||
id="SanitizeDialog"
|
||||
type="child"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
persist="lastSelected"
|
||||
data-l10n-id="sanitize-prefs2"
|
||||
data-l10n-attrs="style"
|
||||
onload="gSanitizeDialog.init();"
|
||||
>
|
||||
<dialog buttons="accept,cancel,help" helpTopic="prefs-clear-private-data">
|
||||
<linkset>
|
||||
<html:link rel="localization" href="browser/sanitize.ftl" />
|
||||
<html:link rel="localization" href="branding/brand.ftl" />
|
||||
</linkset>
|
||||
|
||||
<linkset>
|
||||
<html:link rel="localization" href="browser/sanitize.ftl"/>
|
||||
<html:link rel="localization" href="branding/brand.ftl"/>
|
||||
</linkset>
|
||||
<script src="chrome://browser/content/utilityOverlay.js" />
|
||||
<script src="chrome://global/content/preferencesBindings.js" />
|
||||
|
||||
<script src="chrome://browser/content/utilityOverlay.js"/>
|
||||
<script src="chrome://global/content/preferencesBindings.js"/>
|
||||
<keyset>
|
||||
<key
|
||||
data-l10n-id="window-close"
|
||||
modifiers="accel"
|
||||
oncommand="Preferences.close(event)"
|
||||
/>
|
||||
</keyset>
|
||||
|
||||
<keyset>
|
||||
<key data-l10n-id="window-close" modifiers="accel" oncommand="Preferences.close(event)"/>
|
||||
</keyset>
|
||||
<script src="chrome://browser/content/preferences/dialogs/sanitize.js" />
|
||||
|
||||
<script src="chrome://browser/content/preferences/dialogs/sanitize.js"/>
|
||||
<description data-l10n-id="clear-data-settings-label"></description>
|
||||
|
||||
<description data-l10n-id="clear-data-settings-label"></description>
|
||||
|
||||
<groupbox>
|
||||
<label><html:h2 data-l10n-id="history-section-label"/></label>
|
||||
<hbox>
|
||||
<vbox data-l10n-id="sanitize-prefs-style" data-l10n-attrs="style">
|
||||
<checkbox data-l10n-id="item-history-and-downloads"
|
||||
preference="privacy.clearOnShutdown.history"/>
|
||||
<checkbox data-l10n-id="item-active-logins"
|
||||
preference="privacy.clearOnShutdown.sessions"/>
|
||||
<checkbox data-l10n-id="item-form-search-history"
|
||||
preference="privacy.clearOnShutdown.formdata"/>
|
||||
</vbox>
|
||||
<vbox>
|
||||
<checkbox data-l10n-id="item-cookies"
|
||||
preference="privacy.clearOnShutdown.cookies"/>
|
||||
<checkbox data-l10n-id="item-cache"
|
||||
preference="privacy.clearOnShutdown.cache"/>
|
||||
</vbox>
|
||||
</hbox>
|
||||
</groupbox>
|
||||
<groupbox>
|
||||
<label><html:h2 data-l10n-id="data-section-label"/></label>
|
||||
<hbox>
|
||||
<vbox data-l10n-id="sanitize-prefs-style" data-l10n-attrs="style">
|
||||
<checkbox data-l10n-id="item-site-settings"
|
||||
preference="privacy.clearOnShutdown.siteSettings"/>
|
||||
</vbox>
|
||||
<vbox flex="1">
|
||||
<checkbox data-l10n-id="item-offline-apps"
|
||||
preference="privacy.clearOnShutdown.offlineApps"/>
|
||||
</vbox>
|
||||
</hbox>
|
||||
</groupbox>
|
||||
</dialog>
|
||||
<groupbox>
|
||||
<label><html:h2 data-l10n-id="history-section-label" /></label>
|
||||
<hbox>
|
||||
<vbox data-l10n-id="sanitize-prefs-style" data-l10n-attrs="style">
|
||||
<checkbox
|
||||
data-l10n-id="item-history-and-downloads"
|
||||
preference="privacy.clearOnShutdown.history"
|
||||
/>
|
||||
<checkbox
|
||||
data-l10n-id="item-active-logins"
|
||||
preference="privacy.clearOnShutdown.sessions"
|
||||
/>
|
||||
<checkbox
|
||||
data-l10n-id="item-form-search-history"
|
||||
preference="privacy.clearOnShutdown.formdata"
|
||||
/>
|
||||
</vbox>
|
||||
<vbox>
|
||||
<checkbox
|
||||
data-l10n-id="item-cookies"
|
||||
preference="privacy.clearOnShutdown.cookies"
|
||||
/>
|
||||
<checkbox
|
||||
data-l10n-id="item-cache"
|
||||
preference="privacy.clearOnShutdown.cache"
|
||||
/>
|
||||
</vbox>
|
||||
</hbox>
|
||||
</groupbox>
|
||||
<groupbox>
|
||||
<label><html:h2 data-l10n-id="data-section-label" /></label>
|
||||
<hbox>
|
||||
<vbox data-l10n-id="sanitize-prefs-style" data-l10n-attrs="style">
|
||||
<checkbox
|
||||
data-l10n-id="item-site-settings"
|
||||
preference="privacy.clearOnShutdown.siteSettings"
|
||||
/>
|
||||
</vbox>
|
||||
<vbox flex="1">
|
||||
<checkbox
|
||||
data-l10n-id="item-offline-apps"
|
||||
preference="privacy.clearOnShutdown.offlineApps"
|
||||
/>
|
||||
</vbox>
|
||||
</hbox>
|
||||
</groupbox>
|
||||
</dialog>
|
||||
</window>
|
||||
|
|
|
|||
|
|
@ -3,47 +3,53 @@
|
|||
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
|
||||
|
||||
<?xml-stylesheet href="chrome://browser/content/places/places.css"?>
|
||||
|
||||
<?xml-stylesheet href="chrome://global/skin/global.css"?>
|
||||
<?xml-stylesheet href="chrome://browser/skin/places/tree-icons.css"?>
|
||||
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
data-l10n-id="select-bookmark-window2"
|
||||
data-l10n-attrs="title, style"
|
||||
persist="width height"
|
||||
onload="SelectBookmarkDialog.init();">
|
||||
<dialog id="selectBookmarkDialog">
|
||||
<window
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
data-l10n-id="select-bookmark-window2"
|
||||
data-l10n-attrs="title, style"
|
||||
persist="width height"
|
||||
onload="SelectBookmarkDialog.init();"
|
||||
>
|
||||
<dialog id="selectBookmarkDialog">
|
||||
<linkset>
|
||||
<html:link
|
||||
rel="localization"
|
||||
href="browser/preferences/selectBookmark.ftl"
|
||||
/>
|
||||
</linkset>
|
||||
|
||||
<linkset>
|
||||
<html:link rel="localization" href="browser/preferences/selectBookmark.ftl"/>
|
||||
</linkset>
|
||||
<script src="chrome://browser/content/preferences/dialogs/selectBookmark.js" />
|
||||
<script src="chrome://global/content/globalOverlay.js" />
|
||||
<script src="chrome://browser/content/utilityOverlay.js" />
|
||||
<script src="chrome://browser/content/places/places-tree.js" />
|
||||
|
||||
<script src="chrome://browser/content/preferences/dialogs/selectBookmark.js"/>
|
||||
<script src="chrome://global/content/globalOverlay.js"/>
|
||||
<script src="chrome://browser/content/utilityOverlay.js"/>
|
||||
<script src="chrome://browser/content/places/places-tree.js"/>
|
||||
<description data-l10n-id="select-bookmark-desc" />
|
||||
|
||||
<description data-l10n-id="select-bookmark-desc"/>
|
||||
<separator class="thin" />
|
||||
|
||||
<separator class="thin"/>
|
||||
<tree
|
||||
id="bookmarks"
|
||||
flex="1"
|
||||
is="places-tree"
|
||||
style="height: 15em"
|
||||
hidecolumnpicker="true"
|
||||
seltype="single"
|
||||
ondblclick="SelectBookmarkDialog.onItemDblClick();"
|
||||
onselect="SelectBookmarkDialog.selectionChanged();"
|
||||
disableUserActions="true"
|
||||
>
|
||||
<treecols>
|
||||
<treecol id="title" flex="1" primary="true" hideheader="true" />
|
||||
</treecols>
|
||||
<treechildren id="bookmarksChildren" flex="1" />
|
||||
</tree>
|
||||
|
||||
<tree id="bookmarks" flex="1" is="places-tree"
|
||||
style="height: 15em;"
|
||||
hidecolumnpicker="true"
|
||||
seltype="single"
|
||||
ondblclick="SelectBookmarkDialog.onItemDblClick();"
|
||||
onselect="SelectBookmarkDialog.selectionChanged();"
|
||||
disableUserActions="true">
|
||||
<treecols>
|
||||
<treecol id="title" flex="1" primary="true" hideheader="true"/>
|
||||
</treecols>
|
||||
<treechildren id="bookmarksChildren" flex="1"/>
|
||||
</tree>
|
||||
|
||||
<separator class="thin"/>
|
||||
|
||||
</dialog>
|
||||
<separator class="thin" />
|
||||
</dialog>
|
||||
</window>
|
||||
|
|
|
|||
|
|
@ -8,52 +8,79 @@
|
|||
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.css" type="text/css"?>
|
||||
<?xml-stylesheet href="chrome://browser/skin/preferences/siteDataSettings.css" type="text/css"?>
|
||||
|
||||
<window id="SiteDataSettingsDialog"
|
||||
data-l10n-id="site-data-settings-window"
|
||||
data-l10n-attrs="title"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
style="min-width: 45em;"
|
||||
onload="gSiteDataSettings.init();"
|
||||
onkeypress="gSiteDataSettings.onKeyPress(event);"
|
||||
persist="width height">
|
||||
<window
|
||||
id="SiteDataSettingsDialog"
|
||||
data-l10n-id="site-data-settings-window"
|
||||
data-l10n-attrs="title"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
style="min-width: 45em"
|
||||
onload="gSiteDataSettings.init();"
|
||||
onkeypress="gSiteDataSettings.onKeyPress(event);"
|
||||
persist="width height"
|
||||
>
|
||||
<dialog
|
||||
buttons="accept,cancel"
|
||||
data-l10n-id="site-data-settings-dialog"
|
||||
data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept"
|
||||
>
|
||||
<linkset>
|
||||
<html:link rel="localization" href="branding/brand.ftl" />
|
||||
<html:link
|
||||
rel="localization"
|
||||
href="browser/preferences/siteDataSettings.ftl"
|
||||
/>
|
||||
</linkset>
|
||||
|
||||
<dialog
|
||||
buttons="accept,cancel"
|
||||
data-l10n-id="site-data-settings-dialog"
|
||||
data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept">
|
||||
<script src="chrome://browser/content/preferences/dialogs/siteDataSettings.js" />
|
||||
|
||||
<linkset>
|
||||
<html:link rel="localization" href="branding/brand.ftl"/>
|
||||
<html:link rel="localization" href="browser/preferences/siteDataSettings.ftl"/>
|
||||
</linkset>
|
||||
<vbox flex="1" class="contentPane">
|
||||
<description
|
||||
id="settingsDescription"
|
||||
data-l10n-id="site-data-settings-description"
|
||||
/>
|
||||
<separator class="thin" />
|
||||
|
||||
<script src="chrome://browser/content/preferences/dialogs/siteDataSettings.js"/>
|
||||
<hbox id="searchBoxContainer">
|
||||
<search-textbox
|
||||
id="searchBox"
|
||||
flex="1"
|
||||
data-l10n-id="site-data-search-textbox"
|
||||
data-l10n-attrs="placeholder"
|
||||
/>
|
||||
</hbox>
|
||||
<separator class="thin" />
|
||||
|
||||
<vbox flex="1" class="contentPane">
|
||||
<description id="settingsDescription" data-l10n-id="site-data-settings-description"/>
|
||||
<separator class="thin"/>
|
||||
<listheader>
|
||||
<treecol
|
||||
style="flex: 4 4 auto; width: 50px"
|
||||
data-l10n-id="site-data-column-host"
|
||||
id="hostCol"
|
||||
/>
|
||||
<treecol
|
||||
style="flex: 1 auto; width: 50px"
|
||||
data-l10n-id="site-data-column-cookies"
|
||||
id="cookiesCol"
|
||||
/>
|
||||
<!-- Sorted by usage so the user can quickly see which sites use the most data. -->
|
||||
<treecol
|
||||
style="flex: 2 2 auto; width: 50px"
|
||||
data-l10n-id="site-data-column-storage"
|
||||
id="usageCol"
|
||||
data-isCurrentSortCol="true"
|
||||
/>
|
||||
<treecol
|
||||
style="flex: 2 2 auto; width: 50px"
|
||||
data-l10n-id="site-data-column-last-used"
|
||||
id="lastAccessedCol"
|
||||
/>
|
||||
</listheader>
|
||||
<richlistbox seltype="multiple" id="sitesList" orient="vertical" />
|
||||
</vbox>
|
||||
|
||||
<hbox id="searchBoxContainer">
|
||||
<search-textbox id="searchBox" flex="1"
|
||||
data-l10n-id="site-data-search-textbox"
|
||||
data-l10n-attrs="placeholder"/>
|
||||
<hbox align="start">
|
||||
<button id="removeSelected" data-l10n-id="site-data-remove-selected" />
|
||||
<button id="removeAll" />
|
||||
</hbox>
|
||||
<separator class="thin"/>
|
||||
|
||||
<listheader>
|
||||
<treecol style="flex: 4 4 auto; width: 50px" data-l10n-id="site-data-column-host" id="hostCol"/>
|
||||
<treecol style="flex: 1 auto; width: 50px" data-l10n-id="site-data-column-cookies" id="cookiesCol"/>
|
||||
<!-- Sorted by usage so the user can quickly see which sites use the most data. -->
|
||||
<treecol style="flex: 2 2 auto; width: 50px" data-l10n-id="site-data-column-storage" id="usageCol" data-isCurrentSortCol="true"/>
|
||||
<treecol style="flex: 2 2 auto; width: 50px" data-l10n-id="site-data-column-last-used" id="lastAccessedCol" />
|
||||
</listheader>
|
||||
<richlistbox seltype="multiple" id="sitesList" orient="vertical"/>
|
||||
</vbox>
|
||||
|
||||
<hbox align="start">
|
||||
<button id="removeSelected" data-l10n-id="site-data-remove-selected"/>
|
||||
<button id="removeAll"/>
|
||||
</hbox>
|
||||
</dialog>
|
||||
</window>
|
||||
|
|
|
|||
|
|
@ -8,75 +8,108 @@
|
|||
<?xml-stylesheet href="chrome://browser/content/preferences/dialogs/sitePermissions.css" type="text/css"?>
|
||||
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.css" type="text/css"?>
|
||||
|
||||
<window id="SitePermissionsDialog"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
data-l10n-id="permissions-window2"
|
||||
data-l10n-attrs="title, style"
|
||||
onload="gSitePermissionsManager.onLoad();"
|
||||
onunload="gSitePermissionsManager.uninit();"
|
||||
persist="width height">
|
||||
|
||||
<window
|
||||
id="SitePermissionsDialog"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
data-l10n-id="permissions-window2"
|
||||
data-l10n-attrs="title, style"
|
||||
onload="gSitePermissionsManager.onLoad();"
|
||||
onunload="gSitePermissionsManager.uninit();"
|
||||
persist="width height"
|
||||
>
|
||||
<dialog
|
||||
buttons="accept,cancel"
|
||||
data-l10n-id="permission-dialog"
|
||||
data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept">
|
||||
data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept"
|
||||
>
|
||||
<linkset>
|
||||
<html:link
|
||||
rel="localization"
|
||||
href="browser/preferences/preferences.ftl"
|
||||
/>
|
||||
<html:link
|
||||
rel="localization"
|
||||
href="browser/preferences/permissions.ftl"
|
||||
/>
|
||||
</linkset>
|
||||
|
||||
<linkset>
|
||||
<html:link rel="localization" href="browser/preferences/preferences.ftl"/>
|
||||
<html:link rel="localization" href="browser/preferences/permissions.ftl"/>
|
||||
</linkset>
|
||||
<script src="chrome://browser/content/preferences/dialogs/sitePermissions.js" />
|
||||
<script src="chrome://browser/content/preferences/extensionControlled.js" />
|
||||
|
||||
<script src="chrome://browser/content/preferences/dialogs/sitePermissions.js"/>
|
||||
<script src="chrome://browser/content/preferences/extensionControlled.js"/>
|
||||
<keyset>
|
||||
<key
|
||||
data-l10n-id="permissions-close-key"
|
||||
modifiers="accel"
|
||||
oncommand="window.close();"
|
||||
/>
|
||||
</keyset>
|
||||
|
||||
<keyset>
|
||||
<key data-l10n-id="permissions-close-key" modifiers="accel" oncommand="window.close();"/>
|
||||
</keyset>
|
||||
<vbox class="contentPane">
|
||||
<hbox align="center" id="setAutoplayPref" hidden="true">
|
||||
<label data-l10n-id="permissions-autoplay-menu" />
|
||||
</hbox>
|
||||
<description id="permissionsText" control="url" />
|
||||
<separator class="thin" />
|
||||
<hbox align="start">
|
||||
<search-textbox
|
||||
id="searchBox"
|
||||
flex="1"
|
||||
data-l10n-id="permissions-searchbox"
|
||||
data-l10n-attrs="placeholder"
|
||||
oncommand="gSitePermissionsManager.buildPermissionsList();"
|
||||
/>
|
||||
</hbox>
|
||||
<separator class="thin" />
|
||||
<listheader>
|
||||
<treecol
|
||||
id="siteCol"
|
||||
data-l10n-id="permissions-site-name"
|
||||
onclick="gSitePermissionsManager.buildPermissionsList(event.target)"
|
||||
/>
|
||||
<treecol
|
||||
id="statusCol"
|
||||
data-l10n-id="permissions-status"
|
||||
data-isCurrentSortCol="true"
|
||||
onclick="gSitePermissionsManager.buildPermissionsList(event.target);"
|
||||
/>
|
||||
</listheader>
|
||||
<richlistbox
|
||||
id="permissionsBox"
|
||||
selected="false"
|
||||
onkeypress="gSitePermissionsManager.onPermissionKeyPress(event);"
|
||||
onselect="gSitePermissionsManager.onPermissionSelect();"
|
||||
/>
|
||||
</vbox>
|
||||
|
||||
<vbox class="contentPane">
|
||||
|
||||
<hbox align="center" id="setAutoplayPref" hidden="true">
|
||||
<label data-l10n-id="permissions-autoplay-menu"/>
|
||||
<hbox class="actionButtons">
|
||||
<button
|
||||
id="removePermission"
|
||||
disabled="true"
|
||||
data-l10n-id="permissions-remove"
|
||||
oncommand="gSitePermissionsManager.onPermissionDelete();"
|
||||
/>
|
||||
<button
|
||||
id="removeAllPermissions"
|
||||
data-l10n-id="permissions-remove-all"
|
||||
oncommand="gSitePermissionsManager.onAllPermissionsDelete();"
|
||||
/>
|
||||
</hbox>
|
||||
<description id="permissionsText" control="url"/>
|
||||
<separator class="thin"/>
|
||||
<hbox align="start">
|
||||
<search-textbox id="searchBox" flex="1"
|
||||
data-l10n-id="permissions-searchbox"
|
||||
data-l10n-attrs="placeholder"
|
||||
oncommand="gSitePermissionsManager.buildPermissionsList();"/>
|
||||
|
||||
<checkbox id="permissionsDisableCheckbox" />
|
||||
<description id="permissionsDisableDescription" />
|
||||
<hbox
|
||||
id="browserNotificationsPermissionExtensionContent"
|
||||
class="extension-controlled"
|
||||
align="center"
|
||||
hidden="true"
|
||||
>
|
||||
<description control="disableNotificationsPermissionExtension" flex="1" />
|
||||
<button
|
||||
id="disableNotificationsPermissionExtension"
|
||||
class="extension-controlled-button accessory-button"
|
||||
data-l10n-id="disable-extension"
|
||||
/>
|
||||
</hbox>
|
||||
<separator class="thin"/>
|
||||
<listheader>
|
||||
<treecol id="siteCol" data-l10n-id="permissions-site-name"
|
||||
onclick="gSitePermissionsManager.buildPermissionsList(event.target)"/>
|
||||
<treecol id="statusCol" data-l10n-id="permissions-status"
|
||||
data-isCurrentSortCol="true"
|
||||
onclick="gSitePermissionsManager.buildPermissionsList(event.target);"/>
|
||||
</listheader>
|
||||
<richlistbox id="permissionsBox" selected="false"
|
||||
onkeypress="gSitePermissionsManager.onPermissionKeyPress(event);"
|
||||
onselect="gSitePermissionsManager.onPermissionSelect();"/>
|
||||
</vbox>
|
||||
|
||||
<hbox class="actionButtons">
|
||||
<button id="removePermission" disabled="true"
|
||||
data-l10n-id="permissions-remove"
|
||||
oncommand="gSitePermissionsManager.onPermissionDelete();"/>
|
||||
<button id="removeAllPermissions"
|
||||
data-l10n-id="permissions-remove-all"
|
||||
oncommand="gSitePermissionsManager.onAllPermissionsDelete();"/>
|
||||
</hbox>
|
||||
|
||||
<checkbox id="permissionsDisableCheckbox"/>
|
||||
<description id="permissionsDisableDescription"/>
|
||||
<hbox id="browserNotificationsPermissionExtensionContent"
|
||||
class="extension-controlled" align="center" hidden="true">
|
||||
<description control="disableNotificationsPermissionExtension" flex="1"/>
|
||||
<button id="disableNotificationsPermissionExtension"
|
||||
class="extension-controlled-button accessory-button"
|
||||
data-l10n-id="disable-extension"/>
|
||||
</hbox>
|
||||
</dialog>
|
||||
</window>
|
||||
|
|
|
|||
|
|
@ -7,58 +7,82 @@
|
|||
|
||||
<?xml-stylesheet href="chrome://global/skin/global.css"?>
|
||||
|
||||
<window type="child"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
onload="gSyncChooseWhatToSync.init();"
|
||||
data-l10n-id="sync-choose-what-to-sync-dialog3"
|
||||
data-l10n-attrs="title, style">
|
||||
<dialog id="syncChooseOptions"
|
||||
buttons="accept,cancel,extra2"
|
||||
data-l10n-id="sync-choose-what-to-sync-dialog3"
|
||||
data-l10n-attrs="buttonlabelaccept, buttonlabelextra2">
|
||||
|
||||
<linkset>
|
||||
<html:link rel="localization" href="browser/preferences/preferences.ftl"/>
|
||||
<html:link rel="localization" href="toolkit/branding/accounts.ftl"/>
|
||||
</linkset>
|
||||
<script src="chrome://global/content/preferencesBindings.js"/>
|
||||
<script src="chrome://browser/content/preferences/dialogs/syncChooseWhatToSync.js"/>
|
||||
<description class="sync-choose-dialog-description"
|
||||
data-l10n-id="sync-choose-dialog-subtitle" />
|
||||
<html:div class="sync-engines-list">
|
||||
<html:div class="sync-engine-bookmarks">
|
||||
<checkbox data-l10n-id="sync-engine-bookmarks"
|
||||
preference="services.sync.engine.bookmarks"/>
|
||||
<window
|
||||
type="child"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
onload="gSyncChooseWhatToSync.init();"
|
||||
data-l10n-id="sync-choose-what-to-sync-dialog3"
|
||||
data-l10n-attrs="title, style"
|
||||
>
|
||||
<dialog
|
||||
id="syncChooseOptions"
|
||||
buttons="accept,cancel,extra2"
|
||||
data-l10n-id="sync-choose-what-to-sync-dialog3"
|
||||
data-l10n-attrs="buttonlabelaccept, buttonlabelextra2"
|
||||
>
|
||||
<linkset>
|
||||
<html:link
|
||||
rel="localization"
|
||||
href="browser/preferences/preferences.ftl"
|
||||
/>
|
||||
<html:link rel="localization" href="toolkit/branding/accounts.ftl" />
|
||||
</linkset>
|
||||
<script src="chrome://global/content/preferencesBindings.js" />
|
||||
<script src="chrome://browser/content/preferences/dialogs/syncChooseWhatToSync.js" />
|
||||
<description
|
||||
class="sync-choose-dialog-description"
|
||||
data-l10n-id="sync-choose-dialog-subtitle"
|
||||
/>
|
||||
<html:div class="sync-engines-list">
|
||||
<html:div class="sync-engine-bookmarks">
|
||||
<checkbox
|
||||
data-l10n-id="sync-engine-bookmarks"
|
||||
preference="services.sync.engine.bookmarks"
|
||||
/>
|
||||
</html:div>
|
||||
<html:div class="sync-engine-history">
|
||||
<checkbox
|
||||
data-l10n-id="sync-engine-history"
|
||||
preference="services.sync.engine.history"
|
||||
/>
|
||||
</html:div>
|
||||
<html:div class="sync-engine-tabs">
|
||||
<checkbox
|
||||
data-l10n-id="sync-engine-tabs"
|
||||
preference="services.sync.engine.tabs"
|
||||
/>
|
||||
</html:div>
|
||||
<html:div class="sync-engine-passwords">
|
||||
<checkbox
|
||||
data-l10n-id="sync-engine-logins-passwords"
|
||||
preference="services.sync.engine.passwords"
|
||||
/>
|
||||
</html:div>
|
||||
<html:div class="sync-engine-addresses">
|
||||
<checkbox
|
||||
data-l10n-id="sync-engine-addresses"
|
||||
preference="services.sync.engine.addresses"
|
||||
/>
|
||||
</html:div>
|
||||
<html:div class="sync-engine-creditcards">
|
||||
<checkbox
|
||||
data-l10n-id="sync-engine-creditcards"
|
||||
preference="services.sync.engine.creditcards"
|
||||
/>
|
||||
</html:div>
|
||||
<html:div class="sync-engine-addons">
|
||||
<checkbox
|
||||
data-l10n-id="sync-engine-addons"
|
||||
preference="services.sync.engine.addons"
|
||||
/>
|
||||
</html:div>
|
||||
<html:div class="sync-engine-prefs">
|
||||
<checkbox
|
||||
data-l10n-id="sync-engine-settings"
|
||||
preference="services.sync.engine.prefs"
|
||||
/>
|
||||
</html:div>
|
||||
</html:div>
|
||||
<html:div class="sync-engine-history">
|
||||
<checkbox data-l10n-id="sync-engine-history"
|
||||
preference="services.sync.engine.history"/>
|
||||
</html:div>
|
||||
<html:div class="sync-engine-tabs">
|
||||
<checkbox data-l10n-id="sync-engine-tabs"
|
||||
preference="services.sync.engine.tabs"/>
|
||||
</html:div>
|
||||
<html:div class="sync-engine-passwords">
|
||||
<checkbox data-l10n-id="sync-engine-logins-passwords"
|
||||
preference="services.sync.engine.passwords"/>
|
||||
</html:div>
|
||||
<html:div class="sync-engine-addresses">
|
||||
<checkbox data-l10n-id="sync-engine-addresses"
|
||||
preference="services.sync.engine.addresses"/>
|
||||
</html:div>
|
||||
<html:div class="sync-engine-creditcards">
|
||||
<checkbox data-l10n-id="sync-engine-creditcards"
|
||||
preference="services.sync.engine.creditcards"/>
|
||||
</html:div>
|
||||
<html:div class="sync-engine-addons">
|
||||
<checkbox data-l10n-id="sync-engine-addons"
|
||||
preference="services.sync.engine.addons"/>
|
||||
</html:div>
|
||||
<html:div class="sync-engine-prefs">
|
||||
<checkbox data-l10n-id="sync-engine-settings"
|
||||
preference="services.sync.engine.prefs"/>
|
||||
</html:div>
|
||||
</html:div>
|
||||
</dialog>
|
||||
</dialog>
|
||||
</window>
|
||||
|
|
|
|||
|
|
@ -7,81 +7,119 @@
|
|||
<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
|
||||
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.css" type="text/css"?>
|
||||
|
||||
<window id="TranslationDialog"
|
||||
data-l10n-id="translation-window2"
|
||||
data-l10n-attrs="title, style"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
onload="gTranslationExceptions.onLoad();"
|
||||
onunload="gTranslationExceptions.uninit();"
|
||||
persist="width height">
|
||||
|
||||
<window
|
||||
id="TranslationDialog"
|
||||
data-l10n-id="translation-window2"
|
||||
data-l10n-attrs="title, style"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
onload="gTranslationExceptions.onLoad();"
|
||||
onunload="gTranslationExceptions.uninit();"
|
||||
persist="width height"
|
||||
>
|
||||
<dialog
|
||||
buttons="accept"
|
||||
data-l10n-id="translation-dialog"
|
||||
data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept">
|
||||
data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept"
|
||||
>
|
||||
<linkset>
|
||||
<html:link
|
||||
rel="localization"
|
||||
href="browser/preferences/translation.ftl"
|
||||
/>
|
||||
</linkset>
|
||||
|
||||
<linkset>
|
||||
<html:link rel="localization" href="browser/preferences/translation.ftl"/>
|
||||
</linkset>
|
||||
<script src="chrome://browser/content/preferences/dialogs/translation.js" />
|
||||
|
||||
<script src="chrome://browser/content/preferences/dialogs/translation.js"/>
|
||||
<keyset>
|
||||
<key
|
||||
data-l10n-id="translation-close-key"
|
||||
modifiers="accel"
|
||||
oncommand="window.close();"
|
||||
/>
|
||||
</keyset>
|
||||
|
||||
<keyset>
|
||||
<key data-l10n-id="translation-close-key" modifiers="accel" oncommand="window.close();"/>
|
||||
</keyset>
|
||||
|
||||
<vbox class="contentPane">
|
||||
<vbox flex="1">
|
||||
<label id="languagesLabel"
|
||||
data-l10n-id="translation-languages-disabled-desc"
|
||||
control="permissionsTree"/>
|
||||
<separator class="thin"/>
|
||||
<tree id="languagesTree" flex="1" style="height: 12em;"
|
||||
hidecolumnpicker="true"
|
||||
onkeypress="gTranslationExceptions.onLanguageKeyPress(event)"
|
||||
onselect="gTranslationExceptions.onLanguageSelected();">
|
||||
<treecols>
|
||||
<treecol id="languageCol" data-l10n-id="translation-languages-column" flex="1"/>
|
||||
</treecols>
|
||||
<treechildren/>
|
||||
</tree>
|
||||
<vbox class="contentPane">
|
||||
<vbox flex="1">
|
||||
<label
|
||||
id="languagesLabel"
|
||||
data-l10n-id="translation-languages-disabled-desc"
|
||||
control="permissionsTree"
|
||||
/>
|
||||
<separator class="thin" />
|
||||
<tree
|
||||
id="languagesTree"
|
||||
flex="1"
|
||||
style="height: 12em"
|
||||
hidecolumnpicker="true"
|
||||
onkeypress="gTranslationExceptions.onLanguageKeyPress(event)"
|
||||
onselect="gTranslationExceptions.onLanguageSelected();"
|
||||
>
|
||||
<treecols>
|
||||
<treecol
|
||||
id="languageCol"
|
||||
data-l10n-id="translation-languages-column"
|
||||
flex="1"
|
||||
/>
|
||||
</treecols>
|
||||
<treechildren />
|
||||
</tree>
|
||||
</vbox>
|
||||
<hbox class="actionButtons" pack="end">
|
||||
<button
|
||||
id="removeLanguage"
|
||||
disabled="true"
|
||||
data-l10n-id="translation-languages-button-remove"
|
||||
oncommand="gTranslationExceptions.onLanguageDeleted();"
|
||||
/>
|
||||
<button
|
||||
id="removeAllLanguages"
|
||||
data-l10n-id="translation-languages-button-remove-all"
|
||||
oncommand="gTranslationExceptions.onAllLanguagesDeleted();"
|
||||
/>
|
||||
<spacer flex="1" />
|
||||
</hbox>
|
||||
<separator />
|
||||
<vbox flex="1">
|
||||
<label
|
||||
id="languagesLabel"
|
||||
data-l10n-id="translation-sites-disabled-desc"
|
||||
control="permissionsTree"
|
||||
/>
|
||||
<separator class="thin" />
|
||||
<tree
|
||||
id="sitesTree"
|
||||
flex="1"
|
||||
style="height: 12em"
|
||||
hidecolumnpicker="true"
|
||||
onkeypress="gTranslationExceptions.onSiteKeyPress(event)"
|
||||
onselect="gTranslationExceptions.onSiteSelected();"
|
||||
>
|
||||
<treecols>
|
||||
<treecol
|
||||
id="siteCol"
|
||||
data-l10n-id="translation-sites-column"
|
||||
flex="1"
|
||||
/>
|
||||
</treecols>
|
||||
<treechildren />
|
||||
</tree>
|
||||
</vbox>
|
||||
</vbox>
|
||||
|
||||
<hbox class="actionButtons" pack="end">
|
||||
<button id="removeLanguage" disabled="true"
|
||||
data-l10n-id="translation-languages-button-remove"
|
||||
oncommand="gTranslationExceptions.onLanguageDeleted();"/>
|
||||
<button id="removeAllLanguages"
|
||||
data-l10n-id="translation-languages-button-remove-all"
|
||||
oncommand="gTranslationExceptions.onAllLanguagesDeleted();"/>
|
||||
<spacer flex="1"/>
|
||||
<button
|
||||
id="removeSite"
|
||||
disabled="true"
|
||||
data-l10n-id="translation-sites-button-remove"
|
||||
oncommand="gTranslationExceptions.onSiteDeleted();"
|
||||
/>
|
||||
<button
|
||||
id="removeAllSites"
|
||||
data-l10n-id="translation-sites-button-remove-all"
|
||||
oncommand="gTranslationExceptions.onAllSitesDeleted();"
|
||||
/>
|
||||
<spacer flex="1" />
|
||||
</hbox>
|
||||
<separator/>
|
||||
<vbox flex="1">
|
||||
<label id="languagesLabel"
|
||||
data-l10n-id="translation-sites-disabled-desc"
|
||||
control="permissionsTree"/>
|
||||
<separator class="thin"/>
|
||||
<tree id="sitesTree" flex="1" style="height: 12em;"
|
||||
hidecolumnpicker="true"
|
||||
onkeypress="gTranslationExceptions.onSiteKeyPress(event)"
|
||||
onselect="gTranslationExceptions.onSiteSelected();">
|
||||
<treecols>
|
||||
<treecol id="siteCol" data-l10n-id="translation-sites-column" flex="1"/>
|
||||
</treecols>
|
||||
<treechildren/>
|
||||
</tree>
|
||||
</vbox>
|
||||
</vbox>
|
||||
|
||||
<hbox class="actionButtons" pack="end">
|
||||
<button id="removeSite" disabled="true"
|
||||
data-l10n-id="translation-sites-button-remove"
|
||||
oncommand="gTranslationExceptions.onSiteDeleted();"/>
|
||||
<button id="removeAllSites"
|
||||
data-l10n-id="translation-sites-button-remove-all"
|
||||
oncommand="gTranslationExceptions.onAllSitesDeleted();"/>
|
||||
<spacer flex="1"/>
|
||||
</hbox>
|
||||
</dialog>
|
||||
</window>
|
||||
|
|
|
|||
|
|
@ -8,49 +8,68 @@
|
|||
<?xml-stylesheet href="chrome://global/skin/global.css"?>
|
||||
<?xml-stylesheet href="chrome://browser/skin/preferences/fxaPairDevice.css" type="text/css"?>
|
||||
|
||||
<window id="fxaPairDeviceDialog"
|
||||
type="child"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
onload="gFxaPairDeviceDialog.init();"
|
||||
onunload="gFxaPairDeviceDialog.uninit()"
|
||||
data-l10n-id="fxa-pair-device-dialog-sync2"
|
||||
data-l10n-attrs="style">
|
||||
<dialog id="fxaPairDeviceDialog1" buttons="accept">
|
||||
<linkset>
|
||||
<html:link rel="localization" href="branding/brand.ftl"/>
|
||||
<html:link rel="localization" href="browser/preferences/fxaPairDevice.ftl"/>
|
||||
<html:link rel="localization" href="toolkit/branding/accounts.ftl"/>
|
||||
</linkset>
|
||||
<script src="chrome://browser/content/preferences/fxaPairDevice.js"/>
|
||||
<window
|
||||
id="fxaPairDeviceDialog"
|
||||
type="child"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
onload="gFxaPairDeviceDialog.init();"
|
||||
onunload="gFxaPairDeviceDialog.uninit()"
|
||||
data-l10n-id="fxa-pair-device-dialog-sync2"
|
||||
data-l10n-attrs="style"
|
||||
>
|
||||
<dialog id="fxaPairDeviceDialog1" buttons="accept">
|
||||
<linkset>
|
||||
<html:link rel="localization" href="branding/brand.ftl" />
|
||||
<html:link
|
||||
rel="localization"
|
||||
href="browser/preferences/fxaPairDevice.ftl"
|
||||
/>
|
||||
<html:link rel="localization" href="toolkit/branding/accounts.ftl" />
|
||||
</linkset>
|
||||
<script src="chrome://browser/content/preferences/fxaPairDevice.js" />
|
||||
|
||||
<description id="pairTitle" data-l10n-id="fxa-qrcode-pair-title">
|
||||
</description>
|
||||
<vbox id="qrCodeDisplay">
|
||||
<description class="pairHeading" data-l10n-id="fxa-qrcode-pair-step1">
|
||||
<description id="pairTitle" data-l10n-id="fxa-qrcode-pair-title">
|
||||
</description>
|
||||
<description class="pairHeading" data-l10n-id="fxa-qrcode-pair-step2-signin">
|
||||
<html:img
|
||||
src="chrome://browser/skin/preferences/ios-menu.svg"
|
||||
data-l10n-name="ios-menu-icon"
|
||||
class="menu-icon"/>
|
||||
<html:img
|
||||
src="chrome://browser/skin/preferences/android-menu.svg"
|
||||
data-l10n-name="android-menu-icon"
|
||||
class="menu-icon"/>
|
||||
</description>
|
||||
<description class="pairHeading" data-l10n-id="fxa-qrcode-pair-step3"></description>
|
||||
<vbox>
|
||||
<vbox align="center" id="qrWrapper" pairing-status="loading">
|
||||
<box id="qrContainer"></box>
|
||||
<box id="qrSpinner"></box>
|
||||
<vbox id="qrError" onclick="gFxaPairDeviceDialog.startPairingFlow();">
|
||||
<image id="refresh-qr" />
|
||||
<label class="qr-error-text" data-l10n-id="fxa-qrcode-error-title"></label>
|
||||
<label class="qr-error-text" data-l10n-id="fxa-qrcode-error-body"></label>
|
||||
<vbox id="qrCodeDisplay">
|
||||
<description class="pairHeading" data-l10n-id="fxa-qrcode-pair-step1">
|
||||
</description>
|
||||
<description
|
||||
class="pairHeading"
|
||||
data-l10n-id="fxa-qrcode-pair-step2-signin"
|
||||
>
|
||||
<html:img
|
||||
src="chrome://browser/skin/preferences/ios-menu.svg"
|
||||
data-l10n-name="ios-menu-icon"
|
||||
class="menu-icon"
|
||||
/>
|
||||
<html:img
|
||||
src="chrome://browser/skin/preferences/android-menu.svg"
|
||||
data-l10n-name="android-menu-icon"
|
||||
class="menu-icon"
|
||||
/>
|
||||
</description>
|
||||
<description
|
||||
class="pairHeading"
|
||||
data-l10n-id="fxa-qrcode-pair-step3"
|
||||
></description>
|
||||
<vbox>
|
||||
<vbox align="center" id="qrWrapper" pairing-status="loading">
|
||||
<box id="qrContainer"></box>
|
||||
<box id="qrSpinner"></box>
|
||||
<vbox id="qrError" onclick="gFxaPairDeviceDialog.startPairingFlow();">
|
||||
<image id="refresh-qr" />
|
||||
<label
|
||||
class="qr-error-text"
|
||||
data-l10n-id="fxa-qrcode-error-title"
|
||||
></label>
|
||||
<label
|
||||
class="qr-error-text"
|
||||
data-l10n-id="fxa-qrcode-error-body"
|
||||
></label>
|
||||
</vbox>
|
||||
</vbox>
|
||||
</vbox>
|
||||
</vbox>
|
||||
</vbox>
|
||||
</dialog>
|
||||
</dialog>
|
||||
</window>
|
||||
|
|
|
|||
|
|
@ -7,37 +7,63 @@
|
|||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" class="private">
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src chrome: blob:; object-src 'none'"/>
|
||||
<meta name="color-scheme" content="light dark"/>
|
||||
<link rel="icon" href="chrome://browser/skin/privatebrowsing/favicon.svg"/>
|
||||
<link rel="stylesheet" href="chrome://browser/content/aboutPrivateBrowsing.css" media="all"/>
|
||||
<link rel="stylesheet" href="chrome://browser/skin/privatebrowsing/aboutPrivateBrowsing.css" media="all"/>
|
||||
<link rel="localization" href="branding/brand.ftl"/>
|
||||
<link rel="localization" href="toolkit/branding/brandings.ftl"/>
|
||||
<link rel="localization" href="browser/aboutPrivateBrowsing.ftl"/>
|
||||
<meta charset="utf-8" />
|
||||
<meta
|
||||
http-equiv="Content-Security-Policy"
|
||||
content="default-src chrome: blob:; object-src 'none'"
|
||||
/>
|
||||
<meta name="color-scheme" content="light dark" />
|
||||
<link rel="icon" href="chrome://browser/skin/privatebrowsing/favicon.svg" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://browser/content/aboutPrivateBrowsing.css"
|
||||
media="all"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://browser/skin/privatebrowsing/aboutPrivateBrowsing.css"
|
||||
media="all"
|
||||
/>
|
||||
<link rel="localization" href="branding/brand.ftl" />
|
||||
<link rel="localization" href="toolkit/branding/brandings.ftl" />
|
||||
<link rel="localization" href="browser/aboutPrivateBrowsing.ftl" />
|
||||
<script src="chrome://browser/content/aboutPrivateBrowsing.js"></script>
|
||||
<script src="chrome://browser/content/contentSearchHandoffUI.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<p class="showNormal" data-l10n-id="about-private-browsing-not-private"></p>
|
||||
<button id="startPrivateBrowsing"
|
||||
class="showNormal" data-l10n-id="privatebrowsingpage-open-private-window-label"></button>
|
||||
<div id="search-banner" class="search-banner"
|
||||
hidden="true">
|
||||
<button id="search-banner-close-button"
|
||||
class="search-banner-close-button"
|
||||
data-l10n-id="about-private-browsing-search-banner-close-button">
|
||||
<img class="search-banner-close-image" src="chrome://global/skin/icons/close.svg"/>
|
||||
<button
|
||||
id="startPrivateBrowsing"
|
||||
class="showNormal"
|
||||
data-l10n-id="privatebrowsingpage-open-private-window-label"
|
||||
></button>
|
||||
<div id="search-banner" class="search-banner" hidden="true">
|
||||
<button
|
||||
id="search-banner-close-button"
|
||||
class="search-banner-close-button"
|
||||
data-l10n-id="about-private-browsing-search-banner-close-button"
|
||||
>
|
||||
<img
|
||||
class="search-banner-close-image"
|
||||
src="chrome://global/skin/icons/close.svg"
|
||||
/>
|
||||
</button>
|
||||
<div class="banner-body">
|
||||
<h1 id="about-private-browsing-search-banner-title"
|
||||
data-l10n-id="about-private-browsing-search-banner-title"
|
||||
data-l10n-args='{"engineName": ""}'></h1>
|
||||
<p id="about-private-browsing-search-banner-description"
|
||||
data-l10n-id="about-private-browsing-search-banner-description">
|
||||
<a href="" id="open-search-options-link" data-l10n-name="link-options"></a>
|
||||
<h1
|
||||
id="about-private-browsing-search-banner-title"
|
||||
data-l10n-id="about-private-browsing-search-banner-title"
|
||||
data-l10n-args='{"engineName": ""}'
|
||||
></h1>
|
||||
<p
|
||||
id="about-private-browsing-search-banner-description"
|
||||
data-l10n-id="about-private-browsing-search-banner-description"
|
||||
>
|
||||
<a
|
||||
href=""
|
||||
id="open-search-options-link"
|
||||
data-l10n-name="link-options"
|
||||
></a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -47,9 +73,19 @@
|
|||
<div class="wordmark"></div>
|
||||
</div>
|
||||
<div class="search-inner-wrapper">
|
||||
<button id="search-handoff-button" class="search-handoff-button" tabindex="-1" aria-hidden="true">
|
||||
<button
|
||||
id="search-handoff-button"
|
||||
class="search-handoff-button"
|
||||
tabindex="-1"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<div class="fake-textbox"></div>
|
||||
<input id="fake-editable" class="fake-editable" tabindex="-1" aria-hidden="true" />
|
||||
<input
|
||||
id="fake-editable"
|
||||
class="fake-editable"
|
||||
tabindex="-1"
|
||||
aria-hidden="true"
|
||||
/>
|
||||
<div class="fake-caret"></div>
|
||||
</button>
|
||||
</div>
|
||||
|
|
@ -68,13 +104,20 @@
|
|||
<h1 id="promo-header"></h1>
|
||||
<p id="private-browsing-promo-text" class="vpn-promo"></p>
|
||||
<div class="promo-cta">
|
||||
<button id="private-browsing-promo-link" class="vpn-promo primary"></button>
|
||||
<button
|
||||
id="private-browsing-promo-link"
|
||||
class="vpn-promo primary"
|
||||
></button>
|
||||
<div class="promo-image-small">
|
||||
<img src="" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button data-l10n-id="about-private-browsing-promo-close-button" id="dismiss-btn" class="promo-dismiss"></button>
|
||||
<button
|
||||
data-l10n-id="about-private-browsing-promo-close-button"
|
||||
id="dismiss-btn"
|
||||
class="promo-dismiss"
|
||||
></button>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -5,121 +5,285 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src chrome: blob:; object-src 'none'">
|
||||
<meta name="color-scheme" content="light dark">
|
||||
<link rel="localization" href="branding/brand.ftl"/>
|
||||
<link rel="localization" href="browser/protections.ftl">
|
||||
<link rel="localization" href="toolkit/branding/accounts.ftl"/>
|
||||
<link rel="localization" href="toolkit/branding/brandings.ftl"/>
|
||||
<meta charset="utf-8" />
|
||||
<meta
|
||||
http-equiv="Content-Security-Policy"
|
||||
content="default-src chrome: blob:; object-src 'none'"
|
||||
/>
|
||||
<meta name="color-scheme" content="light dark" />
|
||||
<link rel="localization" href="branding/brand.ftl" />
|
||||
<link rel="localization" href="browser/protections.ftl" />
|
||||
<link rel="localization" href="toolkit/branding/accounts.ftl" />
|
||||
<link rel="localization" href="toolkit/branding/brandings.ftl" />
|
||||
<!-- Temporary "en-US"-only l10n strings -->
|
||||
<link rel="localization" href="preview/protections.ftl">
|
||||
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css">
|
||||
<link rel="stylesheet" href="chrome://browser/content/protections.css">
|
||||
<link rel="icon" href="chrome://browser/skin/controlcenter/dashboard.svg">
|
||||
<script type="module" src="chrome://browser/content/protections.mjs"></script>
|
||||
<link rel="localization" href="preview/protections.ftl" />
|
||||
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css" />
|
||||
<link rel="stylesheet" href="chrome://browser/content/protections.css" />
|
||||
<link rel="icon" href="chrome://browser/skin/controlcenter/dashboard.svg" />
|
||||
<script
|
||||
type="module"
|
||||
src="chrome://browser/content/protections.mjs"
|
||||
></script>
|
||||
<title data-l10n-id="protection-report-webpage-title"></title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="new-banner vpn-banner hidden">
|
||||
<div class=banner-wrapper>
|
||||
<img class="icon light" src="chrome://browser/content/logos/vpn-light.svg"/>
|
||||
<img class="icon dark" src="chrome://browser/content/logos/vpn-dark.svg"/>
|
||||
<div class="banner-wrapper">
|
||||
<img
|
||||
class="icon light"
|
||||
src="chrome://browser/content/logos/vpn-light.svg"
|
||||
/>
|
||||
<img
|
||||
class="icon dark"
|
||||
src="chrome://browser/content/logos/vpn-dark.svg"
|
||||
/>
|
||||
<div class="wrapper">
|
||||
<div>
|
||||
<h3 class="banner-title" data-l10n-id="vpn-banner-header"></h3>
|
||||
<span class="content" data-l10n-id="vpn-banner-content"></span>
|
||||
</div>
|
||||
<a target="_blank" id="vpn-banner-link" data-l10n-id="get-vpn-link"></a>
|
||||
<button class="exit-icon" data-l10n-id="protections-close-button2"></button>
|
||||
<a
|
||||
target="_blank"
|
||||
id="vpn-banner-link"
|
||||
data-l10n-id="get-vpn-link"
|
||||
></a>
|
||||
<button
|
||||
class="exit-icon"
|
||||
data-l10n-id="protections-close-button2"
|
||||
></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="report-content">
|
||||
<h1 id="report-title" data-l10n-id="protection-report-page-content-title"></h1>
|
||||
<p id="report-summary" data-l10n-id="protection-report-page-summary-default"></p>
|
||||
<p id="protection-settings" data-l10n-id="protection-report-settings-link" role="link" tabindex="0"></p>
|
||||
<h1
|
||||
id="report-title"
|
||||
data-l10n-id="protection-report-page-content-title"
|
||||
></h1>
|
||||
<p
|
||||
id="report-summary"
|
||||
data-l10n-id="protection-report-page-summary-default"
|
||||
></p>
|
||||
<p
|
||||
id="protection-settings"
|
||||
data-l10n-id="protection-report-settings-link"
|
||||
role="link"
|
||||
tabindex="0"
|
||||
></p>
|
||||
<div class="card card-no-hover etp-card">
|
||||
<div class="card-header">
|
||||
<img class="icon light" src="chrome://browser/content/logos/tracking-protection.svg"/>
|
||||
<img class="icon dark" src="chrome://browser/content/logos/tracking-protection-dark-theme.svg"/>
|
||||
<img
|
||||
class="icon light"
|
||||
src="chrome://browser/content/logos/tracking-protection.svg"
|
||||
/>
|
||||
<img
|
||||
class="icon dark"
|
||||
src="chrome://browser/content/logos/tracking-protection-dark-theme.svg"
|
||||
/>
|
||||
<div class="wrapper">
|
||||
<div>
|
||||
<h2 class="card-title" data-l10n-id="etp-card-title-always"></h2>
|
||||
<p id="etp-card-content" class="content" data-l10n-id="etp-card-content-description"></p>
|
||||
<p
|
||||
id="etp-card-content"
|
||||
class="content"
|
||||
data-l10n-id="etp-card-content-description"
|
||||
></p>
|
||||
</div>
|
||||
<a target="_blank" id="manage-protections" data-l10n-id="protection-report-manage-protections"></a>
|
||||
<a
|
||||
target="_blank"
|
||||
id="manage-protections"
|
||||
data-l10n-id="protection-report-manage-protections"
|
||||
></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="body-wrapper">
|
||||
<p id="graph-week-summary"></p>
|
||||
<div id="graph-wrapper">
|
||||
<div id="graph" role="table" aria-labelledby="graphLegendDescription">
|
||||
<div id="private-window-message" data-l10n-id="graph-private-window"></div>
|
||||
<div
|
||||
id="graph"
|
||||
role="table"
|
||||
aria-labelledby="graphLegendDescription"
|
||||
>
|
||||
<div
|
||||
id="private-window-message"
|
||||
data-l10n-id="graph-private-window"
|
||||
></div>
|
||||
</div>
|
||||
<div id="legend">
|
||||
<label id="graphLegendDescription" data-l10n-id="graph-legend-description"></label>
|
||||
<input id="tab-social" data-type="social" type="radio" name="tabs" aria-labelledby="socialLabel socialTitle" aria-describedby="socialContent" checked>
|
||||
<label
|
||||
id="graphLegendDescription"
|
||||
data-l10n-id="graph-legend-description"
|
||||
></label>
|
||||
<input
|
||||
id="tab-social"
|
||||
data-type="social"
|
||||
type="radio"
|
||||
name="tabs"
|
||||
aria-labelledby="socialLabel socialTitle"
|
||||
aria-describedby="socialContent"
|
||||
checked
|
||||
/>
|
||||
<label id="socialLabel" for="tab-social" data-type="social">
|
||||
<img class="icon-small" src="chrome://browser/skin/thumb-down.svg" data-type="social"/>
|
||||
<img
|
||||
class="icon-small"
|
||||
src="chrome://browser/skin/thumb-down.svg"
|
||||
data-type="social"
|
||||
/>
|
||||
<span data-type="social"></span>
|
||||
</label>
|
||||
|
||||
<input id="tab-cookie" data-type="cookie" type="radio" name="tabs" aria-labelledby="cookieLabel cookieTitle" aria-describedby="cookieContent">
|
||||
<input
|
||||
id="tab-cookie"
|
||||
data-type="cookie"
|
||||
type="radio"
|
||||
name="tabs"
|
||||
aria-labelledby="cookieLabel cookieTitle"
|
||||
aria-describedby="cookieContent"
|
||||
/>
|
||||
<label id="cookieLabel" for="tab-cookie" data-type="cookie">
|
||||
<img class="icon-small" src="chrome://browser/skin/controlcenter/3rdpartycookies.svg" data-type="cookie"/>
|
||||
<img
|
||||
class="icon-small"
|
||||
src="chrome://browser/skin/controlcenter/3rdpartycookies.svg"
|
||||
data-type="cookie"
|
||||
/>
|
||||
<span data-type="cookie"></span>
|
||||
</label>
|
||||
|
||||
<input id="tab-tracker" data-type="tracker" type="radio" name="tabs" aria-labelledby="trackerLabel trackerTitle" aria-describedby="trackerContent">
|
||||
<input
|
||||
id="tab-tracker"
|
||||
data-type="tracker"
|
||||
type="radio"
|
||||
name="tabs"
|
||||
aria-labelledby="trackerLabel trackerTitle"
|
||||
aria-describedby="trackerContent"
|
||||
/>
|
||||
<label id="trackerLabel" for="tab-tracker" data-type="tracker">
|
||||
<img class="icon-small" src="chrome://browser/skin/canvas.svg" data-type="tracker"/>
|
||||
<img
|
||||
class="icon-small"
|
||||
src="chrome://browser/skin/canvas.svg"
|
||||
data-type="tracker"
|
||||
/>
|
||||
<span data-type="tracker"></span>
|
||||
</label>
|
||||
|
||||
<input id="tab-fingerprinter" data-type="fingerprinter" type="radio" name="tabs" aria-labelledby="fingerprinterLabel fingerprinterTitle" aria-describedby="fingerprinterContent">
|
||||
<label id="fingerprinterLabel" for="tab-fingerprinter" data-type="fingerprinter">
|
||||
<img class="icon-small" src="chrome://browser/skin/fingerprint.svg" data-type="fingerprinter"/>
|
||||
<input
|
||||
id="tab-fingerprinter"
|
||||
data-type="fingerprinter"
|
||||
type="radio"
|
||||
name="tabs"
|
||||
aria-labelledby="fingerprinterLabel fingerprinterTitle"
|
||||
aria-describedby="fingerprinterContent"
|
||||
/>
|
||||
<label
|
||||
id="fingerprinterLabel"
|
||||
for="tab-fingerprinter"
|
||||
data-type="fingerprinter"
|
||||
>
|
||||
<img
|
||||
class="icon-small"
|
||||
src="chrome://browser/skin/fingerprint.svg"
|
||||
data-type="fingerprinter"
|
||||
/>
|
||||
<span data-type="fingerprinter"></span>
|
||||
</label>
|
||||
|
||||
<input id="tab-cryptominer" data-type="cryptominer" type="radio" name="tabs" aria-labelledby="cryptominerLabel cryptominerTitle" aria-describedby="cryptominerContent">
|
||||
<label id="cryptominerLabel" for="tab-cryptominer" data-type="cryptominer">
|
||||
<img class="icon-small" src="chrome://browser/skin/controlcenter/cryptominers.svg" data-type="cryptominer"/>
|
||||
<input
|
||||
id="tab-cryptominer"
|
||||
data-type="cryptominer"
|
||||
type="radio"
|
||||
name="tabs"
|
||||
aria-labelledby="cryptominerLabel cryptominerTitle"
|
||||
aria-describedby="cryptominerContent"
|
||||
/>
|
||||
<label
|
||||
id="cryptominerLabel"
|
||||
for="tab-cryptominer"
|
||||
data-type="cryptominer"
|
||||
>
|
||||
<img
|
||||
class="icon-small"
|
||||
src="chrome://browser/skin/controlcenter/cryptominers.svg"
|
||||
data-type="cryptominer"
|
||||
/>
|
||||
<span data-type="cryptominer"></span>
|
||||
</label>
|
||||
<div id=highlight></div>
|
||||
<div id=highlight-hover></div>
|
||||
<div id="highlight"></div>
|
||||
<div id="highlight-hover"></div>
|
||||
<div id="social" class="tab-content">
|
||||
<p id="socialTitle" class="content-title" data-l10n-id="social-tab-title"></p>
|
||||
<p
|
||||
id="socialTitle"
|
||||
class="content-title"
|
||||
data-l10n-id="social-tab-title"
|
||||
></p>
|
||||
<p id="socialContent" data-l10n-id="social-tab-contant">
|
||||
<a target="_blank" id="social-link" data-l10n-name="learn-more-link"></a>
|
||||
<a
|
||||
target="_blank"
|
||||
id="social-link"
|
||||
data-l10n-name="learn-more-link"
|
||||
></a>
|
||||
</p>
|
||||
</div>
|
||||
<div id="cookie" class="tab-content">
|
||||
<p id="cookieTitle" class="content-title" data-l10n-id="cookie-tab-title"></p>
|
||||
<p
|
||||
id="cookieTitle"
|
||||
class="content-title"
|
||||
data-l10n-id="cookie-tab-title"
|
||||
></p>
|
||||
<p id="cookieContent" data-l10n-id="cookie-tab-content">
|
||||
<a target="_blank" id="cookie-link" data-l10n-name="learn-more-link"></a>
|
||||
<a
|
||||
target="_blank"
|
||||
id="cookie-link"
|
||||
data-l10n-name="learn-more-link"
|
||||
></a>
|
||||
</p>
|
||||
</div>
|
||||
<div id="tracker" class="tab-content">
|
||||
<p id="trackerTitle" class="content-title" data-l10n-id="tracker-tab-title"></p>
|
||||
<p
|
||||
id="trackerTitle"
|
||||
class="content-title"
|
||||
data-l10n-id="tracker-tab-title"
|
||||
></p>
|
||||
<p id="trackerContent" data-l10n-id="tracker-tab-description">
|
||||
<a target="_blank" id="tracker-link" data-l10n-name="learn-more-link"></a>
|
||||
<a
|
||||
target="_blank"
|
||||
id="tracker-link"
|
||||
data-l10n-name="learn-more-link"
|
||||
></a>
|
||||
</p>
|
||||
</div>
|
||||
<div id="fingerprinter" class="tab-content">
|
||||
<p id="fingerprinterTitle" class="content-title" data-l10n-id="fingerprinter-tab-title"></p>
|
||||
<p id="fingerprinterContent" data-l10n-id="fingerprinter-tab-content">
|
||||
<a target="_blank" id="fingerprinter-link" data-l10n-name="learn-more-link"></a>
|
||||
<p
|
||||
id="fingerprinterTitle"
|
||||
class="content-title"
|
||||
data-l10n-id="fingerprinter-tab-title"
|
||||
></p>
|
||||
<p
|
||||
id="fingerprinterContent"
|
||||
data-l10n-id="fingerprinter-tab-content"
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
id="fingerprinter-link"
|
||||
data-l10n-name="learn-more-link"
|
||||
></a>
|
||||
</p>
|
||||
</div>
|
||||
<div id="cryptominer" class="tab-content">
|
||||
<p id="cryptominerTitle" class="content-title" data-l10n-id="cryptominer-tab-title"></p>
|
||||
<p id="cryptominerContent" data-l10n-id="cryptominer-tab-content">
|
||||
<a target="_blank" id="cryptominer-link" data-l10n-name="learn-more-link"></a>
|
||||
<p
|
||||
id="cryptominerTitle"
|
||||
class="content-title"
|
||||
data-l10n-id="cryptominer-tab-title"
|
||||
></p>
|
||||
<p
|
||||
id="cryptominerContent"
|
||||
data-l10n-id="cryptominer-tab-content"
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
id="cryptominer-link"
|
||||
data-l10n-name="learn-more-link"
|
||||
></a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -129,16 +293,36 @@
|
|||
</div>
|
||||
<div id="mobile-hanger" class="card-body hidden">
|
||||
<div class="body-wrapper">
|
||||
<button class="exit-icon" data-l10n-id="protections-close-button2"></button>
|
||||
<button
|
||||
class="exit-icon"
|
||||
data-l10n-id="protections-close-button2"
|
||||
></button>
|
||||
<div id="etp-mobile-content">
|
||||
<img class="mobile-app-icon" src="chrome://browser/content/logos/etp-mobile.svg"/>
|
||||
<img
|
||||
class="mobile-app-icon"
|
||||
src="chrome://browser/content/logos/etp-mobile.svg"
|
||||
/>
|
||||
<span>
|
||||
<h2 class="card-title" data-l10n-id="mobile-app-title"></h2>
|
||||
<p class="content">
|
||||
<span data-l10n-id="mobile-app-card-content"></span>
|
||||
<span target="_blank" id="mobile-app-links" data-l10n-id="mobile-app-links">
|
||||
<a target="_blank" id="android-mobile-inline-link" data-l10n-name="android-mobile-inline-link" href=""></a>
|
||||
<a target="_blank" id="ios-mobile-inline-link" data-l10n-name="ios-mobile-inline-link" href=""></a>
|
||||
<span
|
||||
target="_blank"
|
||||
id="mobile-app-links"
|
||||
data-l10n-id="mobile-app-links"
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
id="android-mobile-inline-link"
|
||||
data-l10n-name="android-mobile-inline-link"
|
||||
href=""
|
||||
></a>
|
||||
<a
|
||||
target="_blank"
|
||||
id="ios-mobile-inline-link"
|
||||
data-l10n-name="ios-mobile-inline-link"
|
||||
href=""
|
||||
></a>
|
||||
</span>
|
||||
</p>
|
||||
</span>
|
||||
|
|
@ -146,104 +330,157 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Markup for Monitor card. -->
|
||||
<!-- Markup for Monitor card. -->
|
||||
<section class="card card-no-hover monitor-card hidden">
|
||||
<div class="card-header">
|
||||
<img class="icon" src="chrome://browser/content/logos/monitor.svg"/>
|
||||
<div class="wrapper">
|
||||
<div>
|
||||
<h2 id="monitor-title" class="card-title" data-l10n-id="monitor-title"></h2>
|
||||
<p id="monitor-header-content" class="content">
|
||||
<span>
|
||||
<!-- Insert Monitor header content here. -->
|
||||
</span>
|
||||
<a target="_blank" href="" id="monitor-link" data-l10n-id="monitor-link"></a>
|
||||
</p>
|
||||
<div class="monitor-scanned-wrapper">
|
||||
<img class="icon-small" src="chrome://global/skin/icons/reload.svg"/>
|
||||
<span class="monitor-scanned-text" data-l10n-id="auto-scan"></span>
|
||||
<div class="card-header">
|
||||
<img class="icon" src="chrome://browser/content/logos/monitor.svg" />
|
||||
<div class="wrapper">
|
||||
<div>
|
||||
<h2
|
||||
id="monitor-title"
|
||||
class="card-title"
|
||||
data-l10n-id="monitor-title"
|
||||
></h2>
|
||||
<p id="monitor-header-content" class="content">
|
||||
<span>
|
||||
<!-- Insert Monitor header content here. -->
|
||||
</span>
|
||||
<a
|
||||
target="_blank"
|
||||
href=""
|
||||
id="monitor-link"
|
||||
data-l10n-id="monitor-link"
|
||||
></a>
|
||||
</p>
|
||||
<div class="monitor-scanned-wrapper">
|
||||
<img
|
||||
class="icon-small"
|
||||
src="chrome://global/skin/icons/reload.svg"
|
||||
/>
|
||||
<span
|
||||
class="monitor-scanned-text"
|
||||
data-l10n-id="auto-scan"
|
||||
></span>
|
||||
</div>
|
||||
</div>
|
||||
<a target="_blank" id="sign-up-for-monitor-link">
|
||||
<!-- Insert Monitor link content here. -->
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="body-wrapper">
|
||||
<div id="monitor-body-content">
|
||||
<div class="monitor-info-wrapper">
|
||||
<div class="monitor-block email">
|
||||
<a
|
||||
target="_blank"
|
||||
id="monitor-stored-emails-link"
|
||||
data-l10n-id="monitor-emails-tooltip"
|
||||
>
|
||||
<span class="monitor-stat">
|
||||
<img
|
||||
class="icon-med"
|
||||
src="chrome://browser/skin/mail.svg"
|
||||
/>
|
||||
<span data-type="stored-emails">
|
||||
<!-- Display number of stored emails here. -->
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
id="info-monitored-addresses"
|
||||
class="info-text"
|
||||
></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="monitor-block breaches">
|
||||
<a
|
||||
target="_blank"
|
||||
id="monitor-known-breaches-link"
|
||||
data-l10n-id="monitor-breaches-tooltip"
|
||||
>
|
||||
<span class="monitor-stat">
|
||||
<img
|
||||
class="icon-med"
|
||||
src="chrome://browser/skin/fxa/avatar.svg"
|
||||
/>
|
||||
<span data-type="known-breaches">
|
||||
<!-- Display number of known breaches here. -->
|
||||
</span>
|
||||
</span>
|
||||
<span id="info-known-breaches" class="info-text"></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="monitor-block passwords">
|
||||
<a
|
||||
target="_blank"
|
||||
id="monitor-exposed-passwords-link"
|
||||
data-l10n-id="monitor-passwords-tooltip"
|
||||
>
|
||||
<span class="monitor-stat">
|
||||
<img
|
||||
class="icon-med"
|
||||
src="chrome://browser/skin/login.svg"
|
||||
/>
|
||||
<span data-type="exposed-passwords">
|
||||
<!-- Display number of exposed passwords here. -->
|
||||
</span>
|
||||
</span>
|
||||
<span id="info-exposed-passwords" class="info-text"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<a target="_blank" id="sign-up-for-monitor-link">
|
||||
<!-- Insert Monitor link content here. -->
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="body-wrapper">
|
||||
<div id="monitor-body-content">
|
||||
<div class="monitor-info-wrapper">
|
||||
<div class="monitor-block email">
|
||||
<a target="_blank" id="monitor-stored-emails-link" data-l10n-id="monitor-emails-tooltip">
|
||||
<span class="monitor-stat">
|
||||
<img class="icon-med" src="chrome://browser/skin/mail.svg"/>
|
||||
<span data-type="stored-emails">
|
||||
<!-- Display number of stored emails here. -->
|
||||
</span>
|
||||
</span>
|
||||
<span id="info-monitored-addresses" class="info-text"></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="monitor-block breaches">
|
||||
<a target="_blank" id="monitor-known-breaches-link" data-l10n-id="monitor-breaches-tooltip">
|
||||
<span class="monitor-stat">
|
||||
<img class="icon-med" src="chrome://browser/skin/fxa/avatar.svg"/>
|
||||
<span data-type="known-breaches">
|
||||
<!-- Display number of known breaches here. -->
|
||||
</span>
|
||||
</span>
|
||||
<span id="info-known-breaches" class="info-text"></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="monitor-block passwords">
|
||||
<a target="_blank" id="monitor-exposed-passwords-link" data-l10n-id="monitor-passwords-tooltip">
|
||||
<span class="monitor-stat">
|
||||
<img class="icon-med" src="chrome://browser/skin/login.svg"/>
|
||||
<span data-type="exposed-passwords">
|
||||
<!-- Display number of exposed passwords here. -->
|
||||
</span>
|
||||
</span>
|
||||
<span id="info-exposed-passwords" class="info-text"></span>
|
||||
</a>
|
||||
<div class="monitor-breaches-wrapper">
|
||||
<div class="monitor-breaches-header">
|
||||
<img id="monitor-breaches-icon" />
|
||||
<span id="monitor-breaches-title" />
|
||||
</div>
|
||||
<div class="monitor-breaches-description-wrapper">
|
||||
<span
|
||||
id="monitor-breaches-description"
|
||||
class="content"
|
||||
></span>
|
||||
<div class="monitor-breaches-link-wrapper">
|
||||
<a id="monitor-breaches-link" target="_blank"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="monitor-breaches-wrapper">
|
||||
<div class="monitor-breaches-header">
|
||||
<img id="monitor-breaches-icon"/>
|
||||
<span id="monitor-breaches-title"/>
|
||||
</div>
|
||||
<div class="monitor-breaches-description-wrapper">
|
||||
<span id="monitor-breaches-description" class="content"></span>
|
||||
<div class="monitor-breaches-link-wrapper">
|
||||
<a id="monitor-breaches-link" target="_blank"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="monitor-partial-breaches-wrapper">
|
||||
<div class="monitor-partial-breaches-header">
|
||||
<img
|
||||
id="monitor-partial-breaches-icon"
|
||||
src="chrome://browser/skin/protections/resolved-breach-gray.svg"
|
||||
/>
|
||||
<span id="monitor-partial-breaches-title"></span>
|
||||
<span id="monitor-partial-breaches-percentage"></span>
|
||||
</div>
|
||||
<div class="monitor-partial-breaches-wrapper">
|
||||
<div class="monitor-partial-breaches-header">
|
||||
<img id="monitor-partial-breaches-icon" src="chrome://browser/skin/protections/resolved-breach-gray.svg"/>
|
||||
<span id="monitor-partial-breaches-title"></span>
|
||||
<span id="monitor-partial-breaches-percentage"></span>
|
||||
</div>
|
||||
<progress class="progress-bar" max="100"></progress>
|
||||
<div class="monitor-partial-breaches-motivation-text">
|
||||
<span id="monitor-partial-breaches-motivation-title"></span>
|
||||
<div class="monitor-partial-breaches-motivation-wrapper">
|
||||
<span id="monitor-partial-breaches-motivation-desc" class="content" data-l10n-id="monitor-partial-breaches-motivation-description"></span>
|
||||
<div class="monitor-partial-breaches-link-wrapper">
|
||||
<a id="monitor-partial-breaches-link" target="_blank" data-l10n-id="monitor-resolve-breaches-link"></a>
|
||||
</div>
|
||||
<progress class="progress-bar" max="100"></progress>
|
||||
<div class="monitor-partial-breaches-motivation-text">
|
||||
<span id="monitor-partial-breaches-motivation-title"></span>
|
||||
<div class="monitor-partial-breaches-motivation-wrapper">
|
||||
<span
|
||||
id="monitor-partial-breaches-motivation-desc"
|
||||
class="content"
|
||||
data-l10n-id="monitor-partial-breaches-motivation-description"
|
||||
></span>
|
||||
<div class="monitor-partial-breaches-link-wrapper">
|
||||
<a
|
||||
id="monitor-partial-breaches-link"
|
||||
target="_blank"
|
||||
data-l10n-id="monitor-resolve-breaches-link"
|
||||
></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Markup for passwords card. -->
|
||||
<section class="card card-no-hover lockwise-card hidden">
|
||||
<div class="card-header">
|
||||
<img class="icon" src="chrome://browser/content/logos/lockwise.svg"/>
|
||||
<img class="icon" src="chrome://browser/content/logos/lockwise.svg" />
|
||||
<div class="wrapper">
|
||||
<div>
|
||||
<h2 id="lockwise-title" class="card-title">
|
||||
|
|
@ -253,17 +490,30 @@
|
|||
<span>
|
||||
<!-- Insert Lockwise header content here. -->
|
||||
</span>
|
||||
<a target="_blank" id="lockwise-how-it-works" data-l10n-id="lockwise-how-it-works-link" href=""></a>
|
||||
<a
|
||||
target="_blank"
|
||||
id="lockwise-how-it-works"
|
||||
data-l10n-id="lockwise-how-it-works-link"
|
||||
href=""
|
||||
></a>
|
||||
</p>
|
||||
</div>
|
||||
<button id="save-passwords-button" class="primary" data-l10n-id="protection-report-passwords-save-passwords-button"></button>
|
||||
<button
|
||||
id="save-passwords-button"
|
||||
class="primary"
|
||||
data-l10n-id="protection-report-passwords-save-passwords-button"
|
||||
></button>
|
||||
<div class="lockwise-scanned-wrapper">
|
||||
<img id="lockwise-scanned-icon" />
|
||||
<span id="lockwise-scanned-text" class="content">
|
||||
<!-- Display message for stored logins here. -->
|
||||
</span>
|
||||
</div>
|
||||
<button id="manage-passwords-button" class="primary" data-l10n-id="protection-report-passwords-manage-passwords-button"></button>
|
||||
<img id="lockwise-scanned-icon" />
|
||||
<span id="lockwise-scanned-text" class="content">
|
||||
<!-- Display message for stored logins here. -->
|
||||
</span>
|
||||
</div>
|
||||
<button
|
||||
id="manage-passwords-button"
|
||||
class="primary"
|
||||
data-l10n-id="protection-report-passwords-manage-passwords-button"
|
||||
></button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="card-body hidden">
|
||||
|
|
@ -276,38 +526,72 @@
|
|||
<!-- Markup for Proxy card -->
|
||||
<section class="card card-no-hover proxy-card hidden">
|
||||
<div class="card-header">
|
||||
<img class="icon light" src="chrome://browser/content/logos/proxy-light.svg"/>
|
||||
<img class="icon dark" src="chrome://browser/content/logos/proxy-dark.svg"/>
|
||||
<img
|
||||
class="icon light"
|
||||
src="chrome://browser/content/logos/proxy-light.svg"
|
||||
/>
|
||||
<img
|
||||
class="icon dark"
|
||||
src="chrome://browser/content/logos/proxy-dark.svg"
|
||||
/>
|
||||
<div class="wrapper">
|
||||
<div>
|
||||
<h3 class="card-title" data-l10n-id="proxy-title"></h3>
|
||||
<p class="content" data-l10n-id="proxy-header-content"></p>
|
||||
</div>
|
||||
<a target="_blank" id="get-proxy-extension-link" data-l10n-id="get-proxy-extension-link"></a>
|
||||
<a
|
||||
target="_blank"
|
||||
id="get-proxy-extension-link"
|
||||
data-l10n-id="get-proxy-extension-link"
|
||||
></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="card card-no-hover vpn-card hidden">
|
||||
<section class="card card-no-hover vpn-card hidden">
|
||||
<div class="card-header">
|
||||
<img class="icon light" src="chrome://browser/content/logos/vpn-light.svg"/>
|
||||
<img class="icon dark" src="chrome://browser/content/logos/vpn-dark.svg"/>
|
||||
<img
|
||||
class="icon light"
|
||||
src="chrome://browser/content/logos/vpn-light.svg"
|
||||
/>
|
||||
<img
|
||||
class="icon dark"
|
||||
src="chrome://browser/content/logos/vpn-dark.svg"
|
||||
/>
|
||||
<div class="wrapper">
|
||||
<div>
|
||||
<div class="title-wrapper">
|
||||
<img id="check-icon" src="chrome://browser/skin/protections/resolved-breach.svg">
|
||||
<img
|
||||
id="check-icon"
|
||||
src="chrome://browser/skin/protections/resolved-breach.svg"
|
||||
/>
|
||||
<h3 class="card-title" data-l10n-id="vpn-title"></h3>
|
||||
</div>
|
||||
<p class="content" data-l10n-id="vpn-header-content"></p>
|
||||
<p class="content subscribed" data-l10n-id="vpn-header-content-subscribed">
|
||||
<a target="_blank" id="vpn-google-playstore-link" data-l10n-name="vpn-google-playstore-link"></a>
|
||||
<a target="_blank" id="vpn-app-store-link" data-l10n-name="vpn-app-store-link"></a>
|
||||
<p
|
||||
class="content subscribed"
|
||||
data-l10n-id="vpn-header-content-subscribed"
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
id="vpn-google-playstore-link"
|
||||
data-l10n-name="vpn-google-playstore-link"
|
||||
></a>
|
||||
<a
|
||||
target="_blank"
|
||||
id="vpn-app-store-link"
|
||||
data-l10n-name="vpn-app-store-link"
|
||||
></a>
|
||||
</p>
|
||||
</div>
|
||||
<a target="_blank" id="get-vpn-link" data-l10n-id="get-vpn-link"></a>
|
||||
<a
|
||||
target="_blank"
|
||||
id="get-vpn-link"
|
||||
data-l10n-id="get-vpn-link"
|
||||
></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,42 +1,66 @@
|
|||
<!doctype html>
|
||||
<!DOCTYPE html>
|
||||
<!-- This Source Code Form is subject to the terms of the Mozilla Public
|
||||
- License, v. 2.0. If a copy of the MPL was not distributed with this file,
|
||||
- You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta charset="utf-8" />
|
||||
<title></title>
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src chrome:;img-src data:; object-src 'none'">
|
||||
<meta
|
||||
http-equiv="Content-Security-Policy"
|
||||
content="default-src chrome:;img-src data:; object-src 'none'"
|
||||
/>
|
||||
|
||||
<link rel="localization" href="browser/screenshots.ftl">
|
||||
<link rel="localization" href="browser/screenshots.ftl" />
|
||||
|
||||
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css">
|
||||
<link rel="stylesheet" href="chrome://browser/content/screenshots/screenshots.css">
|
||||
<script defer src="chrome://browser/content/screenshots/screenshots.js"></script>
|
||||
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://browser/content/screenshots/screenshots.css"
|
||||
/>
|
||||
<script
|
||||
defer
|
||||
src="chrome://browser/content/screenshots/screenshots.js"
|
||||
></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<template id="screenshots-dialog-template">
|
||||
<div class="image-view">
|
||||
<div class="preview-buttons">
|
||||
<button id="retry" class="preview-button" data-l10n-id="screenshots-retry-button-title">
|
||||
<img src="chrome://global/skin/icons/reload.svg"/>
|
||||
<button
|
||||
id="retry"
|
||||
class="preview-button"
|
||||
data-l10n-id="screenshots-retry-button-title"
|
||||
>
|
||||
<img src="chrome://global/skin/icons/reload.svg" />
|
||||
</button>
|
||||
<button id="cancel" class="preview-button" data-l10n-id="screenshots-cancel-button-title">
|
||||
<img src="chrome://global/skin/icons/close.svg"/>
|
||||
<button
|
||||
id="cancel"
|
||||
class="preview-button"
|
||||
data-l10n-id="screenshots-cancel-button-title"
|
||||
>
|
||||
<img src="chrome://global/skin/icons/close.svg" />
|
||||
</button>
|
||||
<button id="copy" class="preview-button" data-l10n-id="screenshots-copy-button-title">
|
||||
<img src="chrome://global/skin/icons/edit-copy.svg"/>
|
||||
<span data-l10n-id="screenshots-copy-button"/>
|
||||
<button
|
||||
id="copy"
|
||||
class="preview-button"
|
||||
data-l10n-id="screenshots-copy-button-title"
|
||||
>
|
||||
<img src="chrome://global/skin/icons/edit-copy.svg" />
|
||||
<span data-l10n-id="screenshots-copy-button" />
|
||||
</button>
|
||||
<button id="download" class="preview-button primary" data-l10n-id="screenshots-download-button-title">
|
||||
<img src="chrome://browser/skin/downloads/downloads.svg"/>
|
||||
<span data-l10n-id="screenshots-download-button"/>
|
||||
<button
|
||||
id="download"
|
||||
class="preview-button primary"
|
||||
data-l10n-id="screenshots-download-button-title"
|
||||
>
|
||||
<img src="chrome://browser/skin/downloads/downloads.svg" />
|
||||
<span data-l10n-id="screenshots-download-button" />
|
||||
</button>
|
||||
</div>
|
||||
<div class="preview-image">
|
||||
<div id="preview-image-div">
|
||||
</div>
|
||||
<div id="preview-image-div"></div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -1,22 +1,22 @@
|
|||
<!-- This Source Code Form is subject to the terms of the Mozilla Public
|
||||
- License, v. 2.0. If a copy of the MPL was not distributed with this file,
|
||||
- You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
<link rel="stylesheet" href="chrome://global/skin/design-tokens-brand.css">
|
||||
<link rel="stylesheet" href="chrome://global/skin/design-tokens-brand.css" />
|
||||
<style>
|
||||
/* Override the default Storybook padding in favour of styles
|
||||
/* Override the default Storybook padding in favour of styles
|
||||
provided by our WithCommonStyles wrapper */
|
||||
.sb-show-main.sb-main-padded {
|
||||
padding: 0;
|
||||
}
|
||||
.sb-show-main.sb-main-padded {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Ensure WithCommonStyles can grow to fit the page */
|
||||
#root-inner {
|
||||
height: 100vh;
|
||||
}
|
||||
/* Ensure WithCommonStyles can grow to fit the page */
|
||||
#root-inner {
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
/* Docs stories are being given unnecessary height, possibly because we
|
||||
/* Docs stories are being given unnecessary height, possibly because we
|
||||
turned off certain controls */
|
||||
.docs-story div div {
|
||||
height: unset;
|
||||
}
|
||||
.docs-story div div {
|
||||
height: unset;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -4,17 +4,23 @@
|
|||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
<html
|
||||
xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
>
|
||||
<head>
|
||||
<script src="chrome://browser/content/syncedtabs/sidebar.js"/>
|
||||
<script src="chrome://browser/content/utilityOverlay.js"/>
|
||||
<script src="chrome://browser/content/contentTheme.js"/>
|
||||
<script src="chrome://browser/content/syncedtabs/sidebar.js" />
|
||||
<script src="chrome://browser/content/utilityOverlay.js" />
|
||||
<script src="chrome://browser/content/contentTheme.js" />
|
||||
|
||||
<link rel="stylesheet" media="all" href="chrome://browser/skin/syncedtabs/sidebar.css"/>
|
||||
<link rel="localization" href="browser/syncedTabs.ftl"/>
|
||||
<link rel="localization" href="toolkit/branding/accounts.ftl"/>
|
||||
<title data-l10n-id="synced-tabs-sidebar-title"/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
media="all"
|
||||
href="chrome://browser/skin/syncedtabs/sidebar.css"
|
||||
/>
|
||||
<link rel="localization" href="browser/syncedTabs.ftl" />
|
||||
<link rel="localization" href="toolkit/branding/accounts.ftl" />
|
||||
<title data-l10n-id="synced-tabs-sidebar-title" />
|
||||
</head>
|
||||
|
||||
<body role="application">
|
||||
|
|
@ -39,7 +45,10 @@
|
|||
<div class="item empty" role="option" tabindex="-1">
|
||||
<div class="item-title-container">
|
||||
<div class="item-icon-container"></div>
|
||||
<p class="item-title" data-l10n-id="synced-tabs-sidebar-notabs"></p>
|
||||
<p
|
||||
class="item-title"
|
||||
data-l10n-id="synced-tabs-sidebar-notabs"
|
||||
></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -68,32 +77,59 @@
|
|||
<div class="notAuthedInfo sync-state">
|
||||
<div class="syncIllustration"></div>
|
||||
<p class="instructions" data-l10n-id="synced-tabs-sidebar-intro"></p>
|
||||
<button class="button sync-prefs" data-l10n-id="synced-tabs-fxa-sign-in"></button>
|
||||
<button
|
||||
class="button sync-prefs"
|
||||
data-l10n-id="synced-tabs-fxa-sign-in"
|
||||
></button>
|
||||
</div>
|
||||
<div class="syncDisabled sync-state">
|
||||
<div class="syncIllustration"></div>
|
||||
<p class="instructions" data-l10n-id="synced-tabs-sidebar-intro"></p>
|
||||
<button class="button sync-prefs" data-l10n-id="synced-tabs-turn-on-sync"></button>
|
||||
<button
|
||||
class="button sync-prefs"
|
||||
data-l10n-id="synced-tabs-turn-on-sync"
|
||||
></button>
|
||||
</div>
|
||||
<div class="reauth sync-state">
|
||||
<div class="syncIllustrationIssue"></div>
|
||||
<p class="instructions" data-l10n-id="synced-tabs-sidebar-intro"></p>
|
||||
<button class="button sync-prefs" data-l10n-id="synced-tabs-fxa-sign-in"></button>
|
||||
<button
|
||||
class="button sync-prefs"
|
||||
data-l10n-id="synced-tabs-fxa-sign-in"
|
||||
></button>
|
||||
</div>
|
||||
<div class="unverified sync-state">
|
||||
<div class="syncIllustrationIssue"></div>
|
||||
<p class="instructions" data-l10n-id="synced-tabs-sidebar-unverified"></p>
|
||||
<button class="button sync-prefs" data-l10n-id="synced-tabs-sidebar-open-settings"></button>
|
||||
<p
|
||||
class="instructions"
|
||||
data-l10n-id="synced-tabs-sidebar-unverified"
|
||||
></p>
|
||||
<button
|
||||
class="button sync-prefs"
|
||||
data-l10n-id="synced-tabs-sidebar-open-settings"
|
||||
></button>
|
||||
</div>
|
||||
<div class="singleDeviceInfo sync-state">
|
||||
<div class="syncIllustrationIssue"></div>
|
||||
<p class="instructions" data-l10n-id="synced-tabs-sidebar-noclients-subtitle"></p>
|
||||
<button class="button connect-device" data-l10n-id="synced-tabs-sidebar-connect-another-device"></button>
|
||||
<p
|
||||
class="instructions"
|
||||
data-l10n-id="synced-tabs-sidebar-noclients-subtitle"
|
||||
></p>
|
||||
<button
|
||||
class="button connect-device"
|
||||
data-l10n-id="synced-tabs-sidebar-connect-another-device"
|
||||
></button>
|
||||
</div>
|
||||
<div class="tabs-disabled sync-state">
|
||||
<div class="syncIllustrationIssue"></div>
|
||||
<p class="instructions" data-l10n-id="synced-tabs-sidebar-tabsnotsyncing"></p>
|
||||
<button class="button sync-prefs" data-l10n-id="synced-tabs-sidebar-open-settings"></button>
|
||||
<p
|
||||
class="instructions"
|
||||
data-l10n-id="synced-tabs-sidebar-tabsnotsyncing"
|
||||
></p>
|
||||
<button
|
||||
class="button sync-prefs"
|
||||
data-l10n-id="synced-tabs-sidebar-open-settings"
|
||||
></button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -102,15 +138,20 @@
|
|||
<!-- the non-scrollable header -->
|
||||
<div class="content-header">
|
||||
<div class="sidebar-search-container tabs-container sync-state">
|
||||
<xul:search-textbox class="tabsFilter"
|
||||
tabindex="1"
|
||||
data-l10n-id="synced-tabs-sidebar-search"
|
||||
data-l10n-attrs="placeholder"/>
|
||||
<xul:search-textbox
|
||||
class="tabsFilter"
|
||||
tabindex="1"
|
||||
data-l10n-id="synced-tabs-sidebar-search"
|
||||
data-l10n-attrs="placeholder"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<!-- the scrollable content area where our templates are inserted -->
|
||||
<div id="template-container" class="content-scrollable" tabindex="-1">
|
||||
</div>
|
||||
<div
|
||||
id="template-container"
|
||||
class="content-scrollable"
|
||||
tabindex="-1"
|
||||
></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -5,48 +5,56 @@
|
|||
<html>
|
||||
<head>
|
||||
<title data-l10n-id="about-unloads-page-title"></title>
|
||||
<meta http-equiv="Content-Security-Policy"
|
||||
content="default-src chrome:; object-src 'none'"/>
|
||||
<meta
|
||||
http-equiv="Content-Security-Policy"
|
||||
content="default-src chrome:; object-src 'none'"
|
||||
/>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="color-scheme" content="light dark" />
|
||||
<link rel="stylesheet"
|
||||
href="chrome://global/skin/in-content/info-pages.css"/>
|
||||
<link rel="stylesheet"
|
||||
href="chrome://browser/content/tabunloader/aboutUnloads.css"/>
|
||||
<link rel="localization" href="browser/aboutUnloads.ftl"/>
|
||||
<link rel="localization" href="branding/brand.ftl"/>
|
||||
<script src="chrome://browser/content/tabunloader/aboutUnloads.js">
|
||||
</script>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://global/skin/in-content/info-pages.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://browser/content/tabunloader/aboutUnloads.css"
|
||||
/>
|
||||
<link rel="localization" href="browser/aboutUnloads.ftl" />
|
||||
<link rel="localization" href="branding/brand.ftl" />
|
||||
<script src="chrome://browser/content/tabunloader/aboutUnloads.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h1 data-l10n-id="about-unloads-page-title"></h1>
|
||||
<p data-l10n-id="about-unloads-intro"></p>
|
||||
<p data-l10n-id="about-unloads-learn-more">
|
||||
<a data-l10n-name="doc-link"
|
||||
href="https://firefox-source-docs.mozilla.org/browser/tabunloader/">
|
||||
<a
|
||||
data-l10n-name="doc-link"
|
||||
href="https://firefox-source-docs.mozilla.org/browser/tabunloader/"
|
||||
>
|
||||
</a>
|
||||
</p>
|
||||
<div class="control-panel">
|
||||
<div><span id="label-last-updated"></span></div>
|
||||
<button id="button-unload"
|
||||
data-l10n-id="about-unloads-button-unload"></button>
|
||||
<button
|
||||
id="button-unload"
|
||||
data-l10n-id="about-unloads-button-unload"
|
||||
></button>
|
||||
</div>
|
||||
<table class="tab-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th data-l10n-id="about-unloads-column-priority"/>
|
||||
<th data-l10n-id="about-unloads-column-host"/>
|
||||
<th data-l10n-id="about-unloads-column-last-accessed"/>
|
||||
<th data-l10n-id="about-unloads-column-weight"/>
|
||||
<th data-l10n-id="about-unloads-column-sortweight"/>
|
||||
<th data-l10n-id="about-unloads-column-memory"/>
|
||||
<th data-l10n-id="about-unloads-column-processes"/>
|
||||
<th data-l10n-id="about-unloads-column-priority" />
|
||||
<th data-l10n-id="about-unloads-column-host" />
|
||||
<th data-l10n-id="about-unloads-column-last-accessed" />
|
||||
<th data-l10n-id="about-unloads-column-weight" />
|
||||
<th data-l10n-id="about-unloads-column-sortweight" />
|
||||
<th data-l10n-id="about-unloads-column-memory" />
|
||||
<th data-l10n-id="about-unloads-column-processes" />
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr id="no-unloadable-tab-message">
|
||||
<td data-l10n-id="about-unloads-no-unloadable-tab"
|
||||
colspan="8" ></td>
|
||||
<td data-l10n-id="about-unloads-no-unloadable-tab" colspan="8"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -4,108 +4,131 @@
|
|||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title data-l10n-id="autofill-add-new-address-title"></title>
|
||||
<link rel="localization" href="browser/preferences/formAutofill.ftl"/>
|
||||
<link rel="stylesheet" href="chrome://formautofill/content/skin/editDialog-shared.css"/>
|
||||
<link rel="stylesheet" href="chrome://formautofill/content/skin/editAddress.css"/>
|
||||
<link rel="stylesheet" href="chrome://formautofill/content/skin/editDialog.css"/>
|
||||
<script src="chrome://formautofill/content/editDialog.js"></script>
|
||||
<script src="chrome://formautofill/content/autofillEditForms.js"></script>
|
||||
<script type="module" src="chrome://global/content/elements/moz-button-group.mjs"></script>
|
||||
</head>
|
||||
<body>
|
||||
<form id="form" class="editAddressForm" autocomplete="off">
|
||||
<!--
|
||||
<head>
|
||||
<title data-l10n-id="autofill-add-new-address-title"></title>
|
||||
<link rel="localization" href="browser/preferences/formAutofill.ftl" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://formautofill/content/skin/editDialog-shared.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://formautofill/content/skin/editAddress.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://formautofill/content/skin/editDialog.css"
|
||||
/>
|
||||
<script src="chrome://formautofill/content/editDialog.js"></script>
|
||||
<script src="chrome://formautofill/content/autofillEditForms.js"></script>
|
||||
<script
|
||||
type="module"
|
||||
src="chrome://global/content/elements/moz-button-group.mjs"
|
||||
></script>
|
||||
</head>
|
||||
<body>
|
||||
<form id="form" class="editAddressForm" autocomplete="off">
|
||||
<!--
|
||||
The <span class="label-text" …/> needs to be after the form field in the same element in
|
||||
order to get proper label styling with :focus and :moz-ui-invalid.
|
||||
-->
|
||||
<div id="name-container" class="container">
|
||||
<label id="given-name-container">
|
||||
<input id="given-name" type="text" required="required"/>
|
||||
<span data-l10n-id="autofill-address-given-name" class="label-text"/>
|
||||
<div id="name-container" class="container">
|
||||
<label id="given-name-container">
|
||||
<input id="given-name" type="text" required="required" />
|
||||
<span data-l10n-id="autofill-address-given-name" class="label-text" />
|
||||
</label>
|
||||
<label id="additional-name-container">
|
||||
<input id="additional-name" type="text" />
|
||||
<span
|
||||
data-l10n-id="autofill-address-additional-name"
|
||||
class="label-text"
|
||||
/>
|
||||
</label>
|
||||
<label id="family-name-container">
|
||||
<input id="family-name" type="text" required="required" />
|
||||
<span
|
||||
data-l10n-id="autofill-address-family-name"
|
||||
class="label-text"
|
||||
/>
|
||||
</label>
|
||||
</div>
|
||||
<label id="organization-container" class="container">
|
||||
<input id="organization" type="text" />
|
||||
<span data-l10n-id="autofill-address-organization" class="label-text" />
|
||||
</label>
|
||||
<label id="additional-name-container">
|
||||
<input id="additional-name" type="text"/>
|
||||
<span data-l10n-id="autofill-address-additional-name" class="label-text"/>
|
||||
<label id="street-address-container" class="container">
|
||||
<textarea id="street-address" rows="3" />
|
||||
<span data-l10n-id="autofill-address-street" class="label-text" />
|
||||
</label>
|
||||
<label id="family-name-container">
|
||||
<input id="family-name" type="text" required="required"/>
|
||||
<span data-l10n-id="autofill-address-family-name" class="label-text"/>
|
||||
<label id="address-level3-container" class="container">
|
||||
<input id="address-level3" type="text" />
|
||||
<span class="label-text" />
|
||||
</label>
|
||||
</div>
|
||||
<label id="organization-container" class="container">
|
||||
<input id="organization" type="text"/>
|
||||
<span data-l10n-id="autofill-address-organization" class="label-text"/>
|
||||
</label>
|
||||
<label id="street-address-container" class="container">
|
||||
<textarea id="street-address" rows="3"/>
|
||||
<span data-l10n-id="autofill-address-street" class="label-text"/>
|
||||
</label>
|
||||
<label id="address-level3-container" class="container">
|
||||
<input id="address-level3" type="text"/>
|
||||
<span class="label-text"/>
|
||||
</label>
|
||||
<label id="address-level2-container" class="container">
|
||||
<input id="address-level2" type="text"/>
|
||||
<span class="label-text"/>
|
||||
</label>
|
||||
<label id="address-level1-container" class="container">
|
||||
<!-- The address-level1 input will get replaced by a select dropdown
|
||||
<label id="address-level2-container" class="container">
|
||||
<input id="address-level2" type="text" />
|
||||
<span class="label-text" />
|
||||
</label>
|
||||
<label id="address-level1-container" class="container">
|
||||
<!-- The address-level1 input will get replaced by a select dropdown
|
||||
by autofillEditForms.js when the selected country has provided
|
||||
specific options. -->
|
||||
<input id="address-level1" type="text"/>
|
||||
<span class="label-text"/>
|
||||
</label>
|
||||
<label id="postal-code-container" class="container">
|
||||
<input id="postal-code" type="text"/>
|
||||
<span class="label-text"/>
|
||||
</label>
|
||||
<label id="country-container" class="container">
|
||||
<select id="country" required="required">
|
||||
<option/>
|
||||
</select>
|
||||
<span data-l10n-id="autofill-address-country" class="label-text"/>
|
||||
</label>
|
||||
<label id="tel-container" class="container">
|
||||
<input id="tel" type="tel" dir="auto"/>
|
||||
<span data-l10n-id="autofill-address-tel" class="label-text"/>
|
||||
</label>
|
||||
<label id="email-container" class="container">
|
||||
<input id="email" type="email" required="required"/>
|
||||
<span data-l10n-id="autofill-address-email" class="label-text"/>
|
||||
</label>
|
||||
</form>
|
||||
<div id="controls-container">
|
||||
<span id="country-warning-message" data-l10n-id="autofill-country-warning-message"/>
|
||||
<moz-button-group>
|
||||
<button id="cancel" data-l10n-id="autofill-cancel-button"/>
|
||||
<button id="save" class="primary" data-l10n-id="autofill-save-button"/>
|
||||
</moz-button-group>
|
||||
</div>
|
||||
<script><![CDATA[
|
||||
"use strict";
|
||||
<input id="address-level1" type="text" />
|
||||
<span class="label-text" />
|
||||
</label>
|
||||
<label id="postal-code-container" class="container">
|
||||
<input id="postal-code" type="text" />
|
||||
<span class="label-text" />
|
||||
</label>
|
||||
<label id="country-container" class="container">
|
||||
<select id="country" required="required">
|
||||
<option />
|
||||
</select>
|
||||
<span data-l10n-id="autofill-address-country" class="label-text" />
|
||||
</label>
|
||||
<label id="tel-container" class="container">
|
||||
<input id="tel" type="tel" dir="auto" />
|
||||
<span data-l10n-id="autofill-address-tel" class="label-text" />
|
||||
</label>
|
||||
<label id="email-container" class="container">
|
||||
<input id="email" type="email" required="required" />
|
||||
<span data-l10n-id="autofill-address-email" class="label-text" />
|
||||
</label>
|
||||
</form>
|
||||
<div id="controls-container">
|
||||
<span
|
||||
id="country-warning-message"
|
||||
data-l10n-id="autofill-country-warning-message"
|
||||
/>
|
||||
<moz-button-group>
|
||||
<button id="cancel" data-l10n-id="autofill-cancel-button" />
|
||||
<button id="save" class="primary" data-l10n-id="autofill-save-button" />
|
||||
</moz-button-group>
|
||||
</div>
|
||||
<script>
|
||||
<![CDATA[
|
||||
"use strict";
|
||||
|
||||
const {
|
||||
record,
|
||||
noValidate,
|
||||
} = window.arguments?.[0] ?? {};
|
||||
const {
|
||||
record,
|
||||
noValidate,
|
||||
} = window.arguments?.[0] ?? {};
|
||||
|
||||
/* import-globals-from autofillEditForms.js */
|
||||
const fieldContainer = new EditAddress({
|
||||
form: document.getElementById("form"),
|
||||
}, record, {
|
||||
noValidate,
|
||||
});
|
||||
/* import-globals-from autofillEditForms.js */
|
||||
const fieldContainer = new EditAddress({
|
||||
form: document.getElementById("form"),
|
||||
}, record, {
|
||||
noValidate,
|
||||
});
|
||||
|
||||
/* import-globals-from editDialog.js */
|
||||
new EditAddressDialog({
|
||||
title: document.querySelector("title"),
|
||||
fieldContainer,
|
||||
controlsContainer: document.getElementById("controls-container"),
|
||||
cancel: document.getElementById("cancel"),
|
||||
save: document.getElementById("save"),
|
||||
}, record);
|
||||
]]></script>
|
||||
</body>
|
||||
/* import-globals-from editDialog.js */
|
||||
new EditAddressDialog({
|
||||
title: document.querySelector("title"),
|
||||
fieldContainer,
|
||||
controlsContainer: document.getElementById("controls-container"),
|
||||
cancel: document.getElementById("cancel"),
|
||||
save: document.getElementById("save"),
|
||||
}, record);
|
||||
]]>
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -4,87 +4,119 @@
|
|||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title data-l10n-id="autofill-add-new-card-title"></title>
|
||||
<link rel="localization" href="browser/preferences/formAutofill.ftl"/>
|
||||
<link rel="stylesheet" href="chrome://formautofill/content/skin/editDialog-shared.css"/>
|
||||
<link rel="stylesheet" href="chrome://formautofill/content/skin/editCreditCard.css"/>
|
||||
<link rel="stylesheet" href="chrome://formautofill/content/skin/editDialog.css"/>
|
||||
<script src="chrome://formautofill/content/editDialog.js"></script>
|
||||
<script src="chrome://formautofill/content/autofillEditForms.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<form id="form" class="editCreditCardForm contentPane" autocomplete="off">
|
||||
<!--
|
||||
<head>
|
||||
<title data-l10n-id="autofill-add-new-card-title"></title>
|
||||
<link rel="localization" href="browser/preferences/formAutofill.ftl" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://formautofill/content/skin/editDialog-shared.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://formautofill/content/skin/editCreditCard.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://formautofill/content/skin/editDialog.css"
|
||||
/>
|
||||
<script src="chrome://formautofill/content/editDialog.js"></script>
|
||||
<script src="chrome://formautofill/content/autofillEditForms.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<form id="form" class="editCreditCardForm contentPane" autocomplete="off">
|
||||
<!--
|
||||
The <span class="label-text" …/> needs to be after the form field in the same element in
|
||||
order to get proper label styling with :focus and :moz-ui-invalid.
|
||||
-->
|
||||
<label id="cc-number-container" class="container" role="none">
|
||||
<span id="invalidCardNumberString" hidden="hidden" data-l10n-id="autofill-card-invalid-number"></span>
|
||||
<!-- Because there is text both before and after the input, a11y will
|
||||
<label id="cc-number-container" class="container" role="none">
|
||||
<span
|
||||
id="invalidCardNumberString"
|
||||
hidden="hidden"
|
||||
data-l10n-id="autofill-card-invalid-number"
|
||||
></span>
|
||||
<!-- Because there is text both before and after the input, a11y will
|
||||
include the value of the input in the label. Therefore, we override
|
||||
with aria-labelledby.
|
||||
-->
|
||||
<input id="cc-number" type="text" required="required" minlength="14" pattern="[- 0-9]+" aria-labelledby="cc-number-label"/>
|
||||
<span id="cc-number-label" data-l10n-id="autofill-card-number" class="label-text"/>
|
||||
</label>
|
||||
<label id="cc-exp-month-container" class="container">
|
||||
<select id="cc-exp-month" required="required">
|
||||
<option/>
|
||||
</select>
|
||||
<span data-l10n-id="autofill-card-expires-month" class="label-text"/>
|
||||
</label>
|
||||
<label id="cc-exp-year-container" class="container">
|
||||
<select id="cc-exp-year" required="required">
|
||||
<option/>
|
||||
</select>
|
||||
<span data-l10n-id="autofill-card-expires-year" class="label-text"/>
|
||||
</label>
|
||||
<label id="cc-name-container" class="container">
|
||||
<input id="cc-name" type="text" required="required"/>
|
||||
<span data-l10n-id="autofill-card-name-on-card" class="label-text"/>
|
||||
</label>
|
||||
<label id="cc-csc-container" class="container" hidden="hidden">
|
||||
<!-- The CSC container will get filled in by forms that need a CSC (using csc-input.js) -->
|
||||
</label>
|
||||
<div id="billingAddressGUID-container" class="billingAddressRow container rich-picker">
|
||||
<select id="billingAddressGUID" required="required">
|
||||
</select>
|
||||
<label for="billingAddressGUID" data-l10n-id="autofill-card-billing-address" class="label-text"/>
|
||||
<input
|
||||
id="cc-number"
|
||||
type="text"
|
||||
required="required"
|
||||
minlength="14"
|
||||
pattern="[- 0-9]+"
|
||||
aria-labelledby="cc-number-label"
|
||||
/>
|
||||
<span
|
||||
id="cc-number-label"
|
||||
data-l10n-id="autofill-card-number"
|
||||
class="label-text"
|
||||
/>
|
||||
</label>
|
||||
<label id="cc-exp-month-container" class="container">
|
||||
<select id="cc-exp-month" required="required">
|
||||
<option />
|
||||
</select>
|
||||
<span data-l10n-id="autofill-card-expires-month" class="label-text" />
|
||||
</label>
|
||||
<label id="cc-exp-year-container" class="container">
|
||||
<select id="cc-exp-year" required="required">
|
||||
<option />
|
||||
</select>
|
||||
<span data-l10n-id="autofill-card-expires-year" class="label-text" />
|
||||
</label>
|
||||
<label id="cc-name-container" class="container">
|
||||
<input id="cc-name" type="text" required="required" />
|
||||
<span data-l10n-id="autofill-card-name-on-card" class="label-text" />
|
||||
</label>
|
||||
<label id="cc-csc-container" class="container" hidden="hidden">
|
||||
<!-- The CSC container will get filled in by forms that need a CSC (using csc-input.js) -->
|
||||
</label>
|
||||
<div
|
||||
id="billingAddressGUID-container"
|
||||
class="billingAddressRow container rich-picker"
|
||||
>
|
||||
<select id="billingAddressGUID" required="required"></select>
|
||||
<label
|
||||
for="billingAddressGUID"
|
||||
data-l10n-id="autofill-card-billing-address"
|
||||
class="label-text"
|
||||
/>
|
||||
</div>
|
||||
</form>
|
||||
<div id="controls-container">
|
||||
<button id="cancel" data-l10n-id="autofill-cancel-button" />
|
||||
<button id="save" class="primary" data-l10n-id="autofill-save-button" />
|
||||
</div>
|
||||
</form>
|
||||
<div id="controls-container">
|
||||
<button id="cancel" data-l10n-id="autofill-cancel-button"/>
|
||||
<button id="save" class="primary" data-l10n-id="autofill-save-button"/>
|
||||
</div>
|
||||
<script><![CDATA[
|
||||
"use strict";
|
||||
<script>
|
||||
<![CDATA[
|
||||
"use strict";
|
||||
|
||||
/* import-globals-from editDialog.js */
|
||||
/* import-globals-from editDialog.js */
|
||||
|
||||
(async () => {
|
||||
const {
|
||||
record,
|
||||
} = window.arguments?.[0] ?? {};
|
||||
(async () => {
|
||||
const {
|
||||
record,
|
||||
} = window.arguments?.[0] ?? {};
|
||||
|
||||
const addresses = {};
|
||||
for (let address of await formAutofillStorage.addresses.getAll()) {
|
||||
addresses[address.guid] = address;
|
||||
}
|
||||
const addresses = {};
|
||||
for (let address of await formAutofillStorage.addresses.getAll()) {
|
||||
addresses[address.guid] = address;
|
||||
}
|
||||
|
||||
/* import-globals-from autofillEditForms.js */
|
||||
const fieldContainer = new EditCreditCard({
|
||||
form: document.getElementById("form"),
|
||||
}, record, addresses);
|
||||
/* import-globals-from autofillEditForms.js */
|
||||
const fieldContainer = new EditCreditCard({
|
||||
form: document.getElementById("form"),
|
||||
}, record, addresses);
|
||||
|
||||
new EditCreditCardDialog({
|
||||
title: document.querySelector("title"),
|
||||
fieldContainer,
|
||||
controlsContainer: document.getElementById("controls-container"),
|
||||
cancel: document.getElementById("cancel"),
|
||||
save: document.getElementById("save"),
|
||||
}, record);
|
||||
})();
|
||||
]]></script>
|
||||
</body>
|
||||
new EditCreditCardDialog({
|
||||
title: document.querySelector("title"),
|
||||
fieldContainer,
|
||||
controlsContainer: document.getElementById("controls-container"),
|
||||
cancel: document.getElementById("cancel"),
|
||||
save: document.getElementById("save"),
|
||||
}, record);
|
||||
})();
|
||||
]]>
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,37 +3,52 @@
|
|||
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" data-l10n-id="autofill-manage-dialog" data-l10n-attrs="style">
|
||||
<head>
|
||||
<title data-l10n-id="autofill-manage-addresses-title"></title>
|
||||
<link rel="localization" href="browser/preferences/formAutofill.ftl"/>
|
||||
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css" />
|
||||
<link rel="stylesheet" href="chrome://formautofill/content/manageDialog.css" />
|
||||
<script src="chrome://formautofill/content/manageDialog.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<fieldset>
|
||||
<legend data-l10n-id="autofill-manage-addresses-list-header"/>
|
||||
<select id="addresses" size="9" multiple="multiple"/>
|
||||
</fieldset>
|
||||
<div id="controls-container">
|
||||
<button id="remove" disabled="disabled" data-l10n-id="autofill-manage-remove-button"/>
|
||||
<!-- Wrapper is used to properly compute the search tooltip position -->
|
||||
<div>
|
||||
<button id="add" data-l10n-id="autofill-manage-add-button"/>
|
||||
<html
|
||||
xmlns="http://www.w3.org/1999/xhtml"
|
||||
data-l10n-id="autofill-manage-dialog"
|
||||
data-l10n-attrs="style"
|
||||
>
|
||||
<head>
|
||||
<title data-l10n-id="autofill-manage-addresses-title"></title>
|
||||
<link rel="localization" href="browser/preferences/formAutofill.ftl" />
|
||||
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://formautofill/content/manageDialog.css"
|
||||
/>
|
||||
<script src="chrome://formautofill/content/manageDialog.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<fieldset>
|
||||
<legend data-l10n-id="autofill-manage-addresses-list-header" />
|
||||
<select id="addresses" size="9" multiple="multiple" />
|
||||
</fieldset>
|
||||
<div id="controls-container">
|
||||
<button
|
||||
id="remove"
|
||||
disabled="disabled"
|
||||
data-l10n-id="autofill-manage-remove-button"
|
||||
/>
|
||||
<!-- Wrapper is used to properly compute the search tooltip position -->
|
||||
<div>
|
||||
<button id="add" data-l10n-id="autofill-manage-add-button" />
|
||||
</div>
|
||||
<button
|
||||
id="edit"
|
||||
disabled="disabled"
|
||||
data-l10n-id="autofill-manage-edit-button"
|
||||
/>
|
||||
</div>
|
||||
<button id="edit" disabled="disabled" data-l10n-id="autofill-manage-edit-button"/>
|
||||
</div>
|
||||
<script>
|
||||
"use strict";
|
||||
/* global ManageAddresses */
|
||||
new ManageAddresses({
|
||||
records: document.getElementById("addresses"),
|
||||
controlsContainer: document.getElementById("controls-container"),
|
||||
remove: document.getElementById("remove"),
|
||||
add: document.getElementById("add"),
|
||||
edit: document.getElementById("edit"),
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
<script>
|
||||
"use strict";
|
||||
/* global ManageAddresses */
|
||||
new ManageAddresses({
|
||||
records: document.getElementById("addresses"),
|
||||
controlsContainer: document.getElementById("controls-container"),
|
||||
remove: document.getElementById("remove"),
|
||||
add: document.getElementById("add"),
|
||||
edit: document.getElementById("edit"),
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,38 +3,53 @@
|
|||
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" data-l10n-id="autofill-manage-dialog" data-l10n-attrs="style">
|
||||
<head>
|
||||
<title data-l10n-id="autofill-manage-credit-cards-title"></title>
|
||||
<link rel="localization" href="browser/preferences/formAutofill.ftl"/>
|
||||
<link rel="localization" href="toolkit/payments/payments.ftl"/>
|
||||
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css" />
|
||||
<link rel="stylesheet" href="chrome://formautofill/content/manageDialog.css" />
|
||||
<script src="chrome://formautofill/content/manageDialog.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<fieldset>
|
||||
<legend data-l10n-id="autofill-manage-credit-cards-list-header"/>
|
||||
<select id="credit-cards" size="9" multiple="multiple"/>
|
||||
</fieldset>
|
||||
<div id="controls-container">
|
||||
<button id="remove" disabled="disabled" data-l10n-id="autofill-manage-remove-button"/>
|
||||
<!-- Wrapper is used to properly compute the search tooltip position -->
|
||||
<div>
|
||||
<button id="add" data-l10n-id="autofill-manage-add-button"/>
|
||||
<html
|
||||
xmlns="http://www.w3.org/1999/xhtml"
|
||||
data-l10n-id="autofill-manage-dialog"
|
||||
data-l10n-attrs="style"
|
||||
>
|
||||
<head>
|
||||
<title data-l10n-id="autofill-manage-credit-cards-title"></title>
|
||||
<link rel="localization" href="browser/preferences/formAutofill.ftl" />
|
||||
<link rel="localization" href="toolkit/payments/payments.ftl" />
|
||||
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://formautofill/content/manageDialog.css"
|
||||
/>
|
||||
<script src="chrome://formautofill/content/manageDialog.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<fieldset>
|
||||
<legend data-l10n-id="autofill-manage-credit-cards-list-header" />
|
||||
<select id="credit-cards" size="9" multiple="multiple" />
|
||||
</fieldset>
|
||||
<div id="controls-container">
|
||||
<button
|
||||
id="remove"
|
||||
disabled="disabled"
|
||||
data-l10n-id="autofill-manage-remove-button"
|
||||
/>
|
||||
<!-- Wrapper is used to properly compute the search tooltip position -->
|
||||
<div>
|
||||
<button id="add" data-l10n-id="autofill-manage-add-button" />
|
||||
</div>
|
||||
<button
|
||||
id="edit"
|
||||
disabled="disabled"
|
||||
data-l10n-id="autofill-manage-edit-button"
|
||||
/>
|
||||
</div>
|
||||
<button id="edit" disabled="disabled" data-l10n-id="autofill-manage-edit-button"/>
|
||||
</div>
|
||||
<script>
|
||||
"use strict";
|
||||
/* global ManageCreditCards */
|
||||
new ManageCreditCards({
|
||||
records: document.getElementById("credit-cards"),
|
||||
controlsContainer: document.getElementById("controls-container"),
|
||||
remove: document.getElementById("remove"),
|
||||
add: document.getElementById("add"),
|
||||
edit: document.getElementById("edit"),
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
<script>
|
||||
"use strict";
|
||||
/* global ManageCreditCards */
|
||||
new ManageCreditCards({
|
||||
records: document.getElementById("credit-cards"),
|
||||
controlsContainer: document.getElementById("controls-container"),
|
||||
remove: document.getElementById("remove"),
|
||||
add: document.getElementById("add"),
|
||||
edit: document.getElementById("edit"),
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<!doctype html>
|
||||
<!DOCTYPE html>
|
||||
|
||||
<!-- This Source Code Form is subject to the terms of the Mozilla Public
|
||||
- License, v. 2.0. If a copy of the MPL was not distributed with this file,
|
||||
- You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta charset="utf-8" />
|
||||
|
|
|
|||
|
|
@ -2,43 +2,50 @@
|
|||
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
|
||||
<!DOCTYPE HTML>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<base/>
|
||||
<head>
|
||||
<base />
|
||||
|
||||
<!-- If you change this script tag you must update the hash in the extension's
|
||||
<!-- If you change this script tag you must update the hash in the extension's
|
||||
`content_security_policy` 'sha256-MmZkN2QaIHhfRWPZ8TVRjijTn5Ci1iEabtTEWrt9CCo=' -->
|
||||
<script>/* globals browser */ document.head.firstElementChild.href = browser.runtime.getURL("");</script>
|
||||
<script>
|
||||
/* globals browser */ document.head.firstElementChild.href =
|
||||
browser.runtime.getURL("");
|
||||
</script>
|
||||
|
||||
<meta charset="utf-8" />
|
||||
<meta name="color-scheme" content="light dark">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="about-compat/aboutCompat.css" />
|
||||
<link rel="stylesheet" media="screen and (pointer:fine), projection" type="text/css"
|
||||
href="chrome://global/skin/in-content/common.css"/>
|
||||
<link rel="localization" href="toolkit/about/aboutCompat.ftl"/>
|
||||
<title data-l10n-id="text-title"></title>
|
||||
<script src="about-compat/aboutCompat.js"></script>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="color-scheme" content="light dark" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" href="about-compat/aboutCompat.css" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
media="screen and (pointer:fine), projection"
|
||||
type="text/css"
|
||||
href="chrome://global/skin/in-content/common.css"
|
||||
/>
|
||||
<link rel="localization" href="toolkit/about/aboutCompat.ftl" />
|
||||
<title data-l10n-id="text-title"></title>
|
||||
<script src="about-compat/aboutCompat.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h2 class="tab active" data-l10n-id="label-overrides"></h2>
|
||||
<table id="overrides">
|
||||
<col/>
|
||||
<col/>
|
||||
<col/>
|
||||
</table>
|
||||
<h2 class="tab" data-l10n-id="label-interventions"></h2>
|
||||
<table id="interventions">
|
||||
<col/>
|
||||
<col/>
|
||||
<col/>
|
||||
</table>
|
||||
<h2 class="tab" data-l10n-id="label-smartblock"></h2>
|
||||
<table id="smartblock" class="shims">
|
||||
<col/>
|
||||
<col/>
|
||||
<col/>
|
||||
</table>
|
||||
</body>
|
||||
<body>
|
||||
<h2 class="tab active" data-l10n-id="label-overrides"></h2>
|
||||
<table id="overrides">
|
||||
<col />
|
||||
<col />
|
||||
<col />
|
||||
</table>
|
||||
<h2 class="tab" data-l10n-id="label-interventions"></h2>
|
||||
<table id="interventions">
|
||||
<col />
|
||||
<col />
|
||||
<col />
|
||||
</table>
|
||||
<h2 class="tab" data-l10n-id="label-smartblock"></h2>
|
||||
<table id="smartblock" class="shims">
|
||||
<col />
|
||||
<col />
|
||||
<col />
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta charset="UTF-8" />
|
||||
<title>SafeFrame Container</title>
|
||||
<script>
|
||||
try {
|
||||
|
|
|
|||
|
|
@ -9,31 +9,46 @@
|
|||
|
||||
<!-- 1280x720 chosen for default 16:9 ratio -->
|
||||
<html width="1280" height="720">
|
||||
<head>
|
||||
<title>Firefox Reality</title>
|
||||
<link rel="stylesheet" href="common.css" />
|
||||
<link rel="stylesheet" href="fxrui.css" />
|
||||
<link rel="stylesheet" href="fxrui_blue.css" />
|
||||
<script src="common.js"></script>
|
||||
<script src="permissions.js"></script>
|
||||
<script src="fxrui.js"></script>
|
||||
</head>
|
||||
<head>
|
||||
<title>Firefox Reality</title>
|
||||
<link rel="stylesheet" href="common.css" />
|
||||
<link rel="stylesheet" href="fxrui.css" />
|
||||
<link rel="stylesheet" href="fxrui_blue.css" />
|
||||
<script src="common.js"></script>
|
||||
<script src="permissions.js"></script>
|
||||
<script src="fxrui.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="eBrowserContainer" class="browser_container"></div>
|
||||
<body>
|
||||
<div id="eBrowserContainer" class="browser_container"></div>
|
||||
|
||||
<div class="navbar_container">
|
||||
<button id="eBack" class="icon_container icon_backward"></button>
|
||||
<button id="eForward" class="icon_container icon_forward"></button>
|
||||
<button id="eRefresh" class="icon_container icon_refresh icon_disabled_hide"></button>
|
||||
<button id="eStop" class="icon_container icon_stop icon_disabled_hide" disabled></button>
|
||||
<button id="eHome" class="icon_container icon_home" ></button>
|
||||
<div class="navbar_container">
|
||||
<button id="eBack" class="icon_container icon_backward"></button>
|
||||
<button id="eForward" class="icon_container icon_forward"></button>
|
||||
<button
|
||||
id="eRefresh"
|
||||
class="icon_container icon_refresh icon_disabled_hide"
|
||||
></button>
|
||||
<button
|
||||
id="eStop"
|
||||
class="icon_container icon_stop icon_disabled_hide"
|
||||
disabled
|
||||
></button>
|
||||
<button id="eHome" class="icon_container icon_home"></button>
|
||||
|
||||
<div class="urlbar_container urlbar_container_normal" id="eUrlBarContainer">
|
||||
<img class="urlbar_secure_icon" id="eUrlSecure" src="assets/icon-secure.svg" alt="Secure"/>
|
||||
<input class="urlbar_input" id="eUrlInput" type="text" value="" />
|
||||
<div
|
||||
class="urlbar_container urlbar_container_normal"
|
||||
id="eUrlBarContainer"
|
||||
>
|
||||
<img
|
||||
class="urlbar_secure_icon"
|
||||
id="eUrlSecure"
|
||||
src="assets/icon-secure.svg"
|
||||
alt="Secure"
|
||||
/>
|
||||
<input class="urlbar_input" id="eUrlInput" type="text" value="" />
|
||||
</div>
|
||||
<button id="ePrefs" class="icon_container icon_prefs"></button>
|
||||
</div>
|
||||
<button id="ePrefs" class="icon_container icon_prefs"></button>
|
||||
</div>
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -8,68 +8,73 @@
|
|||
-->
|
||||
|
||||
<html width="800" height="400">
|
||||
<head>
|
||||
<title>Firefox Reality Settings</title>
|
||||
<link rel="stylesheet" href="common.css" />
|
||||
<link rel="stylesheet" href="fxrui_blue.css" />
|
||||
<link rel="stylesheet" href="prefs.css" />
|
||||
<script src="prefs.js"></script>
|
||||
<script src="common.js"></script>
|
||||
</head>
|
||||
<head>
|
||||
<title>Firefox Reality Settings</title>
|
||||
<link rel="stylesheet" href="common.css" />
|
||||
<link rel="stylesheet" href="fxrui_blue.css" />
|
||||
<link rel="stylesheet" href="prefs.css" />
|
||||
<script src="prefs.js"></script>
|
||||
<script src="common.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="settings_header">
|
||||
<button id="eCloseSettings" class="plain_button icon_backward"></button>
|
||||
<div class="about_container">
|
||||
<img class="fxr_logo" src="assets/icon-logo-settings-preview.png" />
|
||||
<div class="version_text" id="eFxrVersion"></div>
|
||||
<div class="version_text" id="eFxrDate"></div>
|
||||
<div class="version_text" id="eFxVersion"></div>
|
||||
</div>
|
||||
<button id="eReportIssue" class="plain_button button_report_issue">
|
||||
<img class="button_report_issue_icon" src="assets/icon-reportissue.svg" />
|
||||
<span class="button_report_text">Report an issue</span>
|
||||
<br />
|
||||
<span class="button_report_url">mzl.la/fxr</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="settings_title">Settings</div>
|
||||
<hr class="divider"/>
|
||||
|
||||
<div class="setting_container">
|
||||
<div class="setting_name">Mozilla's Privacy Policy Page</div>
|
||||
<button id="ePrivacyPolicy" class="setting_control">Open</button>
|
||||
</div>
|
||||
|
||||
<div class="setting_container">
|
||||
<div class="setting_name">Firefox Reality Licensing Information</div>
|
||||
<button id="eLicenseInfo" class="setting_control">Open</button>
|
||||
</div>
|
||||
|
||||
<div class="setting_container">
|
||||
<div class="setting_name">
|
||||
Cookies, Site Data, and Cached Web Content
|
||||
<div class="setting_description">
|
||||
Clearing may sign you out of websites and will require websites to reload images and data.
|
||||
<body>
|
||||
<div class="settings_header">
|
||||
<button id="eCloseSettings" class="plain_button icon_backward"></button>
|
||||
<div class="about_container">
|
||||
<img class="fxr_logo" src="assets/icon-logo-settings-preview.png" />
|
||||
<div class="version_text" id="eFxrVersion"></div>
|
||||
<div class="version_text" id="eFxrDate"></div>
|
||||
<div class="version_text" id="eFxVersion"></div>
|
||||
</div>
|
||||
<button id="eReportIssue" class="plain_button button_report_issue">
|
||||
<img
|
||||
class="button_report_issue_icon"
|
||||
src="assets/icon-reportissue.svg"
|
||||
/>
|
||||
<span class="button_report_text">Report an issue</span>
|
||||
<br />
|
||||
<span class="button_report_url">mzl.la/fxr</span>
|
||||
</button>
|
||||
</div>
|
||||
<button class="setting_control" id="eClearTry">Clear Data</button>
|
||||
</div>
|
||||
<div class="clear_confirmation modal_hide" id="eClearPrompt">
|
||||
|
||||
<div class="settings_title">Settings</div>
|
||||
<hr class="divider" />
|
||||
|
||||
<div class="setting_container">
|
||||
<div class="setting_name">Mozilla's Privacy Policy Page</div>
|
||||
<button id="ePrivacyPolicy" class="setting_control">Open</button>
|
||||
</div>
|
||||
|
||||
<div class="setting_container">
|
||||
<div class="setting_name">Firefox Reality Licensing Information</div>
|
||||
<button id="eLicenseInfo" class="setting_control">Open</button>
|
||||
</div>
|
||||
|
||||
<div class="setting_container">
|
||||
<div class="setting_name">
|
||||
Cookies, Site Data, and Cached Web Content
|
||||
<div class="setting_description">
|
||||
Clearing may sign you out of websites and will require websites to
|
||||
reload images and data.
|
||||
</div>
|
||||
</div>
|
||||
<button class="setting_control" id="eClearTry">Clear Data</button>
|
||||
</div>
|
||||
<div class="clear_confirmation modal_hide" id="eClearPrompt">
|
||||
Are you sure you want to clear all data?
|
||||
<div>
|
||||
<button id="eClearCancel" class="setting_control">Cancel</button>
|
||||
<button id="eClearCancel" class="setting_control">Cancel</button>
|
||||
<button id="eClearConfirm" class="setting_control">Clear</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="setting_container">
|
||||
<div class="setting_name">
|
||||
Allow Firefox to Anonymously Collect and Use Technical and Interaction Data
|
||||
</div>
|
||||
<input id="eCrashConfig" type="checkbox" class="setting_control_chk" />
|
||||
<label class="setting_control" for="eCrashConfig"></label>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
<div class="setting_container">
|
||||
<div class="setting_name">
|
||||
Allow Firefox to Anonymously Collect and Use Technical and Interaction
|
||||
Data
|
||||
</div>
|
||||
<input id="eCrashConfig" type="checkbox" class="setting_control_chk" />
|
||||
<label class="setting_control" for="eCrashConfig"></label>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,43 +1,47 @@
|
|||
<!doctype html>
|
||||
<!DOCTYPE html>
|
||||
|
||||
<!-- This Source Code Form is subject to the terms of the Mozilla Public
|
||||
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=8" />
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=8">
|
||||
<link rel="stylesheet" href="stub_common.css" />
|
||||
<link rel="stylesheet" href="installing_page.css" />
|
||||
|
||||
<link rel="stylesheet" href="stub_common.css">
|
||||
<link rel="stylesheet" href="installing_page.css">
|
||||
<script src="stub_common.js"></script>
|
||||
<script src="installing.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<img id="background" src="bgstub.jpg" alt="" role="presentation" />
|
||||
|
||||
<script src="stub_common.js"></script>
|
||||
<script src="installing.js"></script>
|
||||
<div id="text_column">
|
||||
<div id="text_column_container">
|
||||
<h1 id="header"></h1>
|
||||
<div id="content"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="installing">
|
||||
<div id="label" tabindex="0"></div>
|
||||
<div id="progress_background">
|
||||
<div
|
||||
id="progress_bar"
|
||||
role="progressbar"
|
||||
aria-labelledby="label"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
aria-valuenow="0"
|
||||
tabindex="0"
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<img id="background" src="bgstub.jpg" alt="" role="presentation">
|
||||
<div id="blurb"></div>
|
||||
|
||||
<div id="text_column">
|
||||
<div id="text_column_container">
|
||||
<h1 id="header"></h1>
|
||||
<div id="content"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="installing">
|
||||
<div id="label" tabindex="0"></div>
|
||||
<div id="progress_background">
|
||||
<div id="progress_bar" role="progressbar" aria-labelledby="label" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" tabindex="0"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="blurb"></div>
|
||||
|
||||
<div id="footer"></div>
|
||||
|
||||
</body>
|
||||
<div id="footer"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,42 +1,38 @@
|
|||
<!doctype html>
|
||||
<!DOCTYPE html>
|
||||
|
||||
<!-- This Source Code Form is subject to the terms of the Mozilla Public
|
||||
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=8" />
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=8">
|
||||
<link rel="stylesheet" href="stub_common.css" />
|
||||
<link rel="stylesheet" href="profile_cleanup_page.css" />
|
||||
|
||||
<link rel="stylesheet" href="stub_common.css">
|
||||
<link rel="stylesheet" href="profile_cleanup_page.css">
|
||||
<script src="stub_common.js"></script>
|
||||
<script src="profile_cleanup.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<img id="background" src="bgstub.jpg" alt="" role="presentation" />
|
||||
|
||||
<script src="stub_common.js"></script>
|
||||
<script src="profile_cleanup.js"></script>
|
||||
<form id="profileRefreshForm">
|
||||
<div id="profileRefreshContainer">
|
||||
<h1 id="header"></h1>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="refreshCheckboxContainer">
|
||||
<input id="refreshCheckbox" type="checkbox" checked />
|
||||
<label id="checkboxLabel" for="refreshCheckbox"></label>
|
||||
</div>
|
||||
|
||||
<img id="background" src="bgstub.jpg" alt="" role="presentation">
|
||||
<div id="refreshButtonContainer">
|
||||
<button type="submit" id="refreshButton"></button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<form id="profileRefreshForm">
|
||||
<div id="profileRefreshContainer">
|
||||
<h1 id="header"></h1>
|
||||
|
||||
<div id="refreshCheckboxContainer">
|
||||
<input id="refreshCheckbox" type="checkbox" checked />
|
||||
<label id="checkboxLabel" for="refreshCheckbox"></label>
|
||||
</div>
|
||||
|
||||
<div id="refreshButtonContainer">
|
||||
<button type="submit" id="refreshButton"></button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id="footer"></div>
|
||||
|
||||
</body>
|
||||
<div id="footer"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -2,13 +2,13 @@
|
|||
- License, v. 2.0. If a copy of the MPL was not distributed with this file,
|
||||
- You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
|
||||
<!DOCTYPE HTML>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf8">
|
||||
<meta charset="utf8" />
|
||||
<title>Mixed Active Content test</title>
|
||||
</head>
|
||||
<body>
|
||||
<iframe style="visibility:hidden" src="http://example.com"></iframe>
|
||||
<iframe style="visibility: hidden" src="http://example.com"></iframe>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -2,10 +2,10 @@
|
|||
- License, v. 2.0. If a copy of the MPL was not distributed with this file,
|
||||
- You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
|
||||
<!DOCTYPE HTML>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf8">
|
||||
<meta charset="utf8" />
|
||||
<title>HTTP Password test</title>
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -2,13 +2,16 @@
|
|||
- License, v. 2.0. If a copy of the MPL was not distributed with this file,
|
||||
- You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
|
||||
<!DOCTYPE HTML>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf8">
|
||||
<meta charset="utf8" />
|
||||
<title>Tracking test</title>
|
||||
</head>
|
||||
<body>
|
||||
<iframe style="visibility:hidden" src="http://tracking.example.com/"></iframe>
|
||||
<iframe
|
||||
style="visibility: hidden"
|
||||
src="http://tracking.example.com/"
|
||||
></iframe>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -4,33 +4,80 @@
|
|||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta charset="UTF-8" />
|
||||
<title>mozscreenshots</title>
|
||||
<link rel="stylesheet" href="mozscreenshots-style.css" />
|
||||
<script>console.info("This page was generated by mozscreenshots");</script>
|
||||
<script>
|
||||
console.info("This page was generated by mozscreenshots");
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header><h1>mozscreenshots</h1></header>
|
||||
<body>
|
||||
<header><h1>mozscreenshots</h1></header>
|
||||
|
||||
<p>
|
||||
This page was generated by mozscreenshots
|
||||
</p>
|
||||
<p>This page was generated by mozscreenshots</p>
|
||||
|
||||
<img src="robot.png" />
|
||||
<img src="robot.png" />
|
||||
|
||||
<p>Welcome Humans! We invite others to keep the Manifesto’s principles; use the creation delivery and commitment. Advancing the Manifesto. We have shiny metal posteriors which <strong>should not be bitten</strong>. And they have distilled a public benefit is committed to use Mozilla project one basic and communities of modern life.</p>
|
||||
<p>
|
||||
Welcome Humans! We invite others to keep the Manifesto’s principles; use
|
||||
the creation delivery and commitment. Advancing the Manifesto. We have
|
||||
shiny metal posteriors which <strong>should not be bitten</strong>. And
|
||||
they have distilled a public benefit is committed to use Mozilla project
|
||||
one basic and communities of modern life.
|
||||
</p>
|
||||
|
||||
<p>Robots have <mark>distilled a balance between commercial aspects of life</mark>.</p>
|
||||
<p>
|
||||
Robots have
|
||||
<mark>distilled a balance between commercial aspects of life</mark>.
|
||||
</p>
|
||||
|
||||
<p>Robots may not they have shown in education communication collaboration business entertainment and other people to pursue; speak to continue; and opportunity are many different ways to benefit the public benefit the Manifesto’s principles; build and motivate us and trademarks infrastructure funds and trademarks infrastructure funds and enable open-source technologies and provide a whole. </p>
|
||||
<p>
|
||||
Robots may not they have shown in education communication collaboration
|
||||
business entertainment and other people to pursue; speak to continue; and
|
||||
opportunity are many different ways to benefit the public benefit the
|
||||
Manifesto’s principles; build and motivate us and trademarks
|
||||
infrastructure funds and trademarks infrastructure funds and enable
|
||||
open-source technologies and provide a whole.
|
||||
</p>
|
||||
|
||||
<p>And they have seen things you people who believe that Mozilla Manifesto. We are to: articulate a vision of individual human being to benefit the lives of these efforts we will: build and promote models for creating economic value for the Internet. We create world-class open and anticipate the Mozilla Manifesto <strong>There are Your Plastic Pal Who's Fun To Be With</strong></p>
|
||||
<p>
|
||||
And they have seen things you people who believe that Mozilla Manifesto.
|
||||
We are to: articulate a vision of individual human being to benefit the
|
||||
lives of these efforts we will: build and promote models for creating
|
||||
economic value for the Internet. We create world-class open and anticipate
|
||||
the Mozilla Manifesto
|
||||
<strong>There are Your Plastic Pal Who's Fun To Be With</strong>
|
||||
</p>
|
||||
|
||||
<p>Some Foundation to advance this vision of individual human being or not deeply involved in groups and promote models for the Manifesto principles will not come to support the Mozilla Foundation Pledge The Mozilla Manifesto in its activities. People are to: articulate a set of consumer products that support <mark>the Internet is a human being</mark> or not be treated as individuals working together in the development of the Internet open and with goodwill!Specifically we believe that we will: build and society as a public good as a result of the lives of collaborative activities. Specifically we have seen things you people acting as optional. Individuals must not come to continue to develop new ways of the Internet are fundamental and with us to ensure that openness innovation and very effective way that the Manifesto There are many benefits; a global public benefit; and society as optional.</p>
|
||||
<p>
|
||||
Some Foundation to advance this vision of individual human being or not
|
||||
deeply involved in groups and promote models for the Manifesto principles
|
||||
will not come to support the Mozilla Foundation Pledge The Mozilla
|
||||
Manifesto in its activities. People are to: articulate a set of consumer
|
||||
products that support <mark>the Internet is a human being</mark> or not be
|
||||
treated as individuals working together in the development of the Internet
|
||||
open and with goodwill!Specifically we believe that we will: build and
|
||||
society as a public good as a result of the lives of collaborative
|
||||
activities. Specifically we have seen things you people acting as
|
||||
optional. Individuals must not come to continue to develop new ways of the
|
||||
Internet are fundamental and with us to ensure that openness innovation
|
||||
and very effective way that the Manifesto There are many benefits; a
|
||||
global public benefit; and society as optional.
|
||||
</p>
|
||||
|
||||
<p><strong>We have metal posteriors which should not deeply involved in a reality.</strong> Individuals must remain open source software promotes the Internet is a balance between commercial profit and within the Mozilla Corporation. Invitation The Internet are key to join us to life on their own. The Internet a whole. The Internet as a vision of the Mozilla contributors proud of time attention and motivate us and provide a reality.</p>
|
||||
<p>
|
||||
<strong
|
||||
>We have metal posteriors which should not deeply involved in a
|
||||
reality.</strong
|
||||
>
|
||||
Individuals must remain open source software promotes the Internet is a
|
||||
balance between commercial profit and within the Mozilla Corporation.
|
||||
Invitation The Internet are key to join us to life on their own. The
|
||||
Internet a whole. The Internet as a vision of the Mozilla contributors
|
||||
proud of time attention and motivate us and provide a reality.
|
||||
</p>
|
||||
|
||||
<script src="mozscreenshots-script.js"></script>
|
||||
</body>
|
||||
<script src="mozscreenshots-script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -4,33 +4,61 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Permission Prompts</title>
|
||||
</head>
|
||||
<body>
|
||||
<button id="geo" onclick="navigator.geolocation.getCurrentPosition(() => {})">Geolocation</button>
|
||||
<button id="xr" onclick="content.navigator.getVRDisplays();">WebXR</button>
|
||||
<button id="persistent-storage" onclick="navigator.storage.persist()">Persistent Storage</button>
|
||||
<button id="webRTC-shareDevices" onclick="shareDevice({video: true, fake: true});">Video</button>
|
||||
<button id="webRTC-shareMicrophone" onclick="shareDevice({audio: true, fake: true});">Audio</button>
|
||||
<button id="webRTC-shareDevices2" onclick="shareDevice({audio: true, video: true, fake: true});">Audio and Video</button>
|
||||
<button id="webRTC-shareScreen" onclick="shareDevice({video: {mediaSource: 'screen'}});">Screen</button>
|
||||
<button id="web-notifications" onclick="Notification.requestPermission()">web-notifications</button>
|
||||
<a id="addons" href="borderify.xpi">Install Add-On</a>
|
||||
<form>
|
||||
<input type="email" id="email" value="email@example.com" />
|
||||
<input type="password" id="password" value="" />
|
||||
<button type="submit" id="login-capture">Login</button>
|
||||
</form>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Permission Prompts</title>
|
||||
</head>
|
||||
<body>
|
||||
<button
|
||||
id="geo"
|
||||
onclick="navigator.geolocation.getCurrentPosition(() => {})"
|
||||
>
|
||||
Geolocation
|
||||
</button>
|
||||
<button id="xr" onclick="content.navigator.getVRDisplays();">WebXR</button>
|
||||
<button id="persistent-storage" onclick="navigator.storage.persist()">
|
||||
Persistent Storage
|
||||
</button>
|
||||
<button
|
||||
id="webRTC-shareDevices"
|
||||
onclick="shareDevice({video: true, fake: true});"
|
||||
>
|
||||
Video
|
||||
</button>
|
||||
<button
|
||||
id="webRTC-shareMicrophone"
|
||||
onclick="shareDevice({audio: true, fake: true});"
|
||||
>
|
||||
Audio
|
||||
</button>
|
||||
<button
|
||||
id="webRTC-shareDevices2"
|
||||
onclick="shareDevice({audio: true, video: true, fake: true});"
|
||||
>
|
||||
Audio and Video
|
||||
</button>
|
||||
<button
|
||||
id="webRTC-shareScreen"
|
||||
onclick="shareDevice({video: {mediaSource: 'screen'}});"
|
||||
>
|
||||
Screen
|
||||
</button>
|
||||
<button id="web-notifications" onclick="Notification.requestPermission()">
|
||||
web-notifications
|
||||
</button>
|
||||
<a id="addons" href="borderify.xpi">Install Add-On</a>
|
||||
<form>
|
||||
<input type="email" id="email" value="email@example.com" />
|
||||
<input type="password" id="password" value="" />
|
||||
<button type="submit" id="login-capture">Login</button>
|
||||
</form>
|
||||
|
||||
<script>
|
||||
// Share device used in onclick calls above.
|
||||
/* exported shareDevice */
|
||||
function shareDevice(config) {
|
||||
navigator.mediaDevices.getUserMedia(config);
|
||||
}
|
||||
</script>
|
||||
|
||||
</body>
|
||||
<script>
|
||||
// Share device used in onclick calls above.
|
||||
/* exported shareDevice */
|
||||
function shareDevice(config) {
|
||||
navigator.mediaDevices.getUserMedia(config);
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -2,249 +2,349 @@
|
|||
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<title>Blueprint HTML Elements Tests</title>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>Blueprint HTML Elements Tests</title>
|
||||
|
||||
<!-- Framework CSS -->
|
||||
<link rel="stylesheet" href="screen.css" type="text/css" media="screen, projection">
|
||||
<link rel="stylesheet" href="print.css" type="text/css" media="print">
|
||||
<!--[if IE]><link rel="stylesheet" href="ie.css" type="text/css" media="screen, projection"><![endif]-->
|
||||
<!-- Framework CSS -->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="screen.css"
|
||||
type="text/css"
|
||||
media="screen, projection"
|
||||
/>
|
||||
<link rel="stylesheet" href="print.css" type="text/css" media="print" />
|
||||
<!--[if IE
|
||||
]><link
|
||||
rel="stylesheet"
|
||||
href="ie.css"
|
||||
type="text/css"
|
||||
media="screen, projection"
|
||||
/><![endif]-->
|
||||
</head>
|
||||
<body>
|
||||
<div class="container showgrid">
|
||||
<h2>Tests for common HTML elements</h2>
|
||||
<hr />
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<h5>PARAGRAPHS <span class="alt">&</span> BOXES</h5>
|
||||
|
||||
<div class="container showgrid">
|
||||
<h2>Tests for common HTML elements</h2>
|
||||
<hr>
|
||||
|
||||
<h5>PARAGRAPHS <span class="alt">&</span> BOXES</h5>
|
||||
|
||||
<div class="span-8">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor <sub>sub text</sub> ut labore et <sup>sup text</sup> magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
</div>
|
||||
|
||||
<div class="span-8">
|
||||
<p class="small">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
<p class="large">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
|
||||
<div class="span-8 last">
|
||||
<div class="span-8">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
|
||||
minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||||
aliquip ex ea commodo consequat. Duis aute irure dolor in
|
||||
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
||||
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||||
culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor <sub>sub text</sub> ut labore et
|
||||
<sup>sup text</sup> magna aliqua. Ut enim ad minim veniam, quis
|
||||
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat. Duis aute irure dolor in reprehenderit in voluptate velit
|
||||
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
|
||||
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim
|
||||
id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<p class="last">Aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
</div>
|
||||
<blockquote>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
|
||||
</blockquote>
|
||||
|
||||
</div>
|
||||
<hr>
|
||||
|
||||
<h5>LISTS</h5>
|
||||
|
||||
<div class="span-8">
|
||||
<ul>
|
||||
<li>Unordered list test</li>
|
||||
<li>Another list element. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li>
|
||||
<li>Yet another element in the list</li>
|
||||
<li>Some long text. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li>
|
||||
</ul>
|
||||
<ol>
|
||||
<li>Ordered list test</li>
|
||||
<li>Another list element</li>
|
||||
<li>Yet another element in the list</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div class="span-8">
|
||||
<ol>
|
||||
<li>Ordered list</li>
|
||||
<li>Here's a nested unordered list
|
||||
<ul>
|
||||
<li>Nested Unordered list</li>
|
||||
<li>Nested ordered list
|
||||
<ol>
|
||||
<li>The first</li>
|
||||
<li>And the second</li>
|
||||
</ol>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Ordered List item</li>
|
||||
<li>Nested Ordered list
|
||||
<ol>
|
||||
<li>Some point</li>
|
||||
<li>Nested Unordered list
|
||||
<ul>
|
||||
<li>The first</li>
|
||||
<li>And the second</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ol>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div class="span-8 last">
|
||||
<dl>
|
||||
<dt>definition list dt</dt>
|
||||
<dd>definition list dd</dd>
|
||||
<dt>definition list dt</dt>
|
||||
<dd>definition list dd</dd>
|
||||
<dt>Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing elit adipisicing elit</dt>
|
||||
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing elit adipisicing elit</dd>
|
||||
<dt>Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing elit adipisicing elit</dt>
|
||||
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing elit adipisicing elit</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<hr>
|
||||
|
||||
<h5>HEADINGS</h5>
|
||||
|
||||
<div class="span-8">
|
||||
<h1>H1: Lorem ipsum dolor sit amet</h1>
|
||||
<h2>H2: Lorem ipsum dolor sit amet, consectetur elit</h2>
|
||||
<h3>H3: Lorem ipsum dolor sit amet, consectetur adipisicing elit</h3>
|
||||
<h4>H4: Lorem ipsum dolor sit amet, consectetur adipisicing elit adipis</h4>
|
||||
<h5>H5: Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing elit adipisicing elit</h5>
|
||||
<h6>H6: Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing elit adipisicing elit</h6>
|
||||
</div>
|
||||
|
||||
<div class="span-8">
|
||||
<h1>Heading 1</h1><hr>
|
||||
<h2>Heading 2</h2><hr>
|
||||
<h3>Heading 3</h3><hr>
|
||||
<h4>Heading 4</h4><hr>
|
||||
<h5>Heading 5</h5><hr>
|
||||
<h6>Heading 6</h6>
|
||||
</div>
|
||||
|
||||
<div class="span-8 last">
|
||||
<h1>Heading 1</h1>
|
||||
<h2>Heading 2</h2>
|
||||
<h3>Heading 3</h3>
|
||||
<h4>Heading 4</h4>
|
||||
<h5>Heading 5</h5>
|
||||
<h6>Heading 6</h6>
|
||||
</div>
|
||||
<hr>
|
||||
|
||||
<h5>MISC ELEMENTS</h5>
|
||||
|
||||
<div class="span-8">
|
||||
<p>
|
||||
<strong><strong></strong><br>
|
||||
<del><del> deleted</del><br>
|
||||
<dfn><dfn> dfn</dfn><br>
|
||||
<em><em> emphasis</em>
|
||||
</p>
|
||||
<p>
|
||||
<a><a> anchor</a><br>
|
||||
<a href="http://www.google.com"><a> a + href</a>
|
||||
</p>
|
||||
<p>
|
||||
<abbr title="extended abbr text should show when mouse over"><abbr> abbr - extended text when mouseover.</abbr><br>
|
||||
<acronym title="extended acronym text should show when mouse over"><acronym> acronym - extended text when mouseover.</acronym>
|
||||
</p>
|
||||
<address>
|
||||
<address><br>
|
||||
Donald Duck<br>
|
||||
Box 555<br>
|
||||
Disneyland
|
||||
</address>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore dolore.</p>
|
||||
</div>
|
||||
|
||||
<div class="span-8">
|
||||
<table summary="This is the summary text for this table." border="0" cellspacing="0" cellpadding="0">
|
||||
<caption><em>A standard test table with a caption, tr, td elements</em></caption>
|
||||
<tr>
|
||||
<th class="span-4">Table Header One</th>
|
||||
<th class="span-4 last">Table Header Two</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>TD One</td>
|
||||
<td>TD Two</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">TD colspan 2</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table summary="This is the summary text for this table." border="0" cellspacing="0" cellpadding="0">
|
||||
<caption><em>A test table with a thead, tfoot, and tbody elements</em></caption>
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="span-4">Table Header One</th>
|
||||
<th class="span-4 last">Table Header Two</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td colspan="2">tfoot footer</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>TD One</td>
|
||||
<td>TD Two</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>TD One</td>
|
||||
<td>TD Two</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>TD One</td>
|
||||
<td>TD Two</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>TD One</td>
|
||||
<td>TD Two</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="span-8 last">
|
||||
<div class="span-8">
|
||||
<p class="small">
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
|
||||
minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||||
aliquip ex ea commodo consequat.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</p>
|
||||
<p class="large">
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<pre><pre>
|
||||
<div class="span-8 last">
|
||||
<div class="box">
|
||||
<p class="last">
|
||||
Aliquip ex ea commodo consequat. Duis aute irure dolor in
|
||||
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
||||
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||||
culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
<blockquote>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
|
||||
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||||
aliquip ex ea commodo consequat.
|
||||
</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<h5>LISTS</h5>
|
||||
|
||||
<div class="span-8">
|
||||
<ul>
|
||||
<li>Unordered list test</li>
|
||||
<li>
|
||||
Another list element. Lorem ipsum dolor sit amet, consectetur
|
||||
adipisicing elit.
|
||||
</li>
|
||||
<li>Yet another element in the list</li>
|
||||
<li>
|
||||
Some long text. Lorem ipsum dolor sit amet, consectetur adipisicing
|
||||
elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
</li>
|
||||
</ul>
|
||||
<ol>
|
||||
<li>Ordered list test</li>
|
||||
<li>Another list element</li>
|
||||
<li>Yet another element in the list</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div class="span-8">
|
||||
<ol>
|
||||
<li>Ordered list</li>
|
||||
<li>
|
||||
Here's a nested unordered list
|
||||
<ul>
|
||||
<li>Nested Unordered list</li>
|
||||
<li>
|
||||
Nested ordered list
|
||||
<ol>
|
||||
<li>The first</li>
|
||||
<li>And the second</li>
|
||||
</ol>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Ordered List item</li>
|
||||
<li>
|
||||
Nested Ordered list
|
||||
<ol>
|
||||
<li>Some point</li>
|
||||
<li>
|
||||
Nested Unordered list
|
||||
<ul>
|
||||
<li>The first</li>
|
||||
<li>And the second</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ol>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div class="span-8 last">
|
||||
<dl>
|
||||
<dt>definition list dt</dt>
|
||||
<dd>definition list dd</dd>
|
||||
<dt>definition list dt</dt>
|
||||
<dd>definition list dd</dd>
|
||||
<dt>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing
|
||||
elit adipisicing elit
|
||||
</dt>
|
||||
<dd>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing
|
||||
elit adipisicing elit
|
||||
</dd>
|
||||
<dt>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing
|
||||
elit adipisicing elit
|
||||
</dt>
|
||||
<dd>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing
|
||||
elit adipisicing elit
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<h5>HEADINGS</h5>
|
||||
|
||||
<div class="span-8">
|
||||
<h1>H1: Lorem ipsum dolor sit amet</h1>
|
||||
<h2>H2: Lorem ipsum dolor sit amet, consectetur elit</h2>
|
||||
<h3>H3: Lorem ipsum dolor sit amet, consectetur adipisicing elit</h3>
|
||||
<h4>
|
||||
H4: Lorem ipsum dolor sit amet, consectetur adipisicing elit adipis
|
||||
</h4>
|
||||
<h5>
|
||||
H5: Lorem ipsum dolor sit amet, consectetur adipisicing elit
|
||||
adipisicing elit adipisicing elit
|
||||
</h5>
|
||||
<h6>
|
||||
H6: Lorem ipsum dolor sit amet, consectetur adipisicing elit
|
||||
adipisicing elit adipisicing elit
|
||||
</h6>
|
||||
</div>
|
||||
|
||||
<div class="span-8">
|
||||
<h1>Heading 1</h1>
|
||||
<hr />
|
||||
<h2>Heading 2</h2>
|
||||
<hr />
|
||||
<h3>Heading 3</h3>
|
||||
<hr />
|
||||
<h4>Heading 4</h4>
|
||||
<hr />
|
||||
<h5>Heading 5</h5>
|
||||
<hr />
|
||||
<h6>Heading 6</h6>
|
||||
</div>
|
||||
|
||||
<div class="span-8 last">
|
||||
<h1>Heading 1</h1>
|
||||
<h2>Heading 2</h2>
|
||||
<h3>Heading 3</h3>
|
||||
<h4>Heading 4</h4>
|
||||
<h5>Heading 5</h5>
|
||||
<h6>Heading 6</h6>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<h5>MISC ELEMENTS</h5>
|
||||
|
||||
<div class="span-8">
|
||||
<p>
|
||||
<strong><strong></strong><br />
|
||||
<del><del> deleted</del><br />
|
||||
<dfn><dfn> dfn</dfn><br />
|
||||
<em><em> emphasis</em>
|
||||
</p>
|
||||
<p>
|
||||
<a><a> anchor</a><br />
|
||||
<a href="http://www.google.com"><a> a + href</a>
|
||||
</p>
|
||||
<p>
|
||||
<abbr title="extended abbr text should show when mouse over"
|
||||
><abbr> abbr - extended text when mouseover.</abbr
|
||||
><br />
|
||||
<acronym title="extended acronym text should show when mouse over"
|
||||
><acronym> acronym - extended text when mouseover.</acronym
|
||||
>
|
||||
</p>
|
||||
<address>
|
||||
<address><br />
|
||||
Donald Duck<br />
|
||||
Box 555<br />
|
||||
Disneyland
|
||||
</address>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore dolore.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="span-8">
|
||||
<table
|
||||
summary="This is the summary text for this table."
|
||||
border="0"
|
||||
cellspacing="0"
|
||||
cellpadding="0"
|
||||
>
|
||||
<caption>
|
||||
<em>A standard test table with a caption, tr, td elements</em>
|
||||
</caption>
|
||||
<tr>
|
||||
<th class="span-4">Table Header One</th>
|
||||
<th class="span-4 last">Table Header Two</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>TD One</td>
|
||||
<td>TD Two</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">TD colspan 2</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table
|
||||
summary="This is the summary text for this table."
|
||||
border="0"
|
||||
cellspacing="0"
|
||||
cellpadding="0"
|
||||
>
|
||||
<caption>
|
||||
<em>A test table with a thead, tfoot, and tbody elements</em>
|
||||
</caption>
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="span-4">Table Header One</th>
|
||||
<th class="span-4 last">Table Header Two</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td colspan="2">tfoot footer</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>TD One</td>
|
||||
<td>TD Two</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>TD One</td>
|
||||
<td>TD Two</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>TD One</td>
|
||||
<td>TD Two</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>TD One</td>
|
||||
<td>TD Two</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="span-8 last">
|
||||
<pre>
|
||||
<pre>
|
||||
pre space1
|
||||
pre space1
|
||||
pre space2
|
||||
pre space2
|
||||
pre tab
|
||||
pre tab</pre>
|
||||
pre tab</pre
|
||||
>
|
||||
|
||||
<code><code>
|
||||
Not indented
|
||||
indent1
|
||||
indent1
|
||||
indent2
|
||||
indent3</code>
|
||||
<code><code> Not indented indent1 indent1 indent2 indent3</code>
|
||||
|
||||
<tt><tt>
|
||||
This tt text should be monospaced
|
||||
and
|
||||
wrap as if
|
||||
one line of text
|
||||
even though the code has newlines, spaces, and tabs.
|
||||
It should be the same size as <p> text.
|
||||
</tt>
|
||||
<tt
|
||||
><tt> This tt text should be monospaced and wrap as if one line
|
||||
of text even though the code has newlines, spaces, and tabs. It should
|
||||
be the same size as <p> text.
|
||||
</tt>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<p>
|
||||
<a href="http://validator.w3.org/check?uri=referer">
|
||||
<img
|
||||
src="valid.png"
|
||||
alt="Valid HTML 4.01 Strict"
|
||||
height="31"
|
||||
width="88"
|
||||
class="top"
|
||||
/></a>
|
||||
</p>
|
||||
</div>
|
||||
<hr>
|
||||
|
||||
<p><a href="http://validator.w3.org/check?uri=referer">
|
||||
<img src="valid.png" alt="Valid HTML 4.01 Strict" height="31" width="88" class="top"></a></p>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -2,103 +2,143 @@
|
|||
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<title>Blueprint Forms Tests</title>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>Blueprint Forms Tests</title>
|
||||
|
||||
<!-- Framework CSS -->
|
||||
<link rel="stylesheet" href="screen.css" type="text/css" media="screen, projection">
|
||||
<link rel="stylesheet" href="print.css" type="text/css" media="print">
|
||||
<!--[if IE]><link rel="stylesheet" href="ie.css" type="text/css" media="screen, projection"><![endif]-->
|
||||
</head>
|
||||
<body>
|
||||
<!-- Framework CSS -->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="screen.css"
|
||||
type="text/css"
|
||||
media="screen, projection"
|
||||
/>
|
||||
<link rel="stylesheet" href="print.css" type="text/css" media="print" />
|
||||
<!--[if IE
|
||||
]><link
|
||||
rel="stylesheet"
|
||||
href="ie.css"
|
||||
type="text/css"
|
||||
media="screen, projection"
|
||||
/><![endif]-->
|
||||
</head>
|
||||
<body>
|
||||
<div class="container showgrid">
|
||||
<h1>Forms</h1>
|
||||
<hr />
|
||||
|
||||
<div class="container showgrid">
|
||||
<h1>Forms</h1>
|
||||
<hr>
|
||||
|
||||
<div class="span-12">
|
||||
|
||||
<form id="dummy" action="" method="post">
|
||||
<div class="span-12">
|
||||
<form id="dummy" action="" method="post">
|
||||
<fieldset>
|
||||
<legend>Simple sample form</legend>
|
||||
|
||||
<fieldset>
|
||||
<legend>Simple sample form</legend>
|
||||
<p>
|
||||
<label for="dummy0">Text input (title)</label><br />
|
||||
<input
|
||||
type="text"
|
||||
class="title"
|
||||
name="dummy0"
|
||||
id="dummy0"
|
||||
value="Field with class .title"
|
||||
/>
|
||||
</p>
|
||||
|
||||
<p><label for="dummy0">Text input (title)</label><br>
|
||||
<input type="text" class="title" name="dummy0" id="dummy0" value="Field with class .title"></p>
|
||||
|
||||
<p><label for="dummy1">Another field</label><br>
|
||||
<input type="text" class="text" id="dummy1" name="dummy1" value="Field with class .text"></p>
|
||||
<p>
|
||||
<label for="dummy1">Another field</label><br />
|
||||
<input
|
||||
type="text"
|
||||
class="text"
|
||||
id="dummy1"
|
||||
name="dummy1"
|
||||
value="Field with class .text"
|
||||
/>
|
||||
</p>
|
||||
|
||||
<p><label for="dummy2">Textarea</label><br>
|
||||
<textarea name="dummy2" id="dummy2" rows="5" cols="20"></textarea></p>
|
||||
<p>
|
||||
<label for="dummy2">Textarea</label><br />
|
||||
<textarea name="dummy2" id="dummy2" rows="5" cols="20"></textarea>
|
||||
</p>
|
||||
|
||||
<p><input type="submit" value="Submit">
|
||||
<input type="reset" value="Reset"></p>
|
||||
|
||||
</fieldset>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
<div class="span-12 last">
|
||||
|
||||
<div class="error">
|
||||
This is a <div> with the class <strong>.error</strong>. <a href="#">Link</a>.
|
||||
<p>
|
||||
<input type="submit" value="Submit" />
|
||||
<input type="reset" value="Reset" />
|
||||
</p>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
<div class="notice">
|
||||
This is a <div> with the class <strong>.notice</strong>. <a href="#">Link</a>.
|
||||
</div>
|
||||
<div class="success">
|
||||
This is a <div> with the class <strong>.success</strong>. <a href="#">Link</a>.
|
||||
</div>
|
||||
|
||||
<fieldset>
|
||||
<legend>Select, checkboxes, lists</legend>
|
||||
<div class="span-12 last">
|
||||
<div class="error">
|
||||
This is a <div> with the class <strong>.error</strong>.
|
||||
<a href="#">Link</a>.
|
||||
</div>
|
||||
<div class="notice">
|
||||
This is a <div> with the class <strong>.notice</strong>.
|
||||
<a href="#">Link</a>.
|
||||
</div>
|
||||
<div class="success">
|
||||
This is a <div> with the class <strong>.success</strong>.
|
||||
<a href="#">Link</a>.
|
||||
</div>
|
||||
|
||||
<p><label for="dummy3">Select field</label><br>
|
||||
<select id="dummy3" name="dummy3">
|
||||
<option value="1">Ottawa</option>
|
||||
<option value="2">Calgary</option>
|
||||
<option value="3">Moosejaw</option>
|
||||
</select></p>
|
||||
<fieldset>
|
||||
<legend>Select, checkboxes, lists</legend>
|
||||
|
||||
<p><label for="dummy4">Select with groups</label><br>
|
||||
<select id="dummy4" name="dummy4">
|
||||
<option>Favorite pet</option>
|
||||
<optgroup label="mammals">
|
||||
<option>dog</option>
|
||||
<option>cat</option>
|
||||
<option>rabbit</option>
|
||||
<option>horse</option>
|
||||
</optgroup>
|
||||
<optgroup label="reptiles">
|
||||
<option>iguana</option>
|
||||
<option>snake</option>
|
||||
</optgroup>
|
||||
</select></p>
|
||||
|
||||
<p><label>Radio buttons</label><br>
|
||||
<input type="radio" name="example"> Radio one<br>
|
||||
<input type="radio" name="example"> Radio two<br>
|
||||
<input type="radio" name="example"> Radio three<br></p>
|
||||
|
||||
<p><label>Checkboxes</label><br>
|
||||
<input type="checkbox"> Check one<br>
|
||||
<input type="checkbox"> Check two<br>
|
||||
<input type="checkbox"> Check three<br></p>
|
||||
|
||||
</fieldset>
|
||||
|
||||
<p>
|
||||
<label for="dummy3">Select field</label><br />
|
||||
<select id="dummy3" name="dummy3">
|
||||
<option value="1">Ottawa</option>
|
||||
<option value="2">Calgary</option>
|
||||
<option value="3">Moosejaw</option>
|
||||
</select>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="dummy4">Select with groups</label><br />
|
||||
<select id="dummy4" name="dummy4">
|
||||
<option>Favorite pet</option>
|
||||
<optgroup label="mammals">
|
||||
<option>dog</option>
|
||||
<option>cat</option>
|
||||
<option>rabbit</option>
|
||||
<option>horse</option>
|
||||
</optgroup>
|
||||
<optgroup label="reptiles">
|
||||
<option>iguana</option>
|
||||
<option>snake</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label>Radio buttons</label><br />
|
||||
<input type="radio" name="example" /> Radio one<br />
|
||||
<input type="radio" name="example" /> Radio two<br />
|
||||
<input type="radio" name="example" /> Radio three<br />
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label>Checkboxes</label><br />
|
||||
<input type="checkbox" /> Check one<br />
|
||||
<input type="checkbox" /> Check two<br />
|
||||
<input type="checkbox" /> Check three<br />
|
||||
</p>
|
||||
</fieldset>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<p>
|
||||
<a href="http://validator.w3.org/check?uri=referer">
|
||||
<img
|
||||
src="valid.png"
|
||||
alt="Valid HTML 4.01 Strict"
|
||||
height="31"
|
||||
width="88"
|
||||
class="top"
|
||||
/></a>
|
||||
</p>
|
||||
</div>
|
||||
<hr>
|
||||
|
||||
<p><a href="http://validator.w3.org/check?uri=referer">
|
||||
<img src="valid.png" alt="Valid HTML 4.01 Strict" height="31" width="88" class="top"></a></p>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -2,209 +2,316 @@
|
|||
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<title>Blueprint Grid Tests</title>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>Blueprint Grid Tests</title>
|
||||
|
||||
<!-- Framework CSS -->
|
||||
<link rel="stylesheet" href="screen.css" type="text/css" media="screen, projection">
|
||||
<link rel="stylesheet" href="print.css" type="text/css" media="print">
|
||||
<!--[if IE]><link rel="stylesheet" href="ie.css" type="text/css" media="screen, projection"><![endif]-->
|
||||
</head>
|
||||
<body>
|
||||
<!-- Framework CSS -->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="screen.css"
|
||||
type="text/css"
|
||||
media="screen, projection"
|
||||
/>
|
||||
<link rel="stylesheet" href="print.css" type="text/css" media="print" />
|
||||
<!--[if IE
|
||||
]><link
|
||||
rel="stylesheet"
|
||||
href="ie.css"
|
||||
type="text/css"
|
||||
media="screen, projection"
|
||||
/><![endif]-->
|
||||
</head>
|
||||
<body>
|
||||
<div class="container showgrid">
|
||||
<h1>Blueprint Tests: grid.css</h1>
|
||||
|
||||
<div class="container showgrid">
|
||||
<h1>Blueprint Tests: grid.css</h1>
|
||||
|
||||
<div class="span-8">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
|
||||
</div>
|
||||
<div class="span-8">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
|
||||
</div>
|
||||
<div class="span-8 last">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
|
||||
</div>
|
||||
|
||||
<div class="span-8">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
|
||||
</div>
|
||||
<div class="span-8">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
|
||||
</div>
|
||||
<div class="span-8 last">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
|
||||
</div>
|
||||
|
||||
<div class="span-6 append-1">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
|
||||
</div>
|
||||
<div class="span-6 append-2">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
|
||||
</div>
|
||||
<div class="span-6 append-3 last">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
|
||||
</div>
|
||||
|
||||
<div class="span-6 append-1">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
|
||||
</div>
|
||||
<div class="span-6 append-2">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
|
||||
</div>
|
||||
<div class="span-6 append-3 last">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
|
||||
</div>
|
||||
|
||||
<div class="span-6 prepend-1">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
|
||||
</div>
|
||||
<div class="span-6 prepend-2">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
|
||||
</div>
|
||||
<div class="span-6 prepend-3 last">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div class="span-6 prepend-1">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
|
||||
</div>
|
||||
<div class="span-6 prepend-2">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
|
||||
</div>
|
||||
<div class="span-6 prepend-3 last">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="span-12 border">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
|
||||
minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||||
aliquip ex ea commodo consequat. Duis aute irure dolor in
|
||||
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
||||
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||||
culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
<div class="span-12 last">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
|
||||
minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||||
aliquip ex ea commodo consequat. Duis aute irure dolor in
|
||||
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
||||
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||||
culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div class="span-12 border">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
</div>
|
||||
<div class="span-12 last">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="span-1 prepend-1"><p>1</p></div>
|
||||
<div class="span-1 prepend-2"><p>2</p></div>
|
||||
<div class="span-1 prepend-3"><p>3</p></div>
|
||||
<div class="span-1 prepend-4"><p>4</p></div>
|
||||
<div class="span-1 prepend-5"><p>5</p></div>
|
||||
<div class="span-1 prepend-3 last"><p>3</p></div>
|
||||
|
||||
<div class="span-1 prepend-1"><p>1</p></div>
|
||||
<div class="span-1 prepend-2"><p>2</p></div>
|
||||
<div class="span-1 prepend-3"><p>3</p></div>
|
||||
<div class="span-1 prepend-4"><p>4</p></div>
|
||||
<div class="span-1 prepend-5"><p>5</p></div>
|
||||
<div class="span-1 prepend-3 last"><p>3</p></div>
|
||||
<div class="span-1 append-1"><p>1</p></div>
|
||||
<div class="span-1 append-2"><p>2</p></div>
|
||||
<div class="span-1 append-3"><p>3</p></div>
|
||||
<div class="span-1 append-4"><p>4</p></div>
|
||||
<div class="span-1 append-5"><p>5</p></div>
|
||||
<div class="span-1 append-3 last"><p>3</p></div>
|
||||
|
||||
<div class="span-1 append-1"><p>1</p></div>
|
||||
<div class="span-1 append-2"><p>2</p></div>
|
||||
<div class="span-1 append-3"><p>3</p></div>
|
||||
<div class="span-1 append-4"><p>4</p></div>
|
||||
<div class="span-1 append-5"><p>5</p></div>
|
||||
<div class="span-1 append-3 last"><p>3</p></div>
|
||||
|
||||
<div class="span-1 border"><p>1</p></div>
|
||||
<div class="span-1 border"><p>2</p></div>
|
||||
<div class="span-1 border"><p>3</p></div>
|
||||
<div class="span-1 border"><p>4</p></div>
|
||||
<div class="span-1 border"><p>5</p></div>
|
||||
<div class="span-1 border"><p>6</p></div>
|
||||
<div class="span-1 border"><p>7</p></div>
|
||||
<div class="span-1 border"><p>8</p></div>
|
||||
<div class="span-1 border"><p>9</p></div>
|
||||
<div class="span-1 border"><p>10</p></div>
|
||||
<div class="span-1 border"><p>11</p></div>
|
||||
<div class="span-1 border"><p>12</p></div>
|
||||
<div class="span-1 border"><p>13</p></div>
|
||||
<div class="span-1 border"><p>14</p></div>
|
||||
<div class="span-1 border"><p>15</p></div>
|
||||
<div class="span-1 border"><p>16</p></div>
|
||||
<div class="span-1 border"><p>17</p></div>
|
||||
<div class="span-1 border"><p>18</p></div>
|
||||
<div class="span-1 border"><p>19</p></div>
|
||||
<div class="span-1 border"><p>20</p></div>
|
||||
<div class="span-1 border"><p>21</p></div>
|
||||
<div class="span-1 border"><p>22</p></div>
|
||||
<div class="span-1 border"><p>23</p></div>
|
||||
<div class="span-1 last"><p>24</p></div>
|
||||
|
||||
|
||||
<div class="span-4"><p>1</p></div>
|
||||
<div class="span-4"><p>2</p></div>
|
||||
<div class="span-4"><p>3</p></div>
|
||||
<div class="span-4"><p>4</p></div>
|
||||
<div class="span-4"><p>5</p></div>
|
||||
<div class="span-4 last"><p>6</p></div>
|
||||
|
||||
|
||||
<div class="prepend-23 span-1 last"><p>24</p></div>
|
||||
|
||||
|
||||
<div class="prepend-1 span-1"><p>2</p></div>
|
||||
<div class="prepend-20 span-1 append-1 last"><p>23</p></div>
|
||||
<hr>
|
||||
|
||||
<div class="span-24">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
</div>
|
||||
|
||||
<div class="span-1 border"><p>1</p></div>
|
||||
<div class="span-1 border"><p>2</p></div>
|
||||
<div class="span-1 border"><p>3</p></div>
|
||||
<div class="span-1 border"><p>4</p></div>
|
||||
<div class="span-1 border"><p>5</p></div>
|
||||
<div class="span-1 border"><p>6</p></div>
|
||||
<div class="span-1 border"><p>7</p></div>
|
||||
<div class="span-1 border"><p>8</p></div>
|
||||
<div class="span-1 border"><p>9</p></div>
|
||||
<div class="span-1 border"><p>10</p></div>
|
||||
<div class="span-1 border"><p>11</p></div>
|
||||
<div class="span-1 border"><p>12</p></div>
|
||||
<div class="span-1 border"><p>13</p></div>
|
||||
<div class="span-1 border"><p>14</p></div>
|
||||
<div class="span-1 border"><p>15</p></div>
|
||||
<div class="span-1 border"><p>16</p></div>
|
||||
<div class="span-1 border"><p>17</p></div>
|
||||
<div class="span-1 border"><p>18</p></div>
|
||||
<div class="span-1 border"><p>19</p></div>
|
||||
<div class="span-1 border"><p>20</p></div>
|
||||
<div class="span-1 border"><p>21</p></div>
|
||||
<div class="span-1 border"><p>22</p></div>
|
||||
<div class="span-1 border"><p>23</p></div>
|
||||
<div class="span-1 last"><p>24</p></div>
|
||||
|
||||
<div class="span-12">
|
||||
<div class="span-6">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
|
||||
</div>
|
||||
<div class="span-4"><p>1</p></div>
|
||||
<div class="span-4"><p>2</p></div>
|
||||
<div class="span-4"><p>3</p></div>
|
||||
<div class="span-4"><p>4</p></div>
|
||||
<div class="span-4"><p>5</p></div>
|
||||
<div class="span-4 last"><p>6</p></div>
|
||||
|
||||
<div class="span-6 last">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
<div class="prepend-23 span-1 last"><p>24</p></div>
|
||||
|
||||
<div class="span-12 last">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="prepend-1 span-1"><p>2</p></div>
|
||||
<div class="prepend-20 span-1 append-1 last"><p>23</p></div>
|
||||
<hr />
|
||||
|
||||
<div class="span-12 last">
|
||||
<div class="span-6">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
|
||||
</div>
|
||||
<div class="span-24">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
|
||||
minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||||
aliquip ex ea commodo consequat. Duis aute irure dolor in
|
||||
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
||||
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||||
culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="span-6 last">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
<div class="span-12">
|
||||
<div class="span-6">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="span-12 last">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="span-6 last">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="span-14 prepend-5 append-5 last">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
<hr>
|
||||
|
||||
<div class="span-12">
|
||||
<h5>TESTING .PUSH-1 TO .PUSH-5</h5>
|
||||
|
||||
<div class="span-2"><img src="test-small.jpg" class="push-1"></div>
|
||||
<div class="span-10 last"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div>
|
||||
<div class="span-12 last">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="span-2"><img src="test-small.jpg" class="push-2"></div>
|
||||
<div class="span-10 last"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div>
|
||||
|
||||
<div class="span-2"><img src="test-small.jpg" class="push-3"></div>
|
||||
<div class="span-10 last"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div>
|
||||
<div class="span-12 last">
|
||||
<div class="span-6">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="span-2"><img src="test-small.jpg" class="push-4"></div>
|
||||
<div class="span-10 last"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div>
|
||||
<div class="span-6 last">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="span-2"><img src="test-small.jpg" class="push-5"></div>
|
||||
<div class="span-10 last"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div>
|
||||
|
||||
</div>
|
||||
<div class="span-12 last">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="span-12 last">
|
||||
<h5>TESTING .PULL-1 TO .PULL-5</h5>
|
||||
|
||||
<div class="span-10"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div>
|
||||
<div class="span-2 last"><img src="test-small.jpg" class="top pull-1"></div>
|
||||
<div class="span-14 prepend-5 append-5 last">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</p>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div class="span-10"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div>
|
||||
<div class="span-2 last"><img src="test-small.jpg" class="top pull-2"></div>
|
||||
<div class="span-12">
|
||||
<h5>TESTING .PUSH-1 TO .PUSH-5</h5>
|
||||
|
||||
<div class="span-10"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div>
|
||||
<div class="span-2 last"><img src="test-small.jpg" class="top pull-3"></div>
|
||||
<div class="span-2"><img src="test-small.jpg" class="push-1" /></div>
|
||||
<div class="span-10 last">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="span-10"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div>
|
||||
<div class="span-2 last"><img src="test-small.jpg" class="top pull-4"></div>
|
||||
<div class="span-2"><img src="test-small.jpg" class="push-2" /></div>
|
||||
<div class="span-10 last">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="span-10"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div>
|
||||
<div class="span-2 last"><img src="test-small.jpg" class="top pull-5"></div>
|
||||
<div class="span-2"><img src="test-small.jpg" class="push-3" /></div>
|
||||
<div class="span-10 last">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="span-24">
|
||||
<p><a href="http://validator.w3.org/check?uri=referer">
|
||||
<img src="valid.png" alt="Valid HTML 4.01 Strict" height="31" width="88" class="bottom"></a></p>
|
||||
</div>
|
||||
<div class="span-2"><img src="test-small.jpg" class="push-4" /></div>
|
||||
<div class="span-10 last">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
<div class="span-2"><img src="test-small.jpg" class="push-5" /></div>
|
||||
<div class="span-10 last">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="span-12 last">
|
||||
<h5>TESTING .PULL-1 TO .PULL-5</h5>
|
||||
|
||||
<div class="span-10">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</p>
|
||||
</div>
|
||||
<div class="span-2 last">
|
||||
<img src="test-small.jpg" class="top pull-1" />
|
||||
</div>
|
||||
|
||||
<div class="span-10">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</p>
|
||||
</div>
|
||||
<div class="span-2 last">
|
||||
<img src="test-small.jpg" class="top pull-2" />
|
||||
</div>
|
||||
|
||||
<div class="span-10">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</p>
|
||||
</div>
|
||||
<div class="span-2 last">
|
||||
<img src="test-small.jpg" class="top pull-3" />
|
||||
</div>
|
||||
|
||||
<div class="span-10">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</p>
|
||||
</div>
|
||||
<div class="span-2 last">
|
||||
<img src="test-small.jpg" class="top pull-4" />
|
||||
</div>
|
||||
|
||||
<div class="span-10">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</p>
|
||||
</div>
|
||||
<div class="span-2 last">
|
||||
<img src="test-small.jpg" class="top pull-5" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="span-24">
|
||||
<p>
|
||||
<a href="http://validator.w3.org/check?uri=referer">
|
||||
<img
|
||||
src="valid.png"
|
||||
alt="Valid HTML 4.01 Strict"
|
||||
height="31"
|
||||
width="88"
|
||||
class="bottom"
|
||||
/></a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -2,90 +2,226 @@
|
|||
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<title>Blueprint Sample Page</title>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>Blueprint Sample Page</title>
|
||||
|
||||
<!-- Framework CSS -->
|
||||
<link rel="stylesheet" href="screen.css" type="text/css" media="screen, projection">
|
||||
<link rel="stylesheet" href="print.css" type="text/css" media="print">
|
||||
<!--[if IE]><link rel="stylesheet" href="ie.css" type="text/css" media="screen, projection"><![endif]-->
|
||||
|
||||
<!-- Import fancy-type plugin for the sample page. -->
|
||||
<link rel="stylesheet" href="fancytype-screen.css" type="text/css" media="screen, projection">
|
||||
</head>
|
||||
<!-- Framework CSS -->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="screen.css"
|
||||
type="text/css"
|
||||
media="screen, projection"
|
||||
/>
|
||||
<link rel="stylesheet" href="print.css" type="text/css" media="print" />
|
||||
<!--[if IE
|
||||
]><link
|
||||
rel="stylesheet"
|
||||
href="ie.css"
|
||||
type="text/css"
|
||||
media="screen, projection"
|
||||
/><![endif]-->
|
||||
|
||||
<body>
|
||||
<!-- Import fancy-type plugin for the sample page. -->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="fancytype-screen.css"
|
||||
type="text/css"
|
||||
media="screen, projection"
|
||||
/>
|
||||
</head>
|
||||
|
||||
<div class="container">
|
||||
<h1>A simple sample page</h1>
|
||||
<hr>
|
||||
<h2 class="alt">This sample page demonstrates a tiny fraction of what you get with Blueprint.</h2>
|
||||
<hr>
|
||||
|
||||
<div class="span-7 colborder">
|
||||
<h6>Here's a box</h6>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
|
||||
</div>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>A simple sample page</h1>
|
||||
<hr />
|
||||
<h2 class="alt">
|
||||
This sample page demonstrates a tiny fraction of what you get with
|
||||
Blueprint.
|
||||
</h2>
|
||||
<hr />
|
||||
|
||||
<div class="span-8 colborder">
|
||||
<h6>And another box</h6>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat laboris nisi ut aliquip.</p>
|
||||
</div>
|
||||
|
||||
<div class="span-7 last">
|
||||
<h6>This box is aligned with the sidebar</h6>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
|
||||
</div>
|
||||
<hr>
|
||||
<hr class="space">
|
||||
<div class="span-7 colborder">
|
||||
<h6>Here's a box</h6>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
|
||||
minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||||
aliquip.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="span-15 prepend-1 colborder">
|
||||
<p><img src="test.jpg" class="top pull-1" alt="test">Lorem ipsum dolor sit amet, <em>consectetuer adipiscing elit</em>. Nunc congue ipsum vestibulum libero. Aenean vitae justo. Nam eget tellus. Etiam convallis, est eu lobortis mattis, lectus tellus tempus felis, a ultricies erat ipsum at metus.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <a href="#">Morbi et risus</a>. Aliquam nisl. Nulla facilisi. Cras accumsan vestibulum ante. Vestibulum sed tortor. Praesent <span class="caps">SMALL CAPS</span> tempus fringilla elit. Ut elit diam, sagittis in, nonummy in, gravida non, nunc. Ut orci. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nam egestas, orci eu imperdiet malesuada, nisl purus fringilla odio, quis commodo est orci vitae justo. Aliquam placerat odio tincidunt nulla. Cras in libero. Aenean rutrum, magna non tristique posuere, erat odio eleifend nisl, non convallis est tortor blandit ligula. Nulla id augue.</p>
|
||||
<p>Nullam mattis, odio ut tempus facilisis, metus nisl facilisis metus, auctor consectetuer felis ligula nec mauris. Vestibulum odio erat, fermentum at, commodo vitae, ultrices et, urna. Mauris vulputate, mi pulvinar sagittis condimentum, sem nulla aliquam velit, sed imperdiet mi purus eu magna. Nulla varius metus ut eros. Aenean aliquet magna eget orci. Class aptent taciti sociosqu ad litora.</p>
|
||||
<p>Vivamus euismod. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse vel nibh ut turpis dictum sagittis. Aliquam vel velit a elit auctor sollicitudin. Nam vel dui vel neque lacinia pretium. Quisque nunc erat, venenatis id, volutpat ut, scelerisque sed, diam. Mauris ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec mattis. Morbi dignissim sollicitudin libero. Nulla lorem.</p>
|
||||
<blockquote>
|
||||
<p>Integer cursus ornare mauris. Praesent nisl arcu, imperdiet eu, ornare id, scelerisque ut, nunc. Praesent sagittis erat sed velit tempus imperdiet. Ut tristique, ante in interdum hendrerit, erat enim faucibus felis, quis rutrum mauris lorem quis sem. Vestibulum ligula nisi, mattis nec, posuere et, blandit eu, ligula. Nam suscipit placerat odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Pellentesque tortor libero, venenatis vitae, rhoncus eu, placerat ut, mi. Nulla nulla.</p>
|
||||
</blockquote>
|
||||
<p>Maecenas vel metus quis magna pharetra fermentum. <em>Integer sit amet tortor</em>. Maecenas porttitor, pede sed gravida auctor, nulla augue aliquet elit, at pretium urna orci ut metus. Aliquam in dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, tellus id ornare posuere, quam nunc accumsan turpis, at convallis tellus orci et nisl. Phasellus congue neque a lorem.</p>
|
||||
|
||||
<hr>
|
||||
<div class="span-7 colborder">
|
||||
<h6>This is a nested column</h6>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
||||
</div>
|
||||
<div class="span-7 last">
|
||||
<h6>This is another nested column</h6>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="span-7 last">
|
||||
|
||||
<h3>A <span class="alt">Simple</span> Sidebar</h3>
|
||||
<div class="span-8 colborder">
|
||||
<h6>And another box</h6>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
|
||||
minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||||
aliquip ex ea commodo consequat laboris nisi ut aliquip.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue.</p>
|
||||
<p>Mauris a lectus. Aliquam erat volutpat. Phasellus ultrices mi a sapien. Nunc rutrum egestas lorem. Duis ac sem sagittis elit tincidunt gravida. Mauris a lectus. Aliquam erat volutpat. Phasellus ultrices mi a sapien. Nunc rutrum egestas lorem. Duis ac sem sagittis elit tincidunt gravida.</p>
|
||||
<p class="quiet">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue.</p>
|
||||
<div class="span-7 last">
|
||||
<h6>This box is aligned with the sidebar</h6>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
|
||||
minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||||
aliquip.
|
||||
</p>
|
||||
</div>
|
||||
<hr />
|
||||
<hr class="space" />
|
||||
|
||||
<h5>Incremental leading</h5>
|
||||
<p class="incr">Vestibulum ante ipsum primis in faucibus orci luctus vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. sed aliquet vehicula, lectus tellus.</p>
|
||||
<p class="incr">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue.</p>
|
||||
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
<h2 class="alt">You may pick and choose amongst these and many more features, so be bold.</h2>
|
||||
<hr>
|
||||
<div class="span-15 prepend-1 colborder">
|
||||
<p>
|
||||
<img src="test.jpg" class="top pull-1" alt="test" />Lorem ipsum dolor
|
||||
sit amet, <em>consectetuer adipiscing elit</em>. Nunc congue ipsum
|
||||
vestibulum libero. Aenean vitae justo. Nam eget tellus. Etiam
|
||||
convallis, est eu lobortis mattis, lectus tellus tempus felis, a
|
||||
ultricies erat ipsum at metus.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
|
||||
<a href="#">Morbi et risus</a>. Aliquam nisl. Nulla facilisi. Cras
|
||||
accumsan vestibulum ante. Vestibulum sed tortor. Praesent
|
||||
<span class="caps">SMALL CAPS</span> tempus fringilla elit. Ut elit
|
||||
diam, sagittis in, nonummy in, gravida non, nunc. Ut orci. Class
|
||||
aptent taciti sociosqu ad litora torquent per conubia nostra, per
|
||||
inceptos hymenaeos. Nam egestas, orci eu imperdiet malesuada, nisl
|
||||
purus fringilla odio, quis commodo est orci vitae justo. Aliquam
|
||||
placerat odio tincidunt nulla. Cras in libero. Aenean rutrum, magna
|
||||
non tristique posuere, erat odio eleifend nisl, non convallis est
|
||||
tortor blandit ligula. Nulla id augue.
|
||||
</p>
|
||||
<p>
|
||||
Nullam mattis, odio ut tempus facilisis, metus nisl facilisis metus,
|
||||
auctor consectetuer felis ligula nec mauris. Vestibulum odio erat,
|
||||
fermentum at, commodo vitae, ultrices et, urna. Mauris vulputate, mi
|
||||
pulvinar sagittis condimentum, sem nulla aliquam velit, sed imperdiet
|
||||
mi purus eu magna. Nulla varius metus ut eros. Aenean aliquet magna
|
||||
eget orci. Class aptent taciti sociosqu ad litora.
|
||||
</p>
|
||||
<p>
|
||||
Vivamus euismod. Cum sociis natoque penatibus et magnis dis parturient
|
||||
montes, nascetur ridiculus mus. Suspendisse vel nibh ut turpis dictum
|
||||
sagittis. Aliquam vel velit a elit auctor sollicitudin. Nam vel dui
|
||||
vel neque lacinia pretium. Quisque nunc erat, venenatis id, volutpat
|
||||
ut, scelerisque sed, diam. Mauris ante. Pellentesque habitant morbi
|
||||
tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Donec mattis. Morbi dignissim sollicitudin libero. Nulla lorem.
|
||||
</p>
|
||||
<blockquote>
|
||||
<p>
|
||||
Integer cursus ornare mauris. Praesent nisl arcu, imperdiet eu,
|
||||
ornare id, scelerisque ut, nunc. Praesent sagittis erat sed velit
|
||||
tempus imperdiet. Ut tristique, ante in interdum hendrerit, erat
|
||||
enim faucibus felis, quis rutrum mauris lorem quis sem. Vestibulum
|
||||
ligula nisi, mattis nec, posuere et, blandit eu, ligula. Nam
|
||||
suscipit placerat odio. Class aptent taciti sociosqu ad litora
|
||||
torquent per conubia nostra, per inceptos hymenaeos. Pellentesque
|
||||
tortor libero, venenatis vitae, rhoncus eu, placerat ut, mi. Nulla
|
||||
nulla.
|
||||
</p>
|
||||
</blockquote>
|
||||
<p>
|
||||
Maecenas vel metus quis magna pharetra fermentum.
|
||||
<em>Integer sit amet tortor</em>. Maecenas porttitor, pede sed gravida
|
||||
auctor, nulla augue aliquet elit, at pretium urna orci ut metus.
|
||||
Aliquam in dolor. Vestibulum ante ipsum primis in faucibus orci luctus
|
||||
et ultrices posuere cubilia Curae; Sed aliquam, tellus id ornare
|
||||
posuere, quam nunc accumsan turpis, at convallis tellus orci et nisl.
|
||||
Phasellus congue neque a lorem.
|
||||
</p>
|
||||
|
||||
<p><a href="http://validator.w3.org/check?uri=referer">
|
||||
<img src="valid.png" alt="Valid HTML 4.01 Strict" height="31" width="88" class="top"></a></p>
|
||||
</div>
|
||||
<hr />
|
||||
<div class="span-7 colborder">
|
||||
<h6>This is a nested column</h6>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
|
||||
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||||
aliquip ex ea commodo consequat. Duis aute irure dolor in
|
||||
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
||||
pariatur.
|
||||
</p>
|
||||
</div>
|
||||
<div class="span-7 last">
|
||||
<h6>This is another nested column</h6>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
|
||||
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||||
aliquip ex ea commodo consequat. Duis aute irure dolor in
|
||||
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
||||
pariatur.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span-7 last">
|
||||
<h3>A <span class="alt">Simple</span> Sidebar</h3>
|
||||
|
||||
</body>
|
||||
<p>
|
||||
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
|
||||
posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede
|
||||
sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem
|
||||
nisi vel augue.
|
||||
</p>
|
||||
<p>
|
||||
Mauris a lectus. Aliquam erat volutpat. Phasellus ultrices mi a
|
||||
sapien. Nunc rutrum egestas lorem. Duis ac sem sagittis elit tincidunt
|
||||
gravida. Mauris a lectus. Aliquam erat volutpat. Phasellus ultrices mi
|
||||
a sapien. Nunc rutrum egestas lorem. Duis ac sem sagittis elit
|
||||
tincidunt gravida.
|
||||
</p>
|
||||
<p class="quiet">
|
||||
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
|
||||
posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede
|
||||
sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem
|
||||
nisi vel augue.
|
||||
</p>
|
||||
|
||||
<h5>Incremental leading</h5>
|
||||
<p class="incr">
|
||||
Vestibulum ante ipsum primis in faucibus orci luctus vestibulum ante
|
||||
ipsum primis in faucibus orci luctus et ultrices posuere cubilia
|
||||
Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet
|
||||
vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue.
|
||||
sed aliquet vehicula, lectus tellus.
|
||||
</p>
|
||||
<p class="incr">
|
||||
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
|
||||
posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede
|
||||
sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem
|
||||
nisi vel augue. sed aliquet vehicula, lectus tellus pulvinar neque,
|
||||
non cursus sem nisi vel augue. ipsum primis in faucibus orci luctus et
|
||||
ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris
|
||||
venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque,
|
||||
non cursus sem nisi vel augue. sed aliquet vehicula, lectus tellus
|
||||
pulvinar neque, non cursus sem nisi vel augue.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
<h2 class="alt">
|
||||
You may pick and choose amongst these and many more features, so be
|
||||
bold.
|
||||
</h2>
|
||||
<hr />
|
||||
|
||||
<p>
|
||||
<a href="http://validator.w3.org/check?uri=referer">
|
||||
<img
|
||||
src="valid.png"
|
||||
alt="Valid HTML 4.01 Strict"
|
||||
height="31"
|
||||
width="88"
|
||||
class="top"
|
||||
/></a>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,112 +1,111 @@
|
|||
<script>
|
||||
/* This Source Code Form is subject to the terms of the Mozilla Public
|
||||
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
||||
/* This Source Code Form is subject to the terms of the Mozilla Public
|
||||
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
||||
|
||||
/* global Quitter */
|
||||
/* global Quitter */
|
||||
|
||||
var list =
|
||||
[
|
||||
"blueprint/elements.html",
|
||||
"blueprint/forms.html",
|
||||
"blueprint/grid.html",
|
||||
"blueprint/sample.html",
|
||||
"js-input/3d-thingy.html",
|
||||
"js-input/crypto-otp.html",
|
||||
"js-input/sunspider/3d-cube.html",
|
||||
"js-input/sunspider/3d-morph.html",
|
||||
"js-input/sunspider/3d-raytrace.html",
|
||||
"js-input/sunspider/access-binary-trees.html",
|
||||
"js-input/sunspider/access-fannkuch.html",
|
||||
"js-input/sunspider/access-nbody.html",
|
||||
"js-input/sunspider/access-nsieve.html",
|
||||
"js-input/sunspider/bitops-3bit-bits-in-byte.html",
|
||||
"js-input/sunspider/bitops-bits-in-byte.html",
|
||||
"js-input/sunspider/bitops-bitwise-and.html",
|
||||
"js-input/sunspider/bitops-nsieve-bits.html",
|
||||
"js-input/sunspider/controlflow-recursive.html",
|
||||
"js-input/sunspider/crypto-aes.html",
|
||||
"js-input/sunspider/crypto-md5.html",
|
||||
"js-input/sunspider/crypto-sha1.html",
|
||||
"js-input/sunspider/date-format-tofte.html",
|
||||
"js-input/sunspider/date-format-xparb.html",
|
||||
"js-input/sunspider/math-cordic.html",
|
||||
"js-input/sunspider/math-partial-sums.html",
|
||||
"js-input/sunspider/math-spectral-norm.html",
|
||||
"js-input/sunspider/regexp-dna.html",
|
||||
"js-input/sunspider/string-base64.html",
|
||||
"js-input/sunspider/string-fasta.html",
|
||||
"js-input/sunspider/string-tagcloud.html",
|
||||
"js-input/sunspider/string-unpack-code.html",
|
||||
"js-input/sunspider/string-validate-input.html",
|
||||
"talos/tests/perf-reftest-singletons/abspos-reflow-1.html",
|
||||
"talos/tests/perf-reftest-singletons/attr-selector-1.html",
|
||||
"talos/tests/perf-reftest-singletons/bidi-resolution-1.html",
|
||||
"talos/tests/perf-reftest-singletons/bloom-basic-2.html",
|
||||
"talos/tests/perf-reftest-singletons/bloom-basic.html",
|
||||
"talos/tests/perf-reftest-singletons/coalesce-1.html",
|
||||
"talos/tests/perf-reftest-singletons/coalesce-2.html",
|
||||
"talos/tests/perf-reftest-singletons/display-none-1.html",
|
||||
"talos/tests/perf-reftest-singletons/external-string-pass.html",
|
||||
"talos/tests/perf-reftest-singletons/getElementById-1.html",
|
||||
"talos/tests/perf-reftest-singletons/id-getter-1.html",
|
||||
"talos/tests/perf-reftest-singletons/id-getter-2.html",
|
||||
"talos/tests/perf-reftest-singletons/id-getter-3.html",
|
||||
"talos/tests/perf-reftest-singletons/id-getter-4.html",
|
||||
"talos/tests/perf-reftest-singletons/id-getter-5.html",
|
||||
"talos/tests/perf-reftest-singletons/id-getter-6.html",
|
||||
"talos/tests/perf-reftest-singletons/id-getter-7.html",
|
||||
"talos/tests/perf-reftest-singletons/inline-style-cache-1.html",
|
||||
"talos/tests/perf-reftest-singletons/line-iterator.html",
|
||||
"talos/tests/perf-reftest-singletons/link-style-cache-1.html",
|
||||
"talos/tests/perf-reftest-singletons/nth-index-1.html",
|
||||
"talos/tests/perf-reftest-singletons/nth-index-2.html",
|
||||
"talos/tests/perf-reftest-singletons/only-children-1.html",
|
||||
"talos/tests/perf-reftest-singletons/parent-basic-singleton.html",
|
||||
"talos/tests/perf-reftest-singletons/scrollbar-styles-1.html",
|
||||
"talos/tests/perf-reftest-singletons/slow-selector-1.html",
|
||||
"talos/tests/perf-reftest-singletons/slow-selector-2.html",
|
||||
"talos/tests/perf-reftest-singletons/style-attr-1.html",
|
||||
"talos/tests/perf-reftest-singletons/style-sharing-style-attr.html",
|
||||
"talos/tests/perf-reftest-singletons/style-sharing.html",
|
||||
"talos/tests/perf-reftest-singletons/svg-text-textLength-1.html",
|
||||
"talos/tests/perf-reftest-singletons/svg-text-getExtentOfChar-1.html",
|
||||
"talos/tests/perf-reftest-singletons/tiny-traversal-singleton.html",
|
||||
"talos/tests/perf-reftest-singletons/window-named-property-get.html",
|
||||
"webkit/PerformanceTests/Speedometer/index.html",
|
||||
"webkit/PerformanceTests/webaudio/index.html?raptor&rendering-buffer-length=30",
|
||||
];
|
||||
var defaultInterval = 2000;
|
||||
var idx = 0;
|
||||
var w;
|
||||
var list = [
|
||||
"blueprint/elements.html",
|
||||
"blueprint/forms.html",
|
||||
"blueprint/grid.html",
|
||||
"blueprint/sample.html",
|
||||
"js-input/3d-thingy.html",
|
||||
"js-input/crypto-otp.html",
|
||||
"js-input/sunspider/3d-cube.html",
|
||||
"js-input/sunspider/3d-morph.html",
|
||||
"js-input/sunspider/3d-raytrace.html",
|
||||
"js-input/sunspider/access-binary-trees.html",
|
||||
"js-input/sunspider/access-fannkuch.html",
|
||||
"js-input/sunspider/access-nbody.html",
|
||||
"js-input/sunspider/access-nsieve.html",
|
||||
"js-input/sunspider/bitops-3bit-bits-in-byte.html",
|
||||
"js-input/sunspider/bitops-bits-in-byte.html",
|
||||
"js-input/sunspider/bitops-bitwise-and.html",
|
||||
"js-input/sunspider/bitops-nsieve-bits.html",
|
||||
"js-input/sunspider/controlflow-recursive.html",
|
||||
"js-input/sunspider/crypto-aes.html",
|
||||
"js-input/sunspider/crypto-md5.html",
|
||||
"js-input/sunspider/crypto-sha1.html",
|
||||
"js-input/sunspider/date-format-tofte.html",
|
||||
"js-input/sunspider/date-format-xparb.html",
|
||||
"js-input/sunspider/math-cordic.html",
|
||||
"js-input/sunspider/math-partial-sums.html",
|
||||
"js-input/sunspider/math-spectral-norm.html",
|
||||
"js-input/sunspider/regexp-dna.html",
|
||||
"js-input/sunspider/string-base64.html",
|
||||
"js-input/sunspider/string-fasta.html",
|
||||
"js-input/sunspider/string-tagcloud.html",
|
||||
"js-input/sunspider/string-unpack-code.html",
|
||||
"js-input/sunspider/string-validate-input.html",
|
||||
"talos/tests/perf-reftest-singletons/abspos-reflow-1.html",
|
||||
"talos/tests/perf-reftest-singletons/attr-selector-1.html",
|
||||
"talos/tests/perf-reftest-singletons/bidi-resolution-1.html",
|
||||
"talos/tests/perf-reftest-singletons/bloom-basic-2.html",
|
||||
"talos/tests/perf-reftest-singletons/bloom-basic.html",
|
||||
"talos/tests/perf-reftest-singletons/coalesce-1.html",
|
||||
"talos/tests/perf-reftest-singletons/coalesce-2.html",
|
||||
"talos/tests/perf-reftest-singletons/display-none-1.html",
|
||||
"talos/tests/perf-reftest-singletons/external-string-pass.html",
|
||||
"talos/tests/perf-reftest-singletons/getElementById-1.html",
|
||||
"talos/tests/perf-reftest-singletons/id-getter-1.html",
|
||||
"talos/tests/perf-reftest-singletons/id-getter-2.html",
|
||||
"talos/tests/perf-reftest-singletons/id-getter-3.html",
|
||||
"talos/tests/perf-reftest-singletons/id-getter-4.html",
|
||||
"talos/tests/perf-reftest-singletons/id-getter-5.html",
|
||||
"talos/tests/perf-reftest-singletons/id-getter-6.html",
|
||||
"talos/tests/perf-reftest-singletons/id-getter-7.html",
|
||||
"talos/tests/perf-reftest-singletons/inline-style-cache-1.html",
|
||||
"talos/tests/perf-reftest-singletons/line-iterator.html",
|
||||
"talos/tests/perf-reftest-singletons/link-style-cache-1.html",
|
||||
"talos/tests/perf-reftest-singletons/nth-index-1.html",
|
||||
"talos/tests/perf-reftest-singletons/nth-index-2.html",
|
||||
"talos/tests/perf-reftest-singletons/only-children-1.html",
|
||||
"talos/tests/perf-reftest-singletons/parent-basic-singleton.html",
|
||||
"talos/tests/perf-reftest-singletons/scrollbar-styles-1.html",
|
||||
"talos/tests/perf-reftest-singletons/slow-selector-1.html",
|
||||
"talos/tests/perf-reftest-singletons/slow-selector-2.html",
|
||||
"talos/tests/perf-reftest-singletons/style-attr-1.html",
|
||||
"talos/tests/perf-reftest-singletons/style-sharing-style-attr.html",
|
||||
"talos/tests/perf-reftest-singletons/style-sharing.html",
|
||||
"talos/tests/perf-reftest-singletons/svg-text-textLength-1.html",
|
||||
"talos/tests/perf-reftest-singletons/svg-text-getExtentOfChar-1.html",
|
||||
"talos/tests/perf-reftest-singletons/tiny-traversal-singleton.html",
|
||||
"talos/tests/perf-reftest-singletons/window-named-property-get.html",
|
||||
"webkit/PerformanceTests/Speedometer/index.html",
|
||||
"webkit/PerformanceTests/webaudio/index.html?raptor&rendering-buffer-length=30",
|
||||
];
|
||||
var defaultInterval = 2000;
|
||||
var idx = 0;
|
||||
var w;
|
||||
|
||||
window.onload = function() {
|
||||
w = window.open("about:blank");
|
||||
window.setTimeout(loadURL, defaultInterval);
|
||||
};
|
||||
function loadURL() {
|
||||
var interval = defaultInterval;
|
||||
var testURL = list[idx++];
|
||||
if (testURL.includes("webkit")) {
|
||||
interval = 90000;
|
||||
}
|
||||
w.close();
|
||||
w = window.open(testURL);
|
||||
window.onload = function () {
|
||||
w = window.open("about:blank");
|
||||
window.setTimeout(loadURL, defaultInterval);
|
||||
};
|
||||
function loadURL() {
|
||||
var interval = defaultInterval;
|
||||
var testURL = list[idx++];
|
||||
if (testURL.includes("webkit")) {
|
||||
interval = 90000;
|
||||
}
|
||||
w.close();
|
||||
w = window.open(testURL);
|
||||
|
||||
// Prevent the perf-reftest-singletons from calling alert()
|
||||
w.tpRecordTime = function() { };
|
||||
// Prevent the perf-reftest-singletons from calling alert()
|
||||
w.tpRecordTime = function () {};
|
||||
|
||||
if (idx < list.length) {
|
||||
window.setTimeout(loadURL, interval);
|
||||
} else {
|
||||
window.setTimeout(Quitter.quit, interval);
|
||||
}
|
||||
}
|
||||
var i;
|
||||
if (idx < list.length) {
|
||||
window.setTimeout(loadURL, interval);
|
||||
} else {
|
||||
window.setTimeout(Quitter.quit, interval);
|
||||
}
|
||||
}
|
||||
var i;
|
||||
|
||||
for (i = 0; i < list.length;i++) {
|
||||
// eslint-disable-next-line no-unsanitized/method
|
||||
document.write(list[i]);
|
||||
document.write("<br>");
|
||||
}
|
||||
</script>
|
||||
for (i = 0; i < list.length; i++) {
|
||||
// eslint-disable-next-line no-unsanitized/method
|
||||
document.write(list[i]);
|
||||
document.write("<br>");
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -7,12 +7,21 @@
|
|||
<html force-theme="auto">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="color-scheme" content="light dark">
|
||||
<meta name="color-scheme" content="light dark" />
|
||||
<title>Debugging</title>
|
||||
<meta http-equiv="Content-Security-Policy"
|
||||
content="default-src chrome: resource:; img-src data: chrome: resource: https:; object-src 'none'" />
|
||||
<link rel="icon" type="image/png" href="chrome://global/skin/icons/developer.svg">
|
||||
<link rel="stylesheet" href="chrome://devtools/content/aboutdebugging/aboutdebugging.css"/>
|
||||
<meta
|
||||
http-equiv="Content-Security-Policy"
|
||||
content="default-src chrome: resource:; img-src data: chrome: resource: https:; object-src 'none'"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
href="chrome://global/skin/icons/developer.svg"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/aboutdebugging/aboutdebugging.css"
|
||||
/>
|
||||
<script src="resource://devtools/client/aboutdebugging/initializer.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -4,21 +4,39 @@
|
|||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
<!DOCTYPE html>
|
||||
<html dir="">
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<link href="chrome://devtools/skin/badge.css" rel="stylesheet" />
|
||||
<link href="chrome://devtools/skin/accessibility-color-contrast.css" rel="stylesheet" />
|
||||
<link href="chrome://devtools/content/accessibility/accessibility.css" rel="stylesheet"/>
|
||||
<link href="chrome://devtools/content/shared/components/splitter/SplitBox.css" rel="stylesheet" />
|
||||
<link href="chrome://devtools/content/shared/components/Accordion.css" rel="stylesheet" />
|
||||
<link href="chrome://devtools/content/shared/components/List.css" rel="stylesheet" />
|
||||
<link href="chrome://devtools/content/shared/components/tree/TreeView.css" rel="stylesheet" />
|
||||
<link href="chrome://devtools/skin/badge.css" rel="stylesheet" />
|
||||
<link
|
||||
href="chrome://devtools/skin/accessibility-color-contrast.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
href="chrome://devtools/content/accessibility/accessibility.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
href="chrome://devtools/content/shared/components/splitter/SplitBox.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
href="chrome://devtools/content/shared/components/Accordion.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
href="chrome://devtools/content/shared/components/List.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
href="chrome://devtools/content/shared/components/tree/TreeView.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
|
||||
<script src="chrome://devtools/content/shared/theme-switching.js"></script>
|
||||
</head>
|
||||
<body class="theme-body devtools-monospace" role="application">
|
||||
<div id="content" role="presentation" tabindex="-1"></div>
|
||||
<script src="./main.js"></script>
|
||||
</body>
|
||||
<script src="chrome://devtools/content/shared/theme-switching.js"></script>
|
||||
</head>
|
||||
<body class="theme-body devtools-monospace" role="application">
|
||||
<div id="content" role="presentation" tabindex="-1"></div>
|
||||
<script src="./main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -4,8 +4,15 @@
|
|||
<!DOCTYPE html>
|
||||
<html dir="">
|
||||
<head>
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src chrome: resource:; img-src http: https: data: chrome:;">
|
||||
<link rel="stylesheet" type="text/css" href="chrome://devtools/content/application/application.css" />
|
||||
<meta
|
||||
http-equiv="Content-Security-Policy"
|
||||
content="default-src chrome: resource:; img-src http: https: data: chrome:;"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
type="text/css"
|
||||
href="chrome://devtools/content/application/application.css"
|
||||
/>
|
||||
</head>
|
||||
<body class="theme-body" role="application">
|
||||
<div id="mount"></div>
|
||||
|
|
|
|||
|
|
@ -4,17 +4,26 @@
|
|||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
<!DOCTYPE html>
|
||||
<html dir="">
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<link href="chrome://devtools/content/dom/content/dom-view.css" rel="stylesheet" />
|
||||
<link href="chrome://devtools-jsonview-styles/content/toolbar.css" rel="stylesheet" />
|
||||
<link href="chrome://devtools/content/shared/components/tree/TreeView.css" rel="stylesheet" />
|
||||
<link
|
||||
href="chrome://devtools/content/dom/content/dom-view.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
href="chrome://devtools-jsonview-styles/content/toolbar.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
href="chrome://devtools/content/shared/components/tree/TreeView.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
|
||||
<script src="chrome://devtools/content/shared/theme-switching.js"></script>
|
||||
</head>
|
||||
<body class="theme-body" role="application">
|
||||
<div id="content"></div>
|
||||
<script src="./main.js"></script>
|
||||
</body>
|
||||
<script src="chrome://devtools/content/shared/theme-switching.js"></script>
|
||||
</head>
|
||||
<body class="theme-body" role="application">
|
||||
<div id="content"></div>
|
||||
<script src="./main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -2,14 +2,20 @@
|
|||
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
<!DOCTYPE html>
|
||||
<html id="devtools-toolbox-window"
|
||||
windowtype="devtools:toolbox"
|
||||
width="900" height="450"
|
||||
persist="screenX screenY width height sizemode">
|
||||
<html
|
||||
id="devtools-toolbox-window"
|
||||
windowtype="devtools:toolbox"
|
||||
width="900"
|
||||
height="450"
|
||||
persist="screenX screenY width height sizemode"
|
||||
>
|
||||
<head>
|
||||
<link rel="stylesheet" href="chrome://global/skin/global.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/common.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/framework/browser-toolbox/window.css"/>
|
||||
<link rel="stylesheet" href="chrome://global/skin/global.css" />
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/common.css" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/framework/browser-toolbox/window.css"
|
||||
/>
|
||||
<script src="chrome://devtools/content/framework/browser-toolbox/window.js"></script>
|
||||
<script src="chrome://global/content/viewSourceUtils.js"></script>
|
||||
<script src="chrome://browser/content/utilityOverlay.js"></script>
|
||||
|
|
|
|||
|
|
@ -5,181 +5,256 @@
|
|||
<html dir="">
|
||||
<head>
|
||||
<title>Toolbox option</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/framework/options-panel.css">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/framework/options-panel.css"
|
||||
/>
|
||||
<script src="chrome://devtools/content/shared/theme-switching.js"></script>
|
||||
<link rel="localization" href="devtools/client/toolbox-options.ftl"/>
|
||||
<link rel="localization" href="devtools/client/toolbox-options.ftl" />
|
||||
</head>
|
||||
<body role="application" class="theme-body">
|
||||
<form id="options-panel">
|
||||
<div id="tools-box" class="options-vertical-pane">
|
||||
<fieldset id="default-tools-box" class="options-groupbox">
|
||||
<legend data-l10n-id="options-select-default-tools-label"></legend>
|
||||
<span id="tools-not-supported-label" class="options-citation-label theme-comment" data-l10n-id="options-tool-not-supported-label"></span>
|
||||
</fieldset>
|
||||
<form id="options-panel">
|
||||
<div id="tools-box" class="options-vertical-pane">
|
||||
<fieldset id="default-tools-box" class="options-groupbox">
|
||||
<legend data-l10n-id="options-select-default-tools-label"></legend>
|
||||
<span
|
||||
id="tools-not-supported-label"
|
||||
class="options-citation-label theme-comment"
|
||||
data-l10n-id="options-tool-not-supported-label"
|
||||
></span>
|
||||
</fieldset>
|
||||
|
||||
<fieldset id="additional-tools-box" class="options-groupbox">
|
||||
<legend data-l10n-id="options-select-additional-tools-label"></legend>
|
||||
</fieldset>
|
||||
<fieldset id="additional-tools-box" class="options-groupbox">
|
||||
<legend data-l10n-id="options-select-additional-tools-label"></legend>
|
||||
</fieldset>
|
||||
|
||||
<fieldset id="enabled-toolbox-buttons-box" class="options-groupbox">
|
||||
<legend data-l10n-id="options-select-enabled-toolbox-buttons-label"></legend>
|
||||
</fieldset>
|
||||
</div>
|
||||
<fieldset id="enabled-toolbox-buttons-box" class="options-groupbox">
|
||||
<legend
|
||||
data-l10n-id="options-select-enabled-toolbox-buttons-label"
|
||||
></legend>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<div class="options-vertical-pane">
|
||||
<fieldset id="devtools-theme-box"
|
||||
class="options-groupbox
|
||||
horizontal-options-groupbox
|
||||
radiogroup"
|
||||
data-pref="devtools.theme">
|
||||
<legend data-l10n-id="options-select-dev-tools-theme-label"></legend>
|
||||
</fieldset>
|
||||
<div class="options-vertical-pane">
|
||||
<fieldset
|
||||
id="devtools-theme-box"
|
||||
class="options-groupbox horizontal-options-groupbox radiogroup"
|
||||
data-pref="devtools.theme"
|
||||
>
|
||||
<legend data-l10n-id="options-select-dev-tools-theme-label"></legend>
|
||||
</fieldset>
|
||||
|
||||
<fieldset id="inspector-options" class="options-groupbox">
|
||||
<legend data-l10n-id="options-context-inspector"></legend>
|
||||
<label data-l10n-id="options-show-user-agent-styles-tooltip">
|
||||
<input type="checkbox"
|
||||
data-pref="devtools.inspector.showUserAgentStyles"/>
|
||||
<span data-l10n-id="options-show-user-agent-styles-label"></span>
|
||||
</label>
|
||||
<label data-l10n-id="options-collapse-attrs-tooltip">
|
||||
<input type="checkbox"
|
||||
data-pref="devtools.markup.collapseAttributes"/>
|
||||
<span data-l10n-id="options-collapse-attrs-label"></span>
|
||||
</label>
|
||||
<label data-l10n-id="options-inspector-draggable-properties-tooltip">
|
||||
<input type="checkbox"
|
||||
data-pref="devtools.inspector.draggable_properties"/>
|
||||
<span data-l10n-id="options-inspector-draggable-properties-label"></span>
|
||||
</label>
|
||||
<label data-l10n-id="options-inspector-simplified-highlighters-tooltip">
|
||||
<input type="checkbox"
|
||||
data-pref="devtools.inspector.simple-highlighters-reduced-motion"/>
|
||||
<span data-l10n-id="options-inspector-simplified-highlighters-label"></span>
|
||||
</label>
|
||||
<label>
|
||||
<span data-l10n-id="options-default-color-unit-label"></span>
|
||||
<select id="defaultColorUnitMenuList"
|
||||
data-pref="devtools.defaultColorUnit">
|
||||
<option value="authored" data-l10n-id="options-default-color-unit-authored"></option>
|
||||
<option value="hex" data-l10n-id="options-default-color-unit-hex"></option>
|
||||
<option value="hsl" data-l10n-id="options-default-color-unit-hsl"></option>
|
||||
<option value="rgb" data-l10n-id="options-default-color-unit-rgb"></option>
|
||||
<option value="hwb" data-l10n-id="options-default-color-unit-hwb"></option>
|
||||
<option value="name" data-l10n-id="options-default-color-unit-name"></option>
|
||||
</select>
|
||||
</label>
|
||||
</fieldset>
|
||||
<fieldset id="inspector-options" class="options-groupbox">
|
||||
<legend data-l10n-id="options-context-inspector"></legend>
|
||||
<label data-l10n-id="options-show-user-agent-styles-tooltip">
|
||||
<input
|
||||
type="checkbox"
|
||||
data-pref="devtools.inspector.showUserAgentStyles"
|
||||
/>
|
||||
<span data-l10n-id="options-show-user-agent-styles-label"></span>
|
||||
</label>
|
||||
<label data-l10n-id="options-collapse-attrs-tooltip">
|
||||
<input
|
||||
type="checkbox"
|
||||
data-pref="devtools.markup.collapseAttributes"
|
||||
/>
|
||||
<span data-l10n-id="options-collapse-attrs-label"></span>
|
||||
</label>
|
||||
<label data-l10n-id="options-inspector-draggable-properties-tooltip">
|
||||
<input
|
||||
type="checkbox"
|
||||
data-pref="devtools.inspector.draggable_properties"
|
||||
/>
|
||||
<span
|
||||
data-l10n-id="options-inspector-draggable-properties-label"
|
||||
></span>
|
||||
</label>
|
||||
<label
|
||||
data-l10n-id="options-inspector-simplified-highlighters-tooltip"
|
||||
>
|
||||
<input
|
||||
type="checkbox"
|
||||
data-pref="devtools.inspector.simple-highlighters-reduced-motion"
|
||||
/>
|
||||
<span
|
||||
data-l10n-id="options-inspector-simplified-highlighters-label"
|
||||
></span>
|
||||
</label>
|
||||
<label>
|
||||
<span data-l10n-id="options-default-color-unit-label"></span>
|
||||
<select
|
||||
id="defaultColorUnitMenuList"
|
||||
data-pref="devtools.defaultColorUnit"
|
||||
>
|
||||
<option
|
||||
value="authored"
|
||||
data-l10n-id="options-default-color-unit-authored"
|
||||
></option>
|
||||
<option
|
||||
value="hex"
|
||||
data-l10n-id="options-default-color-unit-hex"
|
||||
></option>
|
||||
<option
|
||||
value="hsl"
|
||||
data-l10n-id="options-default-color-unit-hsl"
|
||||
></option>
|
||||
<option
|
||||
value="rgb"
|
||||
data-l10n-id="options-default-color-unit-rgb"
|
||||
></option>
|
||||
<option
|
||||
value="hwb"
|
||||
data-l10n-id="options-default-color-unit-hwb"
|
||||
></option>
|
||||
<option
|
||||
value="name"
|
||||
data-l10n-id="options-default-color-unit-name"
|
||||
></option>
|
||||
</select>
|
||||
</label>
|
||||
</fieldset>
|
||||
|
||||
<fieldset id="styleeditor-options" class="options-groupbox">
|
||||
<legend data-l10n-id="options-styleeditor-label"></legend>
|
||||
<label data-l10n-id="options-stylesheet-autocompletion-tooltip">
|
||||
<input type="checkbox"
|
||||
data-pref="devtools.styleeditor.autocompletion-enabled"/>
|
||||
<span data-l10n-id="options-stylesheet-autocompletion-label"></span>
|
||||
</label>
|
||||
</fieldset>
|
||||
<fieldset id="styleeditor-options" class="options-groupbox">
|
||||
<legend data-l10n-id="options-styleeditor-label"></legend>
|
||||
<label data-l10n-id="options-stylesheet-autocompletion-tooltip">
|
||||
<input
|
||||
type="checkbox"
|
||||
data-pref="devtools.styleeditor.autocompletion-enabled"
|
||||
/>
|
||||
<span data-l10n-id="options-stylesheet-autocompletion-label"></span>
|
||||
</label>
|
||||
</fieldset>
|
||||
|
||||
<fieldset id="screenshot-options" class="options-groupbox">
|
||||
<legend data-l10n-id="options-screenshot-label"></legend>
|
||||
<label data-l10n-id="options-screenshot-clipboard-tooltip2">
|
||||
<input type="checkbox"
|
||||
id="devtools-screenshot-clipboard"
|
||||
data-pref="devtools.screenshot.clipboard.enabled"/>
|
||||
<span data-l10n-id="options-screenshot-clipboard-only-label"></span>
|
||||
</label>
|
||||
<label data-l10n-id="options-screenshot-audio-tooltip">
|
||||
<input type="checkbox"
|
||||
id="devtools-screenshot-audio"
|
||||
data-pref="devtools.screenshot.audio.enabled"/>
|
||||
<span data-l10n-id="options-screenshot-audio-label"></span>
|
||||
</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
<fieldset id="screenshot-options" class="options-groupbox">
|
||||
<legend data-l10n-id="options-screenshot-label"></legend>
|
||||
<label data-l10n-id="options-screenshot-clipboard-tooltip2">
|
||||
<input
|
||||
type="checkbox"
|
||||
id="devtools-screenshot-clipboard"
|
||||
data-pref="devtools.screenshot.clipboard.enabled"
|
||||
/>
|
||||
<span data-l10n-id="options-screenshot-clipboard-only-label"></span>
|
||||
</label>
|
||||
<label data-l10n-id="options-screenshot-audio-tooltip">
|
||||
<input
|
||||
type="checkbox"
|
||||
id="devtools-screenshot-audio"
|
||||
data-pref="devtools.screenshot.audio.enabled"
|
||||
/>
|
||||
<span data-l10n-id="options-screenshot-audio-label"></span>
|
||||
</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<div class="options-vertical-pane">
|
||||
<fieldset id="sourceeditor-options" class="options-groupbox">
|
||||
<legend data-l10n-id="options-sourceeditor-label"></legend>
|
||||
<label data-l10n-id="options-sourceeditor-detectindentation-tooltip">
|
||||
<input type="checkbox"
|
||||
id="devtools-sourceeditor-detectindentation"
|
||||
data-pref="devtools.editor.detectindentation"/>
|
||||
<span data-l10n-id="options-sourceeditor-detectindentation-label"></span>
|
||||
</label>
|
||||
<label data-l10n-id="options-sourceeditor-autoclosebrackets-tooltip">
|
||||
<input type="checkbox"
|
||||
id="devtools-sourceeditor-autoclosebrackets"
|
||||
data-pref="devtools.editor.autoclosebrackets"/>
|
||||
<span data-l10n-id="options-sourceeditor-autoclosebrackets-label"></span>
|
||||
</label>
|
||||
<label data-l10n-id="options-sourceeditor-expandtab-tooltip">
|
||||
<input type="checkbox"
|
||||
id="devtools-sourceeditor-expandtab"
|
||||
data-pref="devtools.editor.expandtab"/>
|
||||
<span data-l10n-id="options-sourceeditor-expandtab-label"></span>
|
||||
</label>
|
||||
<label>
|
||||
<span data-l10n-id="options-sourceeditor-tabsize-label"></span>
|
||||
<select id="devtools-sourceeditor-tabsize-select"
|
||||
data-pref="devtools.editor.tabsize">
|
||||
<option label="2">2</option>
|
||||
<option label="4">4</option>
|
||||
<option label="8">8</option>
|
||||
</select>
|
||||
</label>
|
||||
<label>
|
||||
<span data-l10n-id="options-sourceeditor-keybinding-label"></span>
|
||||
<select id="devtools-sourceeditor-keybinding-select"
|
||||
data-pref="devtools.editor.keymap">
|
||||
<option value="default" data-l10n-id="options-sourceeditor-keybinding-default-label"></option>
|
||||
<option value="vim">Vim</option>
|
||||
<option value="emacs">Emacs</option>
|
||||
<option value="sublime">Sublime Text</option>
|
||||
</select>
|
||||
</label>
|
||||
</fieldset>
|
||||
<div class="options-vertical-pane">
|
||||
<fieldset id="sourceeditor-options" class="options-groupbox">
|
||||
<legend data-l10n-id="options-sourceeditor-label"></legend>
|
||||
<label data-l10n-id="options-sourceeditor-detectindentation-tooltip">
|
||||
<input
|
||||
type="checkbox"
|
||||
id="devtools-sourceeditor-detectindentation"
|
||||
data-pref="devtools.editor.detectindentation"
|
||||
/>
|
||||
<span
|
||||
data-l10n-id="options-sourceeditor-detectindentation-label"
|
||||
></span>
|
||||
</label>
|
||||
<label data-l10n-id="options-sourceeditor-autoclosebrackets-tooltip">
|
||||
<input
|
||||
type="checkbox"
|
||||
id="devtools-sourceeditor-autoclosebrackets"
|
||||
data-pref="devtools.editor.autoclosebrackets"
|
||||
/>
|
||||
<span
|
||||
data-l10n-id="options-sourceeditor-autoclosebrackets-label"
|
||||
></span>
|
||||
</label>
|
||||
<label data-l10n-id="options-sourceeditor-expandtab-tooltip">
|
||||
<input
|
||||
type="checkbox"
|
||||
id="devtools-sourceeditor-expandtab"
|
||||
data-pref="devtools.editor.expandtab"
|
||||
/>
|
||||
<span data-l10n-id="options-sourceeditor-expandtab-label"></span>
|
||||
</label>
|
||||
<label>
|
||||
<span data-l10n-id="options-sourceeditor-tabsize-label"></span>
|
||||
<select
|
||||
id="devtools-sourceeditor-tabsize-select"
|
||||
data-pref="devtools.editor.tabsize"
|
||||
>
|
||||
<option label="2">2</option>
|
||||
<option label="4">4</option>
|
||||
<option label="8">8</option>
|
||||
</select>
|
||||
</label>
|
||||
<label>
|
||||
<span data-l10n-id="options-sourceeditor-keybinding-label"></span>
|
||||
<select
|
||||
id="devtools-sourceeditor-keybinding-select"
|
||||
data-pref="devtools.editor.keymap"
|
||||
>
|
||||
<option
|
||||
value="default"
|
||||
data-l10n-id="options-sourceeditor-keybinding-default-label"
|
||||
></option>
|
||||
<option value="vim">Vim</option>
|
||||
<option value="emacs">Emacs</option>
|
||||
<option value="sublime">Sublime Text</option>
|
||||
</select>
|
||||
</label>
|
||||
</fieldset>
|
||||
|
||||
<fieldset id="context-options" class="options-groupbox">
|
||||
<legend data-l10n-id="options-context-advanced-settings"></legend>
|
||||
<fieldset id="context-options" class="options-groupbox">
|
||||
<legend data-l10n-id="options-context-advanced-settings"></legend>
|
||||
<label data-l10n-id="options-source-maps-tooltip">
|
||||
<input type="checkbox"
|
||||
data-pref="devtools.source-map.client-service.enabled"/>
|
||||
<input
|
||||
type="checkbox"
|
||||
data-pref="devtools.source-map.client-service.enabled"
|
||||
/>
|
||||
<span data-l10n-id="options-source-maps-label"></span>
|
||||
</label>
|
||||
<label data-l10n-id="options-disable-http-cache-tooltip">
|
||||
<input type="checkbox"
|
||||
id="devtools-disable-cache"
|
||||
data-pref="devtools.cache.disabled"/>
|
||||
<input
|
||||
type="checkbox"
|
||||
id="devtools-disable-cache"
|
||||
data-pref="devtools.cache.disabled"
|
||||
/>
|
||||
<span data-l10n-id="options-disable-http-cache-label"></span>
|
||||
</label>
|
||||
<label data-l10n-id="options-disable-javascript-tooltip">
|
||||
<input type="checkbox"
|
||||
id="devtools-disable-javascript"/>
|
||||
<input type="checkbox" id="devtools-disable-javascript" />
|
||||
<span data-l10n-id="options-disable-javascript-label"></span>
|
||||
</label>
|
||||
<label data-l10n-id="options-enable-service-workers-http-tooltip">
|
||||
<input type="checkbox"
|
||||
id="devtools-enable-serviceWorkersTesting"
|
||||
data-pref="devtools.serviceWorkers.testing.enabled"/>
|
||||
<span data-l10n-id="options-enable-service-workers-http-label"></span>
|
||||
<input
|
||||
type="checkbox"
|
||||
id="devtools-enable-serviceWorkersTesting"
|
||||
data-pref="devtools.serviceWorkers.testing.enabled"
|
||||
/>
|
||||
<span
|
||||
data-l10n-id="options-enable-service-workers-http-label"
|
||||
></span>
|
||||
</label>
|
||||
<label data-l10n-id="options-enable-chrome-tooltip">
|
||||
<input type="checkbox"
|
||||
data-pref="devtools.chrome.enabled"/>
|
||||
<input type="checkbox" data-pref="devtools.chrome.enabled" />
|
||||
<span data-l10n-id="options-enable-chrome-label"></span>
|
||||
</label>
|
||||
<label data-l10n-id="options-enable-remote-tooltip2">
|
||||
<input type="checkbox"
|
||||
data-pref="devtools.debugger.remote-enabled"/>
|
||||
<input
|
||||
type="checkbox"
|
||||
data-pref="devtools.debugger.remote-enabled"
|
||||
/>
|
||||
<span data-l10n-id="options-enable-remote-label"></span>
|
||||
</label>
|
||||
<span class="options-citation-label theme-comment"
|
||||
id="triggers-page-refresh-label" data-l10n-id="options-context-triggers-page-refresh"
|
||||
<span
|
||||
class="options-citation-label theme-comment"
|
||||
id="triggers-page-refresh-label"
|
||||
data-l10n-id="options-context-triggers-page-refresh"
|
||||
></span>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</fieldset>
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -6,12 +6,15 @@
|
|||
<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
|
||||
|
||||
<!-- minwidth=50 is sum width of chevron and meatball menu button. -->
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
id="devtools-toolbox-window"
|
||||
macanimationtype="document"
|
||||
windowtype="devtools:toolbox"
|
||||
width="900" height="320"
|
||||
persist="screenX screenY width height sizemode">
|
||||
<tooltip id="aHTMLTooltip" page="true"/>
|
||||
<script src="resource://devtools/client/framework/toolbox-window.js"/>
|
||||
<window
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
id="devtools-toolbox-window"
|
||||
macanimationtype="document"
|
||||
windowtype="devtools:toolbox"
|
||||
width="900"
|
||||
height="320"
|
||||
persist="screenX screenY width height sizemode"
|
||||
>
|
||||
<tooltip id="aHTMLTooltip" page="true" />
|
||||
<script src="resource://devtools/client/framework/toolbox-window.js" />
|
||||
</window>
|
||||
|
|
|
|||
|
|
@ -8,29 +8,38 @@
|
|||
<?xml-stylesheet href="chrome://devtools/content/framework/components/DebugTargetErrorPage.css" type="text/css"?>
|
||||
<?xml-stylesheet href="chrome://devtools/content/framework/components/ChromeDebugToolbar.css" type="text/css"?>
|
||||
|
||||
|
||||
<!DOCTYPE window>
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
csp="default-src chrome: resource:; img-src chrome: resource: data:; object-src 'none'" role="application">
|
||||
<window
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
csp="default-src chrome: resource:; img-src chrome: resource: data:; object-src 'none'"
|
||||
role="application"
|
||||
>
|
||||
<linkset>
|
||||
<html:link rel="localization" href="devtools/client/tooltips.ftl"/>
|
||||
<html:link rel="localization" href="devtools/client/tooltips.ftl" />
|
||||
</linkset>
|
||||
|
||||
<html:link href="chrome://browser/skin/window.svg" rel="shortcut icon"/>
|
||||
<script src="chrome://devtools/content/shared/theme-switching.js"/>
|
||||
<script src="chrome://global/content/viewSourceUtils.js"/>
|
||||
<html:link href="chrome://browser/skin/window.svg" rel="shortcut icon" />
|
||||
<script src="chrome://devtools/content/shared/theme-switching.js" />
|
||||
<script src="chrome://global/content/viewSourceUtils.js" />
|
||||
|
||||
<script src="chrome://devtools/content/framework/toolbox-init.js"/>
|
||||
<script src="chrome://devtools/content/framework/toolbox-init.js" />
|
||||
|
||||
<vbox id="toolbox-container" role="group">
|
||||
<div xmlns="http://www.w3.org/1999/xhtml" id="toolbox-error-mount"/>
|
||||
<div xmlns="http://www.w3.org/1999/xhtml" id="toolbox-notificationbox"/>
|
||||
<div xmlns="http://www.w3.org/1999/xhtml" id="toolbox-toolbar-mount"
|
||||
role="toolbar" />
|
||||
<div xmlns="http://www.w3.org/1999/xhtml" id="toolbox-error-mount" />
|
||||
<div xmlns="http://www.w3.org/1999/xhtml" id="toolbox-notificationbox" />
|
||||
<div
|
||||
xmlns="http://www.w3.org/1999/xhtml"
|
||||
id="toolbox-toolbar-mount"
|
||||
role="toolbar"
|
||||
/>
|
||||
<vbox flex="1" class="theme-body">
|
||||
<box id="toolbox-deck" />
|
||||
<splitter id="toolbox-console-splitter" class="devtools-horizontal-splitter" hidden="true" />
|
||||
<splitter
|
||||
id="toolbox-console-splitter"
|
||||
class="devtools-horizontal-splitter"
|
||||
hidden="true"
|
||||
/>
|
||||
<box id="toolbox-panel-webconsole" collapsed="true" />
|
||||
</vbox>
|
||||
<tooltip id="aHTMLTooltip" page="true" />
|
||||
|
|
|
|||
|
|
@ -5,153 +5,281 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" dir="">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/breadcrumbs.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/inspector.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/badge.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/rules.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/compatibility.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/computed.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/changes.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/fonts.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/boxmodel.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/layout.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/animation.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/shared/components/tabs/Tabs.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/shared/components/SidebarToggle.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/inspector/components/InspectorTabPanel.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/shared/components/splitter/SplitBox.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/shared/components/Accordion.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/shared/components/reps/reps.css"/>
|
||||
<!-- Needed for the ObjectInspector -->
|
||||
<link rel="stylesheet" href="chrome://devtools/content/shared/components/Tree.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/shared/components/object-inspector/components/ObjectInspector.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/shared/components/tree/TreeView.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/breadcrumbs.css" />
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/inspector.css" />
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/badge.css" />
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/rules.css" />
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/compatibility.css" />
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/computed.css" />
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/changes.css" />
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/fonts.css" />
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/boxmodel.css" />
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/layout.css" />
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/animation.css" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/shared/components/tabs/Tabs.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/shared/components/SidebarToggle.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/inspector/components/InspectorTabPanel.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/shared/components/splitter/SplitBox.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/shared/components/Accordion.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/shared/components/reps/reps.css"
|
||||
/>
|
||||
<!-- Needed for the ObjectInspector -->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/shared/components/Tree.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/shared/components/object-inspector/components/ObjectInspector.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/shared/components/tree/TreeView.css"
|
||||
/>
|
||||
|
||||
<script src="chrome://devtools/content/shared/theme-switching.js"></script>
|
||||
<script>
|
||||
/* eslint-disable */
|
||||
var isInChrome = window.location.href.includes("chrome:");
|
||||
if (isInChrome) {
|
||||
var exports = {};
|
||||
var { require, loader } = ChromeUtils.importESModule(
|
||||
"resource://devtools/shared/loader/Loader.sys.mjs"
|
||||
);
|
||||
var { BrowserLoader } = ChromeUtils.import(
|
||||
"resource://devtools/shared/loader/browser-loader.js"
|
||||
);
|
||||
}
|
||||
</script>
|
||||
<script src="chrome://devtools/content/shared/theme-switching.js"></script>
|
||||
<script>
|
||||
/* eslint-disable */
|
||||
var isInChrome = window.location.href.includes("chrome:");
|
||||
if (isInChrome) {
|
||||
var exports = {};
|
||||
var { require, loader } = ChromeUtils.importESModule(
|
||||
"resource://devtools/shared/loader/Loader.sys.mjs"
|
||||
);
|
||||
var { BrowserLoader } = ChromeUtils.import(
|
||||
"resource://devtools/shared/loader/browser-loader.js"
|
||||
);
|
||||
}
|
||||
</script>
|
||||
|
||||
<script src="resource://devtools/client/inspector/inspector.js" defer="true"></script>
|
||||
</head>
|
||||
<body class="theme-body" role="application">
|
||||
<div class="inspector-responsive-container theme-body inspector"
|
||||
data-localization-bundle="devtools/client/locales/inspector.properties">
|
||||
|
||||
<!-- Main Panel Content -->
|
||||
<div id="inspector-main-content" class="devtools-main-content" style="visibility: hidden;">
|
||||
<!-- Toolbar -->
|
||||
<div id="inspector-toolbar" class="devtools-toolbar devtools-input-toolbar" nowindowdrag="true">
|
||||
<div id="inspector-search" class="devtools-searchbox">
|
||||
<input id="inspector-searchbox" class="devtools-searchinput"
|
||||
type="search"
|
||||
data-localization="placeholder=inspectorSearchHTML.label3"/>
|
||||
<button id="inspector-searchinput-clear" class="devtools-searchinput-clear" hidden="" tabindex="-1"></button>
|
||||
</div>
|
||||
<div id="inspector-searchlabel-container" hidden="">
|
||||
<script
|
||||
src="resource://devtools/client/inspector/inspector.js"
|
||||
defer="true"
|
||||
></script>
|
||||
</head>
|
||||
<body class="theme-body" role="application">
|
||||
<div
|
||||
class="inspector-responsive-container theme-body inspector"
|
||||
data-localization-bundle="devtools/client/locales/inspector.properties"
|
||||
>
|
||||
<!-- Main Panel Content -->
|
||||
<div
|
||||
id="inspector-main-content"
|
||||
class="devtools-main-content"
|
||||
style="visibility: hidden"
|
||||
>
|
||||
<!-- Toolbar -->
|
||||
<div
|
||||
id="inspector-toolbar"
|
||||
class="devtools-toolbar devtools-input-toolbar"
|
||||
nowindowdrag="true"
|
||||
>
|
||||
<div id="inspector-search" class="devtools-searchbox">
|
||||
<input
|
||||
id="inspector-searchbox"
|
||||
class="devtools-searchinput"
|
||||
type="search"
|
||||
data-localization="placeholder=inspectorSearchHTML.label3"
|
||||
/>
|
||||
<button
|
||||
id="inspector-searchinput-clear"
|
||||
class="devtools-searchinput-clear"
|
||||
hidden=""
|
||||
tabindex="-1"
|
||||
></button>
|
||||
</div>
|
||||
<div id="inspector-searchlabel-container" hidden="">
|
||||
<div class="devtools-separator"></div>
|
||||
<span id="inspector-searchlabel"></span>
|
||||
</div>
|
||||
<div class="devtools-separator"></div>
|
||||
<span id="inspector-searchlabel"></span>
|
||||
<button
|
||||
id="inspector-element-add-button"
|
||||
class="devtools-button"
|
||||
data-localization="title=inspectorAddNode.label"
|
||||
></button>
|
||||
<button
|
||||
id="inspector-eyedropper-toggle"
|
||||
class="devtools-button"
|
||||
></button>
|
||||
</div>
|
||||
|
||||
<!-- Markup Container -->
|
||||
<div id="markup-box"></div>
|
||||
<div id="inspector-breadcrumbs-toolbar" class="devtools-toolbar">
|
||||
<div
|
||||
id="inspector-breadcrumbs"
|
||||
class="breadcrumbs-widget-container"
|
||||
role="toolbar"
|
||||
data-localization="aria-label=inspector.breadcrumbs.label"
|
||||
tabindex="0"
|
||||
></div>
|
||||
</div>
|
||||
<div class="devtools-separator"></div>
|
||||
<button id="inspector-element-add-button" class="devtools-button"
|
||||
data-localization="title=inspectorAddNode.label"></button>
|
||||
<button id="inspector-eyedropper-toggle" class="devtools-button"></button>
|
||||
</div>
|
||||
|
||||
<!-- Markup Container -->
|
||||
<div id="markup-box"></div>
|
||||
<div id="inspector-breadcrumbs-toolbar" class="devtools-toolbar">
|
||||
<div id="inspector-breadcrumbs" class="breadcrumbs-widget-container"
|
||||
role="toolbar" data-localization="aria-label=inspector.breadcrumbs.label" tabindex="0"></div>
|
||||
<!-- Splitter -->
|
||||
<div id="inspector-splitter-box"></div>
|
||||
|
||||
<!-- Split Sidebar Container -->
|
||||
<div id="inspector-rules-container">
|
||||
<div id="inspector-rules-sidebar" hidden=""></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Splitter -->
|
||||
<div id="inspector-splitter-box"></div>
|
||||
<!-- Sidebar Container -->
|
||||
<div id="inspector-sidebar-container">
|
||||
<div id="inspector-sidebar" hidden=""></div>
|
||||
</div>
|
||||
|
||||
<!-- Split Sidebar Container -->
|
||||
<div id="inspector-rules-container">
|
||||
<div id="inspector-rules-sidebar" hidden=""></div>
|
||||
</div>
|
||||
<!-- Sidebar Panel Definitions -->
|
||||
<div id="tabpanels" style="visibility: collapse">
|
||||
<div
|
||||
id="sidebar-panel-ruleview"
|
||||
class="theme-sidebar inspector-tabpanel"
|
||||
>
|
||||
<div id="ruleview-toolbar-container">
|
||||
<div
|
||||
id="ruleview-toolbar"
|
||||
class="devtools-toolbar devtools-input-toolbar"
|
||||
>
|
||||
<div class="devtools-searchbox">
|
||||
<input
|
||||
id="ruleview-searchbox"
|
||||
class="devtools-filterinput"
|
||||
type="search"
|
||||
data-localization="placeholder=inspector.filterStyles.placeholder"
|
||||
/>
|
||||
<button
|
||||
id="ruleview-searchinput-clear"
|
||||
class="devtools-searchinput-clear"
|
||||
></button>
|
||||
</div>
|
||||
<div class="devtools-separator"></div>
|
||||
<div id="ruleview-command-toolbar">
|
||||
<button
|
||||
id="pseudo-class-panel-toggle"
|
||||
data-localization="title=inspector.togglePseudo.tooltip"
|
||||
class="devtools-button"
|
||||
></button>
|
||||
<button
|
||||
id="class-panel-toggle"
|
||||
data-localization="title=inspector.classPanel.toggleClass.tooltip"
|
||||
class="devtools-button"
|
||||
></button>
|
||||
<button
|
||||
id="ruleview-add-rule-button"
|
||||
data-localization="title=inspector.addRule.tooltip"
|
||||
class="devtools-button"
|
||||
></button>
|
||||
<button
|
||||
id="color-scheme-simulation-light-toggle"
|
||||
data-localization="title=inspector.colorSchemeSimulationLight.tooltip"
|
||||
class="devtools-button"
|
||||
hidden=""
|
||||
></button>
|
||||
<button
|
||||
id="color-scheme-simulation-dark-toggle"
|
||||
data-localization="title=inspector.colorSchemeSimulationDark.tooltip"
|
||||
class="devtools-button"
|
||||
hidden=""
|
||||
></button>
|
||||
<button
|
||||
id="print-simulation-toggle"
|
||||
data-localization="title=inspector.printSimulation.tooltip"
|
||||
class="devtools-button"
|
||||
hidden=""
|
||||
></button>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
id="pseudo-class-panel"
|
||||
class="theme-toolbar ruleview-reveal-panel"
|
||||
hidden=""
|
||||
>
|
||||
<!-- Populated with checkbox inputs once the Rules view is instantiated -->
|
||||
</div>
|
||||
<div
|
||||
id="ruleview-class-panel"
|
||||
class="theme-toolbar ruleview-reveal-panel"
|
||||
hidden=""
|
||||
></div>
|
||||
</div>
|
||||
|
||||
<!-- Sidebar Container -->
|
||||
<div id="inspector-sidebar-container">
|
||||
<div id="inspector-sidebar" hidden=""></div>
|
||||
</div>
|
||||
<div id="ruleview-container" class="ruleview" role="document">
|
||||
<div id="ruleview-container-focusable" tabindex="-1"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Sidebar Panel Definitions -->
|
||||
<div id="tabpanels" style="visibility: collapse">
|
||||
<div id="sidebar-panel-ruleview" class="theme-sidebar inspector-tabpanel">
|
||||
<div id="ruleview-toolbar-container">
|
||||
<div id="ruleview-toolbar" class="devtools-toolbar devtools-input-toolbar">
|
||||
<div
|
||||
id="sidebar-panel-computedview"
|
||||
class="theme-sidebar inspector-tabpanel"
|
||||
>
|
||||
<div
|
||||
id="computed-toolbar"
|
||||
class="devtools-toolbar devtools-input-toolbar"
|
||||
>
|
||||
<div class="devtools-searchbox">
|
||||
<input id="ruleview-searchbox"
|
||||
class="devtools-filterinput"
|
||||
type="search"
|
||||
data-localization="placeholder=inspector.filterStyles.placeholder"/>
|
||||
<button id="ruleview-searchinput-clear" class="devtools-searchinput-clear"></button>
|
||||
<input
|
||||
id="computed-searchbox"
|
||||
class="devtools-filterinput"
|
||||
type="search"
|
||||
data-localization="placeholder=inspector.filterStyles.placeholder"
|
||||
/>
|
||||
<button
|
||||
id="computed-searchinput-clear"
|
||||
class="devtools-searchinput-clear"
|
||||
></button>
|
||||
</div>
|
||||
<div class="devtools-separator"></div>
|
||||
<div id="ruleview-command-toolbar">
|
||||
<button id="pseudo-class-panel-toggle" data-localization="title=inspector.togglePseudo.tooltip" class="devtools-button"></button>
|
||||
<button id="class-panel-toggle" data-localization="title=inspector.classPanel.toggleClass.tooltip" class="devtools-button"></button>
|
||||
<button id="ruleview-add-rule-button" data-localization="title=inspector.addRule.tooltip" class="devtools-button"></button>
|
||||
<button id="color-scheme-simulation-light-toggle" data-localization="title=inspector.colorSchemeSimulationLight.tooltip" class="devtools-button" hidden=""></button>
|
||||
<button id="color-scheme-simulation-dark-toggle" data-localization="title=inspector.colorSchemeSimulationDark.tooltip" class="devtools-button" hidden=""></button>
|
||||
<button id="print-simulation-toggle" data-localization="title=inspector.printSimulation.tooltip" class="devtools-button" hidden=""></button>
|
||||
<input
|
||||
id="browser-style-checkbox"
|
||||
type="checkbox"
|
||||
class="includebrowserstyles"
|
||||
/>
|
||||
<label
|
||||
id="browser-style-checkbox-label"
|
||||
for="browser-style-checkbox"
|
||||
data-localization="content=inspector.browserStyles.label"
|
||||
></label>
|
||||
</div>
|
||||
|
||||
<div id="computed-container" role="document">
|
||||
<div id="computed-container-focusable" tabindex="-1">
|
||||
<div
|
||||
id="computed-property-container"
|
||||
class="devtools-monospace"
|
||||
tabindex="0"
|
||||
dir="ltr"
|
||||
></div>
|
||||
<div
|
||||
id="computed-no-results"
|
||||
class="devtools-sidepanel-no-result"
|
||||
hidden=""
|
||||
data-localization="content=inspector.noProperties"
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="pseudo-class-panel" class="theme-toolbar ruleview-reveal-panel" hidden="">
|
||||
<!-- Populated with checkbox inputs once the Rules view is instantiated -->
|
||||
</div>
|
||||
<div id="ruleview-class-panel" class="theme-toolbar ruleview-reveal-panel" hidden=""></div>
|
||||
</div>
|
||||
|
||||
<div id="ruleview-container" class="ruleview" role="document">
|
||||
<div id="ruleview-container-focusable" tabindex="-1">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="sidebar-panel-computedview" class="theme-sidebar inspector-tabpanel">
|
||||
<div id="computed-toolbar" class="devtools-toolbar devtools-input-toolbar">
|
||||
<div class="devtools-searchbox">
|
||||
<input id="computed-searchbox"
|
||||
class="devtools-filterinput"
|
||||
type="search"
|
||||
data-localization="placeholder=inspector.filterStyles.placeholder"/>
|
||||
<button id="computed-searchinput-clear" class="devtools-searchinput-clear"></button>
|
||||
</div>
|
||||
<div class="devtools-separator"></div>
|
||||
<input id="browser-style-checkbox"
|
||||
type="checkbox"
|
||||
class="includebrowserstyles"/>
|
||||
<label id="browser-style-checkbox-label" for="browser-style-checkbox"
|
||||
data-localization="content=inspector.browserStyles.label"></label>
|
||||
</div>
|
||||
|
||||
<div id="computed-container" role="document">
|
||||
<div id="computed-container-focusable" tabindex="-1">
|
||||
<div id="computed-property-container" class="devtools-monospace" tabindex="0" dir="ltr"></div>
|
||||
<div id="computed-no-results" class="devtools-sidepanel-no-result" hidden="" data-localization="content=inspector.noProperties"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -5,19 +5,39 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/badge.css" type="text/css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/markup.css" type="text/css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/shared/sourceeditor/codemirror/lib/codemirror.css" type="text/css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/shared/sourceeditor/codemirror/addon/dialog/dialog.css" type="text/css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/shared/sourceeditor/codemirror/mozilla.css" type="text/css"/>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/skin/badge.css"
|
||||
type="text/css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/skin/markup.css"
|
||||
type="text/css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/shared/sourceeditor/codemirror/lib/codemirror.css"
|
||||
type="text/css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/shared/sourceeditor/codemirror/addon/dialog/dialog.css"
|
||||
type="text/css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/shared/sourceeditor/codemirror/mozilla.css"
|
||||
type="text/css"
|
||||
/>
|
||||
|
||||
<script src="chrome://devtools/content/shared/theme-switching.js"></script>
|
||||
</head>
|
||||
<body class="theme-body devtools-monospace" role="application">
|
||||
<div id="root-wrapper" role="presentation">
|
||||
<div id="root" role="presentation"></div>
|
||||
</div>
|
||||
</body>
|
||||
<script src="chrome://devtools/content/shared/theme-switching.js"></script>
|
||||
</head>
|
||||
<body class="theme-body devtools-monospace" role="application">
|
||||
<div id="root-wrapper" role="presentation">
|
||||
<div id="root" role="presentation"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -7,24 +7,43 @@
|
|||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" dir="">
|
||||
<head>
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/widgets.css" type="text/css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/memory.css" type="text/css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/components-frame.css" type="text/css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/components-h-split-box.css" type="text/css"/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/skin/widgets.css"
|
||||
type="text/css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/skin/memory.css"
|
||||
type="text/css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/skin/components-frame.css"
|
||||
type="text/css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/skin/components-h-split-box.css"
|
||||
type="text/css"
|
||||
/>
|
||||
</head>
|
||||
<body class="theme-body">
|
||||
<div id="app"></div>
|
||||
|
||||
<script src="chrome://devtools/content/shared/theme-switching.js"
|
||||
defer="true">
|
||||
</script>
|
||||
<script
|
||||
src="chrome://devtools/content/shared/theme-switching.js"
|
||||
defer="true"
|
||||
></script>
|
||||
|
||||
<script src="chrome://global/content/third_party/d3/d3.js"
|
||||
defer="true">
|
||||
</script>
|
||||
<script
|
||||
src="chrome://global/content/third_party/d3/d3.js"
|
||||
defer="true"
|
||||
></script>
|
||||
|
||||
<script src="chrome://devtools/content/shared/vendor/dagre-d3.js"
|
||||
defer="true">
|
||||
</script>
|
||||
<script
|
||||
src="chrome://devtools/content/shared/vendor/dagre-d3.js"
|
||||
defer="true"
|
||||
></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,10 @@
|
|||
<!DOCTYPE html>
|
||||
<html dir="">
|
||||
<head>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/netmonitor/src/assets/styles/netmonitor.css"/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/netmonitor/src/assets/styles/netmonitor.css"
|
||||
/>
|
||||
<script src="chrome://devtools/content/shared/theme-switching.js"></script>
|
||||
</head>
|
||||
<body class="theme-body" role="application">
|
||||
|
|
|
|||
|
|
@ -3,13 +3,31 @@
|
|||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" dir="">
|
||||
<head>
|
||||
<meta http-equiv="Content-Security-Policy"
|
||||
content="default-src 'none'; style-src chrome: resource:; img-src chrome: resource:; script-src chrome: resource:; object-src 'none'" />
|
||||
<meta
|
||||
http-equiv="Content-Security-Policy"
|
||||
content="default-src 'none'; style-src chrome: resource:; img-src chrome: resource:; script-src chrome: resource:; object-src 'none'"
|
||||
/>
|
||||
<meta name="color-scheme" content="light dark" />
|
||||
<link rel="icon" type="image/svg+xml" href="chrome://devtools/skin/images/tool-profiler.svg" />
|
||||
<link rel="stylesheet" href="chrome://global/skin/global.css" type="text/css"/>
|
||||
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css" type="text/css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/aboutprofiling.css" type="text/css"/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/svg+xml"
|
||||
href="chrome://devtools/skin/images/tool-profiler.svg"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://global/skin/global.css"
|
||||
type="text/css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://global/skin/in-content/common.css"
|
||||
type="text/css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/skin/aboutprofiling.css"
|
||||
type="text/css"
|
||||
/>
|
||||
</head>
|
||||
<body class="theme-body">
|
||||
<div id="root"></div>
|
||||
|
|
|
|||
|
|
@ -7,14 +7,23 @@
|
|||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" dir="">
|
||||
<head>
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/widgets.css" type="text/css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/perf.css" type="text/css"/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/skin/widgets.css"
|
||||
type="text/css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/skin/perf.css"
|
||||
type="text/css"
|
||||
/>
|
||||
</head>
|
||||
<body class="theme-body">
|
||||
<div id="root"></div>
|
||||
<script src="resource://devtools/client/performance-new/panel/initializer.js"></script>
|
||||
<script src="chrome://devtools/content/shared/theme-switching.js"
|
||||
defer="true">
|
||||
</script>
|
||||
<script
|
||||
src="chrome://devtools/content/shared/theme-switching.js"
|
||||
defer="true"
|
||||
></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -5,9 +5,12 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||
<link rel="stylesheet" type="text/css"
|
||||
href="chrome://devtools/content/responsive/index.css"/>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
type="text/css"
|
||||
href="chrome://devtools/content/responsive/index.css"
|
||||
/>
|
||||
<script src="chrome://devtools/content/shared/theme-switching.js"></script>
|
||||
<script src="resource://devtools/client/responsive/index.js"></script>
|
||||
</head>
|
||||
|
|
|
|||
|
|
@ -10,67 +10,97 @@
|
|||
|
||||
<!DOCTYPE window>
|
||||
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml">
|
||||
<window
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
>
|
||||
<script src="chrome://devtools/content/shared/theme-switching.js" />
|
||||
<script src="chrome://global/content/globalOverlay.js" />
|
||||
|
||||
<script src="chrome://devtools/content/shared/theme-switching.js"/>
|
||||
<script src="chrome://global/content/globalOverlay.js"/>
|
||||
|
||||
<html:link rel="localization" href="devtools/client/storage.ftl"/>
|
||||
<html:link rel="localization" href="devtools/client/storage.ftl" />
|
||||
|
||||
<popupset id="storagePopupSet">
|
||||
<menupopup id="storage-tree-popup">
|
||||
<menuitem id="storage-tree-popup-delete-all"
|
||||
data-l10n-id="storage-context-menu-delete-all"/>
|
||||
<menuitem id="storage-tree-popup-delete-all-session-cookies"
|
||||
data-l10n-id="storage-context-menu-delete-all-session-cookies"/>
|
||||
<menuitem id="storage-tree-popup-delete"
|
||||
data-l10n-id="storage-context-menu-delete"
|
||||
data-l10n-args='{"itemName": ""}'/>
|
||||
<menuitem
|
||||
id="storage-tree-popup-delete-all"
|
||||
data-l10n-id="storage-context-menu-delete-all"
|
||||
/>
|
||||
<menuitem
|
||||
id="storage-tree-popup-delete-all-session-cookies"
|
||||
data-l10n-id="storage-context-menu-delete-all-session-cookies"
|
||||
/>
|
||||
<menuitem
|
||||
id="storage-tree-popup-delete"
|
||||
data-l10n-id="storage-context-menu-delete"
|
||||
data-l10n-args='{"itemName": ""}'
|
||||
/>
|
||||
</menupopup>
|
||||
<menupopup id="variable-view-popup">
|
||||
<menuitem id="variable-view-popup-copy"
|
||||
data-l10n-id="storage-context-menu-copy"/>
|
||||
<menuitem
|
||||
id="variable-view-popup-copy"
|
||||
data-l10n-id="storage-context-menu-copy"
|
||||
/>
|
||||
</menupopup>
|
||||
<menupopup id="storage-table-popup">
|
||||
<menuitem id="storage-table-popup-add"
|
||||
data-l10n-id="storage-context-menu-add-item"/>
|
||||
<menuitem id="storage-table-popup-delete"
|
||||
data-l10n-id="storage-context-menu-delete"
|
||||
data-l10n-args='{"itemName": ""}'/>
|
||||
<menuitem id="storage-table-popup-delete-all-from"
|
||||
data-l10n-id="storage-context-menu-delete-all-from"
|
||||
data-l10n-args='{"host": ""}'/>
|
||||
<menuitem id="storage-table-popup-delete-all"
|
||||
data-l10n-id="storage-context-menu-delete-all"/>
|
||||
<menuitem id="storage-table-popup-delete-all-session-cookies"
|
||||
data-l10n-id="storage-context-menu-delete-all-session-cookies"/>
|
||||
<menuitem
|
||||
id="storage-table-popup-add"
|
||||
data-l10n-id="storage-context-menu-add-item"
|
||||
/>
|
||||
<menuitem
|
||||
id="storage-table-popup-delete"
|
||||
data-l10n-id="storage-context-menu-delete"
|
||||
data-l10n-args='{"itemName": ""}'
|
||||
/>
|
||||
<menuitem
|
||||
id="storage-table-popup-delete-all-from"
|
||||
data-l10n-id="storage-context-menu-delete-all-from"
|
||||
data-l10n-args='{"host": ""}'
|
||||
/>
|
||||
<menuitem
|
||||
id="storage-table-popup-delete-all"
|
||||
data-l10n-id="storage-context-menu-delete-all"
|
||||
/>
|
||||
<menuitem
|
||||
id="storage-table-popup-delete-all-session-cookies"
|
||||
data-l10n-id="storage-context-menu-delete-all-session-cookies"
|
||||
/>
|
||||
</menupopup>
|
||||
</popupset>
|
||||
|
||||
<box flex="1" class="devtools-responsive-container theme-body">
|
||||
<vbox id="storage-tree"/>
|
||||
<splitter class="devtools-side-splitter"/>
|
||||
<vbox id="storage-tree" />
|
||||
<splitter class="devtools-side-splitter" />
|
||||
<vbox flex="1">
|
||||
<hbox id="storage-toolbar" class="devtools-toolbar devtools-input-toolbar">
|
||||
<html:input id="storage-searchbox"
|
||||
class="devtools-filterinput"
|
||||
data-l10n-id="storage-search-box"/>
|
||||
<hbox class="devtools-separator"/>
|
||||
<html:button id="add-button"
|
||||
class="devtools-button add-button"
|
||||
data-l10n-id="storage-add-button"></html:button>
|
||||
<html:button id="refresh-button"
|
||||
class="devtools-button refresh-button"
|
||||
data-l10n-id="storage-refresh-button"></html:button>
|
||||
<html:button class="devtools-button sidebar-toggle" hidden=""></html:button>
|
||||
<hbox
|
||||
id="storage-toolbar"
|
||||
class="devtools-toolbar devtools-input-toolbar"
|
||||
>
|
||||
<html:input
|
||||
id="storage-searchbox"
|
||||
class="devtools-filterinput"
|
||||
data-l10n-id="storage-search-box"
|
||||
/>
|
||||
<hbox class="devtools-separator" />
|
||||
<html:button
|
||||
id="add-button"
|
||||
class="devtools-button add-button"
|
||||
data-l10n-id="storage-add-button"
|
||||
></html:button>
|
||||
<html:button
|
||||
id="refresh-button"
|
||||
class="devtools-button refresh-button"
|
||||
data-l10n-id="storage-refresh-button"
|
||||
></html:button>
|
||||
<html:button
|
||||
class="devtools-button sidebar-toggle"
|
||||
hidden=""
|
||||
></html:button>
|
||||
</hbox>
|
||||
<vbox id="storage-table" class="theme-sidebar" flex="1"/>
|
||||
<vbox id="storage-table" class="theme-sidebar" flex="1" />
|
||||
</vbox>
|
||||
<splitter class="devtools-side-splitter"/>
|
||||
<splitter class="devtools-side-splitter" />
|
||||
<vbox id="storage-sidebar" class="devtools-sidebar-tabs" hidden="true">
|
||||
<vbox flex="1"/>
|
||||
<vbox flex="1" />
|
||||
</vbox>
|
||||
</box>
|
||||
|
||||
</window>
|
||||
|
|
|
|||
|
|
@ -12,19 +12,20 @@
|
|||
<?xml-stylesheet href="chrome://devtools/skin/splitview.css" type="text/css"?>
|
||||
<?xml-stylesheet href="chrome://devtools/skin/styleeditor.css" type="text/css"?>
|
||||
|
||||
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
id="style-editor-chrome-window">
|
||||
|
||||
<window
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||
id="style-editor-chrome-window"
|
||||
>
|
||||
<linkset>
|
||||
<html:link rel="localization" href="toolkit/global/textActions.ftl"/>
|
||||
<html:link rel="localization" href="devtools/client/styleeditor.ftl"/>
|
||||
<html:link rel="localization" href="toolkit/global/textActions.ftl" />
|
||||
<html:link rel="localization" href="devtools/client/styleeditor.ftl" />
|
||||
</linkset>
|
||||
|
||||
<script src="chrome://devtools/content/shared/theme-switching.js"/>
|
||||
<script src="chrome://global/content/globalOverlay.js"/>
|
||||
<script src="chrome://browser/content/utilityOverlay.js"/>
|
||||
<script src="chrome://global/content/editMenuOverlay.js"/>
|
||||
<script src="chrome://devtools/content/shared/theme-switching.js" />
|
||||
<script src="chrome://global/content/globalOverlay.js" />
|
||||
<script src="chrome://browser/content/utilityOverlay.js" />
|
||||
<script src="chrome://global/content/editMenuOverlay.js" />
|
||||
<script>
|
||||
"use strict";
|
||||
/* import-globals-from ../../../toolkit/content/globalOverlay.js */
|
||||
|
|
@ -33,81 +34,141 @@
|
|||
function goUpdateSourceEditorMenuItems() {
|
||||
goUpdateGlobalEditMenuItems();
|
||||
|
||||
['cmd_undo', 'cmd_redo', 'cmd_cut', 'cmd_paste',
|
||||
'cmd_delete', 'cmd_find', 'cmd_findAgain'].forEach(goUpdateCommand);
|
||||
[
|
||||
"cmd_undo",
|
||||
"cmd_redo",
|
||||
"cmd_cut",
|
||||
"cmd_paste",
|
||||
"cmd_delete",
|
||||
"cmd_find",
|
||||
"cmd_findAgain",
|
||||
].forEach(goUpdateCommand);
|
||||
}
|
||||
</script>
|
||||
|
||||
<popupset id="style-editor-popups">
|
||||
<menupopup id="sourceEditorContextMenu"
|
||||
incontentshell="false"
|
||||
onpopupshowing="goUpdateSourceEditorMenuItems()">
|
||||
<menuitem id="cMenu_undo"
|
||||
data-l10n-id="text-action-undo" command="cmd_undo"/>
|
||||
<menuseparator/>
|
||||
<menuitem id="cMenu_cut"
|
||||
data-l10n-id="text-action-cut" command="cmd_cut"/>
|
||||
<menuitem id="cMenu_copy"
|
||||
data-l10n-id="text-action-copy" command="cmd_copy"/>
|
||||
<menuitem id="cMenu_paste"
|
||||
data-l10n-id="text-action-paste" command="cmd_paste"/>
|
||||
<menuitem id="cMenu_delete"
|
||||
data-l10n-id="text-action-delete" command="cmd_delete"/>
|
||||
<menuseparator/>
|
||||
<menuitem id="cMenu_selectAll"
|
||||
data-l10n-id="text-action-select-all" command="cmd_selectAll"/>
|
||||
<menuseparator/>
|
||||
<menuitem id="se-menu-find"
|
||||
data-l10n-id="styleeditor-find" command="cmd_find"/>
|
||||
<menuitem id="cMenu_findAgain"
|
||||
data-l10n-id="styleeditor-find-again" command="cmd_findAgain"/>
|
||||
<menuseparator/>
|
||||
<menuitem id="se-menu-gotoLine"
|
||||
data-l10n-id="styleeditor-go-to-line"
|
||||
command="cmd_gotoLine"/>
|
||||
<menupopup
|
||||
id="sourceEditorContextMenu"
|
||||
incontentshell="false"
|
||||
onpopupshowing="goUpdateSourceEditorMenuItems()"
|
||||
>
|
||||
<menuitem
|
||||
id="cMenu_undo"
|
||||
data-l10n-id="text-action-undo"
|
||||
command="cmd_undo"
|
||||
/>
|
||||
<menuseparator />
|
||||
<menuitem
|
||||
id="cMenu_cut"
|
||||
data-l10n-id="text-action-cut"
|
||||
command="cmd_cut"
|
||||
/>
|
||||
<menuitem
|
||||
id="cMenu_copy"
|
||||
data-l10n-id="text-action-copy"
|
||||
command="cmd_copy"
|
||||
/>
|
||||
<menuitem
|
||||
id="cMenu_paste"
|
||||
data-l10n-id="text-action-paste"
|
||||
command="cmd_paste"
|
||||
/>
|
||||
<menuitem
|
||||
id="cMenu_delete"
|
||||
data-l10n-id="text-action-delete"
|
||||
command="cmd_delete"
|
||||
/>
|
||||
<menuseparator />
|
||||
<menuitem
|
||||
id="cMenu_selectAll"
|
||||
data-l10n-id="text-action-select-all"
|
||||
command="cmd_selectAll"
|
||||
/>
|
||||
<menuseparator />
|
||||
<menuitem
|
||||
id="se-menu-find"
|
||||
data-l10n-id="styleeditor-find"
|
||||
command="cmd_find"
|
||||
/>
|
||||
<menuitem
|
||||
id="cMenu_findAgain"
|
||||
data-l10n-id="styleeditor-find-again"
|
||||
command="cmd_findAgain"
|
||||
/>
|
||||
<menuseparator />
|
||||
<menuitem
|
||||
id="se-menu-gotoLine"
|
||||
data-l10n-id="styleeditor-go-to-line"
|
||||
command="cmd_gotoLine"
|
||||
/>
|
||||
</menupopup>
|
||||
<menupopup id="sidebar-context" incontentshell="false">
|
||||
<menuitem id="context-openlinknewtab"
|
||||
data-l10n-id="styleeditor-open-link-new-tab"/>
|
||||
<menuitem id="context-copyurl"
|
||||
data-l10n-id="styleeditor-copy-url"/>
|
||||
<menuitem
|
||||
id="context-openlinknewtab"
|
||||
data-l10n-id="styleeditor-open-link-new-tab"
|
||||
/>
|
||||
<menuitem id="context-copyurl" data-l10n-id="styleeditor-copy-url" />
|
||||
</menupopup>
|
||||
</popupset>
|
||||
|
||||
<commandset id="sourceEditorCommands">
|
||||
<command id="cmd_gotoLine" oncommand="goDoCommand('cmd_gotoLine')"/>
|
||||
<command id="cmd_find" oncommand="goDoCommand('cmd_find')"/>
|
||||
<command id="cmd_findAgain" oncommand="goDoCommand('cmd_findAgain')"/>
|
||||
<command id="cmd_gotoLine" oncommand="goDoCommand('cmd_gotoLine')" />
|
||||
<command id="cmd_find" oncommand="goDoCommand('cmd_find')" />
|
||||
<command id="cmd_findAgain" oncommand="goDoCommand('cmd_findAgain')" />
|
||||
</commandset>
|
||||
|
||||
<keyset id="sourceEditorKeys"/>
|
||||
<keyset id="sourceEditorKeys" />
|
||||
|
||||
<box id="style-editor-chrome" class="devtools-responsive-container loading theme-body" context="sidebar-context">
|
||||
<box
|
||||
id="style-editor-chrome"
|
||||
class="devtools-responsive-container loading theme-body"
|
||||
context="sidebar-context"
|
||||
>
|
||||
<box class="splitview-controller">
|
||||
<box class="splitview-main">
|
||||
<toolbar class="devtools-toolbar">
|
||||
<toolbarbutton class="style-editor-newButton devtools-toolbarbutton"
|
||||
data-l10n-id="styleeditor-new-button"/>
|
||||
<toolbarbutton class="style-editor-importButton devtools-toolbarbutton"
|
||||
data-l10n-id="styleeditor-import-button"/>
|
||||
<toolbarbutton
|
||||
class="style-editor-newButton devtools-toolbarbutton"
|
||||
data-l10n-id="styleeditor-new-button"
|
||||
/>
|
||||
<toolbarbutton
|
||||
class="style-editor-importButton devtools-toolbarbutton"
|
||||
data-l10n-id="styleeditor-import-button"
|
||||
/>
|
||||
<toolbaritem class="devtools-searchbox" flex="1">
|
||||
<html:input class="devtools-filterinput" data-l10n-id="styleeditor-filter-input"/>
|
||||
<html:button class="devtools-searchinput-clear" tabindex="-1" hidden=""></html:button>
|
||||
<html:input
|
||||
class="devtools-filterinput"
|
||||
data-l10n-id="styleeditor-filter-input"
|
||||
/>
|
||||
<html:button
|
||||
class="devtools-searchinput-clear"
|
||||
tabindex="-1"
|
||||
hidden=""
|
||||
></html:button>
|
||||
</toolbaritem>
|
||||
<toolbarbutton id="style-editor-options"
|
||||
class="devtools-toolbarbutton devtools-option-toolbarbutton"
|
||||
data-l10n-id="styleeditor-options-button"/>
|
||||
<toolbarbutton
|
||||
id="style-editor-options"
|
||||
class="devtools-toolbarbutton devtools-option-toolbarbutton"
|
||||
data-l10n-id="styleeditor-options-button"
|
||||
/>
|
||||
</toolbar>
|
||||
</box>
|
||||
<box id="splitview-resizer-target" class="theme-sidebar splitview-nav-container"
|
||||
persist="height">
|
||||
<box
|
||||
id="splitview-resizer-target"
|
||||
class="theme-sidebar splitview-nav-container"
|
||||
persist="height"
|
||||
>
|
||||
<html:ol class="splitview-nav" tabindex="0"></html:ol>
|
||||
<html:div class="splitview-nav placeholder empty">
|
||||
<html:p>
|
||||
<html:strong data-l10n-id="styleeditor-no-stylesheet"></html:strong>
|
||||
</html:p>
|
||||
<html:p data-l10n-id="styleeditor-no-stylesheet-tip">
|
||||
<html:a class="style-editor-newButton" data-l10n-name="append-new-stylesheet" href="#"/>
|
||||
<html:a
|
||||
class="style-editor-newButton"
|
||||
data-l10n-name="append-new-stylesheet"
|
||||
href="#"
|
||||
/>
|
||||
</html:p>
|
||||
</html:div>
|
||||
<html:div class="splitview-nav placeholder all-filtered">
|
||||
|
|
@ -115,34 +176,56 @@
|
|||
</html:div>
|
||||
</box>
|
||||
</box>
|
||||
<splitter class="devtools-side-splitter devtools-invisible-splitter" resizebefore="sibling" resizeafter="none" />
|
||||
<box class="splitview-side-details devtools-main-content"/>
|
||||
<splitter
|
||||
class="devtools-side-splitter devtools-invisible-splitter"
|
||||
resizebefore="sibling"
|
||||
resizeafter="none"
|
||||
/>
|
||||
<box class="splitview-side-details devtools-main-content" />
|
||||
|
||||
<html:div id="splitview-templates" hidden="">
|
||||
<html:li id="splitview-tpl-summary-stylesheet" tabindex="0">
|
||||
<label class="stylesheet-toggle" tabindex="0"
|
||||
data-l10n-id="styleeditor-visibility-toggle"></label>
|
||||
<label
|
||||
class="stylesheet-toggle"
|
||||
tabindex="0"
|
||||
data-l10n-id="styleeditor-visibility-toggle"
|
||||
></label>
|
||||
<html:hgroup class="stylesheet-info">
|
||||
<html:h1><html:a class="stylesheet-name" tabindex="0"><label crop="center"/></html:a></html:h1>
|
||||
<html:h1
|
||||
><html:a class="stylesheet-name" tabindex="0"
|
||||
><label crop="center" /></html:a
|
||||
></html:h1>
|
||||
<html:div class="stylesheet-more">
|
||||
<html:h3 class="stylesheet-title"></html:h3>
|
||||
<html:h3 class="stylesheet-linked-file"></html:h3>
|
||||
<html:h3 class="stylesheet-rule-count"></html:h3>
|
||||
<spacer/>
|
||||
<html:h3><label class="stylesheet-saveButton"
|
||||
data-l10n-id="styleeditor-save-button"></label></html:h3>
|
||||
<spacer />
|
||||
<html:h3
|
||||
><label
|
||||
class="stylesheet-saveButton"
|
||||
data-l10n-id="styleeditor-save-button"
|
||||
></label
|
||||
></html:h3>
|
||||
</html:div>
|
||||
</html:hgroup>
|
||||
</html:li>
|
||||
|
||||
<box id="splitview-tpl-details-stylesheet" class="splitview-details">
|
||||
<hbox class="stylesheet-details-container">
|
||||
<box class="stylesheet-editor-input textbox"
|
||||
data-l10n-id="styleeditor-editor-textbox"/>
|
||||
<splitter class="devtools-side-splitter" resizebefore="none" resizeafter="sibling" />
|
||||
<box
|
||||
class="stylesheet-editor-input textbox"
|
||||
data-l10n-id="styleeditor-editor-textbox"
|
||||
/>
|
||||
<splitter
|
||||
class="devtools-side-splitter"
|
||||
resizebefore="none"
|
||||
resizeafter="sibling"
|
||||
/>
|
||||
<vbox class="stylesheet-sidebar theme-sidebar" hidden="true">
|
||||
<toolbar class="devtools-toolbar"
|
||||
data-l10n-id="styleeditor-at-rules">
|
||||
<toolbar
|
||||
class="devtools-toolbar"
|
||||
data-l10n-id="styleeditor-at-rules"
|
||||
>
|
||||
</toolbar>
|
||||
<vbox class="stylesheet-at-rules-container" flex="1">
|
||||
<html:div class="stylesheet-at-rules-list" />
|
||||
|
|
|
|||
|
|
@ -2,51 +2,133 @@
|
|||
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
<!DOCTYPE html>
|
||||
<html dir=""
|
||||
id="devtools-webconsole"
|
||||
windowtype="devtools:webconsole"
|
||||
width="900" height="350"
|
||||
persist="screenX screenY width height sizemode">
|
||||
<html
|
||||
dir=""
|
||||
id="devtools-webconsole"
|
||||
windowtype="devtools:webconsole"
|
||||
width="900"
|
||||
height="350"
|
||||
persist="screenX screenY width height sizemode"
|
||||
>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||
<link rel="stylesheet" href="chrome://global/skin/global.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/webconsole.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/components-frame.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/shared/components/SmartTrace.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/shared/components/NotificationBox.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/shared/components/splitter/GridElementResizer.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/shared/components/AppErrorBoundary.css">
|
||||
<link rel="stylesheet" href="chrome://devtools/content/framework/components/ChromeDebugToolbar.css">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<link rel="stylesheet" href="chrome://global/skin/global.css" />
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/webconsole.css" />
|
||||
<link rel="stylesheet" href="chrome://devtools/skin/components-frame.css" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/shared/components/SmartTrace.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/shared/components/NotificationBox.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/shared/components/splitter/GridElementResizer.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/shared/components/AppErrorBoundary.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/framework/components/ChromeDebugToolbar.css"
|
||||
/>
|
||||
<!-- Console components -->
|
||||
<link rel="stylesheet" href="chrome://devtools/content/webconsole/components/App.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/webconsole/components/Input/EagerEvaluation.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/webconsole/components/Input/EvaluationContextSelector.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/webconsole/components/Input/ReverseSearchInput.css"/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/webconsole/components/App.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/webconsole/components/Input/EagerEvaluation.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/webconsole/components/Input/EvaluationContextSelector.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/webconsole/components/Input/ReverseSearchInput.css"
|
||||
/>
|
||||
<!-- CodeMirror CSS -->
|
||||
<link rel="stylesheet" href="chrome://devtools/content/shared/sourceeditor/codemirror/lib/codemirror.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/shared/sourceeditor/codemirror/addon/dialog/dialog.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/shared/sourceeditor/codemirror/mozilla.css"/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/shared/sourceeditor/codemirror/lib/codemirror.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/shared/sourceeditor/codemirror/addon/dialog/dialog.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/shared/sourceeditor/codemirror/mozilla.css"
|
||||
/>
|
||||
|
||||
<!-- ObjectInspector/Reps styles -->
|
||||
<link rel="stylesheet" href="chrome://devtools/content/shared/components/reps/reps.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/shared/components/Tree.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/shared/components/object-inspector/components/ObjectInspector.css"/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/shared/components/reps/reps.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/shared/components/Tree.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/shared/components/object-inspector/components/ObjectInspector.css"
|
||||
/>
|
||||
<!-- Embedded Network Request detail styles -->
|
||||
<link rel="stylesheet" href="chrome://devtools/content/shared/components/Accordion.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/shared/components/MdnLink.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/shared/components/tabs/Tabs.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/shared/components/tree/TreeView.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/netmonitor/src/assets/styles/variables.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/netmonitor/src/assets/styles/NetworkDetailsBar.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/netmonitor/src/assets/styles/StatusCode.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/netmonitor/src/assets/styles/RequestList.css"/>
|
||||
<link rel="stylesheet" href="chrome://devtools/content/netmonitor/src/assets/styles/UrlPreview.css" />
|
||||
<link rel="stylesheet" href="chrome://devtools/content/netmonitor/src/assets/styles/HeadersPanel.css" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/shared/components/Accordion.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/shared/components/MdnLink.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/shared/components/tabs/Tabs.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/shared/components/tree/TreeView.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/netmonitor/src/assets/styles/variables.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/netmonitor/src/assets/styles/NetworkDetailsBar.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/netmonitor/src/assets/styles/StatusCode.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/netmonitor/src/assets/styles/RequestList.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/netmonitor/src/assets/styles/UrlPreview.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="chrome://devtools/content/netmonitor/src/assets/styles/HeadersPanel.css"
|
||||
/>
|
||||
|
||||
<script src="chrome://devtools/content/shared/theme-switching.js"></script>
|
||||
</head>
|
||||
<body class="theme-sidebar" role="application">
|
||||
<main id="app-wrapper" class="theme-body" role="document" aria-live="polite">
|
||||
</main>
|
||||
<main
|
||||
id="app-wrapper"
|
||||
class="theme-body"
|
||||
role="document"
|
||||
aria-live="polite"
|
||||
></main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -2,5 +2,5 @@
|
|||
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
- file, You can obtain one at https://mozilla.org/MPL/2.0/. -->
|
||||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<meta charset="utf-8" />
|
||||
<h1>Your addon does not have any document opened yet.</h1>
|
||||
|
|
|
|||
|
|
@ -1,16 +1,16 @@
|
|||
<! -- This code is governed by the BSD license -->
|
||||
|
||||
<div>
|
||||
<h3>{{ _('Quick search') }}</h3>
|
||||
<script>
|
||||
(function() {
|
||||
var cx = 'dd12886298f75dbef';
|
||||
var gcse = document.createElement('script');
|
||||
gcse.async = true;
|
||||
gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
|
||||
var s = document.getElementsByTagName('script')[0];
|
||||
s.parentNode.insertBefore(gcse, s);
|
||||
})();
|
||||
</script>
|
||||
<h3>{{ _('Quick search') }}</h3>
|
||||
<script>
|
||||
(function () {
|
||||
var cx = "dd12886298f75dbef";
|
||||
var gcse = document.createElement("script");
|
||||
gcse.async = true;
|
||||
gcse.src = "https://cse.google.com/cse.js?cx=" + cx;
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(gcse, s);
|
||||
})();
|
||||
</script>
|
||||
<gcse:search></gcse:search>
|
||||
</div>
|
||||
|
|
|
|||
18
docs/_templates/breadcrumbs.html
vendored
18
docs/_templates/breadcrumbs.html
vendored
|
|
@ -2,13 +2,17 @@
|
|||
- License, v. 2.0. If a copy of the MPL was not distributed with this file,
|
||||
- You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
|
||||
{%- extends "sphinx_rtd_theme/breadcrumbs.html" %}
|
||||
|
||||
{% block breadcrumbs_aside %}
|
||||
{%- extends "sphinx_rtd_theme/breadcrumbs.html" %} {% block breadcrumbs_aside %}
|
||||
<li class="wy-breadcrumbs-aside">
|
||||
<a href="https://bugzilla.mozilla.org/enter_bug.cgi?product=Developer+Infrastructure&component=Firefox+Source+Docs%3A+Content&short_desc=Documentation+issue+on+{{ pagename }}&comment=URL+=+https://firefox-source-docs.mozilla.org/{{ pagename }}.html&bug_file_loc=https://firefox-source-docs.mozilla.org/{{ pagename }}.html" rel="nofollow">Report an issue</a> /
|
||||
{%- if show_source and has_source and sourcename %}
|
||||
<a href="{{ pathto('_sources/' + sourcename, true)|e }}" rel="nofollow"> {{ _('View page source') }}</a>
|
||||
{%- endif %}
|
||||
<a
|
||||
href="https://bugzilla.mozilla.org/enter_bug.cgi?product=Developer+Infrastructure&component=Firefox+Source+Docs%3A+Content&short_desc=Documentation+issue+on+{{ pagename }}&comment=URL+=+https://firefox-source-docs.mozilla.org/{{ pagename }}.html&bug_file_loc=https://firefox-source-docs.mozilla.org/{{ pagename }}.html"
|
||||
rel="nofollow"
|
||||
>Report an issue</a
|
||||
>
|
||||
/ {%- if show_source and has_source and sourcename %}
|
||||
<a href="{{ pathto('_sources/' + sourcename, true)|e }}" rel="nofollow">
|
||||
{{ _('View page source') }}</a
|
||||
>
|
||||
{%- endif %}
|
||||
</li>
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -3,6 +3,9 @@
|
|||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head><meta charset="utf-8"><title></title></head>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title></title>
|
||||
</head>
|
||||
<body></body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,20 +1,18 @@
|
|||
<!DOCTYPE HTML>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset='utf-8'>
|
||||
<script src="/tests/SimpleTest/SimpleTest.js"></script>
|
||||
<script src="worker_wrapper.js"></script>
|
||||
<link rel="stylesheet" href="/tests/SimpleTest/test.css">
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas"></canvas>
|
||||
<script>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<script src="/tests/SimpleTest/SimpleTest.js"></script>
|
||||
<script src="worker_wrapper.js"></script>
|
||||
<link rel="stylesheet" href="/tests/SimpleTest/test.css" />
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas"></canvas>
|
||||
<script>
|
||||
const canvas = document.getElementById("canvas");
|
||||
const offscreen = canvas.transferControlToOffscreen();
|
||||
|
||||
const canvas = document.getElementById("canvas");
|
||||
const offscreen = canvas.transferControlToOffscreen();
|
||||
|
||||
runWorkerTest('test_basic_canvas.worker.js', {offscreen}, [offscreen]);
|
||||
|
||||
</script>
|
||||
</body>
|
||||
runWorkerTest("test_basic_canvas.worker.js", { offscreen }, [offscreen]);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,59 +1,73 @@
|
|||
<!DOCTYPE HTML>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset='utf-8'>
|
||||
<script src="/tests/SimpleTest/SimpleTest.js"></script>
|
||||
<link rel="stylesheet" href="/tests/SimpleTest/test.css">
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<script src="/tests/SimpleTest/SimpleTest.js"></script>
|
||||
<link rel="stylesheet" href="/tests/SimpleTest/test.css" />
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
ok(
|
||||
SpecialPowers.getBoolPref("dom.webgpu.enabled"),
|
||||
"Pref should be enabled."
|
||||
);
|
||||
|
||||
ok(SpecialPowers.getBoolPref('dom.webgpu.enabled'), 'Pref should be enabled.');
|
||||
async function testBody() {
|
||||
const adapter = await navigator.gpu.requestAdapter();
|
||||
const device = await adapter.requestDevice();
|
||||
|
||||
async function testBody() {
|
||||
const adapter = await navigator.gpu.requestAdapter();
|
||||
const device = await adapter.requestDevice();
|
||||
const bufferRead = device.createBuffer({
|
||||
size: 4,
|
||||
usage: GPUBufferUsage.MAP_READ | GPUBufferUsage.COPY_DST,
|
||||
});
|
||||
const bufferWrite = device.createBuffer({
|
||||
size: 4,
|
||||
usage: GPUBufferUsage.COPY_SRC,
|
||||
mappedAtCreation: true,
|
||||
});
|
||||
new Float32Array(bufferWrite.getMappedRange()).set([1.0]);
|
||||
bufferWrite.unmap();
|
||||
|
||||
const bufferRead = device.createBuffer({ size:4, usage: GPUBufferUsage.MAP_READ | GPUBufferUsage.COPY_DST });
|
||||
const bufferWrite = device.createBuffer({ size:4, usage: GPUBufferUsage.COPY_SRC, mappedAtCreation: true });
|
||||
(new Float32Array(bufferWrite.getMappedRange())).set([1.0]);
|
||||
bufferWrite.unmap();
|
||||
const encoder = device.createCommandEncoder();
|
||||
encoder.copyBufferToBuffer(bufferWrite, 0, bufferRead, 0, 4);
|
||||
device.queue.submit([encoder.finish()]);
|
||||
|
||||
const encoder = device.createCommandEncoder();
|
||||
encoder.copyBufferToBuffer(bufferWrite, 0, bufferRead, 0, 4);
|
||||
device.queue.submit([encoder.finish()]);
|
||||
await bufferRead.mapAsync(GPUMapMode.READ);
|
||||
|
||||
await bufferRead.mapAsync(GPUMapMode.READ);
|
||||
try {
|
||||
bufferRead.getMappedRange(0, 5);
|
||||
ok(false, "mapped with size outside buffer should throw");
|
||||
} catch (e) {
|
||||
ok(
|
||||
true,
|
||||
"mapped with size outside buffer should throw OperationError"
|
||||
);
|
||||
}
|
||||
|
||||
try {
|
||||
bufferRead.getMappedRange(0, 5);
|
||||
ok(false, 'mapped with size outside buffer should throw');
|
||||
} catch(e) {
|
||||
ok(true, 'mapped with size outside buffer should throw OperationError');
|
||||
}
|
||||
try {
|
||||
bufferRead.getMappedRange(4, 1);
|
||||
ok(false, "mapped with offset outside buffer should throw");
|
||||
} catch (e) {
|
||||
ok(
|
||||
true,
|
||||
"mapped with offset outside buffer should throw OperationError"
|
||||
);
|
||||
}
|
||||
|
||||
try {
|
||||
bufferRead.getMappedRange(4, 1);
|
||||
ok(false, 'mapped with offset outside buffer should throw');
|
||||
} catch(e) {
|
||||
ok(true, 'mapped with offset outside buffer should throw OperationError');
|
||||
}
|
||||
const data = bufferRead.getMappedRange();
|
||||
is(data.byteLength, 4, "array should be 4 bytes long");
|
||||
|
||||
const data = bufferRead.getMappedRange();
|
||||
is(data.byteLength, 4, 'array should be 4 bytes long');
|
||||
const value = new Float32Array(data)[0];
|
||||
ok(value == 1.0, "value == 1.0");
|
||||
|
||||
const value = (new Float32Array(data))[0];
|
||||
ok(value == 1.0, 'value == 1.0');
|
||||
bufferRead.unmap();
|
||||
is(data.byteLength, 0, "array should be detached after explicit unmap");
|
||||
}
|
||||
|
||||
bufferRead.unmap();
|
||||
is(data.byteLength, 0, 'array should be detached after explicit unmap');
|
||||
};
|
||||
|
||||
SimpleTest.waitForExplicitFinish();
|
||||
testBody()
|
||||
.catch((e) => ok(false, "Unhandled exception " + e))
|
||||
.finally(() => SimpleTest.finish());
|
||||
|
||||
</script>
|
||||
</body>
|
||||
SimpleTest.waitForExplicitFinish();
|
||||
testBody()
|
||||
.catch(e => ok(false, "Unhandled exception " + e))
|
||||
.finally(() => SimpleTest.finish());
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,28 +1,29 @@
|
|||
<!DOCTYPE HTML>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset='utf-8'>
|
||||
<script src="/tests/SimpleTest/SimpleTest.js"></script>
|
||||
<link rel="stylesheet" href="/tests/SimpleTest/test.css">
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<script src="/tests/SimpleTest/SimpleTest.js"></script>
|
||||
<link rel="stylesheet" href="/tests/SimpleTest/test.css" />
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
ok(
|
||||
SpecialPowers.getBoolPref("dom.webgpu.enabled"),
|
||||
"Pref should be enabled."
|
||||
);
|
||||
|
||||
ok(SpecialPowers.getBoolPref('dom.webgpu.enabled'), 'Pref should be enabled.');
|
||||
const func = async function () {
|
||||
const adapter = await navigator.gpu.requestAdapter();
|
||||
const device = await adapter.requestDevice();
|
||||
const encoder = device.createCommandEncoder();
|
||||
const command_buffer = encoder.finish();
|
||||
ok(command_buffer !== undefined, "command_buffer !== undefined");
|
||||
};
|
||||
|
||||
const func = async function() {
|
||||
const adapter = await navigator.gpu.requestAdapter();
|
||||
const device = await adapter.requestDevice();
|
||||
const encoder = device.createCommandEncoder();
|
||||
const command_buffer = encoder.finish();
|
||||
ok(command_buffer !== undefined, 'command_buffer !== undefined');
|
||||
};
|
||||
|
||||
SimpleTest.waitForExplicitFinish();
|
||||
func()
|
||||
.catch((e) => ok(false, "Unhandled exception " + e))
|
||||
.finally(() => SimpleTest.finish());
|
||||
|
||||
</script>
|
||||
</body>
|
||||
SimpleTest.waitForExplicitFinish();
|
||||
func()
|
||||
.catch(e => ok(false, "Unhandled exception " + e))
|
||||
.finally(() => SimpleTest.finish());
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,28 +1,29 @@
|
|||
<!DOCTYPE HTML>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset='utf-8'>
|
||||
<script src="/tests/SimpleTest/SimpleTest.js"></script>
|
||||
<link rel="stylesheet" href="/tests/SimpleTest/test.css">
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<script src="/tests/SimpleTest/SimpleTest.js"></script>
|
||||
<link rel="stylesheet" href="/tests/SimpleTest/test.css" />
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
ok(
|
||||
SpecialPowers.getBoolPref("dom.webgpu.enabled"),
|
||||
"Pref should be enabled."
|
||||
);
|
||||
|
||||
ok(SpecialPowers.getBoolPref('dom.webgpu.enabled'), 'Pref should be enabled.');
|
||||
const func = async function () {
|
||||
const adapter = await navigator.gpu.requestAdapter();
|
||||
const limits = adapter.limits;
|
||||
const features = adapter.features;
|
||||
const device = await adapter.requestDevice();
|
||||
ok(device !== undefined, "device !== undefined");
|
||||
};
|
||||
|
||||
const func = async function() {
|
||||
const adapter = await navigator.gpu.requestAdapter();
|
||||
const limits = adapter.limits;
|
||||
const features = adapter.features;
|
||||
const device = await adapter.requestDevice();
|
||||
ok(device !== undefined, 'device !== undefined');
|
||||
};
|
||||
|
||||
SimpleTest.waitForExplicitFinish();
|
||||
func()
|
||||
.catch((e) => ok(false, "Unhandled exception " + e))
|
||||
.finally(() => SimpleTest.finish());
|
||||
|
||||
</script>
|
||||
</body>
|
||||
SimpleTest.waitForExplicitFinish();
|
||||
func()
|
||||
.catch(e => ok(false, "Unhandled exception " + e))
|
||||
.finally(() => SimpleTest.finish());
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue