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

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

@ -6,17 +6,27 @@
<html data-l10n-id="crashed-subframe-title"> <html data-l10n-id="crashed-subframe-title">
<head> <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 charset="utf-8" /> <meta charset="utf-8" />
<meta name="color-scheme" content="light dark" /> <meta name="color-scheme" content="light dark" />
<link rel="stylesheet" type="text/css" media="all" <link
href="chrome://global/skin/in-content/info-pages.css"/> rel="stylesheet"
<link rel="stylesheet" type="text/css" media="all" type="text/css"
href="chrome://browser/skin/aboutFrameCrashed.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="branding/brand.ftl" />
<link rel="localization" href="browser/browser.ftl" /> <link rel="localization" href="browser/browser.ftl" />
<link rel="localization" href="browser/contentCrash.ftl" /> <link rel="localization" href="browser/contentCrash.ftl" />
</head> </head>
<body> <body></body>
</body>
</html> </html>

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

@ -6,16 +6,27 @@
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <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" /> <meta name="color-scheme" content="light dark" />
<title data-l10n-id="restart-required-title"></title> <title data-l10n-id="restart-required-title"></title>
<link rel="stylesheet" type="text/css" media="all" <link
href="chrome://browser/skin/aboutRestartRequired.css"/> rel="stylesheet"
type="text/css"
media="all"
href="chrome://browser/skin/aboutRestartRequired.css"
/>
<!-- If the location of the favicon is changed here, the <!-- If the location of the favicon is changed here, the
FAVICON_ERRORPAGE_URL symbol in FAVICON_ERRORPAGE_URL symbol in
toolkit/components/places/src/nsFaviconService.h should be updated. --> toolkit/components/places/src/nsFaviconService.h should be updated. -->
<link rel="icon" type="image/png" id="favicon" <link
href="chrome://global/skin/icons/info.svg"/> 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="branding/brand.ftl" />
<link rel="localization" href="browser/aboutRestartRequired.ftl" /> <link rel="localization" href="browser/aboutRestartRequired.ftl" />
</head> </head>
@ -35,7 +46,12 @@
</div> </div>
<!-- Restart Button --> <!-- Restart Button -->
<div id="restartButtonContainer" class="button-container"> <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>
</div> </div>
</body> </body>

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

@ -5,11 +5,23 @@
<!DOCTYPE html> <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <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" /> <meta name="color-scheme" content="light dark" />
<title data-l10n-id="page-title"></title> <title data-l10n-id="page-title"></title>
<link rel="stylesheet" href="chrome://global/skin/in-content/info-pages.css" media="all"/> <link
<link rel="icon" type="image/png" id="favicon" href="chrome://browser/content/robot.ico"/> 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://browser/content/aboutRobots.css" />
<linkset> <linkset>
<link rel="localization" href="browser/aboutRobots.ftl" /> <link rel="localization" href="browser/aboutRobots.ftl" />
@ -17,10 +29,8 @@
</head> </head>
<body> <body>
<!-- PAGE CONTAINER (for styling purposes only) --> <!-- PAGE CONTAINER (for styling purposes only) -->
<div class="container"> <div class="container">
<!-- Error Title --> <!-- Error Title -->
<div class="title"> <div class="title">
<h1 class="title-text" data-l10n-id="error-title-text"></h1> <h1 class="title-text" data-l10n-id="error-title-text"></h1>
@ -28,7 +38,6 @@
<!-- LONG CONTENT (the section most likely to require scrolling) --> <!-- LONG CONTENT (the section most likely to require scrolling) -->
<div class="description"> <div class="description">
<!-- Short Description --> <!-- Short Description -->
<div> <div>
<p id="errorShortDescText" data-l10n-id="error-short-desc-text"></p> <p id="errorShortDescText" data-l10n-id="error-short-desc-text"></p>
@ -48,14 +57,15 @@
<div> <div>
<small data-l10n-id="error-trailer-desc-text"></small> <small data-l10n-id="error-trailer-desc-text"></small>
</div> </div>
</div> </div>
<!-- Button --> <!-- Button -->
<div class="button-container"> <div class="button-container">
<button id="errorTryAgain" <button
id="errorTryAgain"
data-l10n-id="error-try-again" data-l10n-id="error-try-again"
data-l10n-attrs="label2"></button> data-l10n-attrs="label2"
></button>
</div> </div>
</div> </div>
</body> </body>

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

@ -8,14 +8,29 @@
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <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" /> <meta name="color-scheme" content="light dark" />
<link rel="stylesheet" type="text/css" media="all" <link
href="chrome://global/skin/in-content/info-pages.css"/> rel="stylesheet"
<link rel="stylesheet" type="text/css" media="all" type="text/css"
href="chrome://browser/content/aboutTabCrashed.css"/> media="all"
<link rel="stylesheet" type="text/css" media="all" href="chrome://global/skin/in-content/info-pages.css"
href="chrome://browser/skin/aboutTabCrashed.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="branding/brand.ftl" />
<link rel="localization" href="browser/aboutTabCrashed.ftl" /> <link rel="localization" href="browser/aboutTabCrashed.ftl" />
@ -24,15 +39,20 @@
<body> <body>
<div id="main" class="container" multiple="false"> <div id="main" class="container" multiple="false">
<div class="title"> <div class="title">
<h1 class="title-text" data-l10n-id="crashed-header"></h1> <h1 class="title-text" data-l10n-id="crashed-header"></h1>
</div> </div>
<div class="offers"> <div class="offers">
<h2 data-l10n-id="crashed-offer-help"></h2> <h2 data-l10n-id="crashed-offer-help"></h2>
<p id="offerHelpMessageSingle" data-l10n-id="crashed-single-offer-help-message"></p> <p
<p id="offerHelpMessageMultiple" data-l10n-id="crashed-multiple-offer-help-message"></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>
<div id="reportBox"> <div id="reportBox">
@ -48,7 +68,11 @@
<ul id="options"> <ul id="options">
<li> <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>
<li> <li>
@ -72,8 +96,16 @@
<div class="button-container"> <div class="button-container">
<button id="closeTab" data-l10n-id="crashed-close-tab-button"></button> <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
<button id="restoreAll" autofocus="true" data-l10n-id="crashed-restore-all-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>
</div> </div>
</body> </body>

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

@ -6,7 +6,10 @@
<html> <html>
<head> <head>
<meta name="color-scheme" content="light dark"> <meta name="color-scheme" content="light dark" />
<meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src chrome:; object-src 'none'" > <meta
http-equiv="Content-Security-Policy"
content="default-src 'none'; style-src chrome:; object-src 'none'"
/>
</head> </head>
</html> </html>

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

@ -6,23 +6,33 @@
- file, You can obtain one at http://mozilla.org/MPL/2.0/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <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" /> <meta name="color-scheme" content="light dark" />
<link rel="stylesheet" href="chrome://browser/skin/blockedSite.css" type="text/css" media="all" /> <link
<link rel="icon" id="favicon" href="chrome://global/skin/icons/blocked.svg"/> 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="branding/brand.ftl" />
<link rel="localization" href="browser/safebrowsing/blockedSite.ftl" /> <link rel="localization" href="browser/safebrowsing/blockedSite.ftl" />
</head> </head>
<body> <body>
<div id="errorPageContainer" class="container"> <div id="errorPageContainer" class="container">
<!-- Error Title --> <!-- Error Title -->
<div id="errorTitle" class="title"> <div id="errorTitle" class="title">
<h1 class="title-text" id="errorTitleText"></h1> <h1 class="title-text" id="errorTitleText"></h1>
</div> </div>
<div id="errorLongContent"> <div id="errorLongContent">
<!-- Short Description --> <!-- Short Description -->
<div id="errorShortDesc"> <div id="errorShortDesc">
<p id="errorShortDescText"></p> <p id="errorShortDescText"></p>
@ -38,8 +48,15 @@
<!-- Action buttons --> <!-- Action buttons -->
<div id="buttons" class="button-container"> <div id="buttons" class="button-container">
<!-- Commands handled in browser.js --> <!-- Commands handled in browser.js -->
<button id="goBackButton" class="primary" data-l10n-id="safeb-palm-accept-label"></button> <button
<button id="seeDetailsButton" data-l10n-id="safeb-palm-see-details-label"></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> </div>
<div id="errorDescriptionContainer" hidden="true"> <div id="errorDescriptionContainer" hidden="true">
@ -49,7 +66,10 @@
<span id="error_desc_sitename" data-l10n-name="sitename"></span> <span id="error_desc_sitename" data-l10n-name="sitename"></span>
<a id="error_desc_link" data-l10n-name="error_desc_link"></a> <a id="error_desc_link" data-l10n-name="error_desc_link"></a>
<a id="report_detection" data-l10n-name="report_detection"></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>
<p id="learn_more"> <p id="learn_more">
<a id="learn_more_link" data-l10n-name="learn_more_link"></a> <a id="learn_more_link" data-l10n-name="learn_more_link"></a>

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 <!-- 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 - 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/. --> - 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 <p>
<a href="http://www.mozilla.org/">Mozilla Project</a> under the Mozilla <b>Binaries</b> of this product have been made available to you by the
Public License 2.0 (MPL). <a href="about:rights">Know your rights</a>.</p> <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>

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

@ -7,16 +7,19 @@
<?xml-stylesheet href="chrome://global/skin/global.css"?> <?xml-stylesheet href="chrome://global/skin/global.css"?>
<?xml-stylesheet href="chrome://browser/content/safeMode.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" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
data-l10n-id="troubleshoot-mode-window" data-l10n-id="troubleshoot-mode-window"
data-l10n-attrs="title,style" data-l10n-attrs="title,style"
onload="onLoad()"> onload="onLoad()"
<dialog id="safeModeDialog" >
<dialog
id="safeModeDialog"
buttons="accept,extra1" buttons="accept,extra1"
buttonidaccept="start-troubleshoot-mode" buttonidaccept="start-troubleshoot-mode"
buttonidextra1="refresh-profile"> buttonidextra1="refresh-profile"
>
<linkset> <linkset>
<html:link rel="localization" href="branding/brand.ftl" /> <html:link rel="localization" href="branding/brand.ftl" />
<html:link rel="localization" href="browser/safeMode.ftl" /> <html:link rel="localization" href="browser/safeMode.ftl" />
@ -24,7 +27,6 @@
<script src="chrome://browser/content/safeMode.js" /> <script src="chrome://browser/content/safeMode.js" />
<vbox id="autoSafeMode" hidden="true"> <vbox id="autoSafeMode" hidden="true">
<description data-l10n-id="auto-safe-mode-description" /> <description data-l10n-id="auto-safe-mode-description" />
</vbox> </vbox>
@ -32,7 +34,10 @@
<vbox id="safeMode"> <vbox id="safeMode">
<label data-l10n-id="troubleshoot-mode-description" /> <label data-l10n-id="troubleshoot-mode-description" />
<separator class="thin" /> <separator class="thin" />
<label id="resetProfileInstead" data-l10n-id="skip-troubleshoot-refresh-profile"/> <label
id="resetProfileInstead"
data-l10n-id="skip-troubleshoot-refresh-profile"
/>
</vbox> </vbox>
<vbox id="resetProfile" hidden="true"> <vbox id="resetProfile" hidden="true">

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

@ -9,18 +9,19 @@
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.css"?> <?xml-stylesheet href="chrome://browser/skin/preferences/preferences.css"?>
<?xml-stylesheet href="chrome://browser/skin/sanitizeDialog.css"?> <?xml-stylesheet href="chrome://browser/skin/sanitizeDialog.css"?>
<?xml-stylesheet href="chrome://browser/content/sanitizeDialog.css"?> <?xml-stylesheet href="chrome://browser/content/sanitizeDialog.css"?>
<!DOCTYPE window> <!DOCTYPE window>
<window id="SanitizeDialog" <window
id="SanitizeDialog"
type="child" type="child"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
xmlns:html="http://www.w3.org/1999/xhtml" xmlns:html="http://www.w3.org/1999/xhtml"
persist="lastSelected screenX screenY" persist="lastSelected screenX screenY"
data-l10n-id="sanitize-dialog-title" data-l10n-id="sanitize-dialog-title"
data-l10n-attrs="style"> data-l10n-attrs="style"
>
<dialog buttons="accept,cancel"> <dialog buttons="accept,cancel">
<hbox> <hbox>
<html:h2 id="titleText" /> <html:h2 id="titleText" />
@ -34,24 +35,42 @@
<script src="chrome://browser/content/sanitizeDialog.js" /> <script src="chrome://browser/content/sanitizeDialog.js" />
<hbox id="SanitizeDurationBox" align="center"> <hbox id="SanitizeDurationBox" align="center">
<label data-l10n-id="clear-time-duration-prefix" <label
data-l10n-id="clear-time-duration-prefix"
control="sanitizeDurationChoice" control="sanitizeDurationChoice"
id="sanitizeDurationLabel"/> id="sanitizeDurationLabel"
<menulist id="sanitizeDurationChoice" />
<menulist
id="sanitizeDurationChoice"
preference="privacy.sanitize.timeSpan" preference="privacy.sanitize.timeSpan"
onselect="gSanitizePromptDialog.selectByTimespan();" onselect="gSanitizePromptDialog.selectByTimespan();"
flex="1"> flex="1"
>
<menupopup id="sanitizeDurationPopup"> <menupopup id="sanitizeDurationPopup">
<menuitem data-l10n-id="clear-time-duration-value-last-hour" value="1"/> <menuitem
<menuitem data-l10n-id="clear-time-duration-value-last-2-hours" value="2"/> data-l10n-id="clear-time-duration-value-last-hour"
<menuitem data-l10n-id="clear-time-duration-value-last-4-hours" value="3"/> 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" /> <menuitem data-l10n-id="clear-time-duration-value-today" value="4" />
<menuseparator /> <menuseparator />
<menuitem data-l10n-id="clear-time-duration-value-everything" value="0"/> <menuitem
data-l10n-id="clear-time-duration-value-everything"
value="0"
/>
</menupopup> </menupopup>
</menulist> </menulist>
<label id="sanitizeDurationSuffixLabel" <label
data-l10n-id="clear-time-duration-suffix"/> id="sanitizeDurationSuffixLabel"
data-l10n-id="clear-time-duration-suffix"
/>
</hbox> </hbox>
<vbox id="sanitizeEverythingWarningBox"> <vbox id="sanitizeEverythingWarningBox">
@ -60,7 +79,10 @@
<image id="sanitizeEverythingWarningIcon" /> <image id="sanitizeEverythingWarningIcon" />
<vbox id="sanitizeEverythingWarningDescBox" flex="1"> <vbox id="sanitizeEverythingWarningDescBox" flex="1">
<description id="sanitizeEverythingWarning" /> <description id="sanitizeEverythingWarning" />
<description id="sanitizeEverythingUndoWarning" data-l10n-id="sanitize-everything-undo-warning"></description> <description
id="sanitizeEverythingUndoWarning"
data-l10n-id="sanitize-everything-undo-warning"
></description>
</vbox> </vbox>
</hbox> </hbox>
<spacer flex="1" /> <spacer flex="1" />
@ -70,18 +92,25 @@
<label><html:h2 data-l10n-id="history-section-label" /></label> <label><html:h2 data-l10n-id="history-section-label" /></label>
<hbox> <hbox>
<vbox data-l10n-id="sanitize-prefs-style" data-l10n-attrs="style"> <vbox data-l10n-id="sanitize-prefs-style" data-l10n-attrs="style">
<checkbox data-l10n-id="item-history-and-downloads" <checkbox
preference="privacy.cpd.history"/> data-l10n-id="item-history-and-downloads"
<checkbox data-l10n-id="item-active-logins" preference="privacy.cpd.history"
preference="privacy.cpd.sessions"/> />
<checkbox data-l10n-id="item-form-search-history" <checkbox
preference="privacy.cpd.formdata"/> data-l10n-id="item-active-logins"
preference="privacy.cpd.sessions"
/>
<checkbox
data-l10n-id="item-form-search-history"
preference="privacy.cpd.formdata"
/>
</vbox> </vbox>
<vbox flex="1"> <vbox flex="1">
<checkbox data-l10n-id="item-cookies" <checkbox
preference="privacy.cpd.cookies"/> data-l10n-id="item-cookies"
<checkbox data-l10n-id="item-cache" preference="privacy.cpd.cookies"
preference="privacy.cpd.cache"/> />
<checkbox data-l10n-id="item-cache" preference="privacy.cpd.cache" />
</vbox> </vbox>
</hbox> </hbox>
</groupbox> </groupbox>
@ -89,12 +118,16 @@
<label><html:h2 data-l10n-id="data-section-label" /></label> <label><html:h2 data-l10n-id="data-section-label" /></label>
<hbox> <hbox>
<vbox data-l10n-id="sanitize-prefs-style" data-l10n-attrs="style"> <vbox data-l10n-id="sanitize-prefs-style" data-l10n-attrs="style">
<checkbox data-l10n-id="item-site-settings" <checkbox
preference="privacy.cpd.siteSettings"/> data-l10n-id="item-site-settings"
preference="privacy.cpd.siteSettings"
/>
</vbox> </vbox>
<vbox flex="1"> <vbox flex="1">
<checkbox data-l10n-id="item-offline-apps" <checkbox
preference="privacy.cpd.offlineApps"/> data-l10n-id="item-offline-apps"
preference="privacy.cpd.offlineApps"
/>
</vbox> </vbox>
</hbox> </hbox>
</groupbox> </groupbox>

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

@ -6,12 +6,19 @@
<html> <html>
<head> <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
<meta name="referrer" content="no-referrer"> http-equiv="Content-Security-Policy"
<link rel="stylesheet" type="text/css" href="chrome://global/skin/in-content/common.css"> content="default-src resource: chrome:; img-src https://www.mozilla.org https://firefox-settings-attachments.cdn.mozilla.net blob: chrome:; object-src 'none'"
<link rel="localization" href="branding/brand.ftl"> />
<link rel="localization" href="toolkit/branding/brandings.ftl"> <meta name="referrer" content="no-referrer" />
<link rel="localization" href="browser/newtab/asrouter.ftl"> <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/newtab/onboarding.ftl" />
<link rel="localization" href="browser/spotlight.ftl" /> <link rel="localization" href="browser/spotlight.ftl" />
</head> </head>

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

@ -8,12 +8,13 @@
<!DOCTYPE html> <!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" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
id="webrtcIndicator" id="webrtcIndicator"
windowtype="Browser:WebRTCGlobalIndicator" windowtype="Browser:WebRTCGlobalIndicator"
chromemargin="0,0,0,0"> chromemargin="0,0,0,0"
>
<head> <head>
<link rel="localization" href="branding/brand.ftl" /> <link rel="localization" href="branding/brand.ftl" />
<link rel="localization" href="browser/webrtcIndicator.ftl" /> <link rel="localization" href="browser/webrtcIndicator.ftl" />
@ -22,17 +23,23 @@
<script src="chrome://browser/content/webrtcIndicator.js"></script> <script src="chrome://browser/content/webrtcIndicator.js"></script>
</head> </head>
<xul:menu id="webRTC-sharingCamera-menu" data-l10n-id="webrtc-camera-system-menu"> <xul:menu
<xul:menupopup type="Camera"> id="webRTC-sharingCamera-menu"
</xul:menupopup> data-l10n-id="webrtc-camera-system-menu"
>
<xul:menupopup type="Camera"> </xul:menupopup>
</xul:menu> </xul:menu>
<xul:menu id="webRTC-sharingMicrophone-menu" data-l10n-id="webrtc-microphone-system-menu"> <xul:menu
<xul:menupopup type="Microphone"> id="webRTC-sharingMicrophone-menu"
</xul:menupopup> data-l10n-id="webrtc-microphone-system-menu"
>
<xul:menupopup type="Microphone"> </xul:menupopup>
</xul:menu> </xul:menu>
<xul:menu id="webRTC-sharingScreen-menu" data-l10n-id="webrtc-screen-system-menu"> <xul:menu
<xul:menupopup type="Screen"> id="webRTC-sharingScreen-menu"
</xul:menupopup> data-l10n-id="webrtc-screen-system-menu"
>
<xul:menupopup type="Screen"> </xul:menupopup>
</xul:menu> </xul:menu>
<body role="alert"> <body role="alert">
@ -41,18 +48,39 @@
<image id="display-share-icon" /> <image id="display-share-icon" />
<span id="window-share-info" data-l10n-id="webrtc-sharing-window" /> <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="browser-window-share-info"
data-l10n-id="webrtc-sharing-browser-window"
/>
<span id="screen-share-info" data-l10n-id="webrtc-sharing-screen" /> <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"/> <button
id="stop-sharing"
class="stop-button"
data-l10n-id="webrtc-stop-sharing-button"
/>
</div> </div>
<div class="row-item separator" /> <div class="row-item separator" />
<div id="device-share" class="row-item"> <div id="device-share" class="row-item">
<input type="checkbox" id="microphone-mute-toggle" class="control-icon" data-l10n-id="webrtc-microphone-unmuted"/> <input
<input type="checkbox" id="camera-mute-toggle" class="control-icon" data-l10n-id="webrtc-camera-unmuted"/> 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>
<div class="row-item separator" /> <div class="row-item separator" />
<div id="window-controls" class="row-item"> <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> </div>
</body> </body>
</html> </html>

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

@ -5,54 +5,99 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <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
<meta name="color-scheme" content="light dark"> 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> <title data-l10n-id="about-logins-import-report-page-title"></title>
<link rel="localization" href="branding/brand.ftl"> <link rel="localization" href="branding/brand.ftl" />
<link rel="localization" href="browser/aboutLogins.ftl"> <link rel="localization" href="browser/aboutLogins.ftl" />
<link rel="localization" href="toolkit/branding/accounts.ftl"> <link rel="localization" href="toolkit/branding/accounts.ftl" />
<link rel="localization" href="toolkit/branding/brandings.ftl"> <link rel="localization" href="toolkit/branding/brandings.ftl" />
<script type="module" src="chrome://browser/content/aboutlogins/aboutLoginsImportReport.mjs"></script> <script
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css"> type="module"
<link rel="stylesheet" href="chrome://browser/content/aboutlogins/aboutLogins.css"> src="chrome://browser/content/aboutlogins/aboutLoginsImportReport.mjs"
<link rel="stylesheet" href="chrome://browser/content/aboutlogins/aboutLoginsImportReport.css"> ></script>
<link rel="stylesheet" href="chrome://browser/content/aboutlogins/common.css"> <link rel="stylesheet" href="chrome://global/skin/in-content/common.css" />
<link rel="icon" href="chrome://branding/content/icon32.png"> <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> </head>
<body class="importreport"> <body class="importreport">
<section id="report-body"> <section id="report-body">
<div class="summary"> <div class="summary">
<h2 data-l10n-id="about-logins-import-report-title"></h2> <h2 data-l10n-id="about-logins-import-report-title"></h2>
<div data-l10n-id="about-logins-import-report-description"></div> <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" <a
data-l10n-id="about-logins-import-dialog-error-learn-more" target="_blank" rel="noreferrer"></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>
<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="count" class="result-count"></div>
<div data-l10n-name="details" class="count-details"></div> <div data-l10n-name="details" class="count-details"></div>
</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="count" class="result-count"></div>
<div data-l10n-name="details" class="count-details"></div> <div data-l10n-name="details" class="count-details"></div>
</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="count" class="result-count"></div>
<div data-l10n-name="details" class="count-details"></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>
<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="count" class="result-count"></div>
<div data-l10n-name="details" class="count-details"></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>
<div class="logins-list"></div> <div class="logins-list"></div>
</section> </section>
<template id="import-details-row-template"> <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> <span class="row-details"></span>
</template> </template>
</body> </body>
</html> </html>

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

@ -7,16 +7,25 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="Content-Security-Policy" content="default-src chrome:; object-src 'none'"> <meta
<meta name="color-scheme" content="light dark"> 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> <title data-l10n-id="about-policies-title"></title>
<link rel="stylesheet" href="chrome://browser/content/policies/aboutPolicies.css"> <link
<link rel="localization" href="branding/brand.ftl"> rel="stylesheet"
<link rel="localization" href="browser/aboutPolicies.ftl"> href="chrome://browser/content/policies/aboutPolicies.css"
<link rel="localization" href="browser/policies/policies-descriptions.ftl"> />
<link rel="localization" href="toolkit/branding/accounts.ftl"> <link rel="localization" href="branding/brand.ftl" />
<link rel="localization" href="toolkit/branding/brandings.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> <script src="chrome://browser/content/policies/aboutPolicies.js"></script>
</head> </head>
<body id="body"> <body id="body">
@ -33,12 +42,22 @@
</div> </div>
<div class="main-content"> <div class="main-content">
<div class="header"> <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>
<div id="active" class="tab active"> <div id="active" class="tab active">
<h3 class="inactive-service-message" data-l10n-id="inactive-message"></h3> <h3
<h3 class="no-specified-policies-message" data-l10n-id="no-specified-policies-message"></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> <table>
<thead> <thead>
<tr> <tr>

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

@ -5,15 +5,30 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="Content-Security-Policy" content="default-src resource: chrome:; object-src 'none'; img-src data: chrome:;"> <meta
<meta name="color-scheme" content="light dark"> 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> <title>Firefox View Next</title>
<link rel="localization" href="preview/firefoxViewNext.ftl" /> <link rel="localization" href="preview/firefoxViewNext.ftl" />
<link rel="stylesheet" href="chrome://browser/content/firefoxview/firefoxview-next.css"> <link
<script type="module" src="chrome://browser/content/firefoxview/overview.mjs"></script> rel="stylesheet"
<script type="module" src="chrome://browser/content/firefoxview/history.mjs"></script> href="chrome://browser/content/firefoxview/firefoxview-next.css"
<script type="module" src="chrome://browser/content/firefoxview/opentabs.mjs"></script> />
<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> </head>
<body> <body>

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

@ -5,21 +5,44 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="Content-Security-Policy" content="default-src resource: chrome:; object-src 'none'; img-src data: chrome:;"> <meta
<meta name="color-scheme" content="light dark"> 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> <title data-l10n-id="firefoxview-page-title"></title>
<link rel="icon" type="image/png" id="favicon" href="chrome://branding/content/icon32.png"/> <link
<link rel="localization" href="branding/brand.ftl"> 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="browser/firefoxView.ftl" />
<link rel="localization" href="toolkit/branding/accounts.ftl" /> <link rel="localization" href="toolkit/branding/accounts.ftl" />
<link rel="localization" href="toolkit/branding/brandings.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://global/skin/in-content/common.css" />
<link rel="stylesheet" href="chrome://browser/content/firefoxview/firefoxview.css"> <link
<script type="module" src="chrome://browser/content/firefoxview/tab-pickup-container.mjs"></script> rel="stylesheet"
<script type="module" src="chrome://browser/content/firefoxview/firefoxview.mjs"></script> href="chrome://browser/content/firefoxview/firefoxview.css"
<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
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> <script src="chrome://browser/content/contentTheme.js"></script>
</head> </head>
@ -27,27 +50,69 @@
<div id="logo-container" class="content-container"> <div id="logo-container" class="content-container">
<div class="brand-logo"> <div class="brand-logo">
<span class="brand-icon"></span> <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>
</div> </div>
<main> <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"> <summary class="page-section-header">
<span class="twisty icon" data-l10n-id="firefoxview-collapse-button-hide" aria-role="presentation"></span> <span
<h1 id="collapsible-synced-tabs-header" data-l10n-id="firefoxview-tabpickup-header"></h1> class="twisty icon"
<h2 class="section-description" data-l10n-id="firefoxview-tabpickup-description"></h2> 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> </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"> <div class="message-content">
<h2 data-l10n-id="firefoxview-mobile-confirmation-header" class="message-header"></h2> <h2
<span class="message-description" data-l10n-id="firefoxview-mobile-confirmation-description"></span> data-l10n-id="firefoxview-mobile-confirmation-header"
class="message-header"
></h2>
<span
class="message-description"
data-l10n-id="firefoxview-mobile-confirmation-description"
></span>
</div> </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> </div>
<named-deck class="sync-setup-container" role="region" aria-labelledby="collapsible-synced-tabs-header" id="tabpickup-steps"> <named-deck
<div name="sync-setup-view0" id="tabpickup-steps-view0" class="card card-no-hover error-state" aria-labelledby="tabpickup-steps-view0-header"> class="sync-setup-container"
<icon class="icon info primary"></icon><h3 id="tabpickup-steps-view0-header" class="card-header"></h3> 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> <section>
<p> <p>
<span id="error-state-description"></span> <span id="error-state-description"></span>
@ -56,67 +121,157 @@
<button id="error-state-button" class="primary"></button> <button id="error-state-button" class="primary"></button>
</section> </section>
</div> </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"> <div
<h2 id="tabpickup-steps-view1-header" data-l10n-id="firefoxview-tabpickup-step-signin-header" class="card-header"></h2> 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"> <section class="card-body">
<p class="step-content" data-l10n-id="firefoxview-tabpickup-step-signin-description"></p> <p
<button id="firefoxview-tabpickup-step-signin-primarybutton" class="primary" data-action="view1-primary-action" data-l10n-id="firefoxview-tabpickup-step-signin-primarybutton"></button> 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> </section>
<footer> <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 <label
for="tabpickup-steps-view1-progress" for="tabpickup-steps-view1-progress"
data-l10n-id="firefoxview-tabpickup-progress-label" data-l10n-id="firefoxview-tabpickup-progress-label"
data-l10n-args='{"percentValue":"11"}'></label> data-l10n-args='{"percentValue":"11"}'
></label>
</footer> </footer>
</div> </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"> <div
<h2 id="tabpickup-steps-view2-header" data-l10n-id="firefoxview-tabpickup-adddevice-header" class="card-header"></h2> 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"> <section class="card-body">
<p class="step-content"> <p class="step-content">
<span data-l10n-id="firefoxview-tabpickup-adddevice-description"></span> <span
data-l10n-id="firefoxview-tabpickup-adddevice-description"
></span>
<br /> <br />
<a target="_blank" data-support-url="tab-pickup-firefox-view" data-l10n-id="firefoxview-tabpickup-adddevice-learn-how"></a> <a
target="_blank"
data-support-url="tab-pickup-firefox-view"
data-l10n-id="firefoxview-tabpickup-adddevice-learn-how"
></a>
</p> </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> </section>
<footer> <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 <label
for="tabpickup-steps-view2-progress" for="tabpickup-steps-view2-progress"
data-l10n-id="firefoxview-tabpickup-progress-label" data-l10n-id="firefoxview-tabpickup-progress-label"
data-l10n-args='{"percentValue":"33"}'></label> data-l10n-args='{"percentValue":"33"}'
></label>
</footer> </footer>
</div> </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"> <div
<h2 id="tabpickup-steps-view3-header" data-l10n-id="firefoxview-tabpickup-synctabs-header" class="card-header"></h2> 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"> <section class="card-body">
<p class="step-content"> <p class="step-content">
<span data-l10n-id="firefoxview-tabpickup-synctabs-description"></span> <span
data-l10n-id="firefoxview-tabpickup-synctabs-description"
></span>
<br /> <br />
<a target="_blank" data-support-url="tab-pickup-firefox-view" data-l10n-id="firefoxview-tabpickup-synctabs-learn-how"></a> <a
target="_blank"
data-support-url="tab-pickup-firefox-view"
data-l10n-id="firefoxview-tabpickup-synctabs-learn-how"
></a>
</p> </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> </section>
<footer> <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 <label
for="tabpickup-steps-view3-progress" for="tabpickup-steps-view3-progress"
data-l10n-id="firefoxview-tabpickup-progress-label" data-l10n-id="firefoxview-tabpickup-progress-label"
data-l10n-args='{"percentValue":"66"}'></label> data-l10n-args='{"percentValue":"66"}'
></label>
</footer> </footer>
</div> </div>
</named-deck> </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> <tab-pickup-list>
<ol hidden="true" class="synced-tabs-list"></ol> <ol hidden="true" class="synced-tabs-list"></ol>
</tab-pickup-list> </tab-pickup-list>
<div hidden id="synced-tabs-placeholder" class="placeholder-content"> <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"> <div class="placeholder-text">
<h4 data-l10n-id="firefoxview-synced-tabs-placeholder-header" class="placeholder-header"></h4> <h4
<p data-l10n-id="firefoxview-synced-tabs-placeholder-body" class="placeholder-body"></p> 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> </div>
<div class="loading-content"> <div class="loading-content">
@ -128,22 +283,56 @@
<div class="promo-box message-box zap-card card-no-hover card" hidden> <div class="promo-box message-box zap-card card-no-hover card" hidden>
<div class="card-body"> <div class="card-body">
<div class="message-content"> <div class="message-content">
<h2 data-l10n-id="firefoxview-mobile-promo-header" class="message-header"></h2> <h2
<p class="message-description" data-l10n-id="firefoxview-mobile-promo-description"></p> data-l10n-id="firefoxview-mobile-promo-header"
class="message-header"
></h2>
<p
class="message-description"
data-l10n-id="firefoxview-mobile-promo-description"
></p>
</div> </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> </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> </div>
</details> </details>
<details class="content-container" is="recently-closed-tabs-container" id="recently-closed-tabs-container" open> <details
<summary id="recently-closed-tabs-header-section" class="page-section-header" data-l10n-id="firefoxview-collapse-button-hide"> 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> <span class="twisty icon" aria-role="presentation"></span>
<h1 id="recently-closed-tabs-header" data-l10n-id="firefoxview-closed-tabs-title"></h1> <h1
<h2 class="section-description" data-l10n-id="firefoxview-closed-tabs-description2"></h2> 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> </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> <recently-closed-tabs-list></recently-closed-tabs-list>
</div> </div>
</details> </details>

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

@ -5,17 +5,20 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="Content-Security-Policy" content="default-src chrome: blob:; img-src https:; object-src 'none'"> <meta
<meta name="color-scheme" content="light dark"> http-equiv="Content-Security-Policy"
<link rel="localization" href="toolkit/branding/brandings.ftl"> content="default-src chrome: blob:; img-src https:; object-src 'none'"
<link rel="localization" href="branding/brand.ftl"> />
<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 --> <!-- Temporary "en-US"-only l10n strings -->
<link rel="localization" href="preview/ion.ftl"> <link rel="localization" href="preview/ion.ftl" />
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css"> <link rel="stylesheet" href="chrome://global/skin/in-content/common.css" />
<link rel="stylesheet" href="chrome://browser/content/ion.css"> <link rel="stylesheet" href="chrome://browser/content/ion.css" />
<script src="chrome://browser/content/ion.js"></script> <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> <title data-l10n-id="ion"></title>
</head> </head>
@ -29,9 +32,18 @@
<div id="summary" data-l10n-id="ion-summary"></div> <div id="summary" data-l10n-id="ion-summary"></div>
<details id="details" open> <details id="details" open>
<summary data-l10n-id="ion-works-title"></summary> <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>
<p><strong data-l10n-id="ion-works-bullet-enroll-title" ></strong> <span data-l10n-id="ion-works-bullet-enroll-content"></span></p> <strong data-l10n-id="ion-works-bullet-get-started-title"></strong>
<p><strong data-l10n-id="ion-works-bullet-control-title" ></strong> <span data-l10n-id="ion-works-bullet-control-content"></span></p> <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>
<details id="data" open> <details id="data" open>
<summary data-l10n-id="ion-your-data-title"></summary> <summary data-l10n-id="ion-your-data-title"></summary>
@ -43,7 +55,12 @@
</ul> </ul>
</details> </details>
<p data-l10n-id="ion-your-data-learn-more"> <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> </p>
<h2 id="header-available-studies"></h2> <h2 id="header-available-studies"></h2>
<div id="available-studies"></div> <div id="available-studies"></div>
@ -55,7 +72,12 @@
<p data-l10n-id="ion-enroll-summary"></p> <p data-l10n-id="ion-enroll-summary"></p>
<p data-l10n-id="ion-enroll-demographic"></p> <p data-l10n-id="ion-enroll-demographic"></p>
<p data-l10n-id="ion-enroll-privacy-notice"> <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> </p>
<h2 data-l10n-id="ion-enroll-what-we-collect"></h2> <h2 data-l10n-id="ion-enroll-what-we-collect"></h2>
<p data-l10n-id="ion-enroll-collect-demographic"></p> <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-interaction-data"></p>
<p data-l10n-id="ion-enroll-location-data"></p> <p data-l10n-id="ion-enroll-location-data"></p>
<p data-l10n-id="ion-enroll-data-disclosure"> <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> </p>
<h2 data-l10n-id="ion-enroll-how-we-use"></h2> <h2 data-l10n-id="ion-enroll-how-we-use"></h2>
<p data-l10n-id="ion-enroll-r-and-d"></p> <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-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-third-party"></p>
<p data-l10n-id="ion-enroll-who-we-disclose-bullet-public"> <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> </p>
<h2 data-l10n-id="ion-enroll-data-management"></h2> <h2 data-l10n-id="ion-enroll-data-management"></h2>
<p data-l10n-id="ion-enroll-data-management-learn-more"> <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
<a data-l10n-name="compliance-email" href="mailto:compliance@mozilla.com"></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> </p>
</ul> </ul>
<footer> <footer>
<button id="join-ion-accept-dialog-button" class="primary" data-l10n-id="ion-accept-participate" ></button> <button
<button id="join-ion-cancel-dialog-button" data-l10n-id="ion-cancel" ></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> </footer>
</dialog> </dialog>
<dialog id="leave-ion-consent-dialog" class="modal" is="trapped-dialog"> <dialog id="leave-ion-consent-dialog" class="modal" is="trapped-dialog">
@ -95,12 +141,24 @@
<ul id="leave-ion-consent" class="consent-list"> <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-thanks"></p>
<p data-l10n-id="leave-ion-consent-bullet-manage"> <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> </p>
</ul> </ul>
<footer> <footer>
<button id="leave-ion-cancel-dialog-button" class="primary" data-l10n-id="ion-cancel"></button> <button
<button id="leave-ion-accept-dialog-button" data-l10n-id="ion-accept-leave" ></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> </footer>
</dialog> </dialog>
<dialog id="join-study-consent-dialog" class="modal" is="trapped-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> <p data-l10n-id="ion-program-study-intro"></p>
<ul id="join-study-consent" class="consent-list"></ul> <ul id="join-study-consent" class="consent-list"></ul>
<footer> <footer>
<button id="join-study-accept-dialog-button" class="primary" data-l10n-id="ion-consent-study-join"></button> <button
<button id="join-study-cancel-dialog-button" data-l10n-id="ion-cancel" ></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> </footer>
</dialog> </dialog>
<dialog id="leave-study-consent-dialog" class="modal" is="trapped-dialog"> <dialog id="leave-study-consent-dialog" class="modal" is="trapped-dialog">
<h3 data-l10n-id="leave-study-consent-title"></h3> <h3 data-l10n-id="leave-study-consent-title"></h3>
<ul id="leave-study-consent" class="consent-list"> <ul id="leave-study-consent" class="consent-list">
<p data-l10n-id="leave-study-consent-bullet-manage"> <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> </p>
</ul> </ul>
<footer> <footer>
<button id="leave-study-cancel-dialog-button" class="primary" data-l10n-id="ion-cancel" ></button> <button
<button id="leave-study-accept-dialog-button" data-l10n-id="ion-consent-study-leave"></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> </footer>
</dialog> </dialog>
</div> </div>

11
browser/components/messagepreview/messagepreview.html
View file

@ -11,14 +11,17 @@
<meta <meta
http-equiv="Content-Security-Policy" http-equiv="Content-Security-Policy"
content="default-src resource: chrome:; object-src 'none'; img-src data: chrome:;" content="default-src resource: chrome:; object-src 'none'; img-src data: chrome:;"
> />
<title>about:messagepreview</title> <title>about:messagepreview</title>
<link <link
rel="icon" rel="icon"
href="chrome://browser/content/messagepreview/limelight.svg" href="chrome://browser/content/messagepreview/limelight.svg"
> />
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css"> <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://browser/content/messagepreview/messagepreview.css"
/>
<script src="chrome://browser/content/messagepreview/messagepreview.js"></script> <script src="chrome://browser/content/messagepreview/messagepreview.js"></script>
</head> </head>

104
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 # 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/. # file, You can obtain one at http://mozilla.org/MPL/2.0/.
--> -->
<!DOCTYPE html [ <!DOCTYPE html [ <!ENTITY % htmlDTD PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!ENTITY % htmlDTD PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> %htmlDTD; ]>
%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> <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" /> <meta name="color-scheme" content="light dark" />
<title data-l10n-id="welcome-back-tab-title"></title> <title data-l10n-id="welcome-back-tab-title"></title>
<link rel="stylesheet" href="chrome://global/skin/in-content/info-pages.css" media="all"/> <link
<link rel="stylesheet" href="chrome://browser/skin/aboutWelcomeBack.css" media="all"/> 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="icon" href="chrome://global/skin/icons/info-filled.svg" />
<link rel="localization" href="browser/aboutSessionRestore.ftl" /> <link rel="localization" href="browser/aboutSessionRestore.ftl" />
<link rel="localization" href="branding/brand.ftl" /> <link rel="localization" href="branding/brand.ftl" />
<script src="chrome://browser/content/aboutSessionRestore.js" /> <script src="chrome://browser/content/aboutSessionRestore.js" />
<script type="module" src="chrome://global/content/elements/moz-support-link.mjs"/> <script
type="module"
src="chrome://global/content/elements/moz-support-link.mjs"
/>
</head> </head>
<body> <body>
<div class="container tab-list-tree-container"> <div class="container tab-list-tree-container">
<div class="description-wrapper"> <div class="description-wrapper">
<div class="title"> <div class="title">
<h1 class="title-text" data-l10n-id="welcome-back-page-title"></h1> <h1 class="title-text" data-l10n-id="welcome-back-page-title"></h1>
</div> </div>
<div class="description"> <div class="description">
<p data-l10n-id="welcome-back-page-info"></p> <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> <div>
<label class="radioRestoreContainer radio-container-with-text"> <label class="radioRestoreContainer radio-container-with-text">
<input class="radioRestoreButton" id="radioRestoreAll" type="radio" <input
name="restore" checked="checked"/> class="radioRestoreButton"
<span class="radioRestoreLabel" data-l10n-id="welcome-back-restore-all-label"></span> id="radioRestoreAll"
type="radio"
name="restore"
checked="checked"
/>
<span
class="radioRestoreLabel"
data-l10n-id="welcome-back-restore-all-label"
></span>
</label> </label>
<label class="radioRestoreContainer radio-container-with-text"> <label class="radioRestoreContainer radio-container-with-text">
<input class="radioRestoreButton" id="radioRestoreChoose" type="radio" <input
name="restore"/> class="radioRestoreButton"
<span class="radioRestoreLabel" data-l10n-id="welcome-back-restore-some-label"></span> id="radioRestoreChoose"
type="radio"
name="restore"
/>
<span
class="radioRestoreLabel"
data-l10n-id="welcome-back-restore-some-label"
></span>
</label> </label>
</div> </div>
</div> </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:treecols>
<xul:treecol cycler="true" id="restore" type="checkbox" data-l10n-id="restore-page-restore-header"/> <xul:treecol
cycler="true"
id="restore"
type="checkbox"
data-l10n-id="restore-page-restore-header"
/>
<xul:splitter class="tree-splitter" /> <xul:splitter class="tree-splitter" />
<xul:treecol primary="true" id="title" data-l10n-id="restore-page-list-header" flex="1"/> <xul:treecol
primary="true"
id="title"
data-l10n-id="restore-page-list-header"
flex="1"
/>
</xul:treecols> </xul:treecols>
<xul:treechildren flex="1" /> <xul:treechildren flex="1" />
</xul:tree> </xul:tree>
<div class="button-container"> <div class="button-container">
<xul:button class="primary" <xul:button
class="primary"
id="errorTryAgain" id="errorTryAgain"
data-l10n-id="welcome-back-restore-button"/> data-l10n-id="welcome-back-restore-button"
/>
</div> </div>
<input type="text" id="sessionData" hidden="true" /> <input type="text" id="sessionData" hidden="true" />
</div> </div>
</body> </body>
</html> </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 <!-- 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, - 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/. --> - You can obtain one at http://mozilla.org/MPL/2.0/. -->
<!doctype html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="color-scheme" content="light dark"> <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:;"> <meta
<link rel="icon" type="image/png" href="chrome://branding/content/icon32.png"> http-equiv="Content-Security-Policy"
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css"> content="default-src 'none'; object-src 'none'; script-src chrome:; media-src chrome:; img-src chrome:; style-src chrome:;"
<link rel="stylesheet" href="chrome://browser/skin/migration/migration-dialog-window.css"> />
<script src="chrome://browser/content/migration/migration-wizard.mjs" type="module"></script> <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> <script src="chrome://browser/content/migration/migration-dialog-window.js"></script>
</head> </head>
<body> <body>
<migration-wizard id="wizard" dialog-mode> <migration-wizard id="wizard" dialog-mode>
<panel-list></panel-list> <panel-list></panel-list>
</migration-wizard> </migration-wizard>
</body> </body>
</html> </html>

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

@ -2,16 +2,26 @@
- License, v. 2.0. If a copy of the MPL was not distributed with this file, - 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/. --> - You can obtain one at http://mozilla.org/MPL/2.0/. -->
<!doctype html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="color-scheme" content="light dark"> <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
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> <title data-l10n-id="onboarding-welcome-header"></title>
<link rel="icon" type="image/png" href="chrome://branding/content/icon32.png"> <link
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css"> rel="icon"
<link rel="stylesheet" href="chrome://activity-stream/content/aboutwelcome/aboutwelcome.css"> 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="branding/brand.ftl" />
<link rel="localization" href="browser/newtab/onboarding.ftl" /> <link rel="localization" href="browser/newtab/onboarding.ftl" />
<link rel="localization" href="browser/spotlight.ftl" /> <link rel="localization" href="browser/spotlight.ftl" />
@ -20,14 +30,20 @@
<link rel="localization" href="toolkit/branding/brandings.ftl" /> <link rel="localization" href="toolkit/branding/brandings.ftl" />
</head> </head>
<body> <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.js"></script>
<script src="resource://activity-stream/vendor/react-dom.js"></script> <script src="resource://activity-stream/vendor/react-dom.js"></script>
<script src="chrome://browser/content/contentTheme.js"></script> <script src="chrome://browser/content/contentTheme.js"></script>
<script src="resource://activity-stream/aboutwelcome/aboutwelcome.bundle.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/named-deck.js" async></script>
<script src="chrome://global/content/elements/panel-list.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> </body>
</html> </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, - 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/. --> - You can obtain one at http://mozilla.org/MPL/2.0/. -->
<!doctype html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <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
<meta name="color-scheme" content="light dark"> 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> <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="branding/brand.ftl" />
<link rel="localization" href="toolkit/branding/brandings.ftl" /> <link rel="localization" href="toolkit/branding/brandings.ftl" />
<link rel="localization" href="browser/newtab/newtab.ftl" /> <link rel="localization" href="browser/newtab/newtab.ftl" />
<link rel="stylesheet" href="chrome://browser/content/contentSearchUI.css" /> <link
<link rel="stylesheet" href="chrome://activity-stream/content/css/activity-stream.css" /> rel="stylesheet"
href="chrome://browser/content/contentSearchUI.css"
/>
<link
rel="stylesheet"
href="chrome://activity-stream/content/css/activity-stream.css"
/>
</head> </head>
<body class="activity-stream"> <body class="activity-stream">
<div id="root"></div> <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, - 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/. --> - You can obtain one at http://mozilla.org/MPL/2.0/. -->
<!doctype html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <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
<meta name="color-scheme" content="light dark"> 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> <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="branding/brand.ftl" />
<link rel="localization" href="toolkit/branding/brandings.ftl" /> <link rel="localization" href="toolkit/branding/brandings.ftl" />
<link rel="localization" href="browser/newtab/newtab.ftl" /> <link rel="localization" href="browser/newtab/newtab.ftl" />
<link rel="stylesheet" href="chrome://browser/content/contentSearchUI.css" /> <link
<link rel="stylesheet" href="chrome://activity-stream/content/css/activity-stream.css" /> rel="stylesheet"
href="chrome://browser/content/contentSearchUI.css"
/>
<link
rel="stylesheet"
href="chrome://activity-stream/content/css/activity-stream.css"
/>
</head> </head>
<body class="activity-stream"> <body class="activity-stream">
<div id="root"></div> <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, - 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/. --> - You can obtain one at http://mozilla.org/MPL/2.0/. -->
<!doctype html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <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
<meta name="color-scheme" content="light dark"> 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> <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="branding/brand.ftl" />
<link rel="localization" href="toolkit/branding/brandings.ftl" /> <link rel="localization" href="toolkit/branding/brandings.ftl" />
<link rel="localization" href="browser/newtab/newtab.ftl" /> <link rel="localization" href="browser/newtab/newtab.ftl" />
<link rel="stylesheet" href="chrome://browser/content/contentSearchUI.css" /> <link
<link rel="stylesheet" href="chrome://activity-stream/content/css/activity-stream.css" /> rel="stylesheet"
href="chrome://browser/content/contentSearchUI.css"
/>
<link
rel="stylesheet"
href="chrome://activity-stream/content/css/activity-stream.css"
/>
</head> </head>
<body class="activity-stream"> <body class="activity-stream">
<div id="root"></div> <div id="root"></div>

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

@ -8,14 +8,28 @@
<html> <html>
<head> <head>
<title>Interactions Debug Viewer</title> <title>Interactions Debug Viewer</title>
<script type="module" src="chrome://browser/content/places/interactionsViewer.js"></script> <script
<link rel="stylesheet" type="text/css" href="chrome://global/skin/in-content/common.css"> type="module"
<link rel="stylesheet" type="text/css" href="chrome://browser/content/places/interactionsViewer.css"> 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> <style id="tableStyle" type="text/css"></style>
</head> </head>
<body> <body>
<div id="enabledWarning" class="message-bar message-bar-warning" hidden> <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"> <descripton class="message-bar-description">
You need to have <code>browser.places.interactions.enabled</code> You need to have <code>browser.places.interactions.enabled</code>
set to true (and restart) for metadata recording to be enabled. 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> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <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'" /> <meta
<base href="chrome://pocket/content/panels/"> 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="toolkit/branding/brandings.ftl" />
<link rel="localization" href="browser/aboutPocket.ftl" /> <link rel="localization" href="browser/aboutPocket.ftl" />
<title>Pocket: Home</title> <title>Pocket: Home</title>
<link rel="stylesheet" href="css/main.compiled.css"> <link rel="stylesheet" href="css/main.compiled.css" />
</head> </head>
<body class="pkt_ext_containerhome" aria-live="polite"> <body class="pkt_ext_containerhome" aria-live="polite">
<script src="js/vendor.bundle.js"></script> <script src="js/vendor.bundle.js"></script>

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

@ -1,13 +1,16 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <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'" /> <meta
<base href="chrome://pocket/content/panels/"> 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="toolkit/branding/brandings.ftl" />
<link rel="localization" href="browser/aboutPocket.ftl" /> <link rel="localization" href="browser/aboutPocket.ftl" />
<title>Pocket: Page Saved</title> <title>Pocket: Page Saved</title>
<link rel="stylesheet" href="css/main.compiled.css"> <link rel="stylesheet" href="css/main.compiled.css" />
</head> </head>
<body class="stp_saved_body" aria-live="polite"> <body class="stp_saved_body" aria-live="polite">
<script src="js/vendor.bundle.js"></script> <script src="js/vendor.bundle.js"></script>

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

@ -1,14 +1,17 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="Content-Security-Policy" content="default-src chrome:; object-src 'none'" /> <meta
<base href="chrome://pocket/content/panels/"> 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="branding/brand.ftl" />
<link rel="localization" href="toolkit/branding/brandings.ftl" /> <link rel="localization" href="toolkit/branding/brandings.ftl" />
<link rel="localization" href="browser/aboutPocket.ftl" /> <link rel="localization" href="browser/aboutPocket.ftl" />
<title>Pocket: Sign Up</title> <title>Pocket: Sign Up</title>
<link rel="stylesheet" href="css/main.compiled.css"> <link rel="stylesheet" href="css/main.compiled.css" />
</head> </head>
<body class="stp_signup_body" aria-live="polite"> <body class="stp_signup_body" aria-live="polite">
<script src="js/vendor.bundle.js"></script> <script src="js/vendor.bundle.js"></script>

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

@ -1,13 +1,16 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <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;" /> <meta
<base href="chrome://pocket/content/panels/"> 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="toolkit/branding/brandings.ftl" />
<link rel="localization" href="browser/aboutPocket.ftl" /> <link rel="localization" href="browser/aboutPocket.ftl" />
<title>Pocket: Style Guide</title> <title>Pocket: Style Guide</title>
<link rel="stylesheet" href="css/main.compiled.css"> <link rel="stylesheet" href="css/main.compiled.css" />
</head> </head>
<body> <body>
<script src="js/vendor.bundle.js"></script> <script src="js/vendor.bundle.js"></script>
@ -21,7 +24,10 @@
<input id="dark_mode_checkbox" type="checkbox" /> <input id="dark_mode_checkbox" type="checkbox" />
</form> </form>
</div> </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 id="stp_style_guide_components"></div>
</div> </div>
</body> </body>

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

@ -7,18 +7,19 @@
<?xml-stylesheet href="chrome://browser/content/preferences/dialogs/addEngine.css" type="text/css"?> <?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"?> <?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" xmlns:html="http://www.w3.org/1999/xhtml"
data-l10n-id="add-engine-window2" data-l10n-id="add-engine-window2"
data-l10n-attrs="title, style" data-l10n-attrs="title, style"
persist="width height"> persist="width height"
>
<dialog <dialog
buttons="accept,cancel" buttons="accept,cancel"
buttondisabledaccept="true" buttondisabledaccept="true"
data-l10n-id="add-engine-dialog" data-l10n-id="add-engine-dialog"
data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept"> data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept"
>
<linkset> <linkset>
<html:link rel="localization" href="browser/preferences/addEngine.ftl" /> <html:link rel="localization" href="browser/preferences/addEngine.ftl" />
</linkset> </linkset>
@ -30,19 +31,39 @@
<separator class="thin" /> <separator class="thin" />
<html:form id="addEngineForm"> <html:form id="addEngineForm">
<html:span id="engineNameExists" hidden="hidden" data-l10n-id="engine-name-exists"/> <html:span
<html:label id="engineNameLabel" for="engineName" data-l10n-id="add-engine-name"/> id="engineNameExists"
hidden="hidden"
data-l10n-id="engine-name-exists"
/>
<html:label
id="engineNameLabel"
for="engineName"
data-l10n-id="add-engine-name"
/>
<hbox> <hbox>
<html:input id="engineName" type="text" required="required" /> <html:input id="engineName" type="text" required="required" />
</hbox> </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> <hbox>
<html:input id="engineUrl" type="url" required="required" /> <html:input id="engineUrl" type="url" required="required" />
</hbox> </hbox>
<html:span id="engineAliasExists" hidden="hidden" data-l10n-id="engine-alias-exists"/> <html:span
<html:label id="engineAliasLabel" for="engineAlias" data-l10n-id="add-engine-alias" /> id="engineAliasExists"
hidden="hidden"
data-l10n-id="engine-alias-exists"
/>
<html:label
id="engineAliasLabel"
for="engineAlias"
data-l10n-id="add-engine-alias"
/>
<hbox> <hbox>
<html:input id="engineAlias" type="text" /> <html:input id="engineAlias" type="text" />
</hbox> </hbox>

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

@ -6,16 +6,19 @@
<?xml-stylesheet href="chrome://global/skin/global.css"?> <?xml-stylesheet href="chrome://global/skin/global.css"?>
<?xml-stylesheet href="chrome://browser/skin/preferences/applications.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" xmlns:html="http://www.w3.org/1999/xhtml"
onload="gAppManagerDialog.onLoad();" onload="gAppManagerDialog.onLoad();"
data-l10n-id="app-manager-window2" data-l10n-id="app-manager-window2"
data-l10n-attrs="title, style"> data-l10n-attrs="title, style"
<dialog id="appManager" >
buttons="accept,cancel"> <dialog id="appManager" buttons="accept,cancel">
<linkset> <linkset>
<html:link rel="localization" href="browser/preferences/applicationManager.ftl"/> <html:link
rel="localization"
href="browser/preferences/applicationManager.ftl"
/>
</linkset> </linkset>
<script src="chrome://browser/content/utilityOverlay.js" /> <script src="chrome://browser/content/utilityOverlay.js" />
@ -23,9 +26,11 @@
<script src="chrome://browser/content/preferences/dialogs/applicationManager.js" /> <script src="chrome://browser/content/preferences/dialogs/applicationManager.js" />
<commandset id="appManagerCommandSet"> <commandset id="appManagerCommandSet">
<command id="cmd_remove" <command
id="cmd_remove"
oncommand="gAppManagerDialog.remove();" oncommand="gAppManagerDialog.remove();"
disabled="true"/> disabled="true"
/>
</commandset> </commandset>
<keyset id="appManagerKeyset"> <keyset id="appManagerKeyset">
@ -35,18 +40,29 @@
<description id="appDescription" /> <description id="appDescription" />
<separator class="thin" /> <separator class="thin" />
<hbox flex="1"> <hbox flex="1">
<richlistbox id="appList" onselect="gAppManagerDialog.onSelect();" flex="1"/> <richlistbox
id="appList"
onselect="gAppManagerDialog.onSelect();"
flex="1"
/>
<vbox> <vbox>
<button id="remove" <button
id="remove"
data-l10n-id="app-manager-remove" data-l10n-id="app-manager-remove"
command="cmd_remove"/> command="cmd_remove"
/>
<spacer flex="1" /> <spacer flex="1" />
</vbox> </vbox>
</hbox> </hbox>
<vbox id="appDetails"> <vbox id="appDetails">
<separator class="thin" /> <separator class="thin" />
<label id="appType" /> <label id="appType" />
<html:input type="text" id="appLocation" readonly="readonly" style="margin-inline: 0;"/> <html:input
type="text"
id="appLocation"
readonly="readonly"
style="margin-inline: 0"
/>
</vbox> </vbox>
</dialog> </dialog>
</window> </window>

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

@ -7,20 +7,21 @@
<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?> <?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.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-id="blocklist-window2"
data-l10n-attrs="title, style" data-l10n-attrs="title, style"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
xmlns:html="http://www.w3.org/1999/xhtml" xmlns:html="http://www.w3.org/1999/xhtml"
onload="gBlocklistManager.onLoad();" onload="gBlocklistManager.onLoad();"
onunload="gBlocklistManager.uninit();" onunload="gBlocklistManager.uninit();"
persist="width height"> persist="width height"
>
<dialog <dialog
buttons="accept,cancel" buttons="accept,cancel"
data-l10n-id="blocklist-dialog" data-l10n-id="blocklist-dialog"
data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept"> data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept"
>
<linkset> <linkset>
<html:link rel="localization" href="branding/brand.ftl" /> <html:link rel="localization" href="branding/brand.ftl" />
<html:link rel="localization" href="browser/preferences/blocklists.ftl" /> <html:link rel="localization" href="browser/preferences/blocklists.ftl" />
@ -29,22 +30,48 @@
<script src="chrome://browser/content/preferences/dialogs/blocklists.js" /> <script src="chrome://browser/content/preferences/dialogs/blocklists.js" />
<keyset> <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> </keyset>
<vbox class="contentPane"> <vbox class="contentPane">
<description id="blocklistsText" data-l10n-id="blocklist-description" control="url"> <description
<html:a target="_blank" class="text-link" data-l10n-name="disconnect-link" href="https://disconnect.me/"/> 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> </description>
<separator class="thin" /> <separator class="thin" />
<tree id="blocklistsTree" flex="1" style="height: 18em;" <tree
id="blocklistsTree"
flex="1"
style="height: 18em"
hidecolumnpicker="true" hidecolumnpicker="true"
onselect="gBlocklistManager.onListSelected();"> onselect="gBlocklistManager.onListSelected();"
>
<treecols> <treecols>
<treecol id="selectionCol" label="" style="flex: 1 auto" sortable="false" <treecol
type="checkbox"/> id="selectionCol"
<treecol id="listCol" data-l10n-id="blocklist-treehead-list" style="flex: 80 80 auto" label=""
sortable="false"/> 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> </treecols>
<treechildren /> <treechildren />
</tree> </tree>

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

@ -7,16 +7,19 @@
<?xml-stylesheet href="chrome://global/skin/global.css"?> <?xml-stylesheet href="chrome://global/skin/global.css"?>
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.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="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
xmlns:html="http://www.w3.org/1999/xhtml" xmlns:html="http://www.w3.org/1999/xhtml"
data-l10n-id="browser-languages-window2" data-l10n-id="browser-languages-window2"
data-l10n-attrs="title, style" data-l10n-attrs="title, style"
onload="gBrowserLanguagesDialog.onLoad();"> onload="gBrowserLanguagesDialog.onLoad();"
<dialog id="BrowserLanguagesDialog" >
<dialog
id="BrowserLanguagesDialog"
buttons="accept,cancel,help" buttons="accept,cancel,help"
helpTopic="change-language"> helpTopic="change-language"
>
<linkset> <linkset>
<html:link rel="localization" href="branding/brand.ftl" /> <html:link rel="localization" href="branding/brand.ftl" />
<html:link rel="localization" href="browser/preferences/languages.ftl" /> <html:link rel="localization" href="browser/preferences/languages.ftl" />
@ -28,28 +31,61 @@
<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;"> <box
flex="1"
style="
display: grid;
grid-template-rows: 1fr auto;
grid-template-columns: 1fr auto;
"
>
<richlistbox id="selectedLocales" /> <richlistbox id="selectedLocales" />
<vbox> <vbox>
<button id="up" class="action-button" disabled="true" data-l10n-id="languages-customize-moveup"/> <button
<button id="down" class="action-button" disabled="true" data-l10n-id="languages-customize-movedown"/> id="up"
<button id="remove" class="action-button" disabled="true" data-l10n-id="languages-customize-remove"/> 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> </vbox>
<menulist id="availableLocales" <menulist
id="availableLocales"
class="available-locales-list" class="available-locales-list"
data-l10n-id="browser-languages-select-language" data-l10n-id="browser-languages-select-language"
data-l10n-attrs="placeholder,label"> data-l10n-attrs="placeholder,label"
>
<menupopup /> <menupopup />
</menulist> </menulist>
<button id="add" <button
id="add"
class="add-browser-language action-button" class="add-browser-language action-button"
data-l10n-id="languages-customize-add" data-l10n-id="languages-customize-add"
disabled="true"/> disabled="true"
/>
</box> </box>
<hbox id="warning-message" class="message-bar message-bar-warning" hidden="true"> <hbox
id="warning-message"
class="message-bar message-bar-warning"
hidden="true"
>
<image class="message-bar-icon" /> <image class="message-bar-icon" />
<description class="message-bar-description" data-l10n-id="browser-languages-error"/> <description
class="message-bar-description"
data-l10n-id="browser-languages-error"
/>
</hbox> </hbox>
</dialog> </dialog>
</window> </window>

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

@ -8,27 +8,34 @@
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.css" type="text/css"?> <?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"?> <?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="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
xmlns:html="http://www.w3.org/1999/xhtml" xmlns:html="http://www.w3.org/1999/xhtml"
data-l10n-id="clear-site-data-window2" data-l10n-id="clear-site-data-window2"
data-l10n-attrs="title, style" data-l10n-attrs="title, style"
persist="width height"> persist="width height"
>
<dialog <dialog
buttons="accept,cancel" buttons="accept,cancel"
data-l10n-id="clear-site-data-dialog" data-l10n-id="clear-site-data-dialog"
data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept" data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept"
> >
<linkset> <linkset>
<html:link rel="localization" href="branding/brand.ftl" /> <html:link rel="localization" href="branding/brand.ftl" />
<html:link rel="localization" href="browser/preferences/clearSiteData.ftl"/> <html:link
rel="localization"
href="browser/preferences/clearSiteData.ftl"
/>
</linkset> </linkset>
<script src="chrome://browser/content/preferences/dialogs/clearSiteData.js" /> <script src="chrome://browser/content/preferences/dialogs/clearSiteData.js" />
<keyset> <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> </keyset>
<vbox class="contentPane"> <vbox class="contentPane">
@ -36,12 +43,26 @@
<separator class="thin" /> <separator class="thin" />
<vbox class="options-container"> <vbox class="options-container">
<vbox class="option"> <vbox class="option">
<checkbox data-l10n-id="clear-site-data-cookies-empty" id="clearSiteData" checked="true"/> <checkbox
<description class="option-description indent" data-l10n-id="clear-site-data-cookies-info"/> 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>
<vbox class="option"> <vbox class="option">
<checkbox data-l10n-id="clear-site-data-cache-empty" id="clearCache" checked="true"/> <checkbox
<description class="option-description indent" data-l10n-id="clear-site-data-cache-info"/> data-l10n-id="clear-site-data-cache-empty"
id="clearCache"
checked="true"
/>
<description
class="option-description indent"
data-l10n-id="clear-site-data-cache-info"
/>
</vbox> </vbox>
</vbox> </vbox>
</vbox> </vbox>

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

@ -8,16 +8,19 @@
<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?> <?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.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="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
xmlns:html="http://www.w3.org/1999/xhtml" xmlns:html="http://www.w3.org/1999/xhtml"
data-l10n-id="colors-dialog2" data-l10n-id="colors-dialog2"
data-l10n-attrs="title, style" data-l10n-attrs="title, style"
persist="lastSelected"> persist="lastSelected"
<dialog id="ColorsDialog" >
<dialog
id="ColorsDialog"
buttons="accept,cancel,help" buttons="accept,cancel,help"
helpTopic="prefs-fonts-and-colors"> helpTopic="prefs-fonts-and-colors"
>
<linkset> <linkset>
<html:link rel="localization" href="browser/preferences/colors.ftl" /> <html:link rel="localization" href="browser/preferences/colors.ftl" />
</linkset> </linkset>
@ -26,63 +29,107 @@
<script src="chrome://global/content/preferencesBindings.js" /> <script src="chrome://global/content/preferencesBindings.js" />
<keyset> <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> </keyset>
<hbox> <hbox>
<groupbox flex="1"> <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"> <hbox align="center">
<label data-l10n-id="colors-text-header" control="foregroundtextmenu"/> <label
data-l10n-id="colors-text-header"
control="foregroundtextmenu"
/>
<spacer flex="1" /> <spacer flex="1" />
<html:input type="color" id="foregroundtextmenu" <html:input
preference="browser.display.foreground_color"/> type="color"
id="foregroundtextmenu"
preference="browser.display.foreground_color"
/>
</hbox> </hbox>
<hbox align="center" style="margin-top: 5px"> <hbox align="center" style="margin-top: 5px">
<label data-l10n-id="colors-background" control="backgroundmenu" /> <label data-l10n-id="colors-background" control="backgroundmenu" />
<spacer flex="1" /> <spacer flex="1" />
<html:input type="color" id="backgroundmenu" <html:input
preference="browser.display.background_color"/> type="color"
id="backgroundmenu"
preference="browser.display.background_color"
/>
</hbox> </hbox>
<separator class="thin" /> <separator class="thin" />
<hbox align="center"> <hbox align="center">
<checkbox id="browserUseSystemColors" data-l10n-id="colors-use-system" <checkbox
preference="browser.display.use_system_colors"/> id="browserUseSystemColors"
data-l10n-id="colors-use-system"
preference="browser.display.use_system_colors"
/>
</hbox> </hbox>
</groupbox> </groupbox>
<groupbox flex="1"> <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"> <hbox align="center">
<label data-l10n-id="colors-unvisited-links" control="unvisitedlinkmenu" /> <label
data-l10n-id="colors-unvisited-links"
control="unvisitedlinkmenu"
/>
<spacer flex="1" /> <spacer flex="1" />
<html:input type="color" id="unvisitedlinkmenu" <html:input
preference="browser.anchor_color"/> type="color"
id="unvisitedlinkmenu"
preference="browser.anchor_color"
/>
</hbox> </hbox>
<hbox align="center" style="margin-top: 5px"> <hbox align="center" style="margin-top: 5px">
<label data-l10n-id="colors-visited-links" control="visitedlinkmenu" /> <label
data-l10n-id="colors-visited-links"
control="visitedlinkmenu"
/>
<spacer flex="1" /> <spacer flex="1" />
<html:input type="color" id="visitedlinkmenu" <html:input
preference="browser.visited_color"/> type="color"
id="visitedlinkmenu"
preference="browser.visited_color"
/>
</hbox> </hbox>
<separator class="thin" /> <separator class="thin" />
<hbox align="center"> <hbox align="center">
<checkbox id="browserUnderlineAnchors" data-l10n-id="colors-underline-links" <checkbox
preference="browser.underline_anchors"/> id="browserUnderlineAnchors"
data-l10n-id="colors-underline-links"
preference="browser.underline_anchors"
/>
</hbox> </hbox>
</groupbox> </groupbox>
</hbox> </hbox>
<label data-l10n-id="colors-page-override" control="useDocumentColors" /> <label data-l10n-id="colors-page-override" control="useDocumentColors" />
<hbox> <hbox>
<menulist id="useDocumentColors" preference="browser.display.document_color_use" flex="1"> <menulist
id="useDocumentColors"
preference="browser.display.document_color_use"
flex="1"
>
<menupopup> <menupopup>
<menuitem data-l10n-id="colors-page-override-option-always" <menuitem
value="2" id="documentColorAlways"/> data-l10n-id="colors-page-override-option-always"
<menuitem data-l10n-id="colors-page-override-option-auto" value="2"
value="0" id="documentColorAutomatic"/> id="documentColorAlways"
<menuitem data-l10n-id="colors-page-override-option-never" />
value="1" id="documentColorNever"/> <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> </menupopup>
</menulist> </menulist>
</hbox> </hbox>

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

@ -7,21 +7,27 @@
<?xml-stylesheet href="chrome://global/skin/global.css"?> <?xml-stylesheet href="chrome://global/skin/global.css"?>
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.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="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
xmlns:html="http://www.w3.org/1999/xhtml" xmlns:html="http://www.w3.org/1999/xhtml"
data-l10n-id="connection-window2" data-l10n-id="connection-window2"
data-l10n-attrs="title, style" data-l10n-attrs="title, style"
persist="lastSelected" persist="lastSelected"
onload="gConnectionsDialog.checkForSystemProxy();"> onload="gConnectionsDialog.checkForSystemProxy();"
<dialog id="ConnectionsDialog" >
<dialog
id="ConnectionsDialog"
buttons="accept,cancel,help" buttons="accept,cancel,help"
helpTopic="prefs-connection-settings"> helpTopic="prefs-connection-settings"
>
<!-- Used for extension-controlled lockdown message --> <!-- Used for extension-controlled lockdown message -->
<linkset> <linkset>
<html:link rel="localization" href="browser/preferences/connection.ftl" /> <html:link rel="localization" href="browser/preferences/connection.ftl" />
<html:link rel="localization" href="browser/preferences/preferences.ftl"/> <html:link
rel="localization"
href="browser/preferences/preferences.ftl"
/>
<html:link rel="localization" href="branding/brand.ftl" /> <html:link rel="localization" href="branding/brand.ftl" />
</linkset> </linkset>
@ -30,17 +36,27 @@
<script src="chrome://browser/content/preferences/extensionControlled.js" /> <script src="chrome://browser/content/preferences/extensionControlled.js" />
<keyset> <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> </keyset>
<script src="chrome://browser/content/preferences/dialogs/connection.js" /> <script src="chrome://browser/content/preferences/dialogs/connection.js" />
<hbox id="proxyExtensionContent" <hbox
align="start" hidden="true" class="extension-controlled"> id="proxyExtensionContent"
align="start"
hidden="true"
class="extension-controlled"
>
<description control="disableProxyExtension" flex="1" /> <description control="disableProxyExtension" flex="1" />
<button id="disableProxyExtension" <button
id="disableProxyExtension"
class="extension-controlled-button accessory-button" class="extension-controlled-button accessory-button"
data-l10n-id="connection-disable-extension" /> data-l10n-id="connection-disable-extension"
/>
</hbox> </hbox>
<groupbox> <groupbox>
@ -49,84 +65,180 @@
<radiogroup id="networkProxyType" preference="network.proxy.type"> <radiogroup id="networkProxyType" preference="network.proxy.type">
<radio value="0" data-l10n-id="connection-proxy-option-no" /> <radio value="0" data-l10n-id="connection-proxy-option-no" />
<radio value="4" data-l10n-id="connection-proxy-option-auto" /> <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="5"
data-l10n-id="connection-proxy-option-system"
id="systemPref"
hidden="true"
/>
<radio value="1" data-l10n-id="connection-proxy-option-manual" /> <radio value="1" data-l10n-id="connection-proxy-option-manual" />
<box id="proxy-grid" class="indent" flex="1"> <box id="proxy-grid" class="indent" flex="1">
<html:div class="proxy-grid-row"> <html:div class="proxy-grid-row">
<hbox pack="end"> <hbox pack="end">
<label data-l10n-id="connection-proxy-http" control="networkProxyHTTP" /> <label
data-l10n-id="connection-proxy-http"
control="networkProxyHTTP"
/>
</hbox> </hbox>
<hbox align="center"> <hbox align="center">
<html:input id="networkProxyHTTP" type="text" style="flex: 1;" <html:input
preference="network.proxy.http"/> id="networkProxyHTTP"
<label data-l10n-id="connection-proxy-http-port" control="networkProxyHTTP_Port" /> type="text"
<html:input id="networkProxyHTTP_Port" class="proxy-port-input" hidespinbuttons="true" type="number" min="0" max="65535" style="flex: 1"
preference="network.proxy.http_port"/> 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> </hbox>
</html:div> </html:div>
<html:div class="proxy-grid-row"> <html:div class="proxy-grid-row">
<hbox /> <hbox />
<hbox> <hbox>
<checkbox id="shareAllProxies" data-l10n-id="connection-proxy-https-sharing" <checkbox
preference="network.proxy.share_proxy_settings"/> id="shareAllProxies"
data-l10n-id="connection-proxy-https-sharing"
preference="network.proxy.share_proxy_settings"
/>
</hbox> </hbox>
</html:div> </html:div>
<html:div class="proxy-grid-row"> <html:div class="proxy-grid-row">
<hbox pack="end"> <hbox pack="end">
<label data-l10n-id="connection-proxy-https" control="networkProxySSL"/> <label
data-l10n-id="connection-proxy-https"
control="networkProxySSL"
/>
</hbox> </hbox>
<hbox align="center"> <hbox align="center">
<html:input id="networkProxySSL" type="text" style="flex: 1;" preference="network.proxy.ssl"/> <html:input
<label data-l10n-id="connection-proxy-ssl-port" control="networkProxySSL_Port" /> id="networkProxySSL"
<html:input id="networkProxySSL_Port" class="proxy-port-input" hidespinbuttons="true" type="number" min="0" max="65535" size="5" type="text"
preference="network.proxy.ssl_port"/> 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> </hbox>
</html:div> </html:div>
<separator class="thin" /> <separator class="thin" />
<html:div class="proxy-grid-row"> <html:div class="proxy-grid-row">
<hbox pack="end"> <hbox pack="end">
<label data-l10n-id="connection-proxy-socks" control="networkProxySOCKS"/> <label
data-l10n-id="connection-proxy-socks"
control="networkProxySOCKS"
/>
</hbox> </hbox>
<hbox align="center"> <hbox align="center">
<html:input id="networkProxySOCKS" type="text" style="flex: 1;" preference="network.proxy.socks"/> <html:input
<label data-l10n-id="connection-proxy-socks-port" control="networkProxySOCKS_Port"/> id="networkProxySOCKS"
<html:input id="networkProxySOCKS_Port" class="proxy-port-input" hidespinbuttons="true" type="number" min="0" max="65535" size="5" type="text"
preference="network.proxy.socks_port"/> 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> </hbox>
</html:div> </html:div>
<html:div class="proxy-grid-row"> <html:div class="proxy-grid-row">
<spacer /> <spacer />
<box pack="start"> <box pack="start">
<radiogroup id="networkProxySOCKSVersion" orient="horizontal" <radiogroup
preference="network.proxy.socks_version"> id="networkProxySOCKSVersion"
<radio id="networkProxySOCKSVersion4" value="4" data-l10n-id="connection-proxy-socks4" /> orient="horizontal"
<radio id="networkProxySOCKSVersion5" value="5" data-l10n-id="connection-proxy-socks5" /> 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> </radiogroup>
</box> </box>
</html:div> </html:div>
</box> </box>
<radio value="2" data-l10n-id="connection-proxy-autotype" /> <radio value="2" data-l10n-id="connection-proxy-autotype" />
<hbox class="indent" flex="1" align="center"> <hbox class="indent" flex="1" align="center">
<html:input id="networkProxyAutoconfigURL" type="text" style="flex: 1;" preference="network.proxy.autoconfig_url" <html:input
oninput="gConnectionsDialog.updateReloadButton();"/> id="networkProxyAutoconfigURL"
<button id="autoReload" type="text"
style="flex: 1"
preference="network.proxy.autoconfig_url"
oninput="gConnectionsDialog.updateReloadButton();"
/>
<button
id="autoReload"
data-l10n-id="connection-proxy-reload" data-l10n-id="connection-proxy-reload"
oncommand="gConnectionsDialog.reloadPAC();" oncommand="gConnectionsDialog.reloadPAC();"
preference="pref.advanced.proxies.disable_button.reload"/> preference="pref.advanced.proxies.disable_button.reload"
/>
</hbox> </hbox>
</radiogroup> </radiogroup>
</groupbox> </groupbox>
<separator class="thin" /> <separator class="thin" />
<label data-l10n-id="connection-proxy-noproxy" control="networkProxyNone" /> <label data-l10n-id="connection-proxy-noproxy" control="networkProxyNone" />
<html:textarea id="networkProxyNone" preference="network.proxy.no_proxies_on" rows="2"/> <html:textarea
<label control="networkProxyNone" data-l10n-id="connection-proxy-noproxy-desc" /> id="networkProxyNone"
<label id="networkProxyNoneLocalhost" control="networkProxyNone" data-l10n-id="connection-proxy-noproxy-localhost-desc-2" /> 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" /> <separator class="thin" />
<checkbox id="autologinProxy" <checkbox
id="autologinProxy"
data-l10n-id="connection-proxy-autologin" data-l10n-id="connection-proxy-autologin"
preference="signon.autologin.proxy" /> preference="signon.autologin.proxy"
<checkbox id="networkProxySOCKSRemoteDNS" />
<checkbox
id="networkProxySOCKSRemoteDNS"
preference="network.proxy.socks_remote_dns" preference="network.proxy.socks_remote_dns"
data-l10n-id="connection-proxy-socks-remote-dns" /> data-l10n-id="connection-proxy-socks-remote-dns"
/>
</dialog> </dialog>
</window> </window>

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

@ -7,20 +7,21 @@
<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?> <?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
<?xml-stylesheet href="chrome://browser/skin/preferences/containers-dialog.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="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
xmlns:html="http://www.w3.org/1999/xhtml" xmlns:html="http://www.w3.org/1999/xhtml"
data-l10n-attrs="title, style" data-l10n-attrs="title, style"
onload="gContainersManager.onLoad();" onload="gContainersManager.onLoad();"
onunload="gContainersManager.uninit();" onunload="gContainersManager.uninit();"
persist="width height"> persist="width height"
>
<dialog <dialog
buttons="accept" buttons="accept"
buttondisabledaccept="true" buttondisabledaccept="true"
data-l10n-id="containers-dialog" data-l10n-id="containers-dialog"
data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept"> data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept"
>
<linkset> <linkset>
<html:link rel="localization" href="browser/preferences/containers.ftl" /> <html:link rel="localization" href="browser/preferences/containers.ftl" />
</linkset> </linkset>
@ -28,25 +29,43 @@
<script src="chrome://browser/content/preferences/dialogs/containers.js" /> <script src="chrome://browser/content/preferences/dialogs/containers.js" />
<keyset> <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> </keyset>
<vbox class="contentPane" hidden="true" id="containers-content"> <vbox class="contentPane" hidden="true" id="containers-content">
<hbox align="start"> <hbox align="start">
<label id="nameLabel" control="name" <label
id="nameLabel"
control="name"
data-l10n-id="containers-name-label" data-l10n-id="containers-name-label"
data-l10n-attrs="style"/> data-l10n-attrs="style"
<html:input id="name" type="text" data-l10n-id="containers-name-text" oninput="gContainersManager.checkForm();" /> />
<html:input
id="name"
type="text"
data-l10n-id="containers-name-text"
oninput="gContainersManager.checkForm();"
/>
</hbox> </hbox>
<hbox align="center" id="colorWrapper"> <hbox align="center" id="colorWrapper">
<label id="colorLabel" control="color" <label
id="colorLabel"
control="color"
data-l10n-id="containers-color-label" data-l10n-id="containers-color-label"
data-l10n-attrs="style"/> data-l10n-attrs="style"
/>
</hbox> </hbox>
<hbox align="center" id="iconWrapper"> <hbox align="center" id="iconWrapper">
<label id="iconLabel" control="icon" <label
id="iconLabel"
control="icon"
data-l10n-id="containers-icon-label" data-l10n-id="containers-icon-label"
data-l10n-attrs="style"/> data-l10n-attrs="style"
/>
</hbox> </hbox>
</vbox> </vbox>
</dialog> </dialog>

79
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/content/preferences/dialogs/sitePermissions.css" type="text/css"?>
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.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="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
xmlns:html="http://www.w3.org/1999/xhtml" xmlns:html="http://www.w3.org/1999/xhtml"
data-l10n-id="permissions-exceptions-doh-window" data-l10n-id="permissions-exceptions-doh-window"
data-l10n-attrs="title, style" data-l10n-attrs="title, style"
persist="width height"> persist="width height"
>
<dialog id="exceptionDialog" <dialog
id="exceptionDialog"
buttons="accept,cancel" buttons="accept,cancel"
data-l10n-id="permission-dialog" data-l10n-id="permission-dialog"
data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept"> data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept"
>
<linkset> <linkset>
<html:link rel="localization" href="branding/brand.ftl" /> <html:link rel="localization" href="branding/brand.ftl" />
<html:link rel="localization" href="browser/preferences/permissions.ftl"/> <html:link
rel="localization"
href="browser/preferences/permissions.ftl"
/>
</linkset> </linkset>
<script src="chrome://browser/content/preferences/dialogs/dohExceptions.js" /> <script src="chrome://browser/content/preferences/dialogs/dohExceptions.js" />
<keyset> <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> </keyset>
<vbox class="contentPane"> <vbox class="contentPane">
<description id="dohExceptionText" control="url" data-l10n-id="permissions-exceptions-manage-doh-desc"/> <description
id="dohExceptionText"
control="url"
data-l10n-id="permissions-exceptions-manage-doh-desc"
/>
<separator class="thin" /> <separator class="thin" />
<label id="urlLabel" control="url" data-l10n-id="permissions-doh-entry-field"/> <label
id="urlLabel"
control="url"
data-l10n-id="permissions-doh-entry-field"
/>
<hbox align="start"> <hbox align="start">
<html:input id="url" type="text" <html:input
style="flex: 1;" id="url"
type="text"
style="flex: 1"
oninput="gDoHExceptionsManager.onExceptionInput();" oninput="gDoHExceptionsManager.onExceptionInput();"
onkeypress="gDoHExceptionsManager.onExceptionKeyPress(event);"/> onkeypress="gDoHExceptionsManager.onExceptionKeyPress(event);"
/>
</hbox> </hbox>
<hbox pack="end"> <hbox pack="end">
<button id="btnAddException" disabled="true" data-l10n-id="permissions-doh-add-exception" <button
oncommand="gDoHExceptionsManager.addException();"/> id="btnAddException"
disabled="true"
data-l10n-id="permissions-doh-add-exception"
oncommand="gDoHExceptionsManager.addException();"
/>
</hbox> </hbox>
<separator class="thin" /> <separator class="thin" />
<listheader> <listheader>
<treecol id="siteCol" data-l10n-id="permissions-doh-col" style="flex: 3 3 auto; width: 0" <treecol
id="siteCol"
data-l10n-id="permissions-doh-col"
style="flex: 3 3 auto; width: 0"
data-isCurrentSortCol="true" data-isCurrentSortCol="true"
onclick="gDoHExceptionsManager.buildExceptionList(event.target)" onclick="gDoHExceptionsManager.buildExceptionList(event.target)"
/> />
</listheader> </listheader>
<richlistbox id="permissionsBox" selected="false" <richlistbox
id="permissionsBox"
selected="false"
onkeypress="gDoHExceptionsManager.onListBoxKeyPress(event);" onkeypress="gDoHExceptionsManager.onListBoxKeyPress(event);"
onselect="gDoHExceptionsManager.onListBoxSelect();"/> onselect="gDoHExceptionsManager.onListBoxSelect();"
/>
</vbox> </vbox>
<hbox class="actionButtons"> <hbox class="actionButtons">
<button id="removeException" disabled="true" <button
id="removeException"
disabled="true"
data-l10n-id="permissions-doh-remove" data-l10n-id="permissions-doh-remove"
oncommand="gDoHExceptionsManager.onExceptionDelete();"/> oncommand="gDoHExceptionsManager.onExceptionDelete();"
<button id="removeAllExceptions" />
<button
id="removeAllExceptions"
data-l10n-id="permissions-doh-remove-all" data-l10n-id="permissions-doh-remove-all"
oncommand="gDoHExceptionsManager.onAllExceptionsDelete();"/> oncommand="gDoHExceptionsManager.onAllExceptionsDelete();"
/>
</hbox> </hbox>
</dialog> </dialog>
</window> </window>

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

@ -8,16 +8,19 @@
<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?> <?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.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="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
xmlns:html="http://www.w3.org/1999/xhtml" xmlns:html="http://www.w3.org/1999/xhtml"
data-l10n-id="fonts-window" data-l10n-id="fonts-window"
data-l10n-attrs="title" data-l10n-attrs="title"
persist="lastSelected"> persist="lastSelected"
<dialog id="FontsDialog" >
<dialog
id="FontsDialog"
buttons="accept,cancel,help" buttons="accept,cancel,help"
helpTopic="prefs-fonts-and-colors"> helpTopic="prefs-fonts-and-colors"
>
<linkset> <linkset>
<html:link rel="localization" href="browser/preferences/fonts.ftl" /> <html:link rel="localization" href="browser/preferences/fonts.ftl" />
</linkset> </linkset>
@ -26,24 +29,42 @@
<script src="chrome://global/content/preferencesBindings.js" /> <script src="chrome://global/content/preferencesBindings.js" />
<keyset> <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> </keyset>
<!-- Fonts for: [ Language ] --> <!-- Fonts for: [ Language ] -->
<groupbox> <groupbox>
<hbox align="center"> <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> </hbox>
<menulist id="selectLangs" preference="font.language.group"> <menulist id="selectLangs" preference="font.language.group">
<menupopup> <menupopup>
<menuitem value="ar" data-l10n-id="fonts-langgroup-arabic" /> <menuitem value="ar" data-l10n-id="fonts-langgroup-arabic" />
<menuitem value="x-armn" data-l10n-id="fonts-langgroup-armenian" /> <menuitem value="x-armn" data-l10n-id="fonts-langgroup-armenian" />
<menuitem value="x-beng" data-l10n-id="fonts-langgroup-bengali" /> <menuitem value="x-beng" data-l10n-id="fonts-langgroup-bengali" />
<menuitem value="zh-CN" data-l10n-id="fonts-langgroup-simpl-chinese"/> <menuitem
<menuitem value="zh-HK" data-l10n-id="fonts-langgroup-trad-chinese-hk"/> 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="zh-TW" data-l10n-id="fonts-langgroup-trad-chinese" />
<menuitem value="x-cyrillic" data-l10n-id="fonts-langgroup-cyrillic"/> <menuitem
<menuitem value="x-devanagari" data-l10n-id="fonts-langgroup-devanagari"/> 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-ethi" data-l10n-id="fonts-langgroup-ethiopic" />
<menuitem value="x-geor" data-l10n-id="fonts-langgroup-georgian" /> <menuitem value="x-geor" data-l10n-id="fonts-langgroup-georgian" />
<menuitem value="el" data-l10n-id="fonts-langgroup-el" /> <menuitem value="el" data-l10n-id="fonts-langgroup-el" />
@ -73,12 +94,18 @@
<box id="font-chooser-group"> <box id="font-chooser-group">
<!-- proportional row --> <!-- proportional row -->
<hbox align="center" pack="end"> <hbox align="center" pack="end">
<label data-l10n-id="fonts-proportional-header" control="defaultFontType"/> <label
data-l10n-id="fonts-proportional-header"
control="defaultFontType"
/>
</hbox> </hbox>
<menulist id="defaultFontType"> <menulist id="defaultFontType">
<menupopup> <menupopup>
<menuitem value="serif" data-l10n-id="fonts-default-serif" /> <menuitem value="serif" data-l10n-id="fonts-default-serif" />
<menuitem value="sans-serif" data-l10n-id="fonts-default-sans-serif"/> <menuitem
value="sans-serif"
data-l10n-id="fonts-default-sans-serif"
/>
</menupopup> </menupopup>
</menulist> </menulist>
<hbox align="center" pack="end"> <hbox align="center" pack="end">
@ -209,9 +236,11 @@
<separator /> <separator />
<separator class="groove" /> <separator class="groove" />
<hbox> <hbox>
<checkbox id="useDocumentFonts" <checkbox
id="useDocumentFonts"
data-l10n-id="fonts-allow-own" data-l10n-id="fonts-allow-own"
preference="browser.display.use_document_fonts"/> preference="browser.display.use_document_fonts"
/>
</hbox> </hbox>
</groupbox> </groupbox>

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

@ -7,17 +7,20 @@
<?xml-stylesheet href="chrome://global/skin/global.css"?> <?xml-stylesheet href="chrome://global/skin/global.css"?>
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.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="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
xmlns:html="http://www.w3.org/1999/xhtml" xmlns:html="http://www.w3.org/1999/xhtml"
data-l10n-id="webpage-languages-window2" data-l10n-id="webpage-languages-window2"
data-l10n-attrs="title, style" data-l10n-attrs="title, style"
persist="lastSelected" persist="lastSelected"
onload="gLanguagesDialog.onLoad();"> onload="gLanguagesDialog.onLoad();"
<dialog id="LanguagesDialog" >
<dialog
id="LanguagesDialog"
buttons="accept,cancel,help" buttons="accept,cancel,help"
helpTopic="prefs-languages"> helpTopic="prefs-languages"
>
<linkset> <linkset>
<html:link rel="localization" href="browser/preferences/languages.ftl" /> <html:link rel="localization" href="browser/preferences/languages.ftl" />
</linkset> </linkset>
@ -27,41 +30,82 @@
<script src="chrome://browser/content/preferences/dialogs/languages.js" /> <script src="chrome://browser/content/preferences/dialogs/languages.js" />
<keyset> <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> </keyset>
<stringbundleset id="languageSet"> <stringbundleset id="languageSet">
<stringbundle id="bundleAccepted" src="resource://gre/res/language.properties"/> <stringbundle
id="bundleAccepted"
src="resource://gre/res/language.properties"
/>
</stringbundleset> </stringbundleset>
<description data-l10n-id="languages-description" /> <description data-l10n-id="languages-description" />
<checkbox id="spoofEnglish" <checkbox
id="spoofEnglish"
data-l10n-id="languages-customize-spoof-english" data-l10n-id="languages-customize-spoof-english"
preference="privacy.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" <box
flex="1"
style="
display: grid;
grid-template-rows: 1fr auto;
grid-template-columns: 1fr auto;
"
>
<richlistbox
id="activeLanguages"
seltype="multiple" seltype="multiple"
onselect="gLanguagesDialog.onLanguageSelect();"/> onselect="gLanguagesDialog.onLanguageSelect();"
/>
<vbox> <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" data-l10n-id="languages-customize-moveup"
preference="pref.browser.language.disable_button.up"/> preference="pref.browser.language.disable_button.up"
<button id="down" class="down" oncommand="gLanguagesDialog.moveDown();" disabled="true" />
<button
id="down"
class="down"
oncommand="gLanguagesDialog.moveDown();"
disabled="true"
data-l10n-id="languages-customize-movedown" data-l10n-id="languages-customize-movedown"
preference="pref.browser.language.disable_button.down"/> preference="pref.browser.language.disable_button.down"
<button id="remove" oncommand="gLanguagesDialog.removeLanguage();" disabled="true" />
<button
id="remove"
oncommand="gLanguagesDialog.removeLanguage();"
disabled="true"
data-l10n-id="languages-customize-remove" data-l10n-id="languages-customize-remove"
preference="pref.browser.language.disable_button.remove"/> preference="pref.browser.language.disable_button.remove"
/>
</vbox> </vbox>
<!-- This <vbox> is needed to position search tooltips correctly. --> <!-- This <vbox> is needed to position search tooltips correctly. -->
<vbox> <vbox>
<menulist id="availableLanguages" oncommand="gLanguagesDialog.onAvailableLanguageSelect();" <menulist
data-l10n-id="languages-customize-select-language" data-l10n-attrs="placeholder"> id="availableLanguages"
oncommand="gLanguagesDialog.onAvailableLanguageSelect();"
data-l10n-id="languages-customize-select-language"
data-l10n-attrs="placeholder"
>
<menupopup id="availableLanguagesPopup" /> <menupopup id="availableLanguagesPopup" />
</menulist> </menulist>
</vbox> </vbox>
<button id="addButton" class="add-web-language" oncommand="gLanguagesDialog.addLanguage();" disabled="true" <button
data-l10n-id="languages-customize-add"/> id="addButton"
class="add-web-language"
oncommand="gLanguagesDialog.addLanguage();"
disabled="true"
data-l10n-id="languages-customize-add"
/>
</box> </box>
</dialog> </dialog>
</window> </window>

115
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/content/preferences/dialogs/sitePermissions.css" type="text/css"?>
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.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="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
xmlns:html="http://www.w3.org/1999/xhtml" xmlns:html="http://www.w3.org/1999/xhtml"
data-l10n-id="permissions-window2" data-l10n-id="permissions-window2"
@ -16,22 +17,29 @@
onload="gPermissionManager.onLoad();" onload="gPermissionManager.onLoad();"
onunload="gPermissionManager.uninit();" onunload="gPermissionManager.uninit();"
persist="width height" persist="width height"
onkeypress="gPermissionManager.onWindowKeyPress(event);"> onkeypress="gPermissionManager.onWindowKeyPress(event);"
>
<dialog <dialog
buttons="accept,cancel" buttons="accept,cancel"
data-l10n-id="permission-dialog" data-l10n-id="permission-dialog"
data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept"> data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept"
>
<linkset> <linkset>
<html:link rel="localization" href="branding/brand.ftl" /> <html:link rel="localization" href="branding/brand.ftl" />
<html:link rel="localization" href="browser/preferences/permissions.ftl"/> <html:link
rel="localization"
href="browser/preferences/permissions.ftl"
/>
</linkset> </linkset>
<script src="chrome://browser/content/preferences/dialogs/permissions.js" /> <script src="chrome://browser/content/preferences/dialogs/permissions.js" />
<keyset> <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> </keyset>
<vbox class="contentPane"> <vbox class="contentPane">
@ -39,45 +47,88 @@
<separator class="thin" /> <separator class="thin" />
<label id="urlLabel" control="url" data-l10n-id="permissions-address" /> <label id="urlLabel" control="url" data-l10n-id="permissions-address" />
<hbox align="start"> <hbox align="start">
<html:input id="url" type="text" <html:input
style="flex: 1;" id="url"
type="text"
style="flex: 1"
oninput="gPermissionManager.onHostInput(event.target);" oninput="gPermissionManager.onHostInput(event.target);"
onkeypress="gPermissionManager.onHostKeyPress(event);"/> onkeypress="gPermissionManager.onHostKeyPress(event);"
/>
</hbox> </hbox>
<hbox pack="end"> <hbox pack="end">
<button id="btnDisableETP" disabled="true" data-l10n-id="permissions-disable-etp" <button
oncommand="gPermissionManager.addPermission(Ci.nsIPermissionManager.ALLOW_ACTION);"/> id="btnDisableETP"
<button id="btnBlock" disabled="true" data-l10n-id="permissions-block" disabled="true"
oncommand="gPermissionManager.addPermission(Ci.nsIPermissionManager.DENY_ACTION);"/> data-l10n-id="permissions-disable-etp"
<button id="btnCookieSession" disabled="true" data-l10n-id="permissions-session" oncommand="gPermissionManager.addPermission(Ci.nsIPermissionManager.ALLOW_ACTION);"
oncommand="gPermissionManager.addPermission(Ci.nsICookiePermission.ACCESS_SESSION);"/> />
<button id="btnAllow" disabled="true" data-l10n-id="permissions-allow" <button
oncommand="gPermissionManager.addPermission(Ci.nsIPermissionManager.ALLOW_ACTION);"/> id="btnBlock"
<button id="btnHttpsOnlyOff" disabled="true" data-l10n-id="permissions-button-off" disabled="true"
oncommand="gPermissionManager.addPermission(Ci.nsIPermissionManager.ALLOW_ACTION);"/> data-l10n-id="permissions-block"
<button id="btnHttpsOnlyOffTmp" disabled="true" data-l10n-id="permissions-button-off-temporarily" oncommand="gPermissionManager.addPermission(Ci.nsIPermissionManager.DENY_ACTION);"
oncommand="gPermissionManager.addPermission(Ci.nsIHttpsOnlyModePermission.LOAD_INSECURE_ALLOW_SESSION);"/> />
<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> </hbox>
<separator class="thin" /> <separator class="thin" />
<listheader> <listheader>
<treecol id="siteCol" data-l10n-id="permissions-site-name" style="flex: 3 3 auto; width: 0" <treecol
onclick="gPermissionManager.buildPermissionsList(event.target)"/> id="siteCol"
<treecol id="statusCol" data-l10n-id="permissions-status" style="flex: 1 1 auto; width: 0" 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" data-isCurrentSortCol="true"
onclick="gPermissionManager.buildPermissionsList(event.target);"/> onclick="gPermissionManager.buildPermissionsList(event.target);"
/>
</listheader> </listheader>
<richlistbox id="permissionsBox" selected="false" <richlistbox
id="permissionsBox"
selected="false"
onkeypress="gPermissionManager.onPermissionKeyPress(event);" onkeypress="gPermissionManager.onPermissionKeyPress(event);"
onselect="gPermissionManager.onPermissionSelect();"/> onselect="gPermissionManager.onPermissionSelect();"
/>
</vbox> </vbox>
<hbox class="actionButtons"> <hbox class="actionButtons">
<button id="removePermission" disabled="true" <button
id="removePermission"
disabled="true"
data-l10n-id="permissions-remove" data-l10n-id="permissions-remove"
oncommand="gPermissionManager.onPermissionDelete();"/> oncommand="gPermissionManager.onPermissionDelete();"
<button id="removeAllPermissions" />
<button
id="removeAllPermissions"
data-l10n-id="permissions-remove-all" data-l10n-id="permissions-remove-all"
oncommand="gPermissionManager.onAllPermissionsDelete();"/> oncommand="gPermissionManager.onAllPermissionsDelete();"
/>
</hbox> </hbox>
</dialog> </dialog>
</window> </window>

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

@ -10,17 +10,17 @@
<!DOCTYPE window> <!DOCTYPE window>
<window id="SanitizeDialog" <window
id="SanitizeDialog"
type="child" type="child"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
xmlns:html="http://www.w3.org/1999/xhtml" xmlns:html="http://www.w3.org/1999/xhtml"
persist="lastSelected" persist="lastSelected"
data-l10n-id="sanitize-prefs2" data-l10n-id="sanitize-prefs2"
data-l10n-attrs="style" data-l10n-attrs="style"
onload="gSanitizeDialog.init();"> onload="gSanitizeDialog.init();"
<dialog buttons="accept,cancel,help" >
helpTopic="prefs-clear-private-data"> <dialog buttons="accept,cancel,help" helpTopic="prefs-clear-private-data">
<linkset> <linkset>
<html:link rel="localization" href="browser/sanitize.ftl" /> <html:link rel="localization" href="browser/sanitize.ftl" />
<html:link rel="localization" href="branding/brand.ftl" /> <html:link rel="localization" href="branding/brand.ftl" />
@ -30,7 +30,11 @@
<script src="chrome://global/content/preferencesBindings.js" /> <script src="chrome://global/content/preferencesBindings.js" />
<keyset> <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> </keyset>
<script src="chrome://browser/content/preferences/dialogs/sanitize.js" /> <script src="chrome://browser/content/preferences/dialogs/sanitize.js" />
@ -41,18 +45,28 @@
<label><html:h2 data-l10n-id="history-section-label" /></label> <label><html:h2 data-l10n-id="history-section-label" /></label>
<hbox> <hbox>
<vbox data-l10n-id="sanitize-prefs-style" data-l10n-attrs="style"> <vbox data-l10n-id="sanitize-prefs-style" data-l10n-attrs="style">
<checkbox data-l10n-id="item-history-and-downloads" <checkbox
preference="privacy.clearOnShutdown.history"/> data-l10n-id="item-history-and-downloads"
<checkbox data-l10n-id="item-active-logins" preference="privacy.clearOnShutdown.history"
preference="privacy.clearOnShutdown.sessions"/> />
<checkbox data-l10n-id="item-form-search-history" <checkbox
preference="privacy.clearOnShutdown.formdata"/> data-l10n-id="item-active-logins"
preference="privacy.clearOnShutdown.sessions"
/>
<checkbox
data-l10n-id="item-form-search-history"
preference="privacy.clearOnShutdown.formdata"
/>
</vbox> </vbox>
<vbox> <vbox>
<checkbox data-l10n-id="item-cookies" <checkbox
preference="privacy.clearOnShutdown.cookies"/> data-l10n-id="item-cookies"
<checkbox data-l10n-id="item-cache" preference="privacy.clearOnShutdown.cookies"
preference="privacy.clearOnShutdown.cache"/> />
<checkbox
data-l10n-id="item-cache"
preference="privacy.clearOnShutdown.cache"
/>
</vbox> </vbox>
</hbox> </hbox>
</groupbox> </groupbox>
@ -60,12 +74,16 @@
<label><html:h2 data-l10n-id="data-section-label" /></label> <label><html:h2 data-l10n-id="data-section-label" /></label>
<hbox> <hbox>
<vbox data-l10n-id="sanitize-prefs-style" data-l10n-attrs="style"> <vbox data-l10n-id="sanitize-prefs-style" data-l10n-attrs="style">
<checkbox data-l10n-id="item-site-settings" <checkbox
preference="privacy.clearOnShutdown.siteSettings"/> data-l10n-id="item-site-settings"
preference="privacy.clearOnShutdown.siteSettings"
/>
</vbox> </vbox>
<vbox flex="1"> <vbox flex="1">
<checkbox data-l10n-id="item-offline-apps" <checkbox
preference="privacy.clearOnShutdown.offlineApps"/> data-l10n-id="item-offline-apps"
preference="privacy.clearOnShutdown.offlineApps"
/>
</vbox> </vbox>
</hbox> </hbox>
</groupbox> </groupbox>

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

@ -3,22 +3,25 @@
- License, v. 2.0. If a copy of the MPL was not distributed with this - 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/. --> - 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://browser/content/places/places.css"?>
<?xml-stylesheet href="chrome://global/skin/global.css"?> <?xml-stylesheet href="chrome://global/skin/global.css"?>
<?xml-stylesheet href="chrome://browser/skin/places/tree-icons.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" xmlns:html="http://www.w3.org/1999/xhtml"
data-l10n-id="select-bookmark-window2" data-l10n-id="select-bookmark-window2"
data-l10n-attrs="title, style" data-l10n-attrs="title, style"
persist="width height" persist="width height"
onload="SelectBookmarkDialog.init();"> onload="SelectBookmarkDialog.init();"
>
<dialog id="selectBookmarkDialog"> <dialog id="selectBookmarkDialog">
<linkset> <linkset>
<html:link rel="localization" href="browser/preferences/selectBookmark.ftl"/> <html:link
rel="localization"
href="browser/preferences/selectBookmark.ftl"
/>
</linkset> </linkset>
<script src="chrome://browser/content/preferences/dialogs/selectBookmark.js" /> <script src="chrome://browser/content/preferences/dialogs/selectBookmark.js" />
@ -30,13 +33,17 @@
<separator class="thin" /> <separator class="thin" />
<tree id="bookmarks" flex="1" is="places-tree" <tree
style="height: 15em;" id="bookmarks"
flex="1"
is="places-tree"
style="height: 15em"
hidecolumnpicker="true" hidecolumnpicker="true"
seltype="single" seltype="single"
ondblclick="SelectBookmarkDialog.onItemDblClick();" ondblclick="SelectBookmarkDialog.onItemDblClick();"
onselect="SelectBookmarkDialog.selectionChanged();" onselect="SelectBookmarkDialog.selectionChanged();"
disableUserActions="true"> disableUserActions="true"
>
<treecols> <treecols>
<treecol id="title" flex="1" primary="true" hideheader="true" /> <treecol id="title" flex="1" primary="true" hideheader="true" />
</treecols> </treecols>
@ -44,6 +51,5 @@
</tree> </tree>
<separator class="thin" /> <separator class="thin" />
</dialog> </dialog>
</window> </window>

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

@ -8,45 +8,72 @@
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.css" type="text/css"?> <?xml-stylesheet href="chrome://browser/skin/preferences/preferences.css" type="text/css"?>
<?xml-stylesheet href="chrome://browser/skin/preferences/siteDataSettings.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-id="site-data-settings-window"
data-l10n-attrs="title" data-l10n-attrs="title"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
xmlns:html="http://www.w3.org/1999/xhtml" xmlns:html="http://www.w3.org/1999/xhtml"
style="min-width: 45em;" style="min-width: 45em"
onload="gSiteDataSettings.init();" onload="gSiteDataSettings.init();"
onkeypress="gSiteDataSettings.onKeyPress(event);" onkeypress="gSiteDataSettings.onKeyPress(event);"
persist="width height"> persist="width height"
>
<dialog <dialog
buttons="accept,cancel" buttons="accept,cancel"
data-l10n-id="site-data-settings-dialog" data-l10n-id="site-data-settings-dialog"
data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept"> data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept"
>
<linkset> <linkset>
<html:link rel="localization" href="branding/brand.ftl" /> <html:link rel="localization" href="branding/brand.ftl" />
<html:link rel="localization" href="browser/preferences/siteDataSettings.ftl"/> <html:link
rel="localization"
href="browser/preferences/siteDataSettings.ftl"
/>
</linkset> </linkset>
<script src="chrome://browser/content/preferences/dialogs/siteDataSettings.js" /> <script src="chrome://browser/content/preferences/dialogs/siteDataSettings.js" />
<vbox flex="1" class="contentPane"> <vbox flex="1" class="contentPane">
<description id="settingsDescription" data-l10n-id="site-data-settings-description"/> <description
id="settingsDescription"
data-l10n-id="site-data-settings-description"
/>
<separator class="thin" /> <separator class="thin" />
<hbox id="searchBoxContainer"> <hbox id="searchBoxContainer">
<search-textbox id="searchBox" flex="1" <search-textbox
id="searchBox"
flex="1"
data-l10n-id="site-data-search-textbox" data-l10n-id="site-data-search-textbox"
data-l10n-attrs="placeholder"/> data-l10n-attrs="placeholder"
/>
</hbox> </hbox>
<separator class="thin" /> <separator class="thin" />
<listheader> <listheader>
<treecol style="flex: 4 4 auto; width: 50px" data-l10n-id="site-data-column-host" id="hostCol"/> <treecol
<treecol style="flex: 1 auto; width: 50px" data-l10n-id="site-data-column-cookies" id="cookiesCol"/> 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. --> <!-- 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
<treecol style="flex: 2 2 auto; width: 50px" data-l10n-id="site-data-column-last-used" id="lastAccessedCol" /> 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> </listheader>
<richlistbox seltype="multiple" id="sitesList" orient="vertical" /> <richlistbox seltype="multiple" id="sitesList" orient="vertical" />
</vbox> </vbox>

83
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/content/preferences/dialogs/sitePermissions.css" type="text/css"?>
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.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="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
xmlns:html="http://www.w3.org/1999/xhtml" xmlns:html="http://www.w3.org/1999/xhtml"
data-l10n-id="permissions-window2" data-l10n-id="permissions-window2"
data-l10n-attrs="title, style" data-l10n-attrs="title, style"
onload="gSitePermissionsManager.onLoad();" onload="gSitePermissionsManager.onLoad();"
onunload="gSitePermissionsManager.uninit();" onunload="gSitePermissionsManager.uninit();"
persist="width height"> persist="width height"
>
<dialog <dialog
buttons="accept,cancel" buttons="accept,cancel"
data-l10n-id="permission-dialog" data-l10n-id="permission-dialog"
data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept"> data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept"
>
<linkset> <linkset>
<html:link rel="localization" href="browser/preferences/preferences.ftl"/> <html:link
<html:link rel="localization" href="browser/preferences/permissions.ftl"/> rel="localization"
href="browser/preferences/preferences.ftl"
/>
<html:link
rel="localization"
href="browser/preferences/permissions.ftl"
/>
</linkset> </linkset>
<script src="chrome://browser/content/preferences/dialogs/sitePermissions.js" /> <script src="chrome://browser/content/preferences/dialogs/sitePermissions.js" />
<script src="chrome://browser/content/preferences/extensionControlled.js" /> <script src="chrome://browser/content/preferences/extensionControlled.js" />
<keyset> <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> </keyset>
<vbox class="contentPane"> <vbox class="contentPane">
<hbox align="center" id="setAutoplayPref" hidden="true"> <hbox align="center" id="setAutoplayPref" hidden="true">
<label data-l10n-id="permissions-autoplay-menu" /> <label data-l10n-id="permissions-autoplay-menu" />
</hbox> </hbox>
<description id="permissionsText" control="url" /> <description id="permissionsText" control="url" />
<separator class="thin" /> <separator class="thin" />
<hbox align="start"> <hbox align="start">
<search-textbox id="searchBox" flex="1" <search-textbox
id="searchBox"
flex="1"
data-l10n-id="permissions-searchbox" data-l10n-id="permissions-searchbox"
data-l10n-attrs="placeholder" data-l10n-attrs="placeholder"
oncommand="gSitePermissionsManager.buildPermissionsList();"/> oncommand="gSitePermissionsManager.buildPermissionsList();"
/>
</hbox> </hbox>
<separator class="thin" /> <separator class="thin" />
<listheader> <listheader>
<treecol id="siteCol" data-l10n-id="permissions-site-name" <treecol
onclick="gSitePermissionsManager.buildPermissionsList(event.target)"/> id="siteCol"
<treecol id="statusCol" data-l10n-id="permissions-status" data-l10n-id="permissions-site-name"
onclick="gSitePermissionsManager.buildPermissionsList(event.target)"
/>
<treecol
id="statusCol"
data-l10n-id="permissions-status"
data-isCurrentSortCol="true" data-isCurrentSortCol="true"
onclick="gSitePermissionsManager.buildPermissionsList(event.target);"/> onclick="gSitePermissionsManager.buildPermissionsList(event.target);"
/>
</listheader> </listheader>
<richlistbox id="permissionsBox" selected="false" <richlistbox
id="permissionsBox"
selected="false"
onkeypress="gSitePermissionsManager.onPermissionKeyPress(event);" onkeypress="gSitePermissionsManager.onPermissionKeyPress(event);"
onselect="gSitePermissionsManager.onPermissionSelect();"/> onselect="gSitePermissionsManager.onPermissionSelect();"
/>
</vbox> </vbox>
<hbox class="actionButtons"> <hbox class="actionButtons">
<button id="removePermission" disabled="true" <button
id="removePermission"
disabled="true"
data-l10n-id="permissions-remove" data-l10n-id="permissions-remove"
oncommand="gSitePermissionsManager.onPermissionDelete();"/> oncommand="gSitePermissionsManager.onPermissionDelete();"
<button id="removeAllPermissions" />
<button
id="removeAllPermissions"
data-l10n-id="permissions-remove-all" data-l10n-id="permissions-remove-all"
oncommand="gSitePermissionsManager.onAllPermissionsDelete();"/> oncommand="gSitePermissionsManager.onAllPermissionsDelete();"
/>
</hbox> </hbox>
<checkbox id="permissionsDisableCheckbox" /> <checkbox id="permissionsDisableCheckbox" />
<description id="permissionsDisableDescription" /> <description id="permissionsDisableDescription" />
<hbox id="browserNotificationsPermissionExtensionContent" <hbox
class="extension-controlled" align="center" hidden="true"> id="browserNotificationsPermissionExtensionContent"
class="extension-controlled"
align="center"
hidden="true"
>
<description control="disableNotificationsPermissionExtension" flex="1" /> <description control="disableNotificationsPermissionExtension" flex="1" />
<button id="disableNotificationsPermissionExtension" <button
id="disableNotificationsPermissionExtension"
class="extension-controlled-button accessory-button" class="extension-controlled-button accessory-button"
data-l10n-id="disable-extension"/> data-l10n-id="disable-extension"
/>
</hbox> </hbox>
</dialog> </dialog>
</window> </window>

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

@ -7,57 +7,81 @@
<?xml-stylesheet href="chrome://global/skin/global.css"?> <?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="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
xmlns:html="http://www.w3.org/1999/xhtml" xmlns:html="http://www.w3.org/1999/xhtml"
onload="gSyncChooseWhatToSync.init();" onload="gSyncChooseWhatToSync.init();"
data-l10n-id="sync-choose-what-to-sync-dialog3" data-l10n-id="sync-choose-what-to-sync-dialog3"
data-l10n-attrs="title, style"> data-l10n-attrs="title, style"
<dialog id="syncChooseOptions" >
<dialog
id="syncChooseOptions"
buttons="accept,cancel,extra2" buttons="accept,cancel,extra2"
data-l10n-id="sync-choose-what-to-sync-dialog3" data-l10n-id="sync-choose-what-to-sync-dialog3"
data-l10n-attrs="buttonlabelaccept, buttonlabelextra2"> data-l10n-attrs="buttonlabelaccept, buttonlabelextra2"
>
<linkset> <linkset>
<html:link rel="localization" href="browser/preferences/preferences.ftl"/> <html:link
rel="localization"
href="browser/preferences/preferences.ftl"
/>
<html:link rel="localization" href="toolkit/branding/accounts.ftl" /> <html:link rel="localization" href="toolkit/branding/accounts.ftl" />
</linkset> </linkset>
<script src="chrome://global/content/preferencesBindings.js" /> <script src="chrome://global/content/preferencesBindings.js" />
<script src="chrome://browser/content/preferences/dialogs/syncChooseWhatToSync.js" /> <script src="chrome://browser/content/preferences/dialogs/syncChooseWhatToSync.js" />
<description class="sync-choose-dialog-description" <description
data-l10n-id="sync-choose-dialog-subtitle" /> class="sync-choose-dialog-description"
data-l10n-id="sync-choose-dialog-subtitle"
/>
<html:div class="sync-engines-list"> <html:div class="sync-engines-list">
<html:div class="sync-engine-bookmarks"> <html:div class="sync-engine-bookmarks">
<checkbox data-l10n-id="sync-engine-bookmarks" <checkbox
preference="services.sync.engine.bookmarks"/> data-l10n-id="sync-engine-bookmarks"
preference="services.sync.engine.bookmarks"
/>
</html:div> </html:div>
<html:div class="sync-engine-history"> <html:div class="sync-engine-history">
<checkbox data-l10n-id="sync-engine-history" <checkbox
preference="services.sync.engine.history"/> data-l10n-id="sync-engine-history"
preference="services.sync.engine.history"
/>
</html:div> </html:div>
<html:div class="sync-engine-tabs"> <html:div class="sync-engine-tabs">
<checkbox data-l10n-id="sync-engine-tabs" <checkbox
preference="services.sync.engine.tabs"/> data-l10n-id="sync-engine-tabs"
preference="services.sync.engine.tabs"
/>
</html:div> </html:div>
<html:div class="sync-engine-passwords"> <html:div class="sync-engine-passwords">
<checkbox data-l10n-id="sync-engine-logins-passwords" <checkbox
preference="services.sync.engine.passwords"/> data-l10n-id="sync-engine-logins-passwords"
preference="services.sync.engine.passwords"
/>
</html:div> </html:div>
<html:div class="sync-engine-addresses"> <html:div class="sync-engine-addresses">
<checkbox data-l10n-id="sync-engine-addresses" <checkbox
preference="services.sync.engine.addresses"/> data-l10n-id="sync-engine-addresses"
preference="services.sync.engine.addresses"
/>
</html:div> </html:div>
<html:div class="sync-engine-creditcards"> <html:div class="sync-engine-creditcards">
<checkbox data-l10n-id="sync-engine-creditcards" <checkbox
preference="services.sync.engine.creditcards"/> data-l10n-id="sync-engine-creditcards"
preference="services.sync.engine.creditcards"
/>
</html:div> </html:div>
<html:div class="sync-engine-addons"> <html:div class="sync-engine-addons">
<checkbox data-l10n-id="sync-engine-addons" <checkbox
preference="services.sync.engine.addons"/> data-l10n-id="sync-engine-addons"
preference="services.sync.engine.addons"
/>
</html:div> </html:div>
<html:div class="sync-engine-prefs"> <html:div class="sync-engine-prefs">
<checkbox data-l10n-id="sync-engine-settings" <checkbox
preference="services.sync.engine.prefs"/> data-l10n-id="sync-engine-settings"
preference="services.sync.engine.prefs"
/>
</html:div> </html:div>
</html:div> </html:div>
</dialog> </dialog>

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

@ -7,67 +7,100 @@
<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?> <?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.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-id="translation-window2"
data-l10n-attrs="title, style" data-l10n-attrs="title, style"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
xmlns:html="http://www.w3.org/1999/xhtml" xmlns:html="http://www.w3.org/1999/xhtml"
onload="gTranslationExceptions.onLoad();" onload="gTranslationExceptions.onLoad();"
onunload="gTranslationExceptions.uninit();" onunload="gTranslationExceptions.uninit();"
persist="width height"> persist="width height"
>
<dialog <dialog
buttons="accept" buttons="accept"
data-l10n-id="translation-dialog" data-l10n-id="translation-dialog"
data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept"> data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept"
>
<linkset> <linkset>
<html:link rel="localization" href="browser/preferences/translation.ftl"/> <html:link
rel="localization"
href="browser/preferences/translation.ftl"
/>
</linkset> </linkset>
<script src="chrome://browser/content/preferences/dialogs/translation.js" /> <script src="chrome://browser/content/preferences/dialogs/translation.js" />
<keyset> <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> </keyset>
<vbox class="contentPane"> <vbox class="contentPane">
<vbox flex="1"> <vbox flex="1">
<label id="languagesLabel" <label
id="languagesLabel"
data-l10n-id="translation-languages-disabled-desc" data-l10n-id="translation-languages-disabled-desc"
control="permissionsTree"/> control="permissionsTree"
/>
<separator class="thin" /> <separator class="thin" />
<tree id="languagesTree" flex="1" style="height: 12em;" <tree
id="languagesTree"
flex="1"
style="height: 12em"
hidecolumnpicker="true" hidecolumnpicker="true"
onkeypress="gTranslationExceptions.onLanguageKeyPress(event)" onkeypress="gTranslationExceptions.onLanguageKeyPress(event)"
onselect="gTranslationExceptions.onLanguageSelected();"> onselect="gTranslationExceptions.onLanguageSelected();"
>
<treecols> <treecols>
<treecol id="languageCol" data-l10n-id="translation-languages-column" flex="1"/> <treecol
id="languageCol"
data-l10n-id="translation-languages-column"
flex="1"
/>
</treecols> </treecols>
<treechildren /> <treechildren />
</tree> </tree>
</vbox> </vbox>
<hbox class="actionButtons" pack="end"> <hbox class="actionButtons" pack="end">
<button id="removeLanguage" disabled="true" <button
id="removeLanguage"
disabled="true"
data-l10n-id="translation-languages-button-remove" data-l10n-id="translation-languages-button-remove"
oncommand="gTranslationExceptions.onLanguageDeleted();"/> oncommand="gTranslationExceptions.onLanguageDeleted();"
<button id="removeAllLanguages" />
<button
id="removeAllLanguages"
data-l10n-id="translation-languages-button-remove-all" data-l10n-id="translation-languages-button-remove-all"
oncommand="gTranslationExceptions.onAllLanguagesDeleted();"/> oncommand="gTranslationExceptions.onAllLanguagesDeleted();"
/>
<spacer flex="1" /> <spacer flex="1" />
</hbox> </hbox>
<separator /> <separator />
<vbox flex="1"> <vbox flex="1">
<label id="languagesLabel" <label
id="languagesLabel"
data-l10n-id="translation-sites-disabled-desc" data-l10n-id="translation-sites-disabled-desc"
control="permissionsTree"/> control="permissionsTree"
/>
<separator class="thin" /> <separator class="thin" />
<tree id="sitesTree" flex="1" style="height: 12em;" <tree
id="sitesTree"
flex="1"
style="height: 12em"
hidecolumnpicker="true" hidecolumnpicker="true"
onkeypress="gTranslationExceptions.onSiteKeyPress(event)" onkeypress="gTranslationExceptions.onSiteKeyPress(event)"
onselect="gTranslationExceptions.onSiteSelected();"> onselect="gTranslationExceptions.onSiteSelected();"
>
<treecols> <treecols>
<treecol id="siteCol" data-l10n-id="translation-sites-column" flex="1"/> <treecol
id="siteCol"
data-l10n-id="translation-sites-column"
flex="1"
/>
</treecols> </treecols>
<treechildren /> <treechildren />
</tree> </tree>
@ -75,12 +108,17 @@
</vbox> </vbox>
<hbox class="actionButtons" pack="end"> <hbox class="actionButtons" pack="end">
<button id="removeSite" disabled="true" <button
id="removeSite"
disabled="true"
data-l10n-id="translation-sites-button-remove" data-l10n-id="translation-sites-button-remove"
oncommand="gTranslationExceptions.onSiteDeleted();"/> oncommand="gTranslationExceptions.onSiteDeleted();"
<button id="removeAllSites" />
<button
id="removeAllSites"
data-l10n-id="translation-sites-button-remove-all" data-l10n-id="translation-sites-button-remove-all"
oncommand="gTranslationExceptions.onAllSitesDeleted();"/> oncommand="gTranslationExceptions.onAllSitesDeleted();"
/>
<spacer flex="1" /> <spacer flex="1" />
</hbox> </hbox>
</dialog> </dialog>

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

@ -8,18 +8,23 @@
<?xml-stylesheet href="chrome://global/skin/global.css"?> <?xml-stylesheet href="chrome://global/skin/global.css"?>
<?xml-stylesheet href="chrome://browser/skin/preferences/fxaPairDevice.css" type="text/css"?> <?xml-stylesheet href="chrome://browser/skin/preferences/fxaPairDevice.css" type="text/css"?>
<window id="fxaPairDeviceDialog" <window
id="fxaPairDeviceDialog"
type="child" type="child"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
xmlns:html="http://www.w3.org/1999/xhtml" xmlns:html="http://www.w3.org/1999/xhtml"
onload="gFxaPairDeviceDialog.init();" onload="gFxaPairDeviceDialog.init();"
onunload="gFxaPairDeviceDialog.uninit()" onunload="gFxaPairDeviceDialog.uninit()"
data-l10n-id="fxa-pair-device-dialog-sync2" data-l10n-id="fxa-pair-device-dialog-sync2"
data-l10n-attrs="style"> data-l10n-attrs="style"
>
<dialog id="fxaPairDeviceDialog1" buttons="accept"> <dialog id="fxaPairDeviceDialog1" buttons="accept">
<linkset> <linkset>
<html:link rel="localization" href="branding/brand.ftl" /> <html:link rel="localization" href="branding/brand.ftl" />
<html:link rel="localization" href="browser/preferences/fxaPairDevice.ftl"/> <html:link
rel="localization"
href="browser/preferences/fxaPairDevice.ftl"
/>
<html:link rel="localization" href="toolkit/branding/accounts.ftl" /> <html:link rel="localization" href="toolkit/branding/accounts.ftl" />
</linkset> </linkset>
<script src="chrome://browser/content/preferences/fxaPairDevice.js" /> <script src="chrome://browser/content/preferences/fxaPairDevice.js" />
@ -29,25 +34,39 @@
<vbox id="qrCodeDisplay"> <vbox id="qrCodeDisplay">
<description class="pairHeading" data-l10n-id="fxa-qrcode-pair-step1"> <description class="pairHeading" data-l10n-id="fxa-qrcode-pair-step1">
</description> </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 <html:img
src="chrome://browser/skin/preferences/ios-menu.svg" src="chrome://browser/skin/preferences/ios-menu.svg"
data-l10n-name="ios-menu-icon" data-l10n-name="ios-menu-icon"
class="menu-icon"/> class="menu-icon"
/>
<html:img <html:img
src="chrome://browser/skin/preferences/android-menu.svg" src="chrome://browser/skin/preferences/android-menu.svg"
data-l10n-name="android-menu-icon" data-l10n-name="android-menu-icon"
class="menu-icon"/> class="menu-icon"
/>
</description> </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>
<vbox align="center" id="qrWrapper" pairing-status="loading"> <vbox align="center" id="qrWrapper" pairing-status="loading">
<box id="qrContainer"></box> <box id="qrContainer"></box>
<box id="qrSpinner"></box> <box id="qrSpinner"></box>
<vbox id="qrError" onclick="gFxaPairDeviceDialog.startPairingFlow();"> <vbox id="qrError" onclick="gFxaPairDeviceDialog.startPairingFlow();">
<image id="refresh-qr" /> <image id="refresh-qr" />
<label class="qr-error-text" data-l10n-id="fxa-qrcode-error-title"></label> <label
<label class="qr-error-text" data-l10n-id="fxa-qrcode-error-body"></label> class="qr-error-text"
data-l10n-id="fxa-qrcode-error-title"
></label>
<label
class="qr-error-text"
data-l10n-id="fxa-qrcode-error-body"
></label>
</vbox> </vbox>
</vbox> </vbox>
</vbox> </vbox>

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

@ -8,11 +8,22 @@
<html xmlns="http://www.w3.org/1999/xhtml" class="private"> <html xmlns="http://www.w3.org/1999/xhtml" class="private">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="Content-Security-Policy" content="default-src chrome: blob:; object-src 'none'"/> <meta
http-equiv="Content-Security-Policy"
content="default-src chrome: blob:; object-src 'none'"
/>
<meta name="color-scheme" content="light dark" /> <meta name="color-scheme" content="light dark" />
<link rel="icon" href="chrome://browser/skin/privatebrowsing/favicon.svg" /> <link rel="icon" href="chrome://browser/skin/privatebrowsing/favicon.svg" />
<link rel="stylesheet" href="chrome://browser/content/aboutPrivateBrowsing.css" media="all"/> <link
<link rel="stylesheet" href="chrome://browser/skin/privatebrowsing/aboutPrivateBrowsing.css" media="all"/> 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="branding/brand.ftl" />
<link rel="localization" href="toolkit/branding/brandings.ftl" /> <link rel="localization" href="toolkit/branding/brandings.ftl" />
<link rel="localization" href="browser/aboutPrivateBrowsing.ftl" /> <link rel="localization" href="browser/aboutPrivateBrowsing.ftl" />
@ -22,22 +33,37 @@
<body> <body>
<p class="showNormal" data-l10n-id="about-private-browsing-not-private"></p> <p class="showNormal" data-l10n-id="about-private-browsing-not-private"></p>
<button id="startPrivateBrowsing" <button
class="showNormal" data-l10n-id="privatebrowsingpage-open-private-window-label"></button> id="startPrivateBrowsing"
<div id="search-banner" class="search-banner" class="showNormal"
hidden="true"> data-l10n-id="privatebrowsingpage-open-private-window-label"
<button id="search-banner-close-button" ></button>
<div id="search-banner" class="search-banner" hidden="true">
<button
id="search-banner-close-button"
class="search-banner-close-button" class="search-banner-close-button"
data-l10n-id="about-private-browsing-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"/> >
<img
class="search-banner-close-image"
src="chrome://global/skin/icons/close.svg"
/>
</button> </button>
<div class="banner-body"> <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-id="about-private-browsing-search-banner-title"
data-l10n-args='{"engineName": ""}'></h1> data-l10n-args='{"engineName": ""}'
<p id="about-private-browsing-search-banner-description" ></h1>
data-l10n-id="about-private-browsing-search-banner-description"> <p
<a href="" id="open-search-options-link" data-l10n-name="link-options"></a> 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> </p>
</div> </div>
</div> </div>
@ -47,9 +73,19 @@
<div class="wordmark"></div> <div class="wordmark"></div>
</div> </div>
<div class="search-inner-wrapper"> <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> <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> <div class="fake-caret"></div>
</button> </button>
</div> </div>
@ -68,13 +104,20 @@
<h1 id="promo-header"></h1> <h1 id="promo-header"></h1>
<p id="private-browsing-promo-text" class="vpn-promo"></p> <p id="private-browsing-promo-text" class="vpn-promo"></p>
<div class="promo-cta"> <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"> <div class="promo-image-small">
<img src="" alt="" /> <img src="" alt="" />
</div> </div>
</div> </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> </div>
</body> </body>
</html> </html>

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

@ -5,121 +5,285 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="Content-Security-Policy" content="default-src chrome: blob:; object-src 'none'"> <meta
<meta name="color-scheme" content="light dark"> 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="branding/brand.ftl" />
<link rel="localization" href="browser/protections.ftl"> <link rel="localization" href="browser/protections.ftl" />
<link rel="localization" href="toolkit/branding/accounts.ftl" /> <link rel="localization" href="toolkit/branding/accounts.ftl" />
<link rel="localization" href="toolkit/branding/brandings.ftl" /> <link rel="localization" href="toolkit/branding/brandings.ftl" />
<!-- Temporary "en-US"-only l10n strings --> <!-- Temporary "en-US"-only l10n strings -->
<link rel="localization" href="preview/protections.ftl"> <link rel="localization" href="preview/protections.ftl" />
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css"> <link rel="stylesheet" href="chrome://global/skin/in-content/common.css" />
<link rel="stylesheet" href="chrome://browser/content/protections.css"> <link rel="stylesheet" href="chrome://browser/content/protections.css" />
<link rel="icon" href="chrome://browser/skin/controlcenter/dashboard.svg"> <link rel="icon" href="chrome://browser/skin/controlcenter/dashboard.svg" />
<script type="module" src="chrome://browser/content/protections.mjs"></script> <script
type="module"
src="chrome://browser/content/protections.mjs"
></script>
<title data-l10n-id="protection-report-webpage-title"></title> <title data-l10n-id="protection-report-webpage-title"></title>
</head> </head>
<body> <body>
<div class="new-banner vpn-banner hidden"> <div class="new-banner vpn-banner hidden">
<div class=banner-wrapper> <div class="banner-wrapper">
<img class="icon light" src="chrome://browser/content/logos/vpn-light.svg"/> <img
<img class="icon dark" src="chrome://browser/content/logos/vpn-dark.svg"/> 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 class="wrapper">
<div> <div>
<h3 class="banner-title" data-l10n-id="vpn-banner-header"></h3> <h3 class="banner-title" data-l10n-id="vpn-banner-header"></h3>
<span class="content" data-l10n-id="vpn-banner-content"></span> <span class="content" data-l10n-id="vpn-banner-content"></span>
</div> </div>
<a target="_blank" id="vpn-banner-link" data-l10n-id="get-vpn-link"></a> <a
<button class="exit-icon" data-l10n-id="protections-close-button2"></button> 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>
</div> </div>
<div id="report-content"> <div id="report-content">
<h1 id="report-title" data-l10n-id="protection-report-page-content-title"></h1> <h1
<p id="report-summary" data-l10n-id="protection-report-page-summary-default"></p> id="report-title"
<p id="protection-settings" data-l10n-id="protection-report-settings-link" role="link" tabindex="0"></p> 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 card-no-hover etp-card">
<div class="card-header"> <div class="card-header">
<img class="icon light" src="chrome://browser/content/logos/tracking-protection.svg"/> <img
<img class="icon dark" src="chrome://browser/content/logos/tracking-protection-dark-theme.svg"/> 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 class="wrapper">
<div> <div>
<h2 class="card-title" data-l10n-id="etp-card-title-always"></h2> <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> </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> </div>
<div class="card-body"> <div class="card-body">
<div class="body-wrapper"> <div class="body-wrapper">
<p id="graph-week-summary"></p> <p id="graph-week-summary"></p>
<div id="graph-wrapper"> <div id="graph-wrapper">
<div id="graph" role="table" aria-labelledby="graphLegendDescription"> <div
<div id="private-window-message" data-l10n-id="graph-private-window"></div> id="graph"
role="table"
aria-labelledby="graphLegendDescription"
>
<div
id="private-window-message"
data-l10n-id="graph-private-window"
></div>
</div> </div>
<div id="legend"> <div id="legend">
<label id="graphLegendDescription" data-l10n-id="graph-legend-description"></label> <label
<input id="tab-social" data-type="social" type="radio" name="tabs" aria-labelledby="socialLabel socialTitle" aria-describedby="socialContent" checked> 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"> <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> <span data-type="social"></span>
</label> </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"> <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> <span data-type="cookie"></span>
</label> </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"> <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> <span data-type="tracker"></span>
</label> </label>
<input id="tab-fingerprinter" data-type="fingerprinter" type="radio" name="tabs" aria-labelledby="fingerprinterLabel fingerprinterTitle" aria-describedby="fingerprinterContent"> <input
<label id="fingerprinterLabel" for="tab-fingerprinter" data-type="fingerprinter"> id="tab-fingerprinter"
<img class="icon-small" src="chrome://browser/skin/fingerprint.svg" data-type="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> <span data-type="fingerprinter"></span>
</label> </label>
<input id="tab-cryptominer" data-type="cryptominer" type="radio" name="tabs" aria-labelledby="cryptominerLabel cryptominerTitle" aria-describedby="cryptominerContent"> <input
<label id="cryptominerLabel" for="tab-cryptominer" data-type="cryptominer"> id="tab-cryptominer"
<img class="icon-small" src="chrome://browser/skin/controlcenter/cryptominers.svg" data-type="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> <span data-type="cryptominer"></span>
</label> </label>
<div id=highlight></div> <div id="highlight"></div>
<div id=highlight-hover></div> <div id="highlight-hover"></div>
<div id="social" class="tab-content"> <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"> <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> </p>
</div> </div>
<div id="cookie" class="tab-content"> <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"> <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> </p>
</div> </div>
<div id="tracker" class="tab-content"> <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"> <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> </p>
</div> </div>
<div id="fingerprinter" class="tab-content"> <div id="fingerprinter" class="tab-content">
<p id="fingerprinterTitle" class="content-title" data-l10n-id="fingerprinter-tab-title"></p> <p
<p id="fingerprinterContent" data-l10n-id="fingerprinter-tab-content"> id="fingerprinterTitle"
<a target="_blank" id="fingerprinter-link" data-l10n-name="learn-more-link"></a> 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> </p>
</div> </div>
<div id="cryptominer" class="tab-content"> <div id="cryptominer" class="tab-content">
<p id="cryptominerTitle" class="content-title" data-l10n-id="cryptominer-tab-title"></p> <p
<p id="cryptominerContent" data-l10n-id="cryptominer-tab-content"> id="cryptominerTitle"
<a target="_blank" id="cryptominer-link" data-l10n-name="learn-more-link"></a> 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> </p>
</div> </div>
</div> </div>
@ -129,16 +293,36 @@
</div> </div>
<div id="mobile-hanger" class="card-body hidden"> <div id="mobile-hanger" class="card-body hidden">
<div class="body-wrapper"> <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"> <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> <span>
<h2 class="card-title" data-l10n-id="mobile-app-title"></h2> <h2 class="card-title" data-l10n-id="mobile-app-title"></h2>
<p class="content"> <p class="content">
<span data-l10n-id="mobile-app-card-content"></span> <span data-l10n-id="mobile-app-card-content"></span>
<span target="_blank" id="mobile-app-links" data-l10n-id="mobile-app-links"> <span
<a target="_blank" id="android-mobile-inline-link" data-l10n-name="android-mobile-inline-link" href=""></a> target="_blank"
<a target="_blank" id="ios-mobile-inline-link" data-l10n-name="ios-mobile-inline-link" href=""></a> 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> </span>
</p> </p>
</span> </span>
@ -152,16 +336,31 @@
<img class="icon" src="chrome://browser/content/logos/monitor.svg" /> <img class="icon" src="chrome://browser/content/logos/monitor.svg" />
<div class="wrapper"> <div class="wrapper">
<div> <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"> <p id="monitor-header-content" class="content">
<span> <span>
<!-- Insert Monitor header content here. --> <!-- Insert Monitor header content here. -->
</span> </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> </p>
<div class="monitor-scanned-wrapper"> <div class="monitor-scanned-wrapper">
<img class="icon-small" src="chrome://global/skin/icons/reload.svg"/> <img
<span class="monitor-scanned-text" data-l10n-id="auto-scan"></span> class="icon-small"
src="chrome://global/skin/icons/reload.svg"
/>
<span
class="monitor-scanned-text"
data-l10n-id="auto-scan"
></span>
</div> </div>
</div> </div>
<a target="_blank" id="sign-up-for-monitor-link"> <a target="_blank" id="sign-up-for-monitor-link">
@ -174,20 +373,37 @@
<div id="monitor-body-content"> <div id="monitor-body-content">
<div class="monitor-info-wrapper"> <div class="monitor-info-wrapper">
<div class="monitor-block email"> <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"> <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"> <span data-type="stored-emails">
<!-- Display number of stored emails here. --> <!-- Display number of stored emails here. -->
</span> </span>
</span> </span>
<span id="info-monitored-addresses" class="info-text"></span> <span
id="info-monitored-addresses"
class="info-text"
></span>
</a> </a>
</div> </div>
<div class="monitor-block breaches"> <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"> <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"> <span data-type="known-breaches">
<!-- Display number of known breaches here. --> <!-- Display number of known breaches here. -->
</span> </span>
@ -196,9 +412,16 @@
</a> </a>
</div> </div>
<div class="monitor-block passwords"> <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"> <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"> <span data-type="exposed-passwords">
<!-- Display number of exposed passwords here. --> <!-- Display number of exposed passwords here. -->
</span> </span>
@ -213,7 +436,10 @@
<span id="monitor-breaches-title" /> <span id="monitor-breaches-title" />
</div> </div>
<div class="monitor-breaches-description-wrapper"> <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"> <div class="monitor-breaches-link-wrapper">
<a id="monitor-breaches-link" target="_blank"></a> <a id="monitor-breaches-link" target="_blank"></a>
</div> </div>
@ -221,7 +447,10 @@
</div> </div>
<div class="monitor-partial-breaches-wrapper"> <div class="monitor-partial-breaches-wrapper">
<div class="monitor-partial-breaches-header"> <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-title"></span>
<span id="monitor-partial-breaches-percentage"></span> <span id="monitor-partial-breaches-percentage"></span>
</div> </div>
@ -229,9 +458,17 @@
<div class="monitor-partial-breaches-motivation-text"> <div class="monitor-partial-breaches-motivation-text">
<span id="monitor-partial-breaches-motivation-title"></span> <span id="monitor-partial-breaches-motivation-title"></span>
<div class="monitor-partial-breaches-motivation-wrapper"> <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"> <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> </div>
</div> </div>
@ -253,17 +490,30 @@
<span> <span>
<!-- Insert Lockwise header content here. --> <!-- Insert Lockwise header content here. -->
</span> </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> </p>
</div> </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"> <div class="lockwise-scanned-wrapper">
<img id="lockwise-scanned-icon" /> <img id="lockwise-scanned-icon" />
<span id="lockwise-scanned-text" class="content"> <span id="lockwise-scanned-text" class="content">
<!-- Display message for stored logins here. --> <!-- Display message for stored logins here. -->
</span> </span>
</div> </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> </div>
<!-- <div class="card-body hidden"> <!-- <div class="card-body hidden">
@ -276,35 +526,69 @@
<!-- Markup for Proxy card --> <!-- Markup for Proxy card -->
<section class="card card-no-hover proxy-card hidden"> <section class="card card-no-hover proxy-card hidden">
<div class="card-header"> <div class="card-header">
<img class="icon light" src="chrome://browser/content/logos/proxy-light.svg"/> <img
<img class="icon dark" src="chrome://browser/content/logos/proxy-dark.svg"/> 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 class="wrapper">
<div> <div>
<h3 class="card-title" data-l10n-id="proxy-title"></h3> <h3 class="card-title" data-l10n-id="proxy-title"></h3>
<p class="content" data-l10n-id="proxy-header-content"></p> <p class="content" data-l10n-id="proxy-header-content"></p>
</div> </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>
</div> </div>
</section> </section>
<section class="card card-no-hover vpn-card hidden"> <section class="card card-no-hover vpn-card hidden">
<div class="card-header"> <div class="card-header">
<img class="icon light" src="chrome://browser/content/logos/vpn-light.svg"/> <img
<img class="icon dark" src="chrome://browser/content/logos/vpn-dark.svg"/> 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 class="wrapper">
<div> <div>
<div class="title-wrapper"> <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> <h3 class="card-title" data-l10n-id="vpn-title"></h3>
</div> </div>
<p class="content" data-l10n-id="vpn-header-content"></p> <p class="content" data-l10n-id="vpn-header-content"></p>
<p class="content subscribed" data-l10n-id="vpn-header-content-subscribed"> <p
<a target="_blank" id="vpn-google-playstore-link" data-l10n-name="vpn-google-playstore-link"></a> class="content subscribed"
<a target="_blank" id="vpn-app-store-link" data-l10n-name="vpn-app-store-link"></a> 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> </p>
</div> </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>
</div> </div>
</section> </section>

50
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 <!-- 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, - 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/. --> - You can obtain one at http://mozilla.org/MPL/2.0/. -->
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<title></title> <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://global/skin/in-content/common.css" />
<link rel="stylesheet" href="chrome://browser/content/screenshots/screenshots.css"> <link
<script defer src="chrome://browser/content/screenshots/screenshots.js"></script> rel="stylesheet"
href="chrome://browser/content/screenshots/screenshots.css"
/>
<script
defer
src="chrome://browser/content/screenshots/screenshots.js"
></script>
</head> </head>
<body> <body>
<template id="screenshots-dialog-template"> <template id="screenshots-dialog-template">
<div class="image-view"> <div class="image-view">
<div class="preview-buttons"> <div class="preview-buttons">
<button id="retry" class="preview-button" data-l10n-id="screenshots-retry-button-title"> <button
id="retry"
class="preview-button"
data-l10n-id="screenshots-retry-button-title"
>
<img src="chrome://global/skin/icons/reload.svg" /> <img src="chrome://global/skin/icons/reload.svg" />
</button> </button>
<button id="cancel" class="preview-button" data-l10n-id="screenshots-cancel-button-title"> <button
id="cancel"
class="preview-button"
data-l10n-id="screenshots-cancel-button-title"
>
<img src="chrome://global/skin/icons/close.svg" /> <img src="chrome://global/skin/icons/close.svg" />
</button> </button>
<button id="copy" class="preview-button" data-l10n-id="screenshots-copy-button-title"> <button
id="copy"
class="preview-button"
data-l10n-id="screenshots-copy-button-title"
>
<img src="chrome://global/skin/icons/edit-copy.svg" /> <img src="chrome://global/skin/icons/edit-copy.svg" />
<span data-l10n-id="screenshots-copy-button" /> <span data-l10n-id="screenshots-copy-button" />
</button> </button>
<button id="download" class="preview-button primary" data-l10n-id="screenshots-download-button-title"> <button
id="download"
class="preview-button primary"
data-l10n-id="screenshots-download-button-title"
>
<img src="chrome://browser/skin/downloads/downloads.svg" /> <img src="chrome://browser/skin/downloads/downloads.svg" />
<span data-l10n-id="screenshots-download-button" /> <span data-l10n-id="screenshots-download-button" />
</button> </button>
</div> </div>
<div class="preview-image"> <div class="preview-image">
<div id="preview-image-div"> <div id="preview-image-div"></div>
</div>
</div> </div>
</div> </div>
</template> </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 <!-- 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, - 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/. --> - 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> <style>
/* Override the default Storybook padding in favour of styles /* Override the default Storybook padding in favour of styles
provided by our WithCommonStyles wrapper */ provided by our WithCommonStyles wrapper */

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

@ -4,14 +4,20 @@
- file, You can obtain one at http://mozilla.org/MPL/2.0/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<!DOCTYPE html> <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" <html
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> xmlns="http://www.w3.org/1999/xhtml"
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
>
<head> <head>
<script src="chrome://browser/content/syncedtabs/sidebar.js" /> <script src="chrome://browser/content/syncedtabs/sidebar.js" />
<script src="chrome://browser/content/utilityOverlay.js" /> <script src="chrome://browser/content/utilityOverlay.js" />
<script src="chrome://browser/content/contentTheme.js" /> <script src="chrome://browser/content/contentTheme.js" />
<link rel="stylesheet" media="all" href="chrome://browser/skin/syncedtabs/sidebar.css"/> <link
rel="stylesheet"
media="all"
href="chrome://browser/skin/syncedtabs/sidebar.css"
/>
<link rel="localization" href="browser/syncedTabs.ftl" /> <link rel="localization" href="browser/syncedTabs.ftl" />
<link rel="localization" href="toolkit/branding/accounts.ftl" /> <link rel="localization" href="toolkit/branding/accounts.ftl" />
<title data-l10n-id="synced-tabs-sidebar-title" /> <title data-l10n-id="synced-tabs-sidebar-title" />
@ -39,7 +45,10 @@
<div class="item empty" role="option" tabindex="-1"> <div class="item empty" role="option" tabindex="-1">
<div class="item-title-container"> <div class="item-title-container">
<div class="item-icon-container"></div> <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> </div>
</div> </div>
@ -68,32 +77,59 @@
<div class="notAuthedInfo sync-state"> <div class="notAuthedInfo sync-state">
<div class="syncIllustration"></div> <div class="syncIllustration"></div>
<p class="instructions" data-l10n-id="synced-tabs-sidebar-intro"></p> <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>
<div class="syncDisabled sync-state"> <div class="syncDisabled sync-state">
<div class="syncIllustration"></div> <div class="syncIllustration"></div>
<p class="instructions" data-l10n-id="synced-tabs-sidebar-intro"></p> <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>
<div class="reauth sync-state"> <div class="reauth sync-state">
<div class="syncIllustrationIssue"></div> <div class="syncIllustrationIssue"></div>
<p class="instructions" data-l10n-id="synced-tabs-sidebar-intro"></p> <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>
<div class="unverified sync-state"> <div class="unverified sync-state">
<div class="syncIllustrationIssue"></div> <div class="syncIllustrationIssue"></div>
<p class="instructions" data-l10n-id="synced-tabs-sidebar-unverified"></p> <p
<button class="button sync-prefs" data-l10n-id="synced-tabs-sidebar-open-settings"></button> 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>
<div class="singleDeviceInfo sync-state"> <div class="singleDeviceInfo sync-state">
<div class="syncIllustrationIssue"></div> <div class="syncIllustrationIssue"></div>
<p class="instructions" data-l10n-id="synced-tabs-sidebar-noclients-subtitle"></p> <p
<button class="button connect-device" data-l10n-id="synced-tabs-sidebar-connect-another-device"></button> 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>
<div class="tabs-disabled sync-state"> <div class="tabs-disabled sync-state">
<div class="syncIllustrationIssue"></div> <div class="syncIllustrationIssue"></div>
<p class="instructions" data-l10n-id="synced-tabs-sidebar-tabsnotsyncing"></p> <p
<button class="button sync-prefs" data-l10n-id="synced-tabs-sidebar-open-settings"></button> 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>
</div> </div>
</template> </template>
@ -102,15 +138,20 @@
<!-- the non-scrollable header --> <!-- the non-scrollable header -->
<div class="content-header"> <div class="content-header">
<div class="sidebar-search-container tabs-container sync-state"> <div class="sidebar-search-container tabs-container sync-state">
<xul:search-textbox class="tabsFilter" <xul:search-textbox
class="tabsFilter"
tabindex="1" tabindex="1"
data-l10n-id="synced-tabs-sidebar-search" data-l10n-id="synced-tabs-sidebar-search"
data-l10n-attrs="placeholder"/> data-l10n-attrs="placeholder"
/>
</div> </div>
</div> </div>
<!-- the scrollable content area where our templates are inserted --> <!-- 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> </div>
</body> </body>
</html> </html>

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

@ -5,31 +5,40 @@
<html> <html>
<head> <head>
<title data-l10n-id="about-unloads-page-title"></title> <title data-l10n-id="about-unloads-page-title"></title>
<meta http-equiv="Content-Security-Policy" <meta
content="default-src chrome:; object-src 'none'"/> http-equiv="Content-Security-Policy"
content="default-src chrome:; object-src 'none'"
/>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="color-scheme" content="light dark" /> <meta name="color-scheme" content="light dark" />
<link rel="stylesheet" <link
href="chrome://global/skin/in-content/info-pages.css"/> rel="stylesheet"
<link rel="stylesheet" href="chrome://global/skin/in-content/info-pages.css"
href="chrome://browser/content/tabunloader/aboutUnloads.css"/> />
<link
rel="stylesheet"
href="chrome://browser/content/tabunloader/aboutUnloads.css"
/>
<link rel="localization" href="browser/aboutUnloads.ftl" /> <link rel="localization" href="browser/aboutUnloads.ftl" />
<link rel="localization" href="branding/brand.ftl" /> <link rel="localization" href="branding/brand.ftl" />
<script src="chrome://browser/content/tabunloader/aboutUnloads.js"> <script src="chrome://browser/content/tabunloader/aboutUnloads.js"></script>
</script>
</head> </head>
<body> <body>
<h1 data-l10n-id="about-unloads-page-title"></h1> <h1 data-l10n-id="about-unloads-page-title"></h1>
<p data-l10n-id="about-unloads-intro"></p> <p data-l10n-id="about-unloads-intro"></p>
<p data-l10n-id="about-unloads-learn-more"> <p data-l10n-id="about-unloads-learn-more">
<a data-l10n-name="doc-link" <a
href="https://firefox-source-docs.mozilla.org/browser/tabunloader/"> data-l10n-name="doc-link"
href="https://firefox-source-docs.mozilla.org/browser/tabunloader/"
>
</a> </a>
</p> </p>
<div class="control-panel"> <div class="control-panel">
<div><span id="label-last-updated"></span></div> <div><span id="label-last-updated"></span></div>
<button id="button-unload" <button
data-l10n-id="about-unloads-button-unload"></button> id="button-unload"
data-l10n-id="about-unloads-button-unload"
></button>
</div> </div>
<table class="tab-table"> <table class="tab-table">
<thead> <thead>
@ -45,8 +54,7 @@
</thead> </thead>
<tbody> <tbody>
<tr id="no-unloadable-tab-message"> <tr id="no-unloadable-tab-message">
<td data-l10n-id="about-unloads-no-unloadable-tab" <td data-l10n-id="about-unloads-no-unloadable-tab" colspan="8"></td>
colspan="8" ></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>

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

@ -7,12 +7,24 @@
<head> <head>
<title data-l10n-id="autofill-add-new-address-title"></title> <title data-l10n-id="autofill-add-new-address-title"></title>
<link rel="localization" href="browser/preferences/formAutofill.ftl" /> <link rel="localization" href="browser/preferences/formAutofill.ftl" />
<link rel="stylesheet" href="chrome://formautofill/content/skin/editDialog-shared.css"/> <link
<link rel="stylesheet" href="chrome://formautofill/content/skin/editAddress.css"/> rel="stylesheet"
<link rel="stylesheet" href="chrome://formautofill/content/skin/editDialog.css"/> 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/editDialog.js"></script>
<script src="chrome://formautofill/content/autofillEditForms.js"></script> <script src="chrome://formautofill/content/autofillEditForms.js"></script>
<script type="module" src="chrome://global/content/elements/moz-button-group.mjs"></script> <script
type="module"
src="chrome://global/content/elements/moz-button-group.mjs"
></script>
</head> </head>
<body> <body>
<form id="form" class="editAddressForm" autocomplete="off"> <form id="form" class="editAddressForm" autocomplete="off">
@ -27,11 +39,17 @@
</label> </label>
<label id="additional-name-container"> <label id="additional-name-container">
<input id="additional-name" type="text" /> <input id="additional-name" type="text" />
<span data-l10n-id="autofill-address-additional-name" class="label-text"/> <span
data-l10n-id="autofill-address-additional-name"
class="label-text"
/>
</label> </label>
<label id="family-name-container"> <label id="family-name-container">
<input id="family-name" type="text" required="required" /> <input id="family-name" type="text" required="required" />
<span data-l10n-id="autofill-address-family-name" class="label-text"/> <span
data-l10n-id="autofill-address-family-name"
class="label-text"
/>
</label> </label>
</div> </div>
<label id="organization-container" class="container"> <label id="organization-container" class="container">
@ -77,13 +95,17 @@
</label> </label>
</form> </form>
<div id="controls-container"> <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> <moz-button-group>
<button id="cancel" data-l10n-id="autofill-cancel-button" /> <button id="cancel" data-l10n-id="autofill-cancel-button" />
<button id="save" class="primary" data-l10n-id="autofill-save-button" /> <button id="save" class="primary" data-l10n-id="autofill-save-button" />
</moz-button-group> </moz-button-group>
</div> </div>
<script><![CDATA[ <script>
<![CDATA[
"use strict"; "use strict";
const { const {
@ -106,6 +128,7 @@
cancel: document.getElementById("cancel"), cancel: document.getElementById("cancel"),
save: document.getElementById("save"), save: document.getElementById("save"),
}, record); }, record);
]]></script> ]]>
</script>
</body> </body>
</html> </html>

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

@ -7,9 +7,18 @@
<head> <head>
<title data-l10n-id="autofill-add-new-card-title"></title> <title data-l10n-id="autofill-add-new-card-title"></title>
<link rel="localization" href="browser/preferences/formAutofill.ftl" /> <link rel="localization" href="browser/preferences/formAutofill.ftl" />
<link rel="stylesheet" href="chrome://formautofill/content/skin/editDialog-shared.css"/> <link
<link rel="stylesheet" href="chrome://formautofill/content/skin/editCreditCard.css"/> rel="stylesheet"
<link rel="stylesheet" href="chrome://formautofill/content/skin/editDialog.css"/> 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/editDialog.js"></script>
<script src="chrome://formautofill/content/autofillEditForms.js"></script> <script src="chrome://formautofill/content/autofillEditForms.js"></script>
</head> </head>
@ -20,13 +29,28 @@
order to get proper label styling with :focus and :moz-ui-invalid. order to get proper label styling with :focus and :moz-ui-invalid.
--> -->
<label id="cc-number-container" class="container" role="none"> <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 <!-- Because there is text both before and after the input, a11y will
include the value of the input in the label. Therefore, we override include the value of the input in the label. Therefore, we override
with aria-labelledby. with aria-labelledby.
--> -->
<input id="cc-number" type="text" required="required" minlength="14" pattern="[- 0-9]+" aria-labelledby="cc-number-label"/> <input
<span id="cc-number-label" data-l10n-id="autofill-card-number" class="label-text"/> 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>
<label id="cc-exp-month-container" class="container"> <label id="cc-exp-month-container" class="container">
<select id="cc-exp-month" required="required"> <select id="cc-exp-month" required="required">
@ -47,17 +71,24 @@
<label id="cc-csc-container" class="container" hidden="hidden"> <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) --> <!-- The CSC container will get filled in by forms that need a CSC (using csc-input.js) -->
</label> </label>
<div id="billingAddressGUID-container" class="billingAddressRow container rich-picker"> <div
<select id="billingAddressGUID" required="required"> id="billingAddressGUID-container"
</select> class="billingAddressRow container rich-picker"
<label for="billingAddressGUID" data-l10n-id="autofill-card-billing-address" class="label-text"/> >
<select id="billingAddressGUID" required="required"></select>
<label
for="billingAddressGUID"
data-l10n-id="autofill-card-billing-address"
class="label-text"
/>
</div> </div>
</form> </form>
<div id="controls-container"> <div id="controls-container">
<button id="cancel" data-l10n-id="autofill-cancel-button" /> <button id="cancel" data-l10n-id="autofill-cancel-button" />
<button id="save" class="primary" data-l10n-id="autofill-save-button" /> <button id="save" class="primary" data-l10n-id="autofill-save-button" />
</div> </div>
<script><![CDATA[ <script>
<![CDATA[
"use strict"; "use strict";
/* import-globals-from editDialog.js */ /* import-globals-from editDialog.js */
@ -85,6 +116,7 @@
save: document.getElementById("save"), save: document.getElementById("save"),
}, record); }, record);
})(); })();
]]></script> ]]>
</script>
</body> </body>
</html> </html>

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

@ -3,12 +3,19 @@
- License, v. 2.0. If a copy of the MPL was not distributed with this - 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/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<!DOCTYPE html> <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" data-l10n-id="autofill-manage-dialog" data-l10n-attrs="style"> <html
xmlns="http://www.w3.org/1999/xhtml"
data-l10n-id="autofill-manage-dialog"
data-l10n-attrs="style"
>
<head> <head>
<title data-l10n-id="autofill-manage-addresses-title"></title> <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://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> <script src="chrome://formautofill/content/manageDialog.js"></script>
</head> </head>
<body> <body>
@ -17,12 +24,20 @@
<select id="addresses" size="9" multiple="multiple" /> <select id="addresses" size="9" multiple="multiple" />
</fieldset> </fieldset>
<div id="controls-container"> <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 --> <!-- Wrapper is used to properly compute the search tooltip position -->
<div> <div>
<button id="add" data-l10n-id="autofill-manage-add-button" /> <button id="add" data-l10n-id="autofill-manage-add-button" />
</div> </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> </div>
<script> <script>
"use strict"; "use strict";

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

@ -3,13 +3,20 @@
- License, v. 2.0. If a copy of the MPL was not distributed with this - 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/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<!DOCTYPE html> <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" data-l10n-id="autofill-manage-dialog" data-l10n-attrs="style"> <html
xmlns="http://www.w3.org/1999/xhtml"
data-l10n-id="autofill-manage-dialog"
data-l10n-attrs="style"
>
<head> <head>
<title data-l10n-id="autofill-manage-credit-cards-title"></title> <title data-l10n-id="autofill-manage-credit-cards-title"></title>
<link rel="localization" href="browser/preferences/formAutofill.ftl" /> <link rel="localization" href="browser/preferences/formAutofill.ftl" />
<link rel="localization" href="toolkit/payments/payments.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://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> <script src="chrome://formautofill/content/manageDialog.js"></script>
</head> </head>
<body> <body>
@ -18,12 +25,20 @@
<select id="credit-cards" size="9" multiple="multiple" /> <select id="credit-cards" size="9" multiple="multiple" />
</fieldset> </fieldset>
<div id="controls-container"> <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 --> <!-- Wrapper is used to properly compute the search tooltip position -->
<div> <div>
<button id="add" data-l10n-id="autofill-manage-add-button" /> <button id="add" data-l10n-id="autofill-manage-add-button" />
</div> </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> </div>
<script> <script>
"use strict"; "use strict";

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 <!-- 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, - 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/. --> - You can obtain one at http://mozilla.org/MPL/2.0/. -->
<meta charset="utf-8"> <meta charset="utf-8" />

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

@ -2,21 +2,28 @@
- License, v. 2.0. If a copy of the MPL was not distributed with this - 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/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<!DOCTYPE HTML> <!DOCTYPE html>
<html> <html>
<head> <head>
<base /> <base />
<!-- If you change this script tag you must update the hash in the extension's <!-- If you change this script tag you must update the hash in the extension's
`content_security_policy` 'sha256-MmZkN2QaIHhfRWPZ8TVRjijTn5Ci1iEabtTEWrt9CCo=' --> `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 charset="utf-8" />
<meta name="color-scheme" content="light dark"> <meta name="color-scheme" content="light dark" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="about-compat/aboutCompat.css" /> <link rel="stylesheet" href="about-compat/aboutCompat.css" />
<link rel="stylesheet" media="screen and (pointer:fine), projection" type="text/css" <link
href="chrome://global/skin/in-content/common.css"/> 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="localization" href="toolkit/about/aboutCompat.ftl" />
<title data-l10n-id="text-title"></title> <title data-l10n-id="text-title"></title>
<script src="about-compat/aboutCompat.js"></script> <script src="about-compat/aboutCompat.js"></script>

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

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

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

@ -25,12 +25,27 @@
<div class="navbar_container"> <div class="navbar_container">
<button id="eBack" class="icon_container icon_backward"></button> <button id="eBack" class="icon_container icon_backward"></button>
<button id="eForward" class="icon_container icon_forward"></button> <button id="eForward" class="icon_container icon_forward"></button>
<button id="eRefresh" class="icon_container icon_refresh icon_disabled_hide"></button> <button
<button id="eStop" class="icon_container icon_stop icon_disabled_hide" disabled></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="eHome" class="icon_container icon_home"></button>
<div class="urlbar_container urlbar_container_normal" id="eUrlBarContainer"> <div
<img class="urlbar_secure_icon" id="eUrlSecure" src="assets/icon-secure.svg" alt="Secure"/> 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="" /> <input class="urlbar_input" id="eUrlInput" type="text" value="" />
</div> </div>
<button id="ePrefs" class="icon_container icon_prefs"></button> <button id="ePrefs" class="icon_container icon_prefs"></button>

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

@ -27,7 +27,10 @@
<div class="version_text" id="eFxVersion"></div> <div class="version_text" id="eFxVersion"></div>
</div> </div>
<button id="eReportIssue" class="plain_button button_report_issue"> <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> <span class="button_report_text">Report an issue</span>
<br /> <br />
<span class="button_report_url">mzl.la/fxr</span> <span class="button_report_url">mzl.la/fxr</span>
@ -51,7 +54,8 @@
<div class="setting_name"> <div class="setting_name">
Cookies, Site Data, and Cached Web Content Cookies, Site Data, and Cached Web Content
<div class="setting_description"> <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>
</div> </div>
<button class="setting_control" id="eClearTry">Clear Data</button> <button class="setting_control" id="eClearTry">Clear Data</button>
@ -66,7 +70,8 @@
<div class="setting_container"> <div class="setting_container">
<div class="setting_name"> <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> </div>
<input id="eCrashConfig" type="checkbox" class="setting_control_chk" /> <input id="eCrashConfig" type="checkbox" class="setting_control_chk" />
<label class="setting_control" for="eCrashConfig"></label> <label class="setting_control" for="eCrashConfig"></label>

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

@ -1,4 +1,4 @@
<!doctype html> <!DOCTYPE html>
<!-- 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 - License, v. 2.0. If a copy of the MPL was not distributed with this
@ -6,20 +6,17 @@
<html> <html>
<head> <head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<meta charset="UTF-8"> <link rel="stylesheet" href="stub_common.css" />
<meta http-equiv="X-UA-Compatible" content="IE=8"> <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="stub_common.js"></script>
<script src="installing.js"></script> <script src="installing.js"></script>
</head> </head>
<body> <body>
<img id="background" src="bgstub.jpg" alt="" role="presentation" />
<img id="background" src="bgstub.jpg" alt="" role="presentation">
<div id="text_column"> <div id="text_column">
<div id="text_column_container"> <div id="text_column_container">
@ -31,13 +28,20 @@
<div id="installing"> <div id="installing">
<div id="label" tabindex="0"></div> <div id="label" tabindex="0"></div>
<div id="progress_background"> <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>
<div id="blurb"></div> <div id="blurb"></div>
<div id="footer"></div> <div id="footer"></div>
</body> </body>
</html> </html>

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

@ -1,4 +1,4 @@
<!doctype html> <!DOCTYPE html>
<!-- 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 - License, v. 2.0. If a copy of the MPL was not distributed with this
@ -6,20 +6,17 @@
<html> <html>
<head> <head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<meta charset="UTF-8"> <link rel="stylesheet" href="stub_common.css" />
<meta http-equiv="X-UA-Compatible" content="IE=8"> <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="stub_common.js"></script>
<script src="profile_cleanup.js"></script> <script src="profile_cleanup.js"></script>
</head> </head>
<body> <body>
<img id="background" src="bgstub.jpg" alt="" role="presentation" />
<img id="background" src="bgstub.jpg" alt="" role="presentation">
<form id="profileRefreshForm"> <form id="profileRefreshForm">
<div id="profileRefreshContainer"> <div id="profileRefreshContainer">
@ -37,6 +34,5 @@
</form> </form>
<div id="footer"></div> <div id="footer"></div>
</body> </body>
</html> </html>

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

@ -2,10 +2,10 @@
- License, v. 2.0. If a copy of the MPL was not distributed with this file, - 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/. --> - You can obtain one at http://mozilla.org/MPL/2.0/. -->
<!DOCTYPE HTML> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf8"> <meta charset="utf8" />
<title>Mixed Active Content test</title> <title>Mixed Active Content test</title>
</head> </head>
<body> <body>

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, - 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/. --> - You can obtain one at http://mozilla.org/MPL/2.0/. -->
<!DOCTYPE HTML> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf8"> <meta charset="utf8" />
<title>HTTP Password test</title> <title>HTTP Password test</title>
</head> </head>
<body> <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, - 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/. --> - You can obtain one at http://mozilla.org/MPL/2.0/. -->
<!DOCTYPE HTML> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf8"> <meta charset="utf8" />
<title>Tracking test</title> <title>Tracking test</title>
</head> </head>
<body> <body>
<iframe style="visibility:hidden" src="http://tracking.example.com/"></iframe> <iframe
style="visibility: hidden"
src="http://tracking.example.com/"
></iframe>
</body> </body>
</html> </html>

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

@ -4,32 +4,79 @@
- file, You can obtain one at http://mozilla.org/MPL/2.0/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8" />
<title>mozscreenshots</title> <title>mozscreenshots</title>
<link rel="stylesheet" href="mozscreenshots-style.css" /> <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> </head>
<body> <body>
<header><h1>mozscreenshots</h1></header> <header><h1>mozscreenshots</h1></header>
<p> <p>This page was generated by mozscreenshots</p>
This page was generated by mozscreenshots
</p>
<img src="robot.png" /> <img src="robot.png" />
<p>Welcome Humans! We invite others to keep the Manifesto’s principles; use the creation delivery and commitment. Advancing the Manifesto. We have shiny metal posteriors which <strong>should not be bitten</strong>. And they have distilled a public benefit is committed to use Mozilla project one basic and communities of modern life.</p> <p>
Welcome Humans! We invite others to keep the Manifesto’s principles; use
the creation delivery and commitment. Advancing the Manifesto. We have
shiny metal posteriors which <strong>should not be bitten</strong>. And
they have distilled a public benefit is committed to use Mozilla project
one basic and communities of modern life.
</p>
<p>Robots have <mark>distilled a balance between commercial aspects of life</mark>.</p> <p>
Robots have
<mark>distilled a balance between commercial aspects of life</mark>.
</p>
<p>Robots may not they have shown in education communication collaboration business entertainment and other people to pursue; speak to continue; and opportunity are many different ways to benefit the public benefit the Manifesto’s principles; build and motivate us and trademarks infrastructure funds and trademarks infrastructure funds and enable open-source technologies and provide a whole. </p> <p>
Robots may not they have shown in education communication collaboration
business entertainment and other people to pursue; speak to continue; and
opportunity are many different ways to benefit the public benefit the
Manifesto’s principles; build and motivate us and trademarks
infrastructure funds and trademarks infrastructure funds and enable
open-source technologies and provide a whole.
</p>
<p>And they have seen things you people who believe that Mozilla Manifesto. We are to: articulate a vision of individual human being to benefit the lives of these efforts we will: build and promote models for creating economic value for the Internet. We create world-class open and anticipate the Mozilla Manifesto <strong>There are Your Plastic Pal Who's Fun To Be With</strong></p> <p>
And they have seen things you people who believe that Mozilla Manifesto.
We are to: articulate a vision of individual human being to benefit the
lives of these efforts we will: build and promote models for creating
economic value for the Internet. We create world-class open and anticipate
the Mozilla Manifesto
<strong>There are Your Plastic Pal Who's Fun To Be With</strong>
</p>
<p>Some Foundation to advance this vision of individual human being or not deeply involved in groups and promote models for the Manifesto principles will not come to support the Mozilla Foundation Pledge The Mozilla Manifesto in its activities. People are to: articulate a set of consumer products that support <mark>the Internet is a human being</mark> or not be treated as individuals working together in the development of the Internet open and with goodwill!Specifically we believe that we will: build and society as a public good as a result of the lives of collaborative activities. Specifically we have seen things you people acting as optional. Individuals must not come to continue to develop new ways of the Internet are fundamental and with us to ensure that openness innovation and very effective way that the Manifesto There are many benefits; a global public benefit; and society as optional.</p> <p>
Some Foundation to advance this vision of individual human being or not
deeply involved in groups and promote models for the Manifesto principles
will not come to support the Mozilla Foundation Pledge The Mozilla
Manifesto in its activities. People are to: articulate a set of consumer
products that support <mark>the Internet is a human being</mark> or not be
treated as individuals working together in the development of the Internet
open and with goodwill!Specifically we believe that we will: build and
society as a public good as a result of the lives of collaborative
activities. Specifically we have seen things you people acting as
optional. Individuals must not come to continue to develop new ways of the
Internet are fundamental and with us to ensure that openness innovation
and very effective way that the Manifesto There are many benefits; a
global public benefit; and society as optional.
</p>
<p><strong>We have metal posteriors which should not deeply involved in a reality.</strong> Individuals must remain open source software promotes the Internet is a balance between commercial profit and within the Mozilla Corporation. Invitation The Internet are key to join us to life on their own. The Internet a whole. The Internet as a vision of the Mozilla contributors proud of time attention and motivate us and provide a reality.</p> <p>
<strong
>We have metal posteriors which should not deeply involved in a
reality.</strong
>
Individuals must remain open source software promotes the Internet is a
balance between commercial profit and within the Mozilla Corporation.
Invitation The Internet are key to join us to life on their own. The
Internet a whole. The Internet as a vision of the Mozilla contributors
proud of time attention and motivate us and provide a reality.
</p>
<script src="mozscreenshots-script.js"></script> <script src="mozscreenshots-script.js"></script>
</body> </body>

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

@ -5,18 +5,47 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<title>Permission Prompts</title> <title>Permission Prompts</title>
</head> </head>
<body> <body>
<button id="geo" onclick="navigator.geolocation.getCurrentPosition(() => {})">Geolocation</button> <button
id="geo"
onclick="navigator.geolocation.getCurrentPosition(() => {})"
>
Geolocation
</button>
<button id="xr" onclick="content.navigator.getVRDisplays();">WebXR</button> <button id="xr" onclick="content.navigator.getVRDisplays();">WebXR</button>
<button id="persistent-storage" onclick="navigator.storage.persist()">Persistent Storage</button> <button id="persistent-storage" onclick="navigator.storage.persist()">
<button id="webRTC-shareDevices" onclick="shareDevice({video: true, fake: true});">Video</button> Persistent Storage
<button id="webRTC-shareMicrophone" onclick="shareDevice({audio: true, fake: true});">Audio</button> </button>
<button id="webRTC-shareDevices2" onclick="shareDevice({audio: true, video: true, fake: true});">Audio and Video</button> <button
<button id="webRTC-shareScreen" onclick="shareDevice({video: {mediaSource: 'screen'}});">Screen</button> id="webRTC-shareDevices"
<button id="web-notifications" onclick="Notification.requestPermission()">web-notifications</button> 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> <a id="addons" href="borderify.xpi">Install Add-On</a>
<form> <form>
<input type="email" id="email" value="email@example.com" /> <input type="email" id="email" value="email@example.com" />
@ -31,6 +60,5 @@
navigator.mediaDevices.getUserMedia(config); navigator.mediaDevices.getUserMedia(config);
} }
</script> </script>
</body> </body>
</html> </html>

246
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 - 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/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en"> <html lang="en">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Blueprint HTML Elements Tests</title> <title>Blueprint HTML Elements Tests</title>
<!-- Framework CSS --> <!-- Framework CSS -->
<link rel="stylesheet" href="screen.css" type="text/css" media="screen, projection"> <link
<link rel="stylesheet" href="print.css" type="text/css" media="print"> rel="stylesheet"
<!--[if IE]><link rel="stylesheet" href="ie.css" type="text/css" media="screen, projection"><![endif]--> 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> </head>
<body> <body>
<div class="container showgrid"> <div class="container showgrid">
<h2>Tests for common HTML elements</h2> <h2>Tests for common HTML elements</h2>
<hr> <hr />
<h5>PARAGRAPHS <span class="alt">&amp;</span> BOXES</h5> <h5>PARAGRAPHS <span class="alt">&amp;</span> BOXES</h5>
<div class="span-8"> <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>
<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> 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>
<div class="span-8"> <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 class="small">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
<p class="large">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> 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>
<div class="span-8 last"> <div class="span-8 last">
<div class="box"> <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> </div>
<blockquote> <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> </blockquote>
</div> </div>
<hr> <hr />
<h5>LISTS</h5> <h5>LISTS</h5>
<div class="span-8"> <div class="span-8">
<ul> <ul>
<li>Unordered list test</li> <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>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> </ul>
<ol> <ol>
<li>Ordered list test</li> <li>Ordered list test</li>
@ -66,10 +116,12 @@
<div class="span-8"> <div class="span-8">
<ol> <ol>
<li>Ordered list</li> <li>Ordered list</li>
<li>Here's a nested unordered list <li>
Here's a nested unordered list
<ul> <ul>
<li>Nested Unordered list</li> <li>Nested Unordered list</li>
<li>Nested ordered list <li>
Nested ordered list
<ol> <ol>
<li>The first</li> <li>The first</li>
<li>And the second</li> <li>And the second</li>
@ -78,10 +130,12 @@
</ul> </ul>
</li> </li>
<li>Ordered List item</li> <li>Ordered List item</li>
<li>Nested Ordered list <li>
Nested Ordered list
<ol> <ol>
<li>Some point</li> <li>Some point</li>
<li>Nested Unordered list <li>
Nested Unordered list
<ul> <ul>
<li>The first</li> <li>The first</li>
<li>And the second</li> <li>And the second</li>
@ -98,13 +152,25 @@
<dd>definition list dd</dd> <dd>definition list dd</dd>
<dt>definition list dt</dt> <dt>definition list dt</dt>
<dd>definition list dd</dd> <dd>definition list dd</dd>
<dt>Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing elit adipisicing elit</dt> <dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing elit adipisicing elit</dd> Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing
<dt>Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing elit adipisicing elit</dt> elit adipisicing elit
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing elit adipisicing elit</dd> </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> </dl>
</div> </div>
<hr> <hr />
<h5>HEADINGS</h5> <h5>HEADINGS</h5>
@ -112,17 +178,30 @@
<h1>H1: Lorem ipsum dolor sit amet</h1> <h1>H1: Lorem ipsum dolor sit amet</h1>
<h2>H2: Lorem ipsum dolor sit amet, consectetur elit</h2> <h2>H2: Lorem ipsum dolor sit amet, consectetur elit</h2>
<h3>H3: Lorem ipsum dolor sit amet, consectetur adipisicing elit</h3> <h3>H3: Lorem ipsum dolor sit amet, consectetur adipisicing elit</h3>
<h4>H4: Lorem ipsum dolor sit amet, consectetur adipisicing elit adipis</h4> <h4>
<h5>H5: Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing elit adipisicing elit</h5> H4: Lorem ipsum dolor sit amet, consectetur adipisicing elit adipis
<h6>H6: Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing elit adipisicing elit</h6> </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>
<div class="span-8"> <div class="span-8">
<h1>Heading 1</h1><hr> <h1>Heading 1</h1>
<h2>Heading 2</h2><hr> <hr />
<h3>Heading 3</h3><hr> <h2>Heading 2</h2>
<h4>Heading 4</h4><hr> <hr />
<h5>Heading 5</h5><hr> <h3>Heading 3</h3>
<hr />
<h4>Heading 4</h4>
<hr />
<h5>Heading 5</h5>
<hr />
<h6>Heading 6</h6> <h6>Heading 6</h6>
</div> </div>
@ -134,37 +213,51 @@
<h5>Heading 5</h5> <h5>Heading 5</h5>
<h6>Heading 6</h6> <h6>Heading 6</h6>
</div> </div>
<hr> <hr />
<h5>MISC ELEMENTS</h5> <h5>MISC ELEMENTS</h5>
<div class="span-8"> <div class="span-8">
<p> <p>
<strong>&lt;strong&gt;</strong><br> <strong>&lt;strong&gt;</strong><br />
<del>&lt;del&gt; deleted</del><br> <del>&lt;del&gt; deleted</del><br />
<dfn>&lt;dfn&gt; dfn</dfn><br> <dfn>&lt;dfn&gt; dfn</dfn><br />
<em>&lt;em&gt; emphasis</em> <em>&lt;em&gt; emphasis</em>
</p> </p>
<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> <a href="http://www.google.com">&lt;a&gt; a + href</a>
</p> </p>
<p> <p>
<abbr title="extended abbr text should show when mouse over">&lt;abbr&gt; abbr - extended text when mouseover.</abbr><br> <abbr title="extended abbr text should show when mouse over"
<acronym title="extended acronym text should show when mouse over">&lt;acronym&gt; acronym - extended text when mouseover.</acronym> >&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> </p>
<address> <address>
&lt;address&gt;<br> &lt;address&gt;<br />
Donald Duck<br> Donald Duck<br />
Box 555<br> Box 555<br />
Disneyland Disneyland
</address> </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>
<div class="span-8"> <div class="span-8">
<table summary="This is the summary text for this table." border="0" cellspacing="0" cellpadding="0"> <table
<caption><em>A standard test table with a caption, tr, td elements</em></caption> 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> <tr>
<th class="span-4">Table Header One</th> <th class="span-4">Table Header One</th>
<th class="span-4 last">Table Header Two</th> <th class="span-4 last">Table Header Two</th>
@ -178,8 +271,15 @@
</tr> </tr>
</table> </table>
<table summary="This is the summary text for this table." border="0" cellspacing="0" cellpadding="0"> <table
<caption><em>A test table with a thead, tfoot, and tbody elements</em></caption> 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> <thead>
<tr> <tr>
<th class="span-4">Table Header One</th> <th class="span-4">Table Header One</th>
@ -215,36 +315,36 @@
</div> </div>
<div class="span-8 last"> <div class="span-8 last">
<pre>
<pre>&lt;pre&gt; &lt;pre&gt;
pre space1 pre space1
pre space1 pre space1
pre space2 pre space2
pre space2 pre space2
pre tab pre tab
pre tab</pre> pre tab</pre
>
<code>&lt;code&gt; <code>&lt;code&gt; Not indented indent1 indent1 indent2 indent3</code>
Not indented
indent1
indent1
indent2
indent3</code>
<tt>&lt;tt&gt; <tt
This tt text should be monospaced >&lt;tt&gt; This tt text should be monospaced and wrap as if one line
and of text even though the code has newlines, spaces, and tabs. It should
wrap as if be the same size as &lt;p&gt; text.
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> </tt>
</div> </div>
<hr> <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> </div>
</body> </body>
</html> </html>

124
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 - 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/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en"> <html lang="en">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Blueprint Forms Tests</title> <title>Blueprint Forms Tests</title>
<!-- Framework CSS --> <!-- Framework CSS -->
<link rel="stylesheet" href="screen.css" type="text/css" media="screen, projection"> <link
<link rel="stylesheet" href="print.css" type="text/css" media="print"> rel="stylesheet"
<!--[if IE]><link rel="stylesheet" href="ie.css" type="text/css" media="screen, projection"><![endif]--> 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> </head>
<body> <body>
<div class="container showgrid"> <div class="container showgrid">
<h1>Forms</h1> <h1>Forms</h1>
<hr> <hr />
<div class="span-12"> <div class="span-12">
<form id="dummy" action="" method="post"> <form id="dummy" action="" method="post">
<fieldset> <fieldset>
<legend>Simple sample form</legend> <legend>Simple sample form</legend>
<p><label for="dummy0">Text input (title)</label><br> <p>
<input type="text" class="title" name="dummy0" id="dummy0" value="Field with class .title"></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> <p>
<input type="text" class="text" id="dummy1" name="dummy1" value="Field with class .text"></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> <p>
<textarea name="dummy2" id="dummy2" rows="5" cols="20"></textarea></p> <label for="dummy2">Textarea</label><br />
<textarea name="dummy2" id="dummy2" rows="5" cols="20"></textarea>
<p><input type="submit" value="Submit"> </p>
<input type="reset" value="Reset"></p>
<p>
<input type="submit" value="Submit" />
<input type="reset" value="Reset" />
</p>
</fieldset> </fieldset>
</form> </form>
</div> </div>
<div class="span-12 last"> <div class="span-12 last">
<div class="error"> <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>
<div class="notice"> <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>
<div class="success"> <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> </div>
<fieldset> <fieldset>
<legend>Select, checkboxes, lists</legend> <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"> <select id="dummy3" name="dummy3">
<option value="1">Ottawa</option> <option value="1">Ottawa</option>
<option value="2">Calgary</option> <option value="2">Calgary</option>
<option value="3">Moosejaw</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"> <select id="dummy4" name="dummy4">
<option>Favorite pet</option> <option>Favorite pet</option>
<optgroup label="mammals"> <optgroup label="mammals">
@ -79,26 +109,36 @@
<option>iguana</option> <option>iguana</option>
<option>snake</option> <option>snake</option>
</optgroup> </optgroup>
</select></p> </select>
</p>
<p><label>Radio buttons</label><br> <p>
<input type="radio" name="example"> Radio one<br> <label>Radio buttons</label><br />
<input type="radio" name="example"> Radio two<br> <input type="radio" name="example" /> Radio one<br />
<input type="radio" name="example"> Radio three<br></p> <input type="radio" name="example" /> Radio two<br />
<input type="radio" name="example" /> Radio three<br />
<p><label>Checkboxes</label><br> </p>
<input type="checkbox"> Check one<br>
<input type="checkbox"> Check two<br>
<input type="checkbox"> Check 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> </fieldset>
</div> </div>
<hr> <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> </div>
</body> </body>
</html> </html>

223
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 - 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/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en"> <html lang="en">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Blueprint Grid Tests</title> <title>Blueprint Grid Tests</title>
<!-- Framework CSS --> <!-- Framework CSS -->
<link rel="stylesheet" href="screen.css" type="text/css" media="screen, projection"> <link
<link rel="stylesheet" href="print.css" type="text/css" media="print"> rel="stylesheet"
<!--[if IE]><link rel="stylesheet" href="ie.css" type="text/css" media="screen, projection"><![endif]--> 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> </head>
<body> <body>
<div class="container showgrid"> <div class="container showgrid">
<h1>Blueprint Tests: grid.css</h1> <h1>Blueprint Tests: grid.css</h1>
<div class="span-8"> <div class="span-8">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div> </div>
@ -31,7 +39,6 @@
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div> </div>
<div class="span-6 append-1"> <div class="span-6 append-1">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div> </div>
@ -42,7 +49,6 @@
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div> </div>
<div class="span-6 prepend-1"> <div class="span-6 prepend-1">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div> </div>
@ -52,15 +58,31 @@
<div class="span-6 prepend-3 last"> <div class="span-6 prepend-3 last">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div> </div>
<hr> <hr />
<div class="span-12 border"> <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>
<div class="span-12 last"> <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> </div>
<hr> <hr />
<div class="span-1 prepend-1"><p>1</p></div> <div class="span-1 prepend-1"><p>1</p></div>
<div class="span-1 prepend-2"><p>2</p></div> <div class="span-1 prepend-2"><p>2</p></div>
@ -101,7 +123,6 @@
<div class="span-1 border"><p>23</p></div> <div class="span-1 border"><p>23</p></div>
<div class="span-1 last"><p>24</p></div> <div class="span-1 last"><p>24</p></div>
<div class="span-4"><p>1</p></div> <div class="span-4"><p>1</p></div>
<div class="span-4"><p>2</p></div> <div class="span-4"><p>2</p></div>
<div class="span-4"><p>3</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"><p>5</p></div>
<div class="span-4 last"><p>6</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-23 span-1 last"><p>24</p></div>
<div class="prepend-1 span-1"><p>2</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> <div class="prepend-20 span-1 append-1 last"><p>23</p></div>
<hr> <hr />
<div class="span-24"> <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>
<div class="span-12"> <div class="span-12">
<div class="span-6"> <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>
<div class="span-6 last"> <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>
<div class="span-12 last"> <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> </div>
<div class="span-12 last"> <div class="span-12 last">
<div class="span-6"> <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>
<div class="span-6 last"> <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>
<div class="span-12 last"> <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> </div>
<div class="span-14 prepend-5 append-5 last"> <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> </div>
<hr> <hr />
<div class="span-12"> <div class="span-12">
<h5>TESTING .PUSH-1 TO .PUSH-5</h5> <h5>TESTING .PUSH-1 TO .PUSH-5</h5>
<div class="span-2"><img src="test-small.jpg" class="push-1"></div> <div class="span-2"><img src="test-small.jpg" class="push-1" /></div>
<div class="span-10 last"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div> <div class="span-10 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-2"><img src="test-small.jpg" class="push-2" /></div>
<div class="span-10 last"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div> <div class="span-10 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-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-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-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-10 last">
<p>
<div class="span-2"><img src="test-small.jpg" class="push-5"></div> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
<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> 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>
<div class="span-12 last"> <div class="span-12 last">
<h5>TESTING .PULL-1 TO .PULL-5</h5> <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-10">
<div class="span-2 last"><img src="test-small.jpg" class="top pull-1"></div> <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
<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> eiusmod tempor incididunt ut labore et dolore magna aliqua.
<div class="span-2 last"><img src="test-small.jpg" class="top pull-2"></div> </p>
</div>
<div class="span-10"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div> <div class="span-2 last">
<div class="span-2 last"><img src="test-small.jpg" class="top pull-3"></div> <img src="test-small.jpg" class="top pull-1" />
<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>
<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"> <div class="span-24">
<p><a href="http://validator.w3.org/check?uri=referer"> <p>
<img src="valid.png" alt="Valid HTML 4.01 Strict" height="31" width="88" class="bottom"></a></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>
</div> </div>
</body> </body>
</html> </html>

214
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 - 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/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en"> <html lang="en">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Blueprint Sample Page</title> <title>Blueprint Sample Page</title>
<!-- Framework CSS --> <!-- Framework CSS -->
<link rel="stylesheet" href="screen.css" type="text/css" media="screen, projection"> <link
<link rel="stylesheet" href="print.css" type="text/css" media="print"> rel="stylesheet"
<!--[if IE]><link rel="stylesheet" href="ie.css" type="text/css" media="screen, projection"><![endif]--> 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. --> <!-- Import fancy-type plugin for the sample page. -->
<link rel="stylesheet" href="fancytype-screen.css" type="text/css" media="screen, projection"> <link
rel="stylesheet"
href="fancytype-screen.css"
type="text/css"
media="screen, projection"
/>
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<h1>A simple sample page</h1> <h1>A simple sample page</h1>
<hr> <hr />
<h2 class="alt">This sample page demonstrates a tiny fraction of what you get with Blueprint.</h2> <h2 class="alt">
<hr> This sample page demonstrates a tiny fraction of what you get with
Blueprint.
</h2>
<hr />
<div class="span-7 colborder"> <div class="span-7 colborder">
<h6>Here's a box</h6> <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>
<div class="span-8 colborder"> <div class="span-8 colborder">
<h6>And another box</h6> <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>
<div class="span-7 last"> <div class="span-7 last">
<h6>This box is aligned with the sidebar</h6> <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> </div>
<hr> <hr />
<hr class="space"> <hr class="space" />
<div class="span-15 prepend-1 colborder"> <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>
<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> <img src="test.jpg" class="top pull-1" alt="test" />Lorem ipsum dolor
<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> sit amet, <em>consectetuer adipiscing elit</em>. Nunc congue ipsum
<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> 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> <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> </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"> <div class="span-7 colborder">
<h6>This is a nested column</h6> <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>
<div class="span-7 last"> <div class="span-7 last">
<h6>This is another nested column</h6> <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> </div>
<div class="span-7 last"> <div class="span-7 last">
<h3>A <span class="alt">Simple</span> Sidebar</h3> <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>
<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> Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
<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> 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> <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">
<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> 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> </div>
<hr> <hr />
<h2 class="alt">You may pick and choose amongst these and many more features, so be bold.</h2> <h2 class="alt">
<hr> 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"> <p>
<img src="valid.png" alt="Valid HTML 4.01 Strict" height="31" width="88" class="top"></a></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> </div>
</body> </body>
</html> </html>

3
build/pgo/index.html
View file

@ -5,8 +5,7 @@
/* global Quitter */ /* global Quitter */
var list = var list = [
[
"blueprint/elements.html", "blueprint/elements.html",
"blueprint/forms.html", "blueprint/forms.html",
"blueprint/grid.html", "blueprint/grid.html",

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

@ -7,12 +7,21 @@
<html force-theme="auto"> <html force-theme="auto">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="color-scheme" content="light dark"> <meta name="color-scheme" content="light dark" />
<title>Debugging</title> <title>Debugging</title>
<meta http-equiv="Content-Security-Policy" <meta
content="default-src chrome: resource:; img-src data: chrome: resource: https:; object-src 'none'" /> http-equiv="Content-Security-Policy"
<link rel="icon" type="image/png" href="chrome://global/skin/icons/developer.svg"> content="default-src chrome: resource:; img-src data: chrome: resource: https:; object-src 'none'"
<link rel="stylesheet" href="chrome://devtools/content/aboutdebugging/aboutdebugging.css"/> />
<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> <script src="resource://devtools/client/aboutdebugging/initializer.js"></script>
</head> </head>
<body> <body>

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

@ -8,12 +8,30 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<link href="chrome://devtools/skin/badge.css" rel="stylesheet" /> <link href="chrome://devtools/skin/badge.css" rel="stylesheet" />
<link href="chrome://devtools/skin/accessibility-color-contrast.css" rel="stylesheet" /> <link
<link href="chrome://devtools/content/accessibility/accessibility.css" rel="stylesheet"/> href="chrome://devtools/skin/accessibility-color-contrast.css"
<link href="chrome://devtools/content/shared/components/splitter/SplitBox.css" rel="stylesheet" /> 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
<link href="chrome://devtools/content/shared/components/tree/TreeView.css" rel="stylesheet" /> 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> <script src="chrome://devtools/content/shared/theme-switching.js"></script>
</head> </head>

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

@ -4,8 +4,15 @@
<!DOCTYPE html> <!DOCTYPE html>
<html dir=""> <html dir="">
<head> <head>
<meta http-equiv="Content-Security-Policy" content="default-src chrome: resource:; img-src http: https: data: chrome:;"> <meta
<link rel="stylesheet" type="text/css" href="chrome://devtools/content/application/application.css" /> 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> </head>
<body class="theme-body" role="application"> <body class="theme-body" role="application">
<div id="mount"></div> <div id="mount"></div>

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

@ -7,9 +7,18 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link href="chrome://devtools/content/dom/content/dom-view.css" rel="stylesheet" /> <link
<link href="chrome://devtools-jsonview-styles/content/toolbar.css" rel="stylesheet" /> href="chrome://devtools/content/dom/content/dom-view.css"
<link href="chrome://devtools/content/shared/components/tree/TreeView.css" rel="stylesheet" /> 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> <script src="chrome://devtools/content/shared/theme-switching.js"></script>
</head> </head>

14
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 - 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/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<!DOCTYPE html> <!DOCTYPE html>
<html id="devtools-toolbox-window" <html
id="devtools-toolbox-window"
windowtype="devtools:toolbox" windowtype="devtools:toolbox"
width="900" height="450" width="900"
persist="screenX screenY width height sizemode"> height="450"
persist="screenX screenY width height sizemode"
>
<head> <head>
<link rel="stylesheet" href="chrome://global/skin/global.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/skin/common.css" />
<link rel="stylesheet" href="chrome://devtools/content/framework/browser-toolbox/window.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://devtools/content/framework/browser-toolbox/window.js"></script>
<script src="chrome://global/content/viewSourceUtils.js"></script> <script src="chrome://global/content/viewSourceUtils.js"></script>
<script src="chrome://browser/content/utilityOverlay.js"></script> <script src="chrome://browser/content/utilityOverlay.js"></script>

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

@ -6,7 +6,10 @@
<head> <head>
<title>Toolbox option</title> <title>Toolbox option</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="chrome://devtools/content/framework/options-panel.css"> <link
rel="stylesheet"
href="chrome://devtools/content/framework/options-panel.css"
/>
<script src="chrome://devtools/content/shared/theme-switching.js"></script> <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> </head>
@ -15,7 +18,11 @@
<div id="tools-box" class="options-vertical-pane"> <div id="tools-box" class="options-vertical-pane">
<fieldset id="default-tools-box" class="options-groupbox"> <fieldset id="default-tools-box" class="options-groupbox">
<legend data-l10n-id="options-select-default-tools-label"></legend> <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>
<fieldset id="additional-tools-box" class="options-groupbox"> <fieldset id="additional-tools-box" class="options-groupbox">
@ -23,51 +30,87 @@
</fieldset> </fieldset>
<fieldset id="enabled-toolbox-buttons-box" class="options-groupbox"> <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> </fieldset>
</div> </div>
<div class="options-vertical-pane"> <div class="options-vertical-pane">
<fieldset id="devtools-theme-box" <fieldset
class="options-groupbox id="devtools-theme-box"
horizontal-options-groupbox class="options-groupbox horizontal-options-groupbox radiogroup"
radiogroup" data-pref="devtools.theme"
data-pref="devtools.theme"> >
<legend data-l10n-id="options-select-dev-tools-theme-label"></legend> <legend data-l10n-id="options-select-dev-tools-theme-label"></legend>
</fieldset> </fieldset>
<fieldset id="inspector-options" class="options-groupbox"> <fieldset id="inspector-options" class="options-groupbox">
<legend data-l10n-id="options-context-inspector"></legend> <legend data-l10n-id="options-context-inspector"></legend>
<label data-l10n-id="options-show-user-agent-styles-tooltip"> <label data-l10n-id="options-show-user-agent-styles-tooltip">
<input type="checkbox" <input
data-pref="devtools.inspector.showUserAgentStyles"/> type="checkbox"
data-pref="devtools.inspector.showUserAgentStyles"
/>
<span data-l10n-id="options-show-user-agent-styles-label"></span> <span data-l10n-id="options-show-user-agent-styles-label"></span>
</label> </label>
<label data-l10n-id="options-collapse-attrs-tooltip"> <label data-l10n-id="options-collapse-attrs-tooltip">
<input type="checkbox" <input
data-pref="devtools.markup.collapseAttributes"/> type="checkbox"
data-pref="devtools.markup.collapseAttributes"
/>
<span data-l10n-id="options-collapse-attrs-label"></span> <span data-l10n-id="options-collapse-attrs-label"></span>
</label> </label>
<label data-l10n-id="options-inspector-draggable-properties-tooltip"> <label data-l10n-id="options-inspector-draggable-properties-tooltip">
<input type="checkbox" <input
data-pref="devtools.inspector.draggable_properties"/> type="checkbox"
<span data-l10n-id="options-inspector-draggable-properties-label"></span> data-pref="devtools.inspector.draggable_properties"
/>
<span
data-l10n-id="options-inspector-draggable-properties-label"
></span>
</label> </label>
<label data-l10n-id="options-inspector-simplified-highlighters-tooltip"> <label
<input type="checkbox" data-l10n-id="options-inspector-simplified-highlighters-tooltip"
data-pref="devtools.inspector.simple-highlighters-reduced-motion"/> >
<span data-l10n-id="options-inspector-simplified-highlighters-label"></span> <input
type="checkbox"
data-pref="devtools.inspector.simple-highlighters-reduced-motion"
/>
<span
data-l10n-id="options-inspector-simplified-highlighters-label"
></span>
</label> </label>
<label> <label>
<span data-l10n-id="options-default-color-unit-label"></span> <span data-l10n-id="options-default-color-unit-label"></span>
<select id="defaultColorUnitMenuList" <select
data-pref="devtools.defaultColorUnit"> id="defaultColorUnitMenuList"
<option value="authored" data-l10n-id="options-default-color-unit-authored"></option> data-pref="devtools.defaultColorUnit"
<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
<option value="rgb" data-l10n-id="options-default-color-unit-rgb"></option> value="authored"
<option value="hwb" data-l10n-id="options-default-color-unit-hwb"></option> data-l10n-id="options-default-color-unit-authored"
<option value="name" data-l10n-id="options-default-color-unit-name"></option> ></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> </select>
</label> </label>
</fieldset> </fieldset>
@ -75,8 +118,10 @@
<fieldset id="styleeditor-options" class="options-groupbox"> <fieldset id="styleeditor-options" class="options-groupbox">
<legend data-l10n-id="options-styleeditor-label"></legend> <legend data-l10n-id="options-styleeditor-label"></legend>
<label data-l10n-id="options-stylesheet-autocompletion-tooltip"> <label data-l10n-id="options-stylesheet-autocompletion-tooltip">
<input type="checkbox" <input
data-pref="devtools.styleeditor.autocompletion-enabled"/> type="checkbox"
data-pref="devtools.styleeditor.autocompletion-enabled"
/>
<span data-l10n-id="options-stylesheet-autocompletion-label"></span> <span data-l10n-id="options-stylesheet-autocompletion-label"></span>
</label> </label>
</fieldset> </fieldset>
@ -84,15 +129,19 @@
<fieldset id="screenshot-options" class="options-groupbox"> <fieldset id="screenshot-options" class="options-groupbox">
<legend data-l10n-id="options-screenshot-label"></legend> <legend data-l10n-id="options-screenshot-label"></legend>
<label data-l10n-id="options-screenshot-clipboard-tooltip2"> <label data-l10n-id="options-screenshot-clipboard-tooltip2">
<input type="checkbox" <input
type="checkbox"
id="devtools-screenshot-clipboard" 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> <span data-l10n-id="options-screenshot-clipboard-only-label"></span>
</label> </label>
<label data-l10n-id="options-screenshot-audio-tooltip"> <label data-l10n-id="options-screenshot-audio-tooltip">
<input type="checkbox" <input
type="checkbox"
id="devtools-screenshot-audio" 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> <span data-l10n-id="options-screenshot-audio-label"></span>
</label> </label>
</fieldset> </fieldset>
@ -102,27 +151,39 @@
<fieldset id="sourceeditor-options" class="options-groupbox"> <fieldset id="sourceeditor-options" class="options-groupbox">
<legend data-l10n-id="options-sourceeditor-label"></legend> <legend data-l10n-id="options-sourceeditor-label"></legend>
<label data-l10n-id="options-sourceeditor-detectindentation-tooltip"> <label data-l10n-id="options-sourceeditor-detectindentation-tooltip">
<input type="checkbox" <input
type="checkbox"
id="devtools-sourceeditor-detectindentation" id="devtools-sourceeditor-detectindentation"
data-pref="devtools.editor.detectindentation"/> data-pref="devtools.editor.detectindentation"
<span data-l10n-id="options-sourceeditor-detectindentation-label"></span> />
<span
data-l10n-id="options-sourceeditor-detectindentation-label"
></span>
</label> </label>
<label data-l10n-id="options-sourceeditor-autoclosebrackets-tooltip"> <label data-l10n-id="options-sourceeditor-autoclosebrackets-tooltip">
<input type="checkbox" <input
type="checkbox"
id="devtools-sourceeditor-autoclosebrackets" id="devtools-sourceeditor-autoclosebrackets"
data-pref="devtools.editor.autoclosebrackets"/> data-pref="devtools.editor.autoclosebrackets"
<span data-l10n-id="options-sourceeditor-autoclosebrackets-label"></span> />
<span
data-l10n-id="options-sourceeditor-autoclosebrackets-label"
></span>
</label> </label>
<label data-l10n-id="options-sourceeditor-expandtab-tooltip"> <label data-l10n-id="options-sourceeditor-expandtab-tooltip">
<input type="checkbox" <input
type="checkbox"
id="devtools-sourceeditor-expandtab" id="devtools-sourceeditor-expandtab"
data-pref="devtools.editor.expandtab"/> data-pref="devtools.editor.expandtab"
/>
<span data-l10n-id="options-sourceeditor-expandtab-label"></span> <span data-l10n-id="options-sourceeditor-expandtab-label"></span>
</label> </label>
<label> <label>
<span data-l10n-id="options-sourceeditor-tabsize-label"></span> <span data-l10n-id="options-sourceeditor-tabsize-label"></span>
<select id="devtools-sourceeditor-tabsize-select" <select
data-pref="devtools.editor.tabsize"> id="devtools-sourceeditor-tabsize-select"
data-pref="devtools.editor.tabsize"
>
<option label="2">2</option> <option label="2">2</option>
<option label="4">4</option> <option label="4">4</option>
<option label="8">8</option> <option label="8">8</option>
@ -130,9 +191,14 @@
</label> </label>
<label> <label>
<span data-l10n-id="options-sourceeditor-keybinding-label"></span> <span data-l10n-id="options-sourceeditor-keybinding-label"></span>
<select id="devtools-sourceeditor-keybinding-select" <select
data-pref="devtools.editor.keymap"> id="devtools-sourceeditor-keybinding-select"
<option value="default" data-l10n-id="options-sourceeditor-keybinding-default-label"></option> data-pref="devtools.editor.keymap"
>
<option
value="default"
data-l10n-id="options-sourceeditor-keybinding-default-label"
></option>
<option value="vim">Vim</option> <option value="vim">Vim</option>
<option value="emacs">Emacs</option> <option value="emacs">Emacs</option>
<option value="sublime">Sublime Text</option> <option value="sublime">Sublime Text</option>
@ -143,43 +209,52 @@
<fieldset id="context-options" class="options-groupbox"> <fieldset id="context-options" class="options-groupbox">
<legend data-l10n-id="options-context-advanced-settings"></legend> <legend data-l10n-id="options-context-advanced-settings"></legend>
<label data-l10n-id="options-source-maps-tooltip"> <label data-l10n-id="options-source-maps-tooltip">
<input type="checkbox" <input
data-pref="devtools.source-map.client-service.enabled"/> type="checkbox"
data-pref="devtools.source-map.client-service.enabled"
/>
<span data-l10n-id="options-source-maps-label"></span> <span data-l10n-id="options-source-maps-label"></span>
</label> </label>
<label data-l10n-id="options-disable-http-cache-tooltip"> <label data-l10n-id="options-disable-http-cache-tooltip">
<input type="checkbox" <input
type="checkbox"
id="devtools-disable-cache" id="devtools-disable-cache"
data-pref="devtools.cache.disabled"/> data-pref="devtools.cache.disabled"
/>
<span data-l10n-id="options-disable-http-cache-label"></span> <span data-l10n-id="options-disable-http-cache-label"></span>
</label> </label>
<label data-l10n-id="options-disable-javascript-tooltip"> <label data-l10n-id="options-disable-javascript-tooltip">
<input type="checkbox" <input type="checkbox" id="devtools-disable-javascript" />
id="devtools-disable-javascript"/>
<span data-l10n-id="options-disable-javascript-label"></span> <span data-l10n-id="options-disable-javascript-label"></span>
</label> </label>
<label data-l10n-id="options-enable-service-workers-http-tooltip"> <label data-l10n-id="options-enable-service-workers-http-tooltip">
<input type="checkbox" <input
type="checkbox"
id="devtools-enable-serviceWorkersTesting" id="devtools-enable-serviceWorkersTesting"
data-pref="devtools.serviceWorkers.testing.enabled"/> data-pref="devtools.serviceWorkers.testing.enabled"
<span data-l10n-id="options-enable-service-workers-http-label"></span> />
<span
data-l10n-id="options-enable-service-workers-http-label"
></span>
</label> </label>
<label data-l10n-id="options-enable-chrome-tooltip"> <label data-l10n-id="options-enable-chrome-tooltip">
<input type="checkbox" <input type="checkbox" data-pref="devtools.chrome.enabled" />
data-pref="devtools.chrome.enabled"/>
<span data-l10n-id="options-enable-chrome-label"></span> <span data-l10n-id="options-enable-chrome-label"></span>
</label> </label>
<label data-l10n-id="options-enable-remote-tooltip2"> <label data-l10n-id="options-enable-remote-tooltip2">
<input type="checkbox" <input
data-pref="devtools.debugger.remote-enabled"/> type="checkbox"
data-pref="devtools.debugger.remote-enabled"
/>
<span data-l10n-id="options-enable-remote-label"></span> <span data-l10n-id="options-enable-remote-label"></span>
</label> </label>
<span class="options-citation-label theme-comment" <span
id="triggers-page-refresh-label" data-l10n-id="options-context-triggers-page-refresh" class="options-citation-label theme-comment"
id="triggers-page-refresh-label"
data-l10n-id="options-context-triggers-page-refresh"
></span> ></span>
</fieldset> </fieldset>
</div> </div>
</form> </form>
</body> </body>
</html> </html>

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

@ -6,12 +6,15 @@
<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?> <?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
<!-- minwidth=50 is sum width of chevron and meatball menu button. --> <!-- 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" id="devtools-toolbox-window"
macanimationtype="document" macanimationtype="document"
windowtype="devtools:toolbox" windowtype="devtools:toolbox"
width="900" height="320" width="900"
persist="screenX screenY width height sizemode"> height="320"
persist="screenX screenY width height sizemode"
>
<tooltip id="aHTMLTooltip" page="true" /> <tooltip id="aHTMLTooltip" page="true" />
<script src="resource://devtools/client/framework/toolbox-window.js" /> <script src="resource://devtools/client/framework/toolbox-window.js" />
</window> </window>

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

@ -8,11 +8,13 @@
<?xml-stylesheet href="chrome://devtools/content/framework/components/DebugTargetErrorPage.css" type="text/css"?> <?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"?> <?xml-stylesheet href="chrome://devtools/content/framework/components/ChromeDebugToolbar.css" type="text/css"?>
<!DOCTYPE window> <!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" 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> <linkset>
<html:link rel="localization" href="devtools/client/tooltips.ftl" /> <html:link rel="localization" href="devtools/client/tooltips.ftl" />
</linkset> </linkset>
@ -26,11 +28,18 @@
<vbox id="toolbox-container" role="group"> <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-error-mount" />
<div xmlns="http://www.w3.org/1999/xhtml" id="toolbox-notificationbox" /> <div xmlns="http://www.w3.org/1999/xhtml" id="toolbox-notificationbox" />
<div xmlns="http://www.w3.org/1999/xhtml" id="toolbox-toolbar-mount" <div
role="toolbar" /> xmlns="http://www.w3.org/1999/xhtml"
id="toolbox-toolbar-mount"
role="toolbar"
/>
<vbox flex="1" class="theme-body"> <vbox flex="1" class="theme-body">
<box id="toolbox-deck" /> <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" /> <box id="toolbox-panel-webconsole" collapsed="true" />
</vbox> </vbox>
<tooltip id="aHTMLTooltip" page="true" /> <tooltip id="aHTMLTooltip" page="true" />

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

@ -19,16 +19,43 @@
<link rel="stylesheet" href="chrome://devtools/skin/boxmodel.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/layout.css" />
<link rel="stylesheet" href="chrome://devtools/skin/animation.css" /> <link rel="stylesheet" href="chrome://devtools/skin/animation.css" />
<link rel="stylesheet" href="chrome://devtools/content/shared/components/tabs/Tabs.css"/> <link
<link rel="stylesheet" href="chrome://devtools/content/shared/components/SidebarToggle.css"/> rel="stylesheet"
<link rel="stylesheet" href="chrome://devtools/content/inspector/components/InspectorTabPanel.css"/> href="chrome://devtools/content/shared/components/tabs/Tabs.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
<link rel="stylesheet" href="chrome://devtools/content/shared/components/reps/reps.css"/> 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 --> <!-- Needed for the ObjectInspector -->
<link rel="stylesheet" href="chrome://devtools/content/shared/components/Tree.css"/> <link
<link rel="stylesheet" href="chrome://devtools/content/shared/components/object-inspector/components/ObjectInspector.css"/> rel="stylesheet"
<link rel="stylesheet" href="chrome://devtools/content/shared/components/tree/TreeView.css"/> 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 src="chrome://devtools/content/shared/theme-switching.js"></script>
<script> <script>
@ -45,37 +72,68 @@
} }
</script> </script>
<script src="resource://devtools/client/inspector/inspector.js" defer="true"></script> <script
src="resource://devtools/client/inspector/inspector.js"
defer="true"
></script>
</head> </head>
<body class="theme-body" role="application"> <body class="theme-body" role="application">
<div class="inspector-responsive-container theme-body inspector" <div
data-localization-bundle="devtools/client/locales/inspector.properties"> class="inspector-responsive-container theme-body inspector"
data-localization-bundle="devtools/client/locales/inspector.properties"
>
<!-- Main Panel Content --> <!-- 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 --> <!-- 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"> <div id="inspector-search" class="devtools-searchbox">
<input id="inspector-searchbox" class="devtools-searchinput" <input
id="inspector-searchbox"
class="devtools-searchinput"
type="search" type="search"
data-localization="placeholder=inspectorSearchHTML.label3"/> data-localization="placeholder=inspectorSearchHTML.label3"
<button id="inspector-searchinput-clear" class="devtools-searchinput-clear" hidden="" tabindex="-1"></button> />
<button
id="inspector-searchinput-clear"
class="devtools-searchinput-clear"
hidden=""
tabindex="-1"
></button>
</div> </div>
<div id="inspector-searchlabel-container" hidden=""> <div id="inspector-searchlabel-container" hidden="">
<div class="devtools-separator"></div> <div class="devtools-separator"></div>
<span id="inspector-searchlabel"></span> <span id="inspector-searchlabel"></span>
</div> </div>
<div class="devtools-separator"></div> <div class="devtools-separator"></div>
<button id="inspector-element-add-button" class="devtools-button" <button
data-localization="title=inspectorAddNode.label"></button> id="inspector-element-add-button"
<button id="inspector-eyedropper-toggle" class="devtools-button"></button> class="devtools-button"
data-localization="title=inspectorAddNode.label"
></button>
<button
id="inspector-eyedropper-toggle"
class="devtools-button"
></button>
</div> </div>
<!-- Markup Container --> <!-- Markup Container -->
<div id="markup-box"></div> <div id="markup-box"></div>
<div id="inspector-breadcrumbs-toolbar" class="devtools-toolbar"> <div id="inspector-breadcrumbs-toolbar" class="devtools-toolbar">
<div id="inspector-breadcrumbs" class="breadcrumbs-widget-container" <div
role="toolbar" data-localization="aria-label=inspector.breadcrumbs.label" tabindex="0"></div> id="inspector-breadcrumbs"
class="breadcrumbs-widget-container"
role="toolbar"
data-localization="aria-label=inspector.breadcrumbs.label"
tabindex="0"
></div>
</div> </div>
</div> </div>
@ -94,64 +152,134 @@
<!-- Sidebar Panel Definitions --> <!-- Sidebar Panel Definitions -->
<div id="tabpanels" style="visibility: collapse"> <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-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"> <div class="devtools-searchbox">
<input id="ruleview-searchbox" <input
id="ruleview-searchbox"
class="devtools-filterinput" class="devtools-filterinput"
type="search" type="search"
data-localization="placeholder=inspector.filterStyles.placeholder"/> data-localization="placeholder=inspector.filterStyles.placeholder"
<button id="ruleview-searchinput-clear" class="devtools-searchinput-clear"></button> />
<button
id="ruleview-searchinput-clear"
class="devtools-searchinput-clear"
></button>
</div> </div>
<div class="devtools-separator"></div> <div class="devtools-separator"></div>
<div id="ruleview-command-toolbar"> <div id="ruleview-command-toolbar">
<button id="pseudo-class-panel-toggle" data-localization="title=inspector.togglePseudo.tooltip" class="devtools-button"></button> <button
<button id="class-panel-toggle" data-localization="title=inspector.classPanel.toggleClass.tooltip" class="devtools-button"></button> id="pseudo-class-panel-toggle"
<button id="ruleview-add-rule-button" data-localization="title=inspector.addRule.tooltip" class="devtools-button"></button> data-localization="title=inspector.togglePseudo.tooltip"
<button id="color-scheme-simulation-light-toggle" data-localization="title=inspector.colorSchemeSimulationLight.tooltip" class="devtools-button" hidden=""></button> class="devtools-button"
<button id="color-scheme-simulation-dark-toggle" data-localization="title=inspector.colorSchemeSimulationDark.tooltip" class="devtools-button" hidden=""></button> ></button>
<button id="print-simulation-toggle" data-localization="title=inspector.printSimulation.tooltip" class="devtools-button" hidden=""></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> </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 --> <!-- Populated with checkbox inputs once the Rules view is instantiated -->
</div> </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>
<div id="ruleview-container" class="ruleview" role="document"> <div id="ruleview-container" class="ruleview" role="document">
<div id="ruleview-container-focusable" tabindex="-1"> <div id="ruleview-container-focusable" tabindex="-1"></div>
</div>
</div> </div>
</div> </div>
<div id="sidebar-panel-computedview" class="theme-sidebar inspector-tabpanel"> <div
<div id="computed-toolbar" class="devtools-toolbar devtools-input-toolbar"> id="sidebar-panel-computedview"
class="theme-sidebar inspector-tabpanel"
>
<div
id="computed-toolbar"
class="devtools-toolbar devtools-input-toolbar"
>
<div class="devtools-searchbox"> <div class="devtools-searchbox">
<input id="computed-searchbox" <input
id="computed-searchbox"
class="devtools-filterinput" class="devtools-filterinput"
type="search" type="search"
data-localization="placeholder=inspector.filterStyles.placeholder"/> data-localization="placeholder=inspector.filterStyles.placeholder"
<button id="computed-searchinput-clear" class="devtools-searchinput-clear"></button> />
<button
id="computed-searchinput-clear"
class="devtools-searchinput-clear"
></button>
</div> </div>
<div class="devtools-separator"></div> <div class="devtools-separator"></div>
<input id="browser-style-checkbox" <input
id="browser-style-checkbox"
type="checkbox" type="checkbox"
class="includebrowserstyles"/> class="includebrowserstyles"
<label id="browser-style-checkbox-label" for="browser-style-checkbox" />
data-localization="content=inspector.browserStyles.label"></label> <label
id="browser-style-checkbox-label"
for="browser-style-checkbox"
data-localization="content=inspector.browserStyles.label"
></label>
</div> </div>
<div id="computed-container" role="document"> <div id="computed-container" role="document">
<div id="computed-container-focusable" tabindex="-1"> <div id="computed-container-focusable" tabindex="-1">
<div id="computed-property-container" class="devtools-monospace" tabindex="0" dir="ltr"></div> <div
<div id="computed-no-results" class="devtools-sidepanel-no-result" hidden="" data-localization="content=inspector.noProperties"></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> </div>
</div> </div>
</div> </div>
</body> </body>
</html> </html>

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

@ -7,11 +7,31 @@
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="chrome://devtools/skin/badge.css" type="text/css"/> <link
<link rel="stylesheet" href="chrome://devtools/skin/markup.css" type="text/css"/> rel="stylesheet"
<link rel="stylesheet" href="chrome://devtools/content/shared/sourceeditor/codemirror/lib/codemirror.css" type="text/css"/> href="chrome://devtools/skin/badge.css"
<link rel="stylesheet" href="chrome://devtools/content/shared/sourceeditor/codemirror/addon/dialog/dialog.css" type="text/css"/> type="text/css"
<link rel="stylesheet" href="chrome://devtools/content/shared/sourceeditor/codemirror/mozilla.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> <script src="chrome://devtools/content/shared/theme-switching.js"></script>
</head> </head>

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

@ -7,24 +7,43 @@
- file, You can obtain one at http://mozilla.org/MPL/2.0/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<html xmlns="http://www.w3.org/1999/xhtml" dir=""> <html xmlns="http://www.w3.org/1999/xhtml" dir="">
<head> <head>
<link rel="stylesheet" href="chrome://devtools/skin/widgets.css" type="text/css"/> <link
<link rel="stylesheet" href="chrome://devtools/skin/memory.css" type="text/css"/> rel="stylesheet"
<link rel="stylesheet" href="chrome://devtools/skin/components-frame.css" type="text/css"/> href="chrome://devtools/skin/widgets.css"
<link rel="stylesheet" href="chrome://devtools/skin/components-h-split-box.css" type="text/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> </head>
<body class="theme-body"> <body class="theme-body">
<div id="app"></div> <div id="app"></div>
<script src="chrome://devtools/content/shared/theme-switching.js" <script
defer="true"> src="chrome://devtools/content/shared/theme-switching.js"
</script> defer="true"
></script>
<script src="chrome://global/content/third_party/d3/d3.js" <script
defer="true"> src="chrome://global/content/third_party/d3/d3.js"
</script> defer="true"
></script>
<script src="chrome://devtools/content/shared/vendor/dagre-d3.js" <script
defer="true"> src="chrome://devtools/content/shared/vendor/dagre-d3.js"
</script> defer="true"
></script>
</body> </body>
</html> </html>

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

@ -4,7 +4,10 @@
<!DOCTYPE html> <!DOCTYPE html>
<html dir=""> <html dir="">
<head> <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> <script src="chrome://devtools/content/shared/theme-switching.js"></script>
</head> </head>
<body class="theme-body" role="application"> <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/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<html xmlns="http://www.w3.org/1999/xhtml" dir=""> <html xmlns="http://www.w3.org/1999/xhtml" dir="">
<head> <head>
<meta http-equiv="Content-Security-Policy" <meta
content="default-src 'none'; style-src chrome: resource:; img-src chrome: resource:; script-src chrome: resource:; object-src 'none'" /> 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" /> <meta name="color-scheme" content="light dark" />
<link rel="icon" type="image/svg+xml" href="chrome://devtools/skin/images/tool-profiler.svg" /> <link
<link rel="stylesheet" href="chrome://global/skin/global.css" type="text/css"/> rel="icon"
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css" type="text/css"/> type="image/svg+xml"
<link rel="stylesheet" href="chrome://devtools/skin/aboutprofiling.css" type="text/css"/> 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> </head>
<body class="theme-body"> <body class="theme-body">
<div id="root"></div> <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/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<html xmlns="http://www.w3.org/1999/xhtml" dir=""> <html xmlns="http://www.w3.org/1999/xhtml" dir="">
<head> <head>
<link rel="stylesheet" href="chrome://devtools/skin/widgets.css" type="text/css"/> <link
<link rel="stylesheet" href="chrome://devtools/skin/perf.css" type="text/css"/> rel="stylesheet"
href="chrome://devtools/skin/widgets.css"
type="text/css"
/>
<link
rel="stylesheet"
href="chrome://devtools/skin/perf.css"
type="text/css"
/>
</head> </head>
<body class="theme-body"> <body class="theme-body">
<div id="root"></div> <div id="root"></div>
<script src="resource://devtools/client/performance-new/panel/initializer.js"></script> <script src="resource://devtools/client/performance-new/panel/initializer.js"></script>
<script src="chrome://devtools/content/shared/theme-switching.js" <script
defer="true"> src="chrome://devtools/content/shared/theme-switching.js"
</script> defer="true"
></script>
</body> </body>
</html> </html>

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

@ -6,8 +6,11 @@
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" <link
href="chrome://devtools/content/responsive/index.css"/> rel="stylesheet"
type="text/css"
href="chrome://devtools/content/responsive/index.css"
/>
<script src="chrome://devtools/content/shared/theme-switching.js"></script> <script src="chrome://devtools/content/shared/theme-switching.js"></script>
<script src="resource://devtools/client/responsive/index.js"></script> <script src="resource://devtools/client/responsive/index.js"></script>
</head> </head>

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

@ -10,9 +10,10 @@
<!DOCTYPE window> <!DOCTYPE window>
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" <window
xmlns:html="http://www.w3.org/1999/xhtml"> 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://devtools/content/shared/theme-switching.js" />
<script src="chrome://global/content/globalOverlay.js" /> <script src="chrome://global/content/globalOverlay.js" />
@ -20,31 +21,49 @@
<popupset id="storagePopupSet"> <popupset id="storagePopupSet">
<menupopup id="storage-tree-popup"> <menupopup id="storage-tree-popup">
<menuitem id="storage-tree-popup-delete-all" <menuitem
data-l10n-id="storage-context-menu-delete-all"/> id="storage-tree-popup-delete-all"
<menuitem id="storage-tree-popup-delete-all-session-cookies" data-l10n-id="storage-context-menu-delete-all"
data-l10n-id="storage-context-menu-delete-all-session-cookies"/> />
<menuitem id="storage-tree-popup-delete" <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-id="storage-context-menu-delete"
data-l10n-args='{"itemName": ""}'/> data-l10n-args='{"itemName": ""}'
/>
</menupopup> </menupopup>
<menupopup id="variable-view-popup"> <menupopup id="variable-view-popup">
<menuitem id="variable-view-popup-copy" <menuitem
data-l10n-id="storage-context-menu-copy"/> id="variable-view-popup-copy"
data-l10n-id="storage-context-menu-copy"
/>
</menupopup> </menupopup>
<menupopup id="storage-table-popup"> <menupopup id="storage-table-popup">
<menuitem id="storage-table-popup-add" <menuitem
data-l10n-id="storage-context-menu-add-item"/> id="storage-table-popup-add"
<menuitem id="storage-table-popup-delete" data-l10n-id="storage-context-menu-add-item"
/>
<menuitem
id="storage-table-popup-delete"
data-l10n-id="storage-context-menu-delete" data-l10n-id="storage-context-menu-delete"
data-l10n-args='{"itemName": ""}'/> data-l10n-args='{"itemName": ""}'
<menuitem id="storage-table-popup-delete-all-from" />
<menuitem
id="storage-table-popup-delete-all-from"
data-l10n-id="storage-context-menu-delete-all-from" data-l10n-id="storage-context-menu-delete-all-from"
data-l10n-args='{"host": ""}'/> data-l10n-args='{"host": ""}'
<menuitem id="storage-table-popup-delete-all" />
data-l10n-id="storage-context-menu-delete-all"/> <menuitem
<menuitem id="storage-table-popup-delete-all-session-cookies" id="storage-table-popup-delete-all"
data-l10n-id="storage-context-menu-delete-all-session-cookies"/> 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> </menupopup>
</popupset> </popupset>
@ -52,18 +71,30 @@
<vbox id="storage-tree" /> <vbox id="storage-tree" />
<splitter class="devtools-side-splitter" /> <splitter class="devtools-side-splitter" />
<vbox flex="1"> <vbox flex="1">
<hbox id="storage-toolbar" class="devtools-toolbar devtools-input-toolbar"> <hbox
<html:input id="storage-searchbox" id="storage-toolbar"
class="devtools-toolbar devtools-input-toolbar"
>
<html:input
id="storage-searchbox"
class="devtools-filterinput" class="devtools-filterinput"
data-l10n-id="storage-search-box"/> data-l10n-id="storage-search-box"
/>
<hbox class="devtools-separator" /> <hbox class="devtools-separator" />
<html:button id="add-button" <html:button
id="add-button"
class="devtools-button add-button" class="devtools-button add-button"
data-l10n-id="storage-add-button"></html:button> data-l10n-id="storage-add-button"
<html:button id="refresh-button" ></html:button>
<html:button
id="refresh-button"
class="devtools-button refresh-button" class="devtools-button refresh-button"
data-l10n-id="storage-refresh-button"></html:button> data-l10n-id="storage-refresh-button"
<html:button class="devtools-button sidebar-toggle" hidden=""></html:button> ></html:button>
<html:button
class="devtools-button sidebar-toggle"
hidden=""
></html:button>
</hbox> </hbox>
<vbox id="storage-table" class="theme-sidebar" flex="1" /> <vbox id="storage-table" class="theme-sidebar" flex="1" />
</vbox> </vbox>
@ -72,5 +103,4 @@
<vbox flex="1" /> <vbox flex="1" />
</vbox> </vbox>
</box> </box>
</window> </window>

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

@ -12,10 +12,11 @@
<?xml-stylesheet href="chrome://devtools/skin/splitview.css" type="text/css"?> <?xml-stylesheet href="chrome://devtools/skin/splitview.css" type="text/css"?>
<?xml-stylesheet href="chrome://devtools/skin/styleeditor.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" xmlns:html="http://www.w3.org/1999/xhtml"
id="style-editor-chrome-window"> id="style-editor-chrome-window"
>
<linkset> <linkset>
<html:link rel="localization" href="toolkit/global/textActions.ftl" /> <html:link rel="localization" href="toolkit/global/textActions.ftl" />
<html:link rel="localization" href="devtools/client/styleeditor.ftl" /> <html:link rel="localization" href="devtools/client/styleeditor.ftl" />
@ -33,44 +34,80 @@
function goUpdateSourceEditorMenuItems() { function goUpdateSourceEditorMenuItems() {
goUpdateGlobalEditMenuItems(); 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> </script>
<popupset id="style-editor-popups"> <popupset id="style-editor-popups">
<menupopup id="sourceEditorContextMenu" <menupopup
id="sourceEditorContextMenu"
incontentshell="false" incontentshell="false"
onpopupshowing="goUpdateSourceEditorMenuItems()"> onpopupshowing="goUpdateSourceEditorMenuItems()"
<menuitem id="cMenu_undo" >
data-l10n-id="text-action-undo" command="cmd_undo"/> <menuitem
id="cMenu_undo"
data-l10n-id="text-action-undo"
command="cmd_undo"
/>
<menuseparator /> <menuseparator />
<menuitem id="cMenu_cut" <menuitem
data-l10n-id="text-action-cut" command="cmd_cut"/> id="cMenu_cut"
<menuitem id="cMenu_copy" data-l10n-id="text-action-cut"
data-l10n-id="text-action-copy" command="cmd_copy"/> command="cmd_cut"
<menuitem id="cMenu_paste" />
data-l10n-id="text-action-paste" command="cmd_paste"/> <menuitem
<menuitem id="cMenu_delete" id="cMenu_copy"
data-l10n-id="text-action-delete" command="cmd_delete"/> 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 /> <menuseparator />
<menuitem id="cMenu_selectAll" <menuitem
data-l10n-id="text-action-select-all" command="cmd_selectAll"/> id="cMenu_selectAll"
data-l10n-id="text-action-select-all"
command="cmd_selectAll"
/>
<menuseparator /> <menuseparator />
<menuitem id="se-menu-find" <menuitem
data-l10n-id="styleeditor-find" command="cmd_find"/> id="se-menu-find"
<menuitem id="cMenu_findAgain" data-l10n-id="styleeditor-find"
data-l10n-id="styleeditor-find-again" command="cmd_findAgain"/> command="cmd_find"
/>
<menuitem
id="cMenu_findAgain"
data-l10n-id="styleeditor-find-again"
command="cmd_findAgain"
/>
<menuseparator /> <menuseparator />
<menuitem id="se-menu-gotoLine" <menuitem
id="se-menu-gotoLine"
data-l10n-id="styleeditor-go-to-line" data-l10n-id="styleeditor-go-to-line"
command="cmd_gotoLine"/> command="cmd_gotoLine"
/>
</menupopup> </menupopup>
<menupopup id="sidebar-context" incontentshell="false"> <menupopup id="sidebar-context" incontentshell="false">
<menuitem id="context-openlinknewtab" <menuitem
data-l10n-id="styleeditor-open-link-new-tab"/> id="context-openlinknewtab"
<menuitem id="context-copyurl" data-l10n-id="styleeditor-open-link-new-tab"
data-l10n-id="styleeditor-copy-url"/> />
<menuitem id="context-copyurl" data-l10n-id="styleeditor-copy-url" />
</menupopup> </menupopup>
</popupset> </popupset>
@ -82,32 +119,56 @@
<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-controller">
<box class="splitview-main"> <box class="splitview-main">
<toolbar class="devtools-toolbar"> <toolbar class="devtools-toolbar">
<toolbarbutton class="style-editor-newButton devtools-toolbarbutton" <toolbarbutton
data-l10n-id="styleeditor-new-button"/> class="style-editor-newButton devtools-toolbarbutton"
<toolbarbutton class="style-editor-importButton devtools-toolbarbutton" data-l10n-id="styleeditor-new-button"
data-l10n-id="styleeditor-import-button"/> />
<toolbarbutton
class="style-editor-importButton devtools-toolbarbutton"
data-l10n-id="styleeditor-import-button"
/>
<toolbaritem class="devtools-searchbox" flex="1"> <toolbaritem class="devtools-searchbox" flex="1">
<html:input class="devtools-filterinput" data-l10n-id="styleeditor-filter-input"/> <html:input
<html:button class="devtools-searchinput-clear" tabindex="-1" hidden=""></html:button> class="devtools-filterinput"
data-l10n-id="styleeditor-filter-input"
/>
<html:button
class="devtools-searchinput-clear"
tabindex="-1"
hidden=""
></html:button>
</toolbaritem> </toolbaritem>
<toolbarbutton id="style-editor-options" <toolbarbutton
id="style-editor-options"
class="devtools-toolbarbutton devtools-option-toolbarbutton" class="devtools-toolbarbutton devtools-option-toolbarbutton"
data-l10n-id="styleeditor-options-button"/> data-l10n-id="styleeditor-options-button"
/>
</toolbar> </toolbar>
</box> </box>
<box id="splitview-resizer-target" class="theme-sidebar splitview-nav-container" <box
persist="height"> id="splitview-resizer-target"
class="theme-sidebar splitview-nav-container"
persist="height"
>
<html:ol class="splitview-nav" tabindex="0"></html:ol> <html:ol class="splitview-nav" tabindex="0"></html:ol>
<html:div class="splitview-nav placeholder empty"> <html:div class="splitview-nav placeholder empty">
<html:p> <html:p>
<html:strong data-l10n-id="styleeditor-no-stylesheet"></html:strong> <html:strong data-l10n-id="styleeditor-no-stylesheet"></html:strong>
</html:p> </html:p>
<html:p data-l10n-id="styleeditor-no-stylesheet-tip"> <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:p>
</html:div> </html:div>
<html:div class="splitview-nav placeholder all-filtered"> <html:div class="splitview-nav placeholder all-filtered">
@ -115,34 +176,56 @@
</html:div> </html:div>
</box> </box>
</box> </box>
<splitter class="devtools-side-splitter devtools-invisible-splitter" resizebefore="sibling" resizeafter="none" /> <splitter
class="devtools-side-splitter devtools-invisible-splitter"
resizebefore="sibling"
resizeafter="none"
/>
<box class="splitview-side-details devtools-main-content" /> <box class="splitview-side-details devtools-main-content" />
<html:div id="splitview-templates" hidden=""> <html:div id="splitview-templates" hidden="">
<html:li id="splitview-tpl-summary-stylesheet" tabindex="0"> <html:li id="splitview-tpl-summary-stylesheet" tabindex="0">
<label class="stylesheet-toggle" tabindex="0" <label
data-l10n-id="styleeditor-visibility-toggle"></label> class="stylesheet-toggle"
tabindex="0"
data-l10n-id="styleeditor-visibility-toggle"
></label>
<html:hgroup class="stylesheet-info"> <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:div class="stylesheet-more">
<html:h3 class="stylesheet-title"></html:h3> <html:h3 class="stylesheet-title"></html:h3>
<html:h3 class="stylesheet-linked-file"></html:h3> <html:h3 class="stylesheet-linked-file"></html:h3>
<html:h3 class="stylesheet-rule-count"></html:h3> <html:h3 class="stylesheet-rule-count"></html:h3>
<spacer /> <spacer />
<html:h3><label class="stylesheet-saveButton" <html:h3
data-l10n-id="styleeditor-save-button"></label></html:h3> ><label
class="stylesheet-saveButton"
data-l10n-id="styleeditor-save-button"
></label
></html:h3>
</html:div> </html:div>
</html:hgroup> </html:hgroup>
</html:li> </html:li>
<box id="splitview-tpl-details-stylesheet" class="splitview-details"> <box id="splitview-tpl-details-stylesheet" class="splitview-details">
<hbox class="stylesheet-details-container"> <hbox class="stylesheet-details-container">
<box class="stylesheet-editor-input textbox" <box
data-l10n-id="styleeditor-editor-textbox"/> class="stylesheet-editor-input textbox"
<splitter class="devtools-side-splitter" resizebefore="none" resizeafter="sibling" /> data-l10n-id="styleeditor-editor-textbox"
/>
<splitter
class="devtools-side-splitter"
resizebefore="none"
resizeafter="sibling"
/>
<vbox class="stylesheet-sidebar theme-sidebar" hidden="true"> <vbox class="stylesheet-sidebar theme-sidebar" hidden="true">
<toolbar class="devtools-toolbar" <toolbar
data-l10n-id="styleeditor-at-rules"> class="devtools-toolbar"
data-l10n-id="styleeditor-at-rules"
>
</toolbar> </toolbar>
<vbox class="stylesheet-at-rules-container" flex="1"> <vbox class="stylesheet-at-rules-container" flex="1">
<html:div class="stylesheet-at-rules-list" /> <html:div class="stylesheet-at-rules-list" />

142
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 - 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/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<!DOCTYPE html> <!DOCTYPE html>
<html dir="" <html
dir=""
id="devtools-webconsole" id="devtools-webconsole"
windowtype="devtools:webconsole" windowtype="devtools:webconsole"
width="900" height="350" width="900"
persist="screenX screenY width height sizemode"> height="350"
persist="screenX screenY width height sizemode"
>
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <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://global/skin/global.css" />
<link rel="stylesheet" href="chrome://devtools/skin/webconsole.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/skin/components-frame.css" />
<link rel="stylesheet" href="chrome://devtools/content/shared/components/SmartTrace.css"/> <link
<link rel="stylesheet" href="chrome://devtools/content/shared/components/NotificationBox.css"/> rel="stylesheet"
<link rel="stylesheet" href="chrome://devtools/content/shared/components/splitter/GridElementResizer.css"/> href="chrome://devtools/content/shared/components/SmartTrace.css"
<link rel="stylesheet" href="chrome://devtools/content/shared/components/AppErrorBoundary.css"> />
<link rel="stylesheet" href="chrome://devtools/content/framework/components/ChromeDebugToolbar.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 --> <!-- Console components -->
<link rel="stylesheet" href="chrome://devtools/content/webconsole/components/App.css"/> <link
<link rel="stylesheet" href="chrome://devtools/content/webconsole/components/Input/EagerEvaluation.css"/> rel="stylesheet"
<link rel="stylesheet" href="chrome://devtools/content/webconsole/components/Input/EvaluationContextSelector.css"/> href="chrome://devtools/content/webconsole/components/App.css"
<link rel="stylesheet" href="chrome://devtools/content/webconsole/components/Input/ReverseSearchInput.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 --> <!-- CodeMirror CSS -->
<link rel="stylesheet" href="chrome://devtools/content/shared/sourceeditor/codemirror/lib/codemirror.css"/> <link
<link rel="stylesheet" href="chrome://devtools/content/shared/sourceeditor/codemirror/addon/dialog/dialog.css"/> rel="stylesheet"
<link rel="stylesheet" href="chrome://devtools/content/shared/sourceeditor/codemirror/mozilla.css"/> 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 --> <!-- ObjectInspector/Reps styles -->
<link rel="stylesheet" href="chrome://devtools/content/shared/components/reps/reps.css"/> <link
<link rel="stylesheet" href="chrome://devtools/content/shared/components/Tree.css"/> rel="stylesheet"
<link rel="stylesheet" href="chrome://devtools/content/shared/components/object-inspector/components/ObjectInspector.css"/> 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 --> <!-- Embedded Network Request detail styles -->
<link rel="stylesheet" href="chrome://devtools/content/shared/components/Accordion.css"/> <link
<link rel="stylesheet" href="chrome://devtools/content/shared/components/MdnLink.css"/> rel="stylesheet"
<link rel="stylesheet" href="chrome://devtools/content/shared/components/tabs/Tabs.css"/> href="chrome://devtools/content/shared/components/Accordion.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
<link rel="stylesheet" href="chrome://devtools/content/netmonitor/src/assets/styles/NetworkDetailsBar.css"/> rel="stylesheet"
<link rel="stylesheet" href="chrome://devtools/content/netmonitor/src/assets/styles/StatusCode.css"/> href="chrome://devtools/content/shared/components/MdnLink.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
<link rel="stylesheet" href="chrome://devtools/content/netmonitor/src/assets/styles/HeadersPanel.css" /> 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> <script src="chrome://devtools/content/shared/theme-switching.js"></script>
</head> </head>
<body class="theme-sidebar" role="application"> <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> </body>
</html> </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 - 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/. --> - file, You can obtain one at https://mozilla.org/MPL/2.0/. -->
<!DOCTYPE html> <!DOCTYPE html>
<meta charset="utf-8"> <meta charset="utf-8" />
<h1>Your addon does not have any document opened yet.</h1> <h1>Your addon does not have any document opened yet.</h1>

8
docs/_search_template/searchbox.html
View file

@ -4,11 +4,11 @@
<h3>{{ _('Quick search') }}</h3> <h3>{{ _('Quick search') }}</h3>
<script> <script>
(function () { (function () {
var cx = 'dd12886298f75dbef'; var cx = "dd12886298f75dbef";
var gcse = document.createElement('script'); var gcse = document.createElement("script");
gcse.async = true; gcse.async = true;
gcse.src = 'https://cse.google.com/cse.js?cx=' + cx; gcse.src = "https://cse.google.com/cse.js?cx=" + cx;
var s = document.getElementsByTagName('script')[0]; var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(gcse, s); s.parentNode.insertBefore(gcse, s);
})(); })();
</script> </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, - 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/. --> - You can obtain one at http://mozilla.org/MPL/2.0/. -->
{%- extends "sphinx_rtd_theme/breadcrumbs.html" %} {%- extends "sphinx_rtd_theme/breadcrumbs.html" %} {% block breadcrumbs_aside %}
{% block breadcrumbs_aside %}
<li class="wy-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> / <a
{%- if show_source and has_source and sourcename %} 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"
<a href="{{ pathto('_sources/' + sourcename, true)|e }}" rel="nofollow"> {{ _('View page source') }}</a> 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 %} {%- endif %}
</li> </li>
{% endblock %} {% endblock %}

5
dom/res/hiddenWindow.html
View file

@ -3,6 +3,9 @@
- file, You can obtain one at http://mozilla.org/MPL/2.0/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head><meta charset="utf-8"><title></title></head> <head>
<meta charset="utf-8" />
<title></title>
</head>
<body></body> <body></body>
</html> </html>

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

@ -1,20 +1,18 @@
<!DOCTYPE HTML> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset='utf-8'> <meta charset="utf-8" />
<script src="/tests/SimpleTest/SimpleTest.js"></script> <script src="/tests/SimpleTest/SimpleTest.js"></script>
<script src="worker_wrapper.js"></script> <script src="worker_wrapper.js"></script>
<link rel="stylesheet" href="/tests/SimpleTest/test.css"> <link rel="stylesheet" href="/tests/SimpleTest/test.css" />
</head> </head>
<body> <body>
<canvas id="canvas"></canvas> <canvas id="canvas"></canvas>
<script> <script>
const canvas = document.getElementById("canvas"); const canvas = document.getElementById("canvas");
const offscreen = canvas.transferControlToOffscreen(); const offscreen = canvas.transferControlToOffscreen();
runWorkerTest('test_basic_canvas.worker.js', {offscreen}, [offscreen]); runWorkerTest("test_basic_canvas.worker.js", { offscreen }, [offscreen]);
</script> </script>
</body> </body>
</html> </html>

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

@ -1,22 +1,31 @@
<!DOCTYPE HTML> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset='utf-8'> <meta charset="utf-8" />
<script src="/tests/SimpleTest/SimpleTest.js"></script> <script src="/tests/SimpleTest/SimpleTest.js"></script>
<link rel="stylesheet" href="/tests/SimpleTest/test.css"> <link rel="stylesheet" href="/tests/SimpleTest/test.css" />
</head> </head>
<body> <body>
<script> <script>
ok(
ok(SpecialPowers.getBoolPref('dom.webgpu.enabled'), 'Pref should be enabled.'); SpecialPowers.getBoolPref("dom.webgpu.enabled"),
"Pref should be enabled."
);
async function testBody() { async function testBody() {
const adapter = await navigator.gpu.requestAdapter(); const adapter = await navigator.gpu.requestAdapter();
const device = await adapter.requestDevice(); const device = await adapter.requestDevice();
const bufferRead = device.createBuffer({ size:4, usage: GPUBufferUsage.MAP_READ | GPUBufferUsage.COPY_DST }); const bufferRead = device.createBuffer({
const bufferWrite = device.createBuffer({ size:4, usage: GPUBufferUsage.COPY_SRC, mappedAtCreation: true }); size: 4,
(new Float32Array(bufferWrite.getMappedRange())).set([1.0]); 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(); bufferWrite.unmap();
const encoder = device.createCommandEncoder(); const encoder = device.createCommandEncoder();
@ -27,33 +36,38 @@ async function testBody() {
try { try {
bufferRead.getMappedRange(0, 5); bufferRead.getMappedRange(0, 5);
ok(false, 'mapped with size outside buffer should throw'); ok(false, "mapped with size outside buffer should throw");
} catch (e) { } catch (e) {
ok(true, 'mapped with size outside buffer should throw OperationError'); ok(
true,
"mapped with size outside buffer should throw OperationError"
);
} }
try { try {
bufferRead.getMappedRange(4, 1); bufferRead.getMappedRange(4, 1);
ok(false, 'mapped with offset outside buffer should throw'); ok(false, "mapped with offset outside buffer should throw");
} catch (e) { } catch (e) {
ok(true, 'mapped with offset outside buffer should throw OperationError'); ok(
true,
"mapped with offset outside buffer should throw OperationError"
);
} }
const data = bufferRead.getMappedRange(); 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]; const value = new Float32Array(data)[0];
ok(value == 1.0, 'value == 1.0'); ok(value == 1.0, "value == 1.0");
bufferRead.unmap(); 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(); SimpleTest.waitForExplicitFinish();
testBody() testBody()
.catch((e) => ok(false, "Unhandled exception " + e)) .catch(e => ok(false, "Unhandled exception " + e))
.finally(() => SimpleTest.finish()); .finally(() => SimpleTest.finish());
</script> </script>
</body> </body>
</html> </html>

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

@ -1,28 +1,29 @@
<!DOCTYPE HTML> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset='utf-8'> <meta charset="utf-8" />
<script src="/tests/SimpleTest/SimpleTest.js"></script> <script src="/tests/SimpleTest/SimpleTest.js"></script>
<link rel="stylesheet" href="/tests/SimpleTest/test.css"> <link rel="stylesheet" href="/tests/SimpleTest/test.css" />
</head> </head>
<body> <body>
<script> <script>
ok(
ok(SpecialPowers.getBoolPref('dom.webgpu.enabled'), 'Pref should be enabled.'); SpecialPowers.getBoolPref("dom.webgpu.enabled"),
"Pref should be enabled."
);
const func = async function () { const func = async function () {
const adapter = await navigator.gpu.requestAdapter(); const adapter = await navigator.gpu.requestAdapter();
const device = await adapter.requestDevice(); const device = await adapter.requestDevice();
const encoder = device.createCommandEncoder(); const encoder = device.createCommandEncoder();
const command_buffer = encoder.finish(); const command_buffer = encoder.finish();
ok(command_buffer !== undefined, 'command_buffer !== undefined'); ok(command_buffer !== undefined, "command_buffer !== undefined");
}; };
SimpleTest.waitForExplicitFinish(); SimpleTest.waitForExplicitFinish();
func() func()
.catch((e) => ok(false, "Unhandled exception " + e)) .catch(e => ok(false, "Unhandled exception " + e))
.finally(() => SimpleTest.finish()); .finally(() => SimpleTest.finish());
</script> </script>
</body> </body>
</html> </html>

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

@ -1,28 +1,29 @@
<!DOCTYPE HTML> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset='utf-8'> <meta charset="utf-8" />
<script src="/tests/SimpleTest/SimpleTest.js"></script> <script src="/tests/SimpleTest/SimpleTest.js"></script>
<link rel="stylesheet" href="/tests/SimpleTest/test.css"> <link rel="stylesheet" href="/tests/SimpleTest/test.css" />
</head> </head>
<body> <body>
<script> <script>
ok(
ok(SpecialPowers.getBoolPref('dom.webgpu.enabled'), 'Pref should be enabled.'); SpecialPowers.getBoolPref("dom.webgpu.enabled"),
"Pref should be enabled."
);
const func = async function () { const func = async function () {
const adapter = await navigator.gpu.requestAdapter(); const adapter = await navigator.gpu.requestAdapter();
const limits = adapter.limits; const limits = adapter.limits;
const features = adapter.features; const features = adapter.features;
const device = await adapter.requestDevice(); const device = await adapter.requestDevice();
ok(device !== undefined, 'device !== undefined'); ok(device !== undefined, "device !== undefined");
}; };
SimpleTest.waitForExplicitFinish(); SimpleTest.waitForExplicitFinish();
func() func()
.catch((e) => ok(false, "Unhandled exception " + e)) .catch(e => ok(false, "Unhandled exception " + e))
.finally(() => SimpleTest.finish()); .finally(() => SimpleTest.finish());
</script> </script>
</body> </body>
</html> </html>

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