remove 'notranslate' (1) (#2497)

mdn · Feb 19, 2021 · 2a14c0e · 2a14c0e
1 parent e49e8c7
commit 2a14c0e
Show file tree

Hide file tree

Showing 1,001 changed files with 4,797 additions and 4,797 deletions.
diff --git a/files/en-us/web/css/--_star_/index.html b/files/en-us/web/css/--_star_/index.html
@@ -17,7 +17,7 @@
 
 <h2 id="Syntax">Syntax</h2>
 
-<pre class="brush: css notranslate">--somekeyword: left;
+<pre class="brush: css">--somekeyword: left;
 --somecolor: #0000ff;
 --somecomplexvalue: 3px 6px rgb(20, 32, 54);
 </pre>
@@ -33,21 +33,21 @@ <h2 id="Syntax">Syntax</h2>
 
 <h3 id="Formal_syntax">Formal syntax</h3>
 
-<pre class="brush: css notranslate">{{CSSSyntax}}</pre>
+<pre class="brush: css">{{CSSSyntax}}</pre>
 
 <h2 id="Example">Example</h2>
 
 <h3 id="HTML">HTML</h3>
 
-<pre class="brush: html notranslate">&lt;p id="firstParagraph"&gt;This paragraph should have a blue background and yellow text.&lt;/p&gt;
+<pre class="brush: html">&lt;p id="firstParagraph"&gt;This paragraph should have a blue background and yellow text.&lt;/p&gt;
 &lt;p id="secondParagraph"&gt;This paragraph should have a yellow background and blue text.&lt;/p&gt;
 &lt;div id="container"&gt;
   &lt;p id="thirdParagraph"&gt;This paragraph should have a green background and yellow text.&lt;/p&gt;
 &lt;/div&gt;</pre>
 
 <h3 id="CSS">CSS</h3>
 
-<pre class="brush: css notranslate">:root {
+<pre class="brush: css">:root {
   --first-color: #16f;
   --second-color: #ff7;
 }

diff --git a/files/en-us/web/css/-moz-context-properties/index.html b/files/en-us/web/css/-moz-context-properties/index.html
@@ -20,7 +20,7 @@
 
 <h2 id="Syntax">Syntax</h2>
 
-<pre class="brush:css notranslate">/* Keyword values */
+<pre class="brush:css">/* Keyword values */
 -moz-context-properties: fill;
 -moz-context-properties: fill, stroke;
 
@@ -49,7 +49,7 @@ <h2 id="Formal_definition">Formal definition</h2>
 
 <h2 id="Formal_syntax">Formal syntax</h2>
 
-<pre class="brush: css notranslate">{{csssyntax}}</pre>
+<pre class="brush: css">{{csssyntax}}</pre>
 
 <h2 id="Examples">Examples</h2>
 
@@ -59,7 +59,7 @@ <h3 id="Exposing_fill_and_stroke_to_an_SVG_image">Exposing fill and stroke to an
 
 <p>You first need to specify on the embedding element the properties whose values you wish to expose to the embedded SVG, using the <code>-moz-context-properties</code> property. For example:</p>
 
-<pre class="brush: css notranslate">.img1 {
+<pre class="brush: css">.img1 {
   width: 100px;
   height: 100px;
   -moz-context-properties: fill, stroke;
@@ -69,7 +69,7 @@ <h3 id="Exposing_fill_and_stroke_to_an_SVG_image">Exposing fill and stroke to an
 
 <p>Now that you've done this, the SVG image can use the values of the {{cssxref("fill")}} and {{cssxref("stroke")}} properties, for example:</p>
 
-<pre class="brush: html notranslate">&lt;img class="img1" src="data:image/svg+xml;utf8,&lt;svg xmlns='http://www.w3.org/2000/svg'&gt;
+<pre class="brush: html">&lt;img class="img1" src="data:image/svg+xml;utf8,&lt;svg xmlns='http://www.w3.org/2000/svg'&gt;
                        &lt;rect width='100%' height='100%' stroke-width='30px'
                        fill='context-fill red' stroke='context-stroke' fill-opacity='0.5'/&gt;&lt;/svg&gt;"&gt;</pre>
 

diff --git a/files/en-us/web/css/-moz-float-edge/index.html b/files/en-us/web/css/-moz-float-edge/index.html
@@ -14,7 +14,7 @@
 
 <p>The non-standard <strong><code>-moz-float-edge</code></strong> <a href="/en-US/docs/Web/CSS">CSS</a> property specifies whether the height and width properties of the element include the margin, border, or padding thickness.</p>
 
-<pre class="brush:css no-line-numbers notranslate">/* Keyword values */
+<pre class="brush:css no-line-numbers">/* Keyword values */
 -moz-float-edge: border-box;
 -moz-float-edge: content-box;
 -moz-float-edge: margin-box;
@@ -47,19 +47,19 @@ <h2 id="Formal_definition">Formal definition</h2>
 
 <h2 id="Formal_syntax">Formal syntax</h2>
 
-<pre class="brush: css notranslate">{{csssyntax}}</pre>
+<pre class="brush: css">{{csssyntax}}</pre>
 
 <h2 id="Examples">Examples</h2>
 
 <h3 id="HTML">HTML</h3>
 
-<pre class="brush: html notranslate">&lt;div class="box"&gt;
+<pre class="brush: html">&lt;div class="box"&gt;
   &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit.&lt;/p&gt;
 &lt;/div&gt;</pre>
 
 <h3 id="CSS">CSS</h3>
 
-<pre class="brush: css notranslate">.box {
+<pre class="brush: css">.box {
   display: <span class="highVAL">block</span>;
   height: 5px;
   margin: 0.5em auto 0.5em auto;

diff --git a/files/en-us/web/css/-moz-force-broken-image-icon/index.html b/files/en-us/web/css/-moz-force-broken-image-icon/index.html
@@ -29,17 +29,17 @@ <h2 id="Formal_definition">Formal definition</h2>
 
 <h2 id="Formal_syntax">Formal syntax</h2>
 
-<pre class="brush: css notranslate">{{csssyntax}}</pre>
+<pre class="brush: css">{{csssyntax}}</pre>
 
 <h2 id="Examples">Examples</h2>
 
 <h3 id="HTML">HTML</h3>
 
-<pre class="brush:html; notranslate">&lt;img src='/broken/image/link.png' alt='Broken image link'&gt;</pre>
+<pre class="brush:html;">&lt;img src='/broken/image/link.png' alt='Broken image link'&gt;</pre>
 
 <h3 id="CSS">CSS</h3>
 
-<pre class="brush:css; notranslate">img {
+<pre class="brush:css;">img {
   -moz-force-broken-image-icon: 1;
   height: 100px;
   width: 100px;

diff --git a/files/en-us/web/css/-moz-image-rect/index.html b/files/en-us/web/css/-moz-image-rect/index.html
@@ -16,7 +16,7 @@
 
 <h2 id="Syntax">Syntax</h2>
 
-<pre class="brush: css notranslate">-moz-image-rect({{CSSxRef("&lt;uri&gt;")}}, <em>top</em>, <em>right</em>, <em>bottom</em>, <em>left</em>);</pre>
+<pre class="brush: css">-moz-image-rect({{CSSxRef("&lt;uri&gt;")}}, <em>top</em>, <em>right</em>, <em>bottom</em>, <em>left</em>);</pre>
 
 <h3 id="Values">Values</h3>
 
@@ -51,7 +51,7 @@ <h3 id="CSS">CSS</h3>
 
 <p>The container looks like this:</p>
 
-<pre class="brush: css notranslate">#container {
+<pre class="brush: css">#container {
   width:267px;
   height:272px;
   top:100px;
@@ -64,7 +64,7 @@ <h3 id="CSS">CSS</h3>
 
 <p>Then the four boxes defining the segments of the image are defined. Let's look at them one at a time.</p>
 
-<pre class="brush: css notranslate">#box1 {
+<pre class="brush: css">#box1 {
   background-image: -moz-image-rect(url(https://mdn.mozillademos.org/files/12053/firefox.png), 0%, 50%, 50%, 0%);
   width:133px;
   height:136px;
@@ -74,7 +74,7 @@ <h3 id="CSS">CSS</h3>
 
 <p>This is the top-left corner of the image. It defines a rectangle containing the top-left quarter of the image in the file <code>firefox.jpg</code>.</p>
 
-<pre class="brush: css notranslate">#box2 {
+<pre class="brush: css">#box2 {
   background-image: -moz-image-rect(url(https://mdn.mozillademos.org/files/12053/firefox.png), 0%, 100%, 50%, 50%);
   width:133px;
   height:136px;
@@ -86,7 +86,7 @@ <h3 id="CSS">CSS</h3>
 
 <p>The other corners follow a similar pattern:</p>
 
-<pre class="brush: css notranslate">#box3 {
+<pre class="brush: css">#box3 {
   background-image: -moz-image-rect(url(https://mdn.mozillademos.org/files/12053/firefox.png), 50%, 50%, 100%, 0%);
   width:133px;
   height:136px;
@@ -104,7 +104,7 @@ <h3 id="HTML">HTML</h3>
 
 <p>The HTML is quite simple:</p>
 
-<pre class="brush: html notranslate">&lt;div id="container" onclick="rotate()"&gt;
+<pre class="brush: html">&lt;div id="container" onclick="rotate()"&gt;
   &lt;div id="box1" style="left:0px;top:0px;"&gt;Top left&lt;/div&gt;
   &lt;div id="box2" style="left:133px;top:0px;"&gt;Top right&lt;/div&gt;
   &lt;div id="box3" style="left:0px;top:136px;"&gt;Bottom left&lt;/div&gt;
@@ -118,7 +118,7 @@ <h3 id="The_JavaScript_code">The JavaScript code</h3>
 
 <p>This code handles the click event when the container receives a mouse click.</p>
 
-<pre class="brush:js notranslate">function rotate() {
+<pre class="brush:js">function rotate() {
   var prevStyle = window.getComputedStyle(document.getElementById("box4"), null).getPropertyValue("background-image");
 
   // Now that we've saved the last one, start rotating

diff --git a/files/en-us/web/css/-moz-image-region/index.html b/files/en-us/web/css/-moz-image-region/index.html
@@ -13,7 +13,7 @@
 
 <p>For certain XUL elements and pseudo-elements that use an image from the {{CSSxRef("list-style-image")}} property, this property specifies a region of the image that is used in place of the whole image. This allows elements to use different pieces of the same image to improve performance.</p>
 
-<pre class="brush: css no-line-numbers notranslate">/* Keyword value */
+<pre class="brush: css no-line-numbers">/* Keyword value */
 -moz-image-region: auto;
 
 /* &lt;shape&gt; value */
@@ -47,13 +47,13 @@ <h2 id="Formal_definition">Formal definition</h2>
 
 <h2 id="Formal_syntax">Formal syntax</h2>
 
-<pre class="brush: css notranslate">{{CSSSyntax}}</pre>
+<pre class="brush: css">{{CSSSyntax}}</pre>
 
 <h2 id="Examples">Examples</h2>
 
 <h3 id="Clipping_an_image">Clipping an image</h3>
 
-<pre class="brush:css notranslate">#example-button {
+<pre class="brush:css">#example-button {
   /* display only the 4x4 area from the top left of this image */
   list-style-image: url("chrome://example/skin/example.png");
   -moz-image-region: rect(0px, 4px, 4px, 0px);

diff --git a/files/en-us/web/css/-moz-orient/index.html b/files/en-us/web/css/-moz-orient/index.html
@@ -35,13 +35,13 @@ <h2 id="Formal_definition">Formal definition</h2>
 
 <h2 id="Formal_syntax">Formal syntax</h2>
 
-<pre class="brush: css notranslate">{{csssyntax}}</pre>
+<pre class="brush: css">{{csssyntax}}</pre>
 
 <h2 id="Examples">Examples</h2>
 
 <h3 id="HTML">HTML</h3>
 
-<pre class="brush: html notranslate">&lt;p&gt;
+<pre class="brush: html">&lt;p&gt;
   The following progress meter
   is horizontal (the default):
 &lt;/p&gt;
@@ -55,7 +55,7 @@ <h3 id="HTML">HTML</h3>
 
 <h3 id="CSS">CSS</h3>
 
-<pre class="brush: css notranslate">.vert {
+<pre class="brush: css">.vert {
   -moz-orient: vertical;
   width: 16px;
   height: 150px;

diff --git a/files/en-us/web/css/-moz-outline-radius-bottomleft/index.html b/files/en-us/web/css/-moz-outline-radius-bottomleft/index.html
@@ -33,7 +33,7 @@ <h2 id="Formal_definition">Formal definition</h2>
 
 <h2 id="Formal_syntax">Formal syntax</h2>
 
-<pre class="brush: css notranslate">{{csssyntax}}</pre>
+<pre class="brush: css">{{csssyntax}}</pre>
 
 <h2 id="Examples">Examples</h2>
 
@@ -43,11 +43,11 @@ <h3 id="Rounding_a_outline">Rounding a outline</h3>
 
 <h4 id="HTML">HTML</h4>
 
-<pre class="brush: html notranslate">&lt;p&gt;Look at this paragraph's bottom-left corner.&lt;/p&gt;</pre>
+<pre class="brush: html">&lt;p&gt;Look at this paragraph's bottom-left corner.&lt;/p&gt;</pre>
 
 <h4 id="CSS">CSS</h4>
 
-<pre class="brush: css notranslate">p {
+<pre class="brush: css">p {
   margin: 10px;
   border: solid cyan;
   outline: dotted green;

diff --git a/files/en-us/web/css/-moz-outline-radius-bottomright/index.html b/files/en-us/web/css/-moz-outline-radius-bottomright/index.html
@@ -33,17 +33,17 @@ <h2 id="Formal_definition">Formal definition</h2>
 
 <h2 id="Formal_syntax">Formal syntax</h2>
 
-<pre class="brush: css notranslate">{{CSSSyntax}}</pre>
+<pre class="brush: css">{{CSSSyntax}}</pre>
 
 <h2 id="Examples">Examples</h2>
 
 <h3 id="HTML">HTML</h3>
 
-<pre class="brush: html notranslate">&lt;p&gt;Look at this paragraph's bottom-right corner.&lt;/p&gt;</pre>
+<pre class="brush: html">&lt;p&gt;Look at this paragraph's bottom-right corner.&lt;/p&gt;</pre>
 
 <h3 id="CSS">CSS</h3>
 
-<pre class="brush: css notranslate">p {
+<pre class="brush: css">p {
   margin: 5px;
   border: solid cyan;
   outline: dotted red;

diff --git a/files/en-us/web/css/-moz-outline-radius-topleft/index.html b/files/en-us/web/css/-moz-outline-radius-topleft/index.html
@@ -33,19 +33,19 @@ <h2 id="Formal_definition">Formal definition</h2>
 
 <h2 id="Formal_syntax">Formal syntax</h2>
 
-<pre class="brush: css notranslate">{{CSSSyntax}}</pre>
+<pre class="brush: css">{{CSSSyntax}}</pre>
 
 <h2 id="Examples">Examples</h2>
 
 <p>The example below will not display the desired effect if you are viewing this in a browser other than Firefox.</p>
 
 <h3 id="HTML">HTML</h3>
 
-<pre class="brush: html notranslate">&lt;p&gt;Look at this paragraph's top-left corner.&lt;/p&gt;</pre>
+<pre class="brush: html">&lt;p&gt;Look at this paragraph's top-left corner.&lt;/p&gt;</pre>
 
 <h3 id="CSS">CSS</h3>
 
-<pre class="brush: css notranslate">p {
+<pre class="brush: css">p {
   margin: 5px;
   border: solid cyan;
   outline: dotted red;

diff --git a/files/en-us/web/css/-moz-outline-radius-topright/index.html b/files/en-us/web/css/-moz-outline-radius-topright/index.html
@@ -33,17 +33,17 @@ <h2 id="Formal_definition">Formal definition</h2>
 
 <h2 id="Formal_syntax">Formal syntax</h2>
 
-<pre class="brush: css notranslate">{{CSSSyntax}}</pre>
+<pre class="brush: css">{{CSSSyntax}}</pre>
 
 <h2 id="Examples">Examples</h2>
 
 <h3 id="HTML">HTML</h3>
 
-<pre class="brush: html notranslate">&lt;p&gt;Look at this paragraph's top-right corner.&lt;/p&gt;</pre>
+<pre class="brush: html">&lt;p&gt;Look at this paragraph's top-right corner.&lt;/p&gt;</pre>
 
 <h3 id="CSS">CSS</h3>
 
-<pre class="brush: css notranslate">p {
+<pre class="brush: css">p {
   margin: 5px;
   border: solid cyan;
   outline: dotted red;

diff --git a/files/en-us/web/css/-moz-outline-radius/index.html b/files/en-us/web/css/-moz-outline-radius/index.html
@@ -13,7 +13,7 @@
 
 <p>In Mozilla applications like Firefox, the <strong><code>-moz-outline-radius</code></strong> <a href="/en-US/docs/Web/CSS">CSS</a> <a href="/en-US/docs/Web/CSS/Shorthand_properties">shorthand property</a> can be used to give an element's {{cssxref("outline")}} rounded corners.</p>
 
-<pre class="brush:css notranslate">/* One value */
+<pre class="brush:css">/* One value */
 -moz-outline-radius: 25px;
 
 /* Two values */
@@ -70,7 +70,7 @@ <h2 id="Formal_definition">Formal definition</h2>
 
 <h2 id="Formal_syntax">Formal syntax</h2>
 
-<pre class="brush: css notranslate">{{csssyntax}}</pre>
+<pre class="brush: css">{{csssyntax}}</pre>
 
 <h2 id="Examples">Examples</h2>
 
@@ -80,11 +80,11 @@ <h3 id="Rounding_an_outline">Rounding an outline</h3>
 
 <h4 id="HTML">HTML</h4>
 
-<pre class="brush: html notranslate">&lt;p&gt;This element has a rounded outline!&lt;/p&gt;</pre>
+<pre class="brush: html">&lt;p&gt;This element has a rounded outline!&lt;/p&gt;</pre>
 
 <h4 id="CSS">CSS</h4>
 
-<pre class="brush: css notranslate">p {
+<pre class="brush: css">p {
   margin: 5px;
   border: 1px solid black;
   outline: dotted red;

diff --git a/files/en-us/web/css/-moz-user-focus/index.html b/files/en-us/web/css/-moz-user-focus/index.html
@@ -14,7 +14,7 @@
 
 <p>The <strong><code>-moz-user-focus</code></strong> <a href="/en-US/docs/Web/CSS">CSS</a> property is used to indicate whether an element can have the focus.</p>
 
-<pre class="brush:css notranslate">/* Keyword values */
+<pre class="brush:css">/* Keyword values */
 -moz-user-focus: normal;
 -moz-user-focus: ignore;
 
@@ -59,18 +59,18 @@ <h2 id="Formal_definition">Formal definition</h2>
 
 <h2 id="Formal_syntax">Formal syntax</h2>
 
-<pre class="brush: css notranslate">{{csssyntax}}</pre>
+<pre class="brush: css">{{csssyntax}}</pre>
 
 <h2 id="Examples">Examples</h2>
 
 <h3 id="HTML">HTML</h3>
 
-<pre class="brush:html notranslate">&lt;input class="ignored" value="The user cannot focus on this element."&gt;
+<pre class="brush:html">&lt;input class="ignored" value="The user cannot focus on this element."&gt;
 </pre>
 
 <h3 id="CSS">CSS</h3>
 
-<pre class="brush:css notranslate">.ignored {
+<pre class="brush:css">.ignored {
   -moz-user-focus: ignore;
 }</pre>