nagai/fune
3
0
Fork 0
forked from mirrors/gecko-dev
Code Pull requests Activity

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

Browse source 
Differential Revision: https://phabricator.services.mozilla.com/D177938
This commit is contained in:
Mark Banner 2023-05-20 12:26:56 +00:00
parent 11b121ca39
commit 2a53076d43
305 changed files with 15986 additions and 9779 deletions
repo.diff.show_diff_stats Download patch file Download diff file Expand all files Collapse all files

34
browser/base/content/aboutFrameCrashed.html
View file

@ -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'" />
<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>
<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>

40
browser/base/content/aboutRestartRequired.xhtml
View file

@ -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>

34
browser/base/content/aboutRobots.xhtml
View file

@ -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"
<button
id="errorTryAgain"
data-l10n-id="error-try-again"
data-l10n-attrs="label2"></button>
data-l10n-attrs="label2"
></button>
</div>
</div>
</body>
<script src="chrome://browser/content/aboutRobots.js"/>
<script src="chrome://browser/content/aboutRobots.js" />
</html>

70
browser/base/content/aboutTabCrashed.xhtml
View file

@ -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>

11
browser/base/content/blanktab.html
View file

@ -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>

42
browser/base/content/blockedSite.xhtml
View file

@ -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,8 +48,15 @@
<!-- 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">
@ -49,7 +66,10 @@
<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>
<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>
@ -59,5 +79,5 @@
</div>
</div>
</body>
<script src="chrome://browser/content/blockedSite.js"/>
<script src="chrome://browser/content/blockedSite.js" />
</html>

8
browser/base/content/overrides/app-license.html
View file

@ -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>

33
browser/base/content/safeMode.xhtml
View file

@ -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"
<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"
onload="onLoad()"
>
<dialog
id="safeModeDialog"
buttons="accept,extra1"
buttonidaccept="start-troubleshoot-mode"
buttonidextra1="refresh-profile">
buttonidextra1="refresh-profile"
>
<linkset>
<html:link rel="localization" href="branding/brand.ftl"/>
<html:link rel="localization" href="browser/safeMode.ftl"/>
<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"/>
<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"/>
<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>

117
browser/base/content/sanitize.xhtml
View file

@ -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"
<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">
data-l10n-attrs="style"
>
<dialog buttons="accept,cancel">
<hbox>
<html:h2 id="titleText"/>
<html:h2 id="titleText" />
</hbox>
<linkset>
<html:link rel="localization" href="browser/sanitize.ftl"/>
<html:link rel="localization" href="browser/sanitize.ftl" />
</linkset>
<script src="chrome://global/content/preferencesBindings.js"/>
<script src="chrome://browser/content/sanitizeDialog.js"/>
<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"
<label
data-l10n-id="clear-time-duration-prefix"
control="sanitizeDurationChoice"
id="sanitizeDurationLabel"/>
<menulist id="sanitizeDurationChoice"
id="sanitizeDurationLabel"
/>
<menulist
id="sanitizeDurationChoice"
preference="privacy.sanitize.timeSpan"
onselect="gSanitizePromptDialog.selectByTimespan();"
flex="1">
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"/>
<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"/>
<label
id="sanitizeDurationSuffixLabel"
data-l10n-id="clear-time-duration-suffix"
/>
</hbox>
<vbox id="sanitizeEverythingWarningBox">
<spacer flex="1"/>
<spacer flex="1" />
<hbox align="center">
<image id="sanitizeEverythingWarningIcon"/>
<image id="sanitizeEverythingWarningIcon" />
<vbox id="sanitizeEverythingWarningDescBox" flex="1">
<description id="sanitizeEverythingWarning"/>
<description id="sanitizeEverythingUndoWarning" data-l10n-id="sanitize-everything-undo-warning"></description>
<description id="sanitizeEverythingWarning" />
<description
id="sanitizeEverythingUndoWarning"
data-l10n-id="sanitize-everything-undo-warning"
></description>
</vbox>
</hbox>
<spacer flex="1"/>
<spacer flex="1" />
</vbox>
<groupbox>
<label><html:h2 data-l10n-id="history-section-label"/></label>
<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"/>
<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"/>
<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>
<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"/>
<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"/>
<checkbox
data-l10n-id="item-offline-apps"
preference="privacy.cpd.offlineApps"
/>
</vbox>
</hbox>
</groupbox>
</dialog>
</dialog>
</window>

31
browser/base/content/spotlight.html
View file

@ -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">
<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>
</body>
</html>

72
browser/base/content/webrtcIndicator.xhtml
View file

@ -8,31 +8,38 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
<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">
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>

91
browser/components/aboutlogins/content/aboutLoginsImportReport.html
View file

@ -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>

43
browser/components/enterprisepolicies/content/aboutPolicies.html
View file

@ -7,16 +7,25 @@
<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">
<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">
<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">
@ -33,12 +42,22 @@
</div>
<div class="main-content">
<div class="header">
<div id="sectionTitle" class="header-name" data-l10n-id="active-policies-tab"></div>
<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>
<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>

31
browser/components/firefoxview/firefoxview-next.html
View file

@ -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>

311
browser/components/firefoxview/firefoxview.html
View file

@ -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>

133
browser/components/ion/content/ion.html
View file

@ -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>
@ -43,7 +55,12 @@
</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>
<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
browser/components/messagepreview/messagepreview.html
View file

@ -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>

118
browser/components/migration/content/aboutWelcomeBack.xhtml
View file

@ -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"
<xul:button
class="primary"
id="errorTryAgain"
data-l10n-id="welcome-back-restore-button"/>
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>

30
browser/components/migration/content/migration-dialog-window.html
View file

@ -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>

48
browser/components/newtab/aboutwelcome/content/aboutwelcome.html
View file

@ -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>

27
browser/components/newtab/prerendered/activity-stream-debug.html
View file

@ -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>

27
browser/components/newtab/prerendered/activity-stream-noscripts.html
View file

@ -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>

27
browser/components/newtab/prerendered/activity-stream.html
View file

@ -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>

22
browser/components/places/metadataViewer/interactionsViewer.html
View file

@ -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.

11
browser/components/pocket/content/panels/home.html
View file

@ -1,13 +1,16 @@
<!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/">
<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">
<link rel="stylesheet" href="css/main.compiled.css" />
</head>
<body class="pkt_ext_containerhome" aria-live="polite">
<script src="js/vendor.bundle.js"></script>

11
browser/components/pocket/content/panels/saved.html
View file

@ -1,13 +1,16 @@
<!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/">
<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">
<link rel="stylesheet" href="css/main.compiled.css" />
</head>
<body class="stp_saved_body" aria-live="polite">
<script src="js/vendor.bundle.js"></script>

13
browser/components/pocket/content/panels/signup.html
View file

@ -1,14 +1,17 @@
<!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"/>
<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">
<link rel="stylesheet" href="css/main.compiled.css" />
</head>
<body class="stp_signup_body" aria-live="polite">
<script src="js/vendor.bundle.js"></script>

18
browser/components/pocket/content/panels/style-guide.html
View file

@ -1,13 +1,16 @@
<!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/">
<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">
<link rel="stylesheet" href="css/main.compiled.css" />
</head>
<body>
<script src="js/vendor.bundle.js"></script>
@ -18,10 +21,13 @@
<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"/>
<input id="dark_mode_checkbox" type="checkbox" />
</form>
</div>
<h1>Save To Pocket:<br/> Style Guide</h1>
<h1>
Save To Pocket:<br />
Style Guide
</h1>
<div id="stp_style_guide_components"></div>
</div>
</body>

51
browser/components/preferences/dialogs/addEngine.xhtml
View file

@ -7,42 +7,63 @@
<?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"
<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">
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"/>
<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"/>
<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" />
<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" />
<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>

60
browser/components/preferences/dialogs/applicationManager.xhtml
View file

@ -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"
<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">
data-l10n-attrs="title, style"
>
<dialog id="appManager" buttons="accept,cancel">
<linkset>
<html:link rel="localization" href="browser/preferences/applicationManager.ftl"/>
<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"
<command
id="cmd_remove"
oncommand="gAppManagerDialog.remove();"
disabled="true"/>
disabled="true"
/>
</commandset>
<keyset id="appManagerKeyset">
<key id="delete" keycode="VK_DELETE" command="cmd_remove"/>
<key id="delete" keycode="VK_DELETE" command="cmd_remove" />
</keyset>
<description id="appDescription"/>
<separator class="thin"/>
<description id="appDescription" />
<separator class="thin" />
<hbox flex="1">
<richlistbox id="appList" onselect="gAppManagerDialog.onSelect();" flex="1"/>
<richlistbox
id="appList"
onselect="gAppManagerDialog.onSelect();"
flex="1"
/>
<vbox>
<button id="remove"
<button
id="remove"
data-l10n-id="app-manager-remove"
command="cmd_remove"/>
<spacer flex="1"/>
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;"/>
<separator class="thin" />
<label id="appType" />
<html:input
type="text"
id="appLocation"
readonly="readonly"
style="margin-inline: 0"
/>
</vbox>
</dialog>
</dialog>
</window>

65
browser/components/preferences/dialogs/blocklists.xhtml
View file

@ -7,46 +7,73 @@
<?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"
<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">
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"/>
<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();"/>
<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
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;"
<separator class="thin" />
<tree
id="blocklistsTree"
flex="1"
style="height: 18em"
hidecolumnpicker="true"
onselect="gBlocklistManager.onListSelected();">
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"/>
<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/>
<treechildren />
</tree>
</vbox>
</dialog>

86
browser/components/preferences/dialogs/browserLanguages.xhtml
View file

@ -7,49 +7,85 @@
<?xml-stylesheet href="chrome://global/skin/global.css"?>
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.css"?>
<window type="child"
<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"
onload="gBrowserLanguagesDialog.onLoad();"
>
<dialog
id="BrowserLanguagesDialog"
buttons="accept,cancel,help"
helpTopic="change-language">
helpTopic="change-language"
>
<linkset>
<html:link rel="localization" href="branding/brand.ftl"/>
<html:link rel="localization" href="browser/preferences/languages.ftl"/>
<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"/>
<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"/>
<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"
<menulist
id="availableLocales"
class="available-locales-list"
data-l10n-id="browser-languages-select-language"
data-l10n-attrs="placeholder,label">
<menupopup/>
data-l10n-attrs="placeholder,label"
>
<menupopup />
</menulist>
<button id="add"
<button
id="add"
class="add-browser-language action-button"
data-l10n-id="languages-customize-add"
disabled="true"/>
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
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>
</dialog>
</window>

49
browser/components/preferences/dialogs/clearSiteData.xhtml
View file

@ -8,40 +8,61 @@
<?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"
<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">
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"/>
<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"/>
<script src="chrome://browser/content/preferences/dialogs/clearSiteData.js" />
<keyset>
<key data-l10n-id="clear-site-data-close-key" modifiers="accel" oncommand="window.close();"/>
<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"/>
<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"/>
<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"/>
<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>

129
browser/components/preferences/dialogs/colors.xhtml
View file

@ -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"
<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"
persist="lastSelected"
>
<dialog
id="ColorsDialog"
buttons="accept,cancel,help"
helpTopic="prefs-fonts-and-colors">
helpTopic="prefs-fonts-and-colors"
>
<linkset>
<html:link rel="localization" href="browser/preferences/colors.ftl"/>
<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)"/>
<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>
<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"/>
<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"/>
<spacer flex="1" />
<html:input
type="color"
id="backgroundmenu"
preference="browser.display.background_color"
/>
</hbox>
<separator class="thin"/>
<separator class="thin" />
<hbox align="center">
<checkbox id="browserUseSystemColors" data-l10n-id="colors-use-system"
preference="browser.display.use_system_colors"/>
<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>
<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"/>
<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"/>
<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"/>
<separator class="thin" />
<hbox align="center">
<checkbox id="browserUnderlineAnchors" data-l10n-id="colors-underline-links"
preference="browser.underline_anchors"/>
<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">
<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"/>
<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>
<script src="chrome://browser/content/preferences/dialogs/colors.js" />
</dialog>
</window>

232
browser/components/preferences/dialogs/connection.xhtml
View file

@ -7,126 +7,238 @@
<?xml-stylesheet href="chrome://global/skin/global.css"?>
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.css"?>
<window type="child"
<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"
onload="gConnectionsDialog.checkForSystemProxy();"
>
<dialog
id="ConnectionsDialog"
buttons="accept,cancel,help"
helpTopic="prefs-connection-settings">
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"/>
<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)"/>
<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">
<hbox
id="proxyExtensionContent"
align="start"
hidden="true"
class="extension-controlled"
>
<description control="disableProxyExtension" flex="1" />
<button id="disableProxyExtension"
<button
id="disableProxyExtension"
class="extension-controlled-button accessory-button"
data-l10n-id="connection-disable-extension" />
data-l10n-id="connection-disable-extension"
/>
</hbox>
<groupbox>
<label><html:h2 data-l10n-id="connection-proxy-configure"/></label>
<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"/>
<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" />
<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"/>
<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 />
<hbox>
<checkbox id="shareAllProxies" data-l10n-id="connection-proxy-https-sharing"
preference="network.proxy.share_proxy_settings"/>
<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"/>
<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"/>
<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"/>
<separator class="thin" />
<html:div class="proxy-grid-row">
<hbox pack="end">
<label data-l10n-id="connection-proxy-socks" control="networkProxySOCKS"/>
<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"/>
<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/>
<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
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"
<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"/>
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"
<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="signon.autologin.proxy"
/>
<checkbox
id="networkProxySOCKSRemoteDNS"
preference="network.proxy.socks_remote_dns"
data-l10n-id="connection-proxy-socks-remote-dns" />
</dialog>
data-l10n-id="connection-proxy-socks-remote-dns"
/>
</dialog>
</window>

49
browser/components/preferences/dialogs/containers.xhtml
View file

@ -7,46 +7,65 @@
<?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"
<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">
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"/>
<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();"/>
<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"
<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();" />
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"
<label
id="colorLabel"
control="color"
data-l10n-id="containers-color-label"
data-l10n-attrs="style"/>
data-l10n-attrs="style"
/>
</hbox>
<hbox align="center" id="iconWrapper">
<label id="iconLabel" control="icon"
<label
id="iconLabel"
control="icon"
data-l10n-id="containers-icon-label"
data-l10n-attrs="style"/>
data-l10n-attrs="style"
/>
</hbox>
</vbox>
</dialog>

89
browser/components/preferences/dialogs/dohExceptions.xhtml
View file

@ -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"
<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"
persist="width height"
>
<dialog
id="exceptionDialog"
buttons="accept,cancel"
data-l10n-id="permission-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/permissions.ftl"/>
<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/dohExceptions.js"/>
<script src="chrome://browser/content/preferences/dialogs/dohExceptions.js" />
<keyset>
<key data-l10n-id="permissions-close-key" modifiers="accel" oncommand="window.close();"/>
<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"/>
<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;"
<html:input
id="url"
type="text"
style="flex: 1"
oninput="gDoHExceptionsManager.onExceptionInput();"
onkeypress="gDoHExceptionsManager.onExceptionKeyPress(event);"/>
onkeypress="gDoHExceptionsManager.onExceptionKeyPress(event);"
/>
</hbox>
<hbox pack="end">
<button id="btnAddException" disabled="true" data-l10n-id="permissions-doh-add-exception"
oncommand="gDoHExceptionsManager.addException();"/>
<button
id="btnAddException"
disabled="true"
data-l10n-id="permissions-doh-add-exception"
oncommand="gDoHExceptionsManager.addException();"
/>
</hbox>
<separator class="thin"/>
<separator class="thin" />
<listheader>
<treecol id="siteCol" data-l10n-id="permissions-doh-col" style="flex: 3 3 auto; width: 0"
data-isCurrentSortCol = "true"
<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"
<richlistbox
id="permissionsBox"
selected="false"
onkeypress="gDoHExceptionsManager.onListBoxKeyPress(event);"
onselect="gDoHExceptionsManager.onListBoxSelect();"/>
onselect="gDoHExceptionsManager.onListBoxSelect();"
/>
</vbox>
<hbox class="actionButtons">
<button id="removeException" disabled="true"
<button
id="removeException"
disabled="true"
data-l10n-id="permissions-doh-remove"
oncommand="gDoHExceptionsManager.onExceptionDelete();"/>
<button id="removeAllExceptions"
oncommand="gDoHExceptionsManager.onExceptionDelete();"
/>
<button
id="removeAllExceptions"
data-l10n-id="permissions-doh-remove-all"
oncommand="gDoHExceptionsManager.onAllExceptionsDelete();"/>
oncommand="gDoHExceptionsManager.onAllExceptionsDelete();"
/>
</hbox>
</dialog>
</window>

309
browser/components/preferences/dialogs/fonts.xhtml
View file

@ -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"
<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"
persist="lastSelected"
>
<dialog
id="FontsDialog"
buttons="accept,cancel,help"
helpTopic="prefs-fonts-and-colors">
helpTopic="prefs-fonts-and-colors"
>
<linkset>
<html:link rel="localization" href="browser/preferences/fonts.ftl"/>
<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)"/>
<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>
<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"/>
<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"/>
<separator class="thin" />
<box id="font-chooser-group">
<!-- proportional row -->
<hbox align="center" pack="end">
<label data-l10n-id="fonts-proportional-header" control="defaultFontType"/>
<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"/>
<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"/>
<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="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>
<!-- serif row -->
<hbox align="center" pack="end">
<label data-l10n-id="fonts-serif" control="serif"/>
<label data-l10n-id="fonts-serif" control="serif" />
</hbox>
<menulist id="serif" delayprefsave="true"/>
<spacer/>
<spacer/>
<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"/>
<label data-l10n-id="fonts-sans-serif" control="sans-serif" />
</hbox>
<menulist id="sans-serif" delayprefsave="true"/>
<spacer/>
<spacer/>
<menulist id="sans-serif" delayprefsave="true" />
<spacer />
<spacer />
<!-- monospace row -->
<hbox align="center" pack="end">
<label data-l10n-id="fonts-monospace" control="monospace"/>
<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"/>
<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"/>
<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"/>
<separator class="thin" />
<hbox align="center" pack="end">
<label data-l10n-id="fonts-minsize" control="minSize"/>
<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"/>
<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"/>
<separator />
<separator class="groove" />
<hbox>
<checkbox id="useDocumentFonts"
<checkbox
id="useDocumentFonts"
data-l10n-id="fonts-allow-own"
preference="browser.display.use_document_fonts"/>
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>
<script src="chrome://mozapps/content/preferences/fontbuilder.js" />
<script src="chrome://browser/content/preferences/dialogs/fonts.js" />
</dialog>
</window>

102
browser/components/preferences/dialogs/languages.xhtml
View file

@ -7,61 +7,105 @@
<?xml-stylesheet href="chrome://global/skin/global.css"?>
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.css"?>
<window type="child"
<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"
onload="gLanguagesDialog.onLoad();"
>
<dialog
id="LanguagesDialog"
buttons="accept,cancel,help"
helpTopic="prefs-languages">
helpTopic="prefs-languages"
>
<linkset>
<html:link rel="localization" href="browser/preferences/languages.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/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)"/>
<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"/>
<stringbundle
id="bundleAccepted"
src="resource://gre/res/language.properties"
/>
</stringbundleset>
<description data-l10n-id="languages-description"/>
<checkbox id="spoofEnglish"
<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"
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();"/>
onselect="gLanguagesDialog.onLanguageSelect();"
/>
<vbox>
<button id="up" class="up" oncommand="gLanguagesDialog.moveUp();" disabled="true"
<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"
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"
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"/>
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
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"/>
<button
id="addButton"
class="add-web-language"
oncommand="gLanguagesDialog.addLanguage();"
disabled="true"
data-l10n-id="languages-customize-add"
/>
</box>
</dialog>
</dialog>
</window>

127
browser/components/preferences/dialogs/permissions.xhtml
View file

@ -8,7 +8,8 @@
<?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"
<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"
@ -16,68 +17,118 @@
onload="gPermissionManager.onLoad();"
onunload="gPermissionManager.uninit();"
persist="width height"
onkeypress="gPermissionManager.onWindowKeyPress(event);">
onkeypress="gPermissionManager.onWindowKeyPress(event);"
>
<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="branding/brand.ftl"/>
<html:link rel="localization" href="browser/preferences/permissions.ftl"/>
<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();"/>
<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"/>
<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;"
<html:input
id="url"
type="text"
style="flex: 1"
oninput="gPermissionManager.onHostInput(event.target);"
onkeypress="gPermissionManager.onHostKeyPress(event);"/>
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);"/>
<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"/>
<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"
<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);"/>
onclick="gPermissionManager.buildPermissionsList(event.target);"
/>
</listheader>
<richlistbox id="permissionsBox" selected="false"
<richlistbox
id="permissionsBox"
selected="false"
onkeypress="gPermissionManager.onPermissionKeyPress(event);"
onselect="gPermissionManager.onPermissionSelect();"/>
onselect="gPermissionManager.onPermissionSelect();"
/>
</vbox>
<hbox class="actionButtons">
<button id="removePermission" disabled="true"
<button
id="removePermission"
disabled="true"
data-l10n-id="permissions-remove"
oncommand="gPermissionManager.onPermissionDelete();"/>
<button id="removeAllPermissions"
oncommand="gPermissionManager.onPermissionDelete();"
/>
<button
id="removeAllPermissions"
data-l10n-id="permissions-remove-all"
oncommand="gPermissionManager.onAllPermissionsDelete();"/>
oncommand="gPermissionManager.onAllPermissionsDelete();"
/>
</hbox>
</dialog>
</window>

74
browser/components/preferences/dialogs/sanitize.xhtml
View file

@ -10,64 +10,82 @@
<!DOCTYPE window>
<window id="SanitizeDialog"
<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">
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"/>
<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)"/>
<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>
<groupbox>
<label><html:h2 data-l10n-id="history-section-label"/></label>
<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"/>
<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"/>
<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>
<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"/>
<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"/>
<checkbox
data-l10n-id="item-offline-apps"
preference="privacy.clearOnShutdown.offlineApps"
/>
</vbox>
</hbox>
</groupbox>
</dialog>
</dialog>
</window>

46
browser/components/preferences/dialogs/selectBookmark.xhtml
View file

@ -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"
<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">
onload="SelectBookmarkDialog.init();"
>
<dialog id="selectBookmarkDialog">
<linkset>
<html:link rel="localization" href="browser/preferences/selectBookmark.ftl"/>
<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;"
<tree
id="bookmarks"
flex="1"
is="places-tree"
style="height: 15em"
hidecolumnpicker="true"
seltype="single"
ondblclick="SelectBookmarkDialog.onItemDblClick();"
onselect="SelectBookmarkDialog.selectionChanged();"
disableUserActions="true">
disableUserActions="true"
>
<treecols>
<treecol id="title" flex="1" primary="true" hideheader="true"/>
<treecol id="title" flex="1" primary="true" hideheader="true" />
</treecols>
<treechildren id="bookmarksChildren" flex="1"/>
<treechildren id="bookmarksChildren" flex="1" />
</tree>
<separator class="thin"/>
</dialog>
<separator class="thin" />
</dialog>
</window>

71
browser/components/preferences/dialogs/siteDataSettings.xhtml
View file

@ -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"
<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;"
style="min-width: 45em"
onload="gSiteDataSettings.init();"
onkeypress="gSiteDataSettings.onKeyPress(event);"
persist="width height">
<dialog
persist="width height"
>
<dialog
buttons="accept,cancel"
data-l10n-id="site-data-settings-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/siteDataSettings.ftl"/>
<html:link rel="localization" href="branding/brand.ftl" />
<html:link
rel="localization"
href="browser/preferences/siteDataSettings.ftl"
/>
</linkset>
<script src="chrome://browser/content/preferences/dialogs/siteDataSettings.js"/>
<script src="chrome://browser/content/preferences/dialogs/siteDataSettings.js" />
<vbox flex="1" class="contentPane">
<description id="settingsDescription" data-l10n-id="site-data-settings-description"/>
<separator class="thin"/>
<description
id="settingsDescription"
data-l10n-id="site-data-settings-description"
/>
<separator class="thin" />
<hbox id="searchBoxContainer">
<search-textbox id="searchBox" flex="1"
<search-textbox
id="searchBox"
flex="1"
data-l10n-id="site-data-search-textbox"
data-l10n-attrs="placeholder"/>
data-l10n-attrs="placeholder"
/>
</hbox>
<separator class="thin"/>
<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"/>
<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" />
<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"/>
<richlistbox seltype="multiple" id="sitesList" orient="vertical" />
</vbox>
<hbox align="start">
<button id="removeSelected" data-l10n-id="site-data-remove-selected"/>
<button id="removeAll"/>
<button id="removeSelected" data-l10n-id="site-data-remove-selected" />
<button id="removeAll" />
</hbox>
</dialog>
</window>

101
browser/components/preferences/dialogs/sitePermissions.xhtml
View file

@ -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"
<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">
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"/>
<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();"/>
<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"/>
<label data-l10n-id="permissions-autoplay-menu" />
</hbox>
<description id="permissionsText" control="url"/>
<separator class="thin"/>
<description id="permissionsText" control="url" />
<separator class="thin" />
<hbox align="start">
<search-textbox id="searchBox" flex="1"
<search-textbox
id="searchBox"
flex="1"
data-l10n-id="permissions-searchbox"
data-l10n-attrs="placeholder"
oncommand="gSitePermissionsManager.buildPermissionsList();"/>
oncommand="gSitePermissionsManager.buildPermissionsList();"
/>
</hbox>
<separator class="thin"/>
<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"
<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);"/>
onclick="gSitePermissionsManager.buildPermissionsList(event.target);"
/>
</listheader>
<richlistbox id="permissionsBox" selected="false"
<richlistbox
id="permissionsBox"
selected="false"
onkeypress="gSitePermissionsManager.onPermissionKeyPress(event);"
onselect="gSitePermissionsManager.onPermissionSelect();"/>
onselect="gSitePermissionsManager.onPermissionSelect();"
/>
</vbox>
<hbox class="actionButtons">
<button id="removePermission" disabled="true"
<button
id="removePermission"
disabled="true"
data-l10n-id="permissions-remove"
oncommand="gSitePermissionsManager.onPermissionDelete();"/>
<button id="removeAllPermissions"
oncommand="gSitePermissionsManager.onPermissionDelete();"
/>
<button
id="removeAllPermissions"
data-l10n-id="permissions-remove-all"
oncommand="gSitePermissionsManager.onAllPermissionsDelete();"/>
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"
<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"/>
data-l10n-id="disable-extension"
/>
</hbox>
</dialog>
</window>

80
browser/components/preferences/dialogs/syncChooseWhatToSync.xhtml
View file

@ -7,58 +7,82 @@
<?xml-stylesheet href="chrome://global/skin/global.css"?>
<window type="child"
<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"
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">
data-l10n-attrs="buttonlabelaccept, buttonlabelextra2"
>
<linkset>
<html:link rel="localization" href="browser/preferences/preferences.ftl"/>
<html:link rel="localization" href="toolkit/branding/accounts.ftl"/>
<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" />
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<checkbox
data-l10n-id="sync-engine-settings"
preference="services.sync.engine.prefs"
/>
</html:div>
</html:div>
</dialog>
</dialog>
</window>

104
browser/components/preferences/dialogs/translation.xhtml
View file

@ -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"
<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">
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"/>
<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();"/>
<key
data-l10n-id="translation-close-key"
modifiers="accel"
oncommand="window.close();"
/>
</keyset>
<vbox class="contentPane">
<vbox flex="1">
<label id="languagesLabel"
<label
id="languagesLabel"
data-l10n-id="translation-languages-disabled-desc"
control="permissionsTree"/>
<separator class="thin"/>
<tree id="languagesTree" flex="1" style="height: 12em;"
control="permissionsTree"
/>
<separator class="thin" />
<tree
id="languagesTree"
flex="1"
style="height: 12em"
hidecolumnpicker="true"
onkeypress="gTranslationExceptions.onLanguageKeyPress(event)"
onselect="gTranslationExceptions.onLanguageSelected();">
onselect="gTranslationExceptions.onLanguageSelected();"
>
<treecols>
<treecol id="languageCol" data-l10n-id="translation-languages-column" flex="1"/>
<treecol
id="languageCol"
data-l10n-id="translation-languages-column"
flex="1"
/>
</treecols>
<treechildren/>
<treechildren />
</tree>
</vbox>
<hbox class="actionButtons" pack="end">
<button id="removeLanguage" disabled="true"
<button
id="removeLanguage"
disabled="true"
data-l10n-id="translation-languages-button-remove"
oncommand="gTranslationExceptions.onLanguageDeleted();"/>
<button id="removeAllLanguages"
oncommand="gTranslationExceptions.onLanguageDeleted();"
/>
<button
id="removeAllLanguages"
data-l10n-id="translation-languages-button-remove-all"
oncommand="gTranslationExceptions.onAllLanguagesDeleted();"/>
<spacer flex="1"/>
oncommand="gTranslationExceptions.onAllLanguagesDeleted();"
/>
<spacer flex="1" />
</hbox>
<separator/>
<separator />
<vbox flex="1">
<label id="languagesLabel"
<label
id="languagesLabel"
data-l10n-id="translation-sites-disabled-desc"
control="permissionsTree"/>
<separator class="thin"/>
<tree id="sitesTree" flex="1" style="height: 12em;"
control="permissionsTree"
/>
<separator class="thin" />
<tree
id="sitesTree"
flex="1"
style="height: 12em"
hidecolumnpicker="true"
onkeypress="gTranslationExceptions.onSiteKeyPress(event)"
onselect="gTranslationExceptions.onSiteSelected();">
onselect="gTranslationExceptions.onSiteSelected();"
>
<treecols>
<treecol id="siteCol" data-l10n-id="translation-sites-column" flex="1"/>
<treecol
id="siteCol"
data-l10n-id="translation-sites-column"
flex="1"
/>
</treecols>
<treechildren/>
<treechildren />
</tree>
</vbox>
</vbox>
<hbox class="actionButtons" pack="end">
<button id="removeSite" disabled="true"
<button
id="removeSite"
disabled="true"
data-l10n-id="translation-sites-button-remove"
oncommand="gTranslationExceptions.onSiteDeleted();"/>
<button id="removeAllSites"
oncommand="gTranslationExceptions.onSiteDeleted();"
/>
<button
id="removeAllSites"
data-l10n-id="translation-sites-button-remove-all"
oncommand="gTranslationExceptions.onAllSitesDeleted();"/>
<spacer flex="1"/>
oncommand="gTranslationExceptions.onAllSitesDeleted();"
/>
<spacer flex="1" />
</hbox>
</dialog>
</window>

47
browser/components/preferences/fxaPairDevice.xhtml
View file

@ -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"
<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">
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"/>
<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"/>
<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>
<description class="pairHeading" data-l10n-id="fxa-qrcode-pair-step2-signin">
<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"/>
class="menu-icon"
/>
<html:img
src="chrome://browser/skin/preferences/android-menu.svg"
data-l10n-name="android-menu-icon"
class="menu-icon"/>
class="menu-icon"
/>
</description>
<description class="pairHeading" data-l10n-id="fxa-qrcode-pair-step3"></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>
<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>
</dialog>
</dialog>
</window>

93
browser/components/privatebrowsing/content/aboutPrivateBrowsing.html
View file

@ -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"
<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"/>
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"
<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>
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>

464
browser/components/protections/content/protections.html
View file

@ -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>
@ -149,19 +333,34 @@
<!-- 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"/>
<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>
<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>
<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>
<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">
@ -174,20 +373,37 @@
<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">
<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"/>
<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>
<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">
<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"/>
<img
class="icon-med"
src="chrome://browser/skin/fxa/avatar.svg"
/>
<span data-type="known-breaches">
<!-- Display number of known breaches here. -->
</span>
@ -196,9 +412,16 @@
</a>
</div>
<div class="monitor-block passwords">
<a target="_blank" id="monitor-exposed-passwords-link" data-l10n-id="monitor-passwords-tooltip">
<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"/>
<img
class="icon-med"
src="chrome://browser/skin/login.svg"
/>
<span data-type="exposed-passwords">
<!-- Display number of exposed passwords here. -->
</span>
@ -209,11 +432,14 @@
</div>
<div class="monitor-breaches-wrapper">
<div class="monitor-breaches-header">
<img id="monitor-breaches-icon"/>
<span id="monitor-breaches-title"/>
<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>
<span
id="monitor-breaches-description"
class="content"
></span>
<div class="monitor-breaches-link-wrapper">
<a id="monitor-breaches-link" target="_blank"></a>
</div>
@ -221,7 +447,10 @@
</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"/>
<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>
@ -229,9 +458,17 @@
<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>
<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>
<a
id="monitor-partial-breaches-link"
target="_blank"
data-l10n-id="monitor-resolve-breaches-link"
></a>
</div>
</div>
</div>
@ -243,7 +480,7 @@
<!-- 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>
<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,35 +526,69 @@
<!-- 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>
<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>

62
browser/components/screenshots/content/screenshots.html
View file

@ -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>

2
browser/components/storybook/.storybook/preview-head.html
View file

@ -1,7 +1,7 @@
<!-- 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
provided by our WithCommonStyles wrapper */

87
browser/components/syncedtabs/sidebar.xhtml
View file

@ -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"
<xul:search-textbox
class="tabsFilter"
tabindex="1"
data-l10n-id="synced-tabs-sidebar-search"
data-l10n-attrs="placeholder"/>
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>

54
browser/components/tabunloader/content/aboutUnloads.html
View file

@ -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>

99
browser/extensions/formautofill/content/editAddress.xhtml
View file

@ -4,17 +4,29 @@
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<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"/>
<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>
<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
@ -22,68 +34,78 @@
-->
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<input id="postal-code" type="text" />
<span class="label-text" />
</label>
<label id="country-container" class="container">
<select id="country" required="required">
<option/>
<option />
</select>
<span data-l10n-id="autofill-address-country" class="label-text"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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[
<script>
<![CDATA[
"use strict";
const {
@ -106,6 +128,7 @@
cancel: document.getElementById("cancel"),
save: document.getElementById("save"),
}, record);
]]></script>
</body>
]]>
</script>
</body>
</html>

82
browser/extensions/formautofill/content/editCreditCard.xhtml
View file

@ -4,60 +4,91 @@
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<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"/>
<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>
</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>
<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"/>
<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/>
<option />
</select>
<span data-l10n-id="autofill-card-expires-month" class="label-text"/>
<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/>
<option />
</select>
<span data-l10n-id="autofill-card-expires-year" class="label-text"/>
<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"/>
<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
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"/>
<button id="cancel" data-l10n-id="autofill-cancel-button" />
<button id="save" class="primary" data-l10n-id="autofill-save-button" />
</div>
<script><![CDATA[
<script>
<![CDATA[
"use strict";
/* import-globals-from editDialog.js */
@ -85,6 +116,7 @@
save: document.getElementById("save"),
}, record);
})();
]]></script>
</body>
]]>
</script>
</body>
</html>

39
browser/extensions/formautofill/content/manageAddresses.xhtml
View file

@ -3,26 +3,41 @@
- 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>
<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="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" />
<link
rel="stylesheet"
href="chrome://formautofill/content/manageDialog.css"
/>
<script src="chrome://formautofill/content/manageDialog.js"></script>
</head>
<body>
</head>
<body>
<fieldset>
<legend data-l10n-id="autofill-manage-addresses-list-header"/>
<select id="addresses" size="9" multiple="multiple"/>
<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"/>
<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"/>
<button id="add" data-l10n-id="autofill-manage-add-button" />
</div>
<button id="edit" disabled="disabled" data-l10n-id="autofill-manage-edit-button"/>
<button
id="edit"
disabled="disabled"
data-l10n-id="autofill-manage-edit-button"
/>
</div>
<script>
"use strict";
@ -35,5 +50,5 @@
edit: document.getElementById("edit"),
});
</script>
</body>
</body>
</html>

41
browser/extensions/formautofill/content/manageCreditCards.xhtml
View file

@ -3,27 +3,42 @@
- 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>
<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="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" />
<link
rel="stylesheet"
href="chrome://formautofill/content/manageDialog.css"
/>
<script src="chrome://formautofill/content/manageDialog.js"></script>
</head>
<body>
</head>
<body>
<fieldset>
<legend data-l10n-id="autofill-manage-credit-cards-list-header"/>
<select id="credit-cards" size="9" multiple="multiple"/>
<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"/>
<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"/>
<button id="add" data-l10n-id="autofill-manage-add-button" />
</div>
<button id="edit" disabled="disabled" data-l10n-id="autofill-manage-edit-button"/>
<button
id="edit"
disabled="disabled"
data-l10n-id="autofill-manage-edit-button"
/>
</div>
<script>
"use strict";
@ -36,5 +51,5 @@
edit: document.getElementById("edit"),
});
</script>
</body>
</body>
</html>

4
browser/extensions/screenshots/blank.html
View file

@ -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" />

47
browser/extensions/webcompat/about-compat/aboutCompat.html
View file

@ -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
`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">
<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"/>
<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>
<body>
<h2 class="tab active" data-l10n-id="label-overrides"></h2>
<table id="overrides">
<col/>
<col/>
<col/>
<col />
<col />
<col />
</table>
<h2 class="tab" data-l10n-id="label-interventions"></h2>
<table id="interventions">
<col/>
<col/>
<col/>
<col />
<col />
<col />
</table>
<h2 class="tab" data-l10n-id="label-smartblock"></h2>
<table id="smartblock" class="shims">
<col/>
<col/>
<col/>
<col />
<col />
<col />
</table>
</body>
</body>
</html>

2
browser/extensions/webcompat/shims/google-safeframe.html
View file

@ -10,7 +10,7 @@
-->
<html>
<head>
<meta charset="UTF-8">
<meta charset="UTF-8" />
<title>SafeFrame Container</title>
<script>
try {

33
browser/fxr/content/fxrui.html
View file

@ -9,7 +9,7 @@
<!-- 1280x720 chosen for default 16:9 ratio -->
<html width="1280" height="720">
<head>
<head>
<title>Firefox Reality</title>
<link rel="stylesheet" href="common.css" />
<link rel="stylesheet" href="fxrui.css" />
@ -17,23 +17,38 @@
<script src="common.js"></script>
<script src="permissions.js"></script>
<script src="fxrui.js"></script>
</head>
</head>
<body>
<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>
<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"/>
<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>
</body>
</body>
</html>

21
browser/fxr/content/prefs.html
View file

@ -8,16 +8,16 @@
-->
<html width="800" height="400">
<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>
</head>
<body>
<body>
<div class="settings_header">
<button id="eCloseSettings" class="plain_button icon_backward"></button>
<div class="about_container">
@ -27,7 +27,10 @@
<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" />
<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>
@ -35,7 +38,7 @@
</div>
<div class="settings_title">Settings</div>
<hr class="divider"/>
<hr class="divider" />
<div class="setting_container">
<div class="setting_name">Mozilla's Privacy Policy Page</div>
@ -51,7 +54,8 @@
<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.
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>
@ -66,10 +70,11 @@
<div class="setting_container">
<div class="setting_name">
Allow Firefox to Anonymously Collect and Use Technical and Interaction Data
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>
</body>
</html>

50
browser/installer/windows/nsis/content/installing.html
View file

@ -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>
</head>
<body>
<img id="background" src="bgstub.jpg" alt="" role="presentation">
<div id="text_column">
<div id="text_column">
<div id="text_column_container">
<h1 id="header"></h1>
<div id="content"></div>
</div>
</div>
</div>
<div id="installing">
<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
id="progress_bar"
role="progressbar"
aria-labelledby="label"
aria-valuemin="0"
aria-valuemax="100"
aria-valuenow="0"
tabindex="0"
></div>
</div>
</div>
</div>
<div id="blurb"></div>
<div id="blurb"></div>
<div id="footer"></div>
</body>
<div id="footer"></div>
</body>
</html>

34
browser/installer/windows/nsis/content/profile_cleanup.html
View file

@ -1,27 +1,24 @@
<!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>
</head>
<body>
<img id="background" src="bgstub.jpg" alt="" role="presentation">
<form id="profileRefreshForm">
<form id="profileRefreshForm">
<div id="profileRefreshContainer">
<h1 id="header"></h1>
@ -34,9 +31,8 @@
<button type="submit" id="refreshButton"></button>
</div>
</div>
</form>
</form>
<div id="footer"></div>
</body>
<div id="footer"></div>
</body>
</html>

6
browser/tools/mozscreenshots/mozscreenshots/extension/lib/controlCenter/mixed_active.html
View file

@ -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>

4
browser/tools/mozscreenshots/mozscreenshots/extension/lib/controlCenter/password.html
View file

@ -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>

9
browser/tools/mozscreenshots/mozscreenshots/extension/lib/controlCenter/tracking.html
View file

@ -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>

73
browser/tools/mozscreenshots/mozscreenshots/extension/lib/mozscreenshots.html
View file

@ -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>
<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" />
<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>
</body>
</html>

54
browser/tools/mozscreenshots/mozscreenshots/extension/lib/permissionPrompts.html
View file

@ -4,19 +4,48 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<head>
<meta charset="utf-8" />
<title>Permission Prompts</title>
</head>
<body>
<button id="geo" onclick="navigator.geolocation.getCurrentPosition(() => {})">Geolocation</button>
</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>
<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" />
@ -31,6 +60,5 @@
navigator.mediaDevices.getUserMedia(config);
}
</script>
</body>
</body>
</html>

254
build/pgo/blueprint/elements.html
View file

@ -2,59 +2,109 @@
- 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">
<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]-->
</head>
<body>
<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>
<hr />
<h5>PARAGRAPHS <span class="alt">&amp;</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>
<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>
<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="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>
<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>
<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>
<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>
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>
<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>
@ -66,10 +116,12 @@
<div class="span-8">
<ol>
<li>Ordered list</li>
<li>Here's a nested unordered list
<li>
Here's a nested unordered list
<ul>
<li>Nested Unordered list</li>
<li>Nested ordered list
<li>
Nested ordered list
<ol>
<li>The first</li>
<li>And the second</li>
@ -78,10 +130,12 @@
</ul>
</li>
<li>Ordered List item</li>
<li>Nested Ordered list
<li>
Nested Ordered list
<ol>
<li>Some point</li>
<li>Nested Unordered list
<li>
Nested Unordered list
<ul>
<li>The first</li>
<li>And the second</li>
@ -98,13 +152,25 @@
<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>
<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>
<hr />
<h5>HEADINGS</h5>
@ -112,17 +178,30 @@
<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>
<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>
<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>
@ -134,37 +213,51 @@
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</div>
<hr>
<hr />
<h5>MISC ELEMENTS</h5>
<div class="span-8">
<p>
<strong>&lt;strong&gt;</strong><br>
<del>&lt;del&gt; deleted</del><br>
<dfn>&lt;dfn&gt; dfn</dfn><br>
<strong>&lt;strong&gt;</strong><br />
<del>&lt;del&gt; deleted</del><br />
<dfn>&lt;dfn&gt; dfn</dfn><br />
<em>&lt;em&gt; emphasis</em>
</p>
<p>
<a>&lt;a&gt; anchor</a><br>
<a>&lt;a&gt; anchor</a><br />
<a href="http://www.google.com">&lt;a&gt; a + href</a>
</p>
<p>
<abbr title="extended abbr text should show when mouse over">&lt;abbr&gt; abbr - extended text when mouseover.</abbr><br>
<acronym title="extended acronym text should show when mouse over">&lt;acronym&gt; acronym - extended text when mouseover.</acronym>
<abbr title="extended abbr text should show when mouse over"
>&lt;abbr&gt; abbr - extended text when mouseover.</abbr
><br />
<acronym title="extended acronym text should show when mouse over"
>&lt;acronym&gt; acronym - extended text when mouseover.</acronym
>
</p>
<address>
&lt;address&gt;<br>
Donald Duck<br>
Box 555<br>
&lt;address&gt;<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>
<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>
<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>
@ -178,8 +271,15 @@
</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>
<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>
@ -215,36 +315,36 @@
</div>
<div class="span-8 last">
<pre>&lt;pre&gt;
<pre>
&lt;pre&gt;
pre space1
pre space1
pre space2
pre space2
pre tab
pre tab</pre>
pre tab</pre
>
<code>&lt;code&gt;
Not indented
indent1
indent1
indent2
indent3</code>
<code>&lt;code&gt; Not indented indent1 indent1 indent2 indent3</code>
<tt>&lt;tt&gt;
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 &lt;p&gt; text.
<tt
>&lt;tt&gt; 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 &lt;p&gt; 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>
<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>

132
build/pgo/blueprint/forms.html
View file

@ -2,71 +2,101 @@
- 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">
<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>
<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>
<hr />
<div class="span-12">
<form id="dummy" action="" method="post">
<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><input type="submit" value="Submit">
<input type="reset" value="Reset"></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 &lt;div&gt; with the class <strong>.error</strong>. <a href="#">Link</a>.
This is a &lt;div&gt; with the class <strong>.error</strong>.
<a href="#">Link</a>.
</div>
<div class="notice">
This is a &lt;div&gt; with the class <strong>.notice</strong>. <a href="#">Link</a>.
This is a &lt;div&gt; with the class <strong>.notice</strong>.
<a href="#">Link</a>.
</div>
<div class="success">
This is a &lt;div&gt; with the class <strong>.success</strong>. <a href="#">Link</a>.
This is a &lt;div&gt; with the class <strong>.success</strong>.
<a href="#">Link</a>.
</div>
<fieldset>
<legend>Select, checkboxes, lists</legend>
<p><label for="dummy3">Select field</label><br>
<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>
</select>
</p>
<p><label for="dummy4">Select with groups</label><br>
<p>
<label for="dummy4">Select with groups</label><br />
<select id="dummy4" name="dummy4">
<option>Favorite pet</option>
<optgroup label="mammals">
@ -79,26 +109,36 @@
<option>iguana</option>
<option>snake</option>
</optgroup>
</select></p>
</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>
<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>
<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>

231
build/pgo/blueprint/grid.html
View file

@ -2,25 +2,33 @@
- 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">
<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>
<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="span-8">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
@ -31,7 +39,6 @@
<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>
@ -42,7 +49,6 @@
<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>
@ -52,15 +58,31 @@
<div class="span-6 prepend-3 last">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
<hr>
<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>
<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>
<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>
<hr />
<div class="span-1 prepend-1"><p>1</p></div>
<div class="span-1 prepend-2"><p>2</p></div>
@ -101,7 +123,6 @@
<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>
@ -109,102 +130,188 @@
<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>
<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>
<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">
<div class="span-6">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod.
</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>
<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>
<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">
<div class="span-6">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod.
</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>
<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>
<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-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>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
<hr>
<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-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-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-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-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-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-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 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-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 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>
<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>
</body>
</html>

222
build/pgo/blueprint/sample.html
View file

@ -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">
<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]-->
<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>
<body>
<link
rel="stylesheet"
href="fancytype-screen.css"
type="text/css"
media="screen, projection"
/>
</head>
<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>
<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>
<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-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>
<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>
<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">
<hr />
<hr class="space" />
<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>
<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>
<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>
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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>

15
build/pgo/index.html
View file

@ -1,12 +1,11 @@
<script>
/* This Source Code Form is subject to the terms of the Mozilla Public
/* 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 =
[
var list = [
"blueprint/elements.html",
"blueprint/forms.html",
"blueprint/grid.html",
@ -80,7 +79,7 @@
var idx = 0;
var w;
window.onload = function() {
window.onload = function () {
w = window.open("about:blank");
window.setTimeout(loadURL, defaultInterval);
};
@ -94,7 +93,7 @@
w = window.open(testURL);
// Prevent the perf-reftest-singletons from calling alert()
w.tpRecordTime = function() { };
w.tpRecordTime = function () {};
if (idx < list.length) {
window.setTimeout(loadURL, interval);
@ -104,9 +103,9 @@
}
var i;
for (i = 0; i < list.length;i++) {
for (i = 0; i < list.length; i++) {
// eslint-disable-next-line no-unsanitized/method
document.write(list[i]);
document.write("<br>");
}
</script>
</script>

19
devtools/client/aboutdebugging/index.html
View file

@ -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>

40
devtools/client/accessibility/index.html
View file

@ -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/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">
</head>
<body class="theme-body devtools-monospace" role="application">
<div id="content" role="presentation" tabindex="-1"></div>
<script src="./main.js"></script>
</body>
</body>
</html>

11
devtools/client/application/index.html
View file

@ -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>

25
devtools/client/dom/index.html
View file

@ -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">
</head>
<body class="theme-body" role="application">
<div id="content"></div>
<script src="./main.js"></script>
</body>
</body>
</html>

18
devtools/client/framework/browser-toolbox/window.html
View file

@ -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"
<html
id="devtools-toolbox-window"
windowtype="devtools:toolbox"
width="900" height="450"
persist="screenX screenY width height sizemode">
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>

203
devtools/client/framework/toolbox-options.html
View file

@ -5,17 +5,24 @@
<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>
<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">
@ -23,51 +30,87 @@
</fieldset>
<fieldset id="enabled-toolbox-buttons-box" class="options-groupbox">
<legend data-l10n-id="options-select-enabled-toolbox-buttons-label"></legend>
<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">
<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"/>
<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"/>
<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>
<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
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
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>
@ -75,8 +118,10 @@
<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"/>
<input
type="checkbox"
data-pref="devtools.styleeditor.autocompletion-enabled"
/>
<span data-l10n-id="options-stylesheet-autocompletion-label"></span>
</label>
</fieldset>
@ -84,15 +129,19 @@
<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"
<input
type="checkbox"
id="devtools-screenshot-clipboard"
data-pref="devtools.screenshot.clipboard.enabled"/>
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"
<input
type="checkbox"
id="devtools-screenshot-audio"
data-pref="devtools.screenshot.audio.enabled"/>
data-pref="devtools.screenshot.audio.enabled"
/>
<span data-l10n-id="options-screenshot-audio-label"></span>
</label>
</fieldset>
@ -102,27 +151,39 @@
<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"
<input
type="checkbox"
id="devtools-sourceeditor-detectindentation"
data-pref="devtools.editor.detectindentation"/>
<span data-l10n-id="options-sourceeditor-detectindentation-label"></span>
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"
<input
type="checkbox"
id="devtools-sourceeditor-autoclosebrackets"
data-pref="devtools.editor.autoclosebrackets"/>
<span data-l10n-id="options-sourceeditor-autoclosebrackets-label"></span>
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"
<input
type="checkbox"
id="devtools-sourceeditor-expandtab"
data-pref="devtools.editor.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">
<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>
@ -130,9 +191,14 @@
</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>
<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>
@ -143,43 +209,52 @@
<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"
<input
type="checkbox"
id="devtools-disable-cache"
data-pref="devtools.cache.disabled"/>
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"
<input
type="checkbox"
id="devtools-enable-serviceWorkersTesting"
data-pref="devtools.serviceWorkers.testing.enabled"/>
<span data-l10n-id="options-enable-service-workers-http-label"></span>
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>
</body>
</html>

13
devtools/client/framework/toolbox-window.xhtml
View file

@ -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"
<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"/>
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>

35
devtools/client/framework/toolbox.xhtml
View file

@ -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"
<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">
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" />

260
devtools/client/inspector/index.xhtml
View file

@ -5,30 +5,57 @@
<!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"/>
<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/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>
@ -45,37 +72,68 @@
}
</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">
<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;">
<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-toolbar"
class="devtools-toolbar devtools-input-toolbar"
nowindowdrag="true"
>
<div id="inspector-search" class="devtools-searchbox">
<input id="inspector-searchbox" class="devtools-searchinput"
<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>
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>
<button id="inspector-element-add-button" class="devtools-button"
data-localization="title=inspectorAddNode.label"></button>
<button id="inspector-eyedropper-toggle" class="devtools-button"></button>
<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
id="inspector-breadcrumbs"
class="breadcrumbs-widget-container"
role="toolbar"
data-localization="aria-label=inspector.breadcrumbs.label"
tabindex="0"
></div>
</div>
</div>
@ -94,64 +152,134 @@
<!-- Sidebar Panel Definitions -->
<div id="tabpanels" style="visibility: collapse">
<div id="sidebar-panel-ruleview" class="theme-sidebar inspector-tabpanel">
<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="ruleview-toolbar"
class="devtools-toolbar devtools-input-toolbar"
>
<div class="devtools-searchbox">
<input id="ruleview-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>
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>
<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="">
<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
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 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
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"
<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>
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"
<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>
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
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>

40
devtools/client/inspector/markup/markup.xhtml
View file

@ -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">
</head>
<body class="theme-body devtools-monospace" role="application">
<div id="root-wrapper" role="presentation">
<div id="root" role="presentation"></div>
</div>
</body>
</body>
</html>

45
devtools/client/memory/index.xhtml
View file

@ -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>

5
devtools/client/netmonitor/index.html
View file

@ -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">

30
devtools/client/performance-new/aboutprofiling/index.xhtml
View file

@ -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>

19
devtools/client/performance-new/panel/index.xhtml
View file

@ -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>

9
devtools/client/responsive/toolbar.xhtml
View file

@ -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>

108
devtools/client/storage/index.xhtml
View file

@ -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"
<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": ""}'/>
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"
<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-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"/>
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"
<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"
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"
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>
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>

219
devtools/client/styleeditor/index.xhtml
View file

@ -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"
<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">
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"
<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"
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"/>
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"
<toolbarbutton
id="style-editor-options"
class="devtools-toolbarbutton devtools-option-toolbarbutton"
data-l10n-id="styleeditor-options-button"/>
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" />

150
devtools/client/webconsole/index.html
View file

@ -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=""
<html
dir=""
id="devtools-webconsole"
windowtype="devtools:webconsole"
width="900" height="350"
persist="screenX screenY width height sizemode">
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
devtools/shared/webextension-fallback.html
View file

@ -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>

10
docs/_search_template/searchbox.html
View file

@ -3,12 +3,12 @@
<div>
<h3>{{ _('Quick search') }}</h3>
<script>
(function() {
var cx = 'dd12886298f75dbef';
var gcse = document.createElement('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];
gcse.src = "https://cse.google.com/cse.js?cx=" + cx;
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>

16
docs/_templates/breadcrumbs.html vendored
View file

@ -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>
<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 %}

5
dom/res/hiddenWindow.html
View file

@ -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>

32
dom/webgpu/mochitest/test_basic_canvas.worker.html
View file

@ -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>

76
dom/webgpu/mochitest/test_buffer_mapping.html
View file

@ -1,22 +1,31 @@
<!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() {
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]);
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();
@ -27,33 +36,38 @@ async function testBody() {
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');
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');
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');
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');
};
is(data.byteLength, 0, "array should be detached after explicit unmap");
}
SimpleTest.waitForExplicitFinish();
testBody()
.catch((e) => ok(false, "Unhandled exception " + e))
SimpleTest.waitForExplicitFinish();
testBody()
.catch(e => ok(false, "Unhandled exception " + e))
.finally(() => SimpleTest.finish());
</script>
</body>
</script>
</body>
</html>

39
dom/webgpu/mochitest/test_command_buffer_creation.html
View file

@ -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 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');
};
ok(command_buffer !== undefined, "command_buffer !== undefined");
};
SimpleTest.waitForExplicitFinish();
func()
.catch((e) => ok(false, "Unhandled exception " + e))
SimpleTest.waitForExplicitFinish();
func()
.catch(e => ok(false, "Unhandled exception " + e))
.finally(() => SimpleTest.finish());
</script>
</body>
</script>
</body>
</html>

39
dom/webgpu/mochitest/test_device_creation.html
View file

@ -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 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');
};
ok(device !== undefined, "device !== undefined");
};
SimpleTest.waitForExplicitFinish();
func()
.catch((e) => ok(false, "Unhandled exception " + e))
SimpleTest.waitForExplicitFinish();
func()
.catch(e => ok(false, "Unhandled exception " + e))
.finally(() => SimpleTest.finish());
</script>
</body>
</script>
</body>
</html>

Some files were not shown because too many files have changed in this diff Show more