Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Remove inline styles from various M* API docs #5707

Merged
merged 1 commit into from
Jun 5, 2021
Merged

Remove inline styles from various M* API docs #5707

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion files/en-us/web/api/media_source_extensions_api/transcoding_assets_for_mse/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ <h2 id="Getting_started">Getting started</h2>
<ol>
<li>The first and most important step is to ensure that your files are comprised of a container and codec that users' browsers support.</li>
<li>Depending on the codec, you might need to fragment the file to comply with the <a href="https://www.w3.org/TR/mse-byte-stream-format-isobmff/">ISO BMFF spec</a>.</li>
<li>(Optional) If you decide to use Dynamic Adaptive Streaming over HTTP (DASH) <span style="background-color: #f5f6f5;">for adaptive bitrate streaming</span>, you need to<span style="background-color: #f5f6f5;"> transcode your assets into multiple resolutions</span>. Most DASH clients expect a corresponding Media Presentation Description (MPD) manifest file, which is typically generated while generating the multiple resolution asset files.</li>
<li>(Optional) If you decide to use Dynamic Adaptive Streaming over HTTP (DASH) for adaptive bitrate streaming, you need to transcode your assets into multiple resolutions. Most DASH clients expect a corresponding Media Presentation Description (MPD) manifest file, which is typically generated while generating the multiple resolution asset files.</li>
</ol>

<p>Below we'll cover all of these steps, but first let's look at a toolchain we can use to do this fairly easily.</p>
Expand Down
4 changes: 2 additions & 2 deletions files/en-us/web/api/mediacapabilities/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,9 +22,9 @@ <h2 id="Methods">Methods</h2>

<dl>
<dt>{{domxref("MediaCapabilities.encodingInfo()")}}</dt>
<dd><span style='background-color: #ffffff; color: #333333; display: inline !important; float: none; font-family: "Open Sans",arial,x-locale-body,sans-serif; font-size: medium; font-style: normal; font-weight: 400; letter-spacing: normal; text-align: start; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal;'>When passed a valid media configuration, it returns a promise with information as to whether the media type is supported, and whether encoding such media would be </span>smooth and power efficient<span style='background-color: #ffffff; color: #333333; display: inline !important; float: none; font-family: "Open Sans",arial,x-locale-body,sans-serif; font-size: medium; font-style: normal; font-weight: 400; letter-spacing: normal; text-align: start; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal;'>.</span></dd>
<dd>When passed a valid media configuration, it returns a promise with information as to whether the media type is supported, and whether encoding such media would be smooth and power efficient.</dd>
<dt>{{domxref("MediaCapabilities.decodingInfo()")}}</dt>
<dd><span style='background-color: #ffffff; color: #333333; display: inline !important; float: none; font-family: "Open Sans",arial,x-locale-body,sans-serif; font-size: medium; font-style: normal; font-weight: 400; letter-spacing: normal; text-align: start; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal;'>When passed a valid media configuration, it returns a promise with information as to whether the media type is supported, and whether decoding such media would be </span>smooth and power efficient<span style='background-color: #ffffff; color: #333333; display: inline !important; float: none; font-family: "Open Sans",arial,x-locale-body,sans-serif; font-size: medium; font-style: normal; font-weight: 400; letter-spacing: normal; text-align: start; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal;'>.</span></dd>
<dd>When passed a valid media configuration, it returns a promise with information as to whether the media type is supported, and whether decoding such media would be smooth and power efficient.</dd>
</dl>

<h2 id="Specifications">Specifications</h2>
Expand Down
6 changes: 3 additions & 3 deletions files/en-us/web/api/mediakeystatusmap/keys/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,9 +25,9 @@ <h3 id="Parameters">Parameters</h3>

<p>None.</p>

<p><span
style="font-size: 1.714rem; font-weight: 200; letter-spacing: -0.021em; line-height: 1;">Returns</span>
</p>
<h3>
Returns
</h3>

<p>A new iterator.</p>

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/api/mediastream/addtrack/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@ <h2 id="Example">Example</h2>

<h2 id="Specifications">Specifications</h2>

<table class="standard-table" style="height: 49px; width: 1000px;">
<table class="standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
Expand Down
4 changes: 1 addition & 3 deletions files/en-us/web/api/mediastream/ended/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,9 +14,7 @@
<p>{{APIRef("WebRTC")}}{{deprecated_header}}</p>

<p>The <strong><code>ended</code></strong> read-only property of the
{{domxref("MediaStream")}} interface returns a Boolean value which is <code
style="font-size: 14px;">true</code> if the stream has been completely read, or <code
style="font-size: 14px;">false</code> if the end of the stream has not been reached.
{{domxref("MediaStream")}} interface returns a Boolean value which is <code>true</code> if the stream has been completely read, or <code>false</code> if the end of the stream has not been reached.
This value  once the {{event("ended")}} event has been fired.</p>

<div class="warning">
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/api/mediastream/gettrackbyid/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ <h2 id="Example">Example</h2>

<h2 id="Specifications">Specifications</h2>

<table class="standard-table" style="height: 49px; width: 1000px;">
<table class="standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
Expand Down
6 changes: 3 additions & 3 deletions files/en-us/web/api/mediastream/getvideotracks/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,9 +31,9 @@ <h3 id="Parameters">Parameters</h3>

<p>None.</p>

<h3 id="Return_value"><span
style='font-family: x-locale-heading-primary,zillaslab,Palatino,"Palatino Linotype",x-locale-heading-secondary,serif; font-size: 1.375rem;'>Return
value</span></h3>
<h3 id="Return_value">
Return value
</h3>

<p>An array of {{domxref("MediaStreamTrack")}} objects, one for each video track contained
in the media stream. Video tracks are those tracks whose
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/api/mediastream_recording_api/using_the_mediastream_recording_api/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@

<h2 id="A_sample_application_Web_Dictaphone">A sample application: Web Dictaphone</h2>

<p><img alt="An image of the Web dictaphone sample app - a sine wave sound visualization, then record and stop buttons, then an audio jukebox of recorded tracks that can be played back." src="web-dictaphone.png" style="display: block; margin: 0px auto;"></p>
<p><img alt="An image of the Web dictaphone sample app - a sine wave sound visualization, then record and stop buttons, then an audio jukebox of recorded tracks that can be played back." src="web-dictaphone.png"></p>

<p>To demonstrate basic usage of the MediaRecorder API, we have built a web-based dictaphone. It allows you to record snippets of audio and then play them back. It even gives you a visualization of your device's sound input, using the Web Audio API. We'll concentrate on the recording and playback functionality for this article.</p>

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/api/mediastreamtrack/ended_event/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -69,7 +69,7 @@ <h2 id="Examples">Examples</h2>

<h2 id="Specifications">Specifications</h2>

<table class="standard-table" style="height: 49px; width: 1000px;">
<table class="standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
Expand Down
6 changes: 3 additions & 3 deletions files/en-us/web/api/mediastreamtrack/getconstraints/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,9 +34,9 @@ <h2 id="Syntax">Syntax</h2>
<pre
class="brush: js">const <em>constraints</em> = <em>track</em>.getConstraints()</pre>

<h3 id="Return_value"><span
style="font-size: 1.714rem; letter-spacing: -0.021em; line-height: 1;">Return
value</span></h3>
<h3 id="Return_value">
Return value
</h3>

<p>A {{domxref('MediaTrackConstraints')}} object which indicates the constrainable
properties the Web site or app most recently set using
Expand Down
4 changes: 2 additions & 2 deletions files/en-us/web/api/mediastreamtrack/getsettings/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,8 +24,8 @@ <h2 id="Syntax">Syntax</h2>
<pre
class="brush: js">const <em>settings</em> = <em>track</em>.getSettings()</pre>

<h3 id="Returns"><span
style="font-size: 1.714rem; letter-spacing: -0.021em; line-height: 1;">Returns</span>
<h3 id="Returns">
Returns
</h3>

<p>A {{domxref("MediaTrackSettings")}} object describing the current configuration of the
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/api/mediastreamtrack/kind/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@ <h3 id="Value">Value</h3>

<h2 id="Specifications">Specifications</h2>

<table class="standard-table" style="height: 49px; width: 1000px;">
<table class="standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/api/mediastreamtrack/label/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ <h2 id="Syntax">Syntax</h2>

<h2 id="Specifications">Specifications</h2>

<table class="standard-table" style="height: 49px; width: 1000px;">
<table class="standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/api/mediastreamtrack/onended/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@ <h2 id="Examples">Examples</h2>

<h2 id="Specifications">Specifications</h2>

<table class="standard-table" style="height: 49px; width: 1000px;">
<table class="standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/api/mediastreamtrack/onmute/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@ <h2 id="Example">Example</h2>

<h2 id="Specifications">Specifications</h2>

<table class="standard-table" style="height: 49px; width: 1000px;">
<table class="standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/api/mediastreamtrack/onunmute/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@ <h2 id="Example">Example</h2>

<h2 id="Specifications">Specifications</h2>

<table class="standard-table" style="height: 49px; width: 1000px;">
<table class="standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/api/mediastreamtrack/readystate/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ <h3 id="Value">Value</h3>

<h2 id="Specifications">Specifications</h2>

<table class="standard-table" style="height: 49px; width: 1000px;">
<table class="standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/api/mouseevent/relatedtarget/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@
<p>The <strong><code>MouseEvent.relatedTarget</code></strong> read-only property is the
secondary target for the mouse event, if there is one. That is:</p>

<table class="standard-table" style="width: auto;">
<table class="standard-table">
<tbody>
<tr>
<td class="header">Event name</td>
Expand Down
12 changes: 6 additions & 6 deletions files/en-us/web/api/mscandidatewindowhide/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,12 +13,12 @@
<h2 id="General_info">General info</h2>

<dl>
<dt style="float: left; text-align: right; width: 120px;">Synchronous</dt>
<dd style="margin: 0 0 0 120px;">No</dd>
<dt style="float: left; text-align: right; width: 120px;">Bubbles</dt>
<dd style="margin: 0 0 0 120px;">No</dd>
<dt style="float: left; text-align: right; width: 120px;">Cancelable</dt>
<dd style="margin: 0 0 0 120px;">No</dd>
<dt>Synchronous</dt>
<dd>No</dd>
<dt>Bubbles</dt>
<dd>No</dd>
<dt>Cancelable</dt>
<dd>No</dd>
</dl>

<h3 id="Note">Note</h3>
Expand Down
12 changes: 6 additions & 6 deletions files/en-us/web/api/mscandidatewindowshow/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,12 +15,12 @@
<h2 id="General_info">General info</h2>

<dl>
<dt style="float: left; text-align: right; width: 120px;">Synchronous</dt>
<dd style="margin: 0 0 0 120px;">No</dd>
<dt style="float: left; text-align: right; width: 120px;">Bubbles</dt>
<dd style="margin: 0 0 0 120px;">No</dd>
<dt style="float: left; text-align: right; width: 120px;">Cancelable</dt>
<dd style="margin: 0 0 0 120px;">No</dd>
<dt>Synchronous</dt>
<dd>No</dd>
<dt>Bubbles</dt>
<dd>No</dd>
<dt>Cancelable</dt>
<dd>No</dd>
</dl>

<h3 id="Note">Note</h3>
Expand Down
12 changes: 6 additions & 6 deletions files/en-us/web/api/mscandidatewindowupdate/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,12 +15,12 @@
<h2 id="General_info">General info</h2>

<dl>
<dt style="float: left; text-align: right; width: 120px;">Synchronous</dt>
<dd style="margin: 0 0 0 120px;">No</dd>
<dt style="float: left; text-align: right; width: 120px;">Bubbles</dt>
<dd style="margin: 0 0 0 120px;">No</dd>
<dt style="float: left; text-align: right; width: 120px;">Cancelable</dt>
<dd style="margin: 0 0 0 120px;">No</dd>
<dt>Synchronous</dt>
<dd>No</dd>
<dt>Bubbles</dt>
<dd>No</dd>
<dt>Cancelable</dt>
<dd>No</dd>
</dl>

<h3 id="Note">Note</h3>
Expand Down
38 changes: 19 additions & 19 deletions files/en-us/web/api/mscapslockwarningoff/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,25 +31,25 @@ <h2 id="Example">Example</h2>

<h2 id="Example_2">Example 2</h2>

<pre style="padding: 5px; margin: 0px; font-style: normal; font-weight: 400; overflow: auto; word-wrap: normal; font-family: Consolas, Courier, monospace !important; color: rgb(0, 0, 0); font-size: 13px; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; text-decoration-style: initial;"><span style="color: blue;">&lt;</span><span style="color: #a31515;">html</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">&lt;</span><span style="color: #a31515;">head</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">&lt;</span><span style="color: #a31515;">title</span><span style="color: blue;">&gt;</span>msCapsLockWarningOff example<span style="color: blue;">&lt;/</span><span style="color: #a31515;">title</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">&lt;</span><span style="color: #a31515;">script</span> <span style="color: red;">type</span><span style="color: blue;">=</span><span style="color: blue;">"text/javascript"</span><span style="color: blue;">&gt;</span>

<span style="color: blue;">function</span> capsOff() {
<span style="color: blue;">if</span> (document.msCapsLockWarningOff == <span style="color: blue;">false</span>) {
document.msCapsLockWarningOff = <span style="color: blue;">true</span>;
document.getElementById(<span style="color: #a31515;">"caps"</span>).innerHTML = <span style="color: #a31515;">"Warning off"</span>;
} <span style="color: blue;">else</span> {
document.msCapsLockWarningOff = <span style="color: blue;">false</span>;
document.getElementById(<span style="color: #a31515;">"caps"</span>).innerHTML = <span style="color: #a31515;">"Warning on"</span>;
<pre>&lt;html&gt;
&lt;head&gt;
&lt;title&gt;msCapsLockWarningOff example&lt;/title&gt;
&lt;script type="text/javascript"&gt;

function capsOff() {
if (document.msCapsLockWarningOff == false) {
document.msCapsLockWarningOff = true;
document.getElementById("caps").innerHTML = "Warning off";
} else {
document.msCapsLockWarningOff = false;
document.getElementById("caps").innerHTML = "Warning on";
}
}

<span style="color: blue;">&lt;/</span><span style="color: #a31515;">script</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">&lt;/</span><span style="color: #a31515;">head</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">&lt;</span><span style="color: #a31515;">body</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">&lt;</span><span style="color: #a31515;">label</span><span style="color: blue;">&gt;</span>Type a password: <span style="color: blue;">&lt;</span><span style="color: #a31515;">input</span> <span style="color: red;">type</span><span style="color: blue;">=</span><span style="color: blue;">"password"</span> <span style="color: blue;">/&gt;</span><span style="color: blue;">&lt;/</span><span style="color: #a31515;">label</span><span style="color: blue;">&gt;</span><span style="color: blue;">&lt;</span><span style="color: #a31515;">br</span> <span style="color: blue;">/&gt;</span>
<span style="color: blue;">&lt;</span><span style="color: #a31515;">button</span> <span style="color: red;">id</span><span style="color: blue;">=</span><span style="color: blue;">"caps"</span> <span style="color: red;">onclick</span><span style="color: blue;">=</span><span style="color: blue;">"capsOff();"</span><span style="color: blue;">&gt;</span>Warning off<span style="color: blue;">&lt;/</span><span style="color: #a31515;">button</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">&lt;/</span><span style="color: #a31515;">body</span><span style="color: blue;">&gt;</span>
<span style="color: blue;">&lt;/</span><span style="color: #a31515;">html</span><span style="color: blue;">&gt;</span></pre>
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;label&gt;Type a password: input type="password" /&gt;&lt;/label&gt;&lt;br /&gt;
&lt;button id="caps" onclick="capsOff();"&gt;Warning off&lt;/button&gt;
&lt;/body&gt;
&lt;/html&gt;</pre>
12 changes: 6 additions & 6 deletions files/en-us/web/api/mssitemodejumplistitemremoved/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,12 +30,12 @@ <h2 id="Syntax">Syntax</h2>
<h2 id="General_info">General info</h2>

<dl>
<dt style="float: left; text-align: right; width: 120px;">Synchronous</dt>
<dd style="margin: 0 0 0 120px;">No</dd>
<dt style="float: left; text-align: right; width: 120px;">Bubbles</dt>
<dd style="margin: 0 0 0 120px;">No</dd>
<dt style="float: left; text-align: right; width: 120px;">Cancelable</dt>
<dd style="margin: 0 0 0 120px;">No</dd>
<dt>Synchronous</dt>
<dd>No</dd>
<dt>Bubbles</dt>
<dd>No</dd>
<dt>Cancelable</dt>
<dd>No</dd>
</dl>

<h3 id="Note">Note</h3>
Expand Down
12 changes: 6 additions & 6 deletions files/en-us/web/api/msthumbnailclick/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,12 +31,12 @@ <h2 id="Syntax">Syntax</h2>
<h2 id="General_info">General info</h2>

<dl>
<dt style="float: left; text-align: right; width: 120px;">Synchronous</dt>
<dd style="margin: 0 0 0 120px;">No</dd>
<dt style="float: left; text-align: right; width: 120px;">Bubbles</dt>
<dd style="margin: 0 0 0 120px;">No</dd>
<dt style="float: left; text-align: right; width: 120px;">Cancelable</dt>
<dd style="margin: 0 0 0 120px;">No</dd>
<dt>Synchronous</dt>
<dd>No</dd>
<dt>Bubbles</dt>
<dd>No</dd>
<dt>Cancelable</dt>
<dd>No</dd>
</dl>

<h3 id="Note">Note</h3>
Expand Down