aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/css
diff options
context:
space:
mode:
Diffstat (limited to 'files/fr/web/css')
-rw-r--r--files/fr/web/css/background-repeat/index.html2
-rw-r--r--files/fr/web/css/css_background_and_borders/border-image_generator/index.html2
-rw-r--r--files/fr/web/css/css_background_and_borders/border-radius_generator/index.html2
-rw-r--r--files/fr/web/css/css_background_and_borders/box-shadow_generator/index.html2
-rw-r--r--files/fr/web/css/css_colors/color_picker_tool/index.html2
-rw-r--r--files/fr/web/css/css_transitions/using_css_transitions/index.html24
-rw-r--r--files/fr/web/css/filter/index.html22
-rw-r--r--files/fr/web/css/mask/index.html2
-rw-r--r--files/fr/web/css/transition-delay/index.html8
-rw-r--r--files/fr/web/css/transition-duration/index.html8
10 files changed, 37 insertions, 37 deletions
diff --git a/files/fr/web/css/background-repeat/index.html b/files/fr/web/css/background-repeat/index.html
index de3634fb94..d0545e3c9b 100644
--- a/files/fr/web/css/background-repeat/index.html
+++ b/files/fr/web/css/background-repeat/index.html
@@ -152,7 +152,7 @@ div {
/* Plusieurs images */
.seven {
background-image: url(https://mdn.mozillademos.org/files/12005/starsolid.gif),
- url(https://developer.cdn.mozilla.net/media/redesign/img/favicon32.png);
+ url(https://developer.mozilla.org/static/img/favicon32.png);
background-repeat: repeat-x,
repeat-y;
height: 144px;
diff --git a/files/fr/web/css/css_background_and_borders/border-image_generator/index.html b/files/fr/web/css/css_background_and_borders/border-image_generator/index.html
index c6114bd4ca..c0c5db61cd 100644
--- a/files/fr/web/css/css_background_and_borders/border-image_generator/index.html
+++ b/files/fr/web/css/css_background_and_borders/border-image_generator/index.html
@@ -9,7 +9,7 @@ original_slug: Web/CSS/Arrière-plans_et_bordures_CSS/Générateur_border-image
---
<p>Cet outil peut être utilisé afin de générer des valeurs pour la propriété {{cssxref("border-image")}}.</p>
-<div style="display: none;">
+<div class="hidden">
<h2 id="Border_Image_Generator" name="Border_Image_Generator">Générateur border-image</h2>
<h3 id="Contenu_HTML">Contenu HTML</h3>
diff --git a/files/fr/web/css/css_background_and_borders/border-radius_generator/index.html b/files/fr/web/css/css_background_and_borders/border-radius_generator/index.html
index 408be607e4..ac9bc500aa 100644
--- a/files/fr/web/css/css_background_and_borders/border-radius_generator/index.html
+++ b/files/fr/web/css/css_background_and_borders/border-radius_generator/index.html
@@ -9,7 +9,7 @@ original_slug: Web/CSS/Arrière-plans_et_bordures_CSS/Générateur_border-radius
---
<p>Cet outil peut être utilisé afin de générer du code pour la propriété {{cssxref("border-radius")}}.</p>
-<div style="display: none;">
+<div class="hidden">
<h2 id="border-radius-generator" name="border-radius-generator">border-radius</h2>
<h3 id="Contenu_HTML">Contenu HTML</h3>
diff --git a/files/fr/web/css/css_background_and_borders/box-shadow_generator/index.html b/files/fr/web/css/css_background_and_borders/box-shadow_generator/index.html
index 418fde72dd..282a53d6e4 100644
--- a/files/fr/web/css/css_background_and_borders/box-shadow_generator/index.html
+++ b/files/fr/web/css/css_background_and_borders/box-shadow_generator/index.html
@@ -9,7 +9,7 @@ original_slug: Web/CSS/Modèle_de_boîte_CSS/Générateur_box-shadow
---
<p>Cet outil visuel permet de construire des effets d'ombre et de générer du code pour la propriété {{cssxref("box-shadow")}} qui pourra être ajouté à votre feuille de style.</p>
-<div style="display: none;">
+<div class="hidden">
<h2 id="box-shadow_generator" name="box-shadow_generator">box-shadow generator</h2>
<h3 id="HTML_Content">HTML Content</h3>
diff --git a/files/fr/web/css/css_colors/color_picker_tool/index.html b/files/fr/web/css/css_colors/color_picker_tool/index.html
index 1703a2f993..6143791170 100644
--- a/files/fr/web/css/css_colors/color_picker_tool/index.html
+++ b/files/fr/web/css/css_colors/color_picker_tool/index.html
@@ -7,7 +7,7 @@ tags:
translation_of: Web/CSS/CSS_Colors/Color_picker_tool
original_slug: Web/CSS/Couleurs_CSS/Sélecteur_de_couleurs
---
-<div style="display: none;">
+<div class="hidden">
<h2 id="ColorPIcker_Tool" name="ColorPIcker_Tool">ColorPIcker Tool</h2>
<h3 id="HTML_Content">HTML Content</h3>
diff --git a/files/fr/web/css/css_transitions/using_css_transitions/index.html b/files/fr/web/css/css_transitions/using_css_transitions/index.html
index 0b17461d05..19d7aefd57 100644
--- a/files/fr/web/css/css_transitions/using_css_transitions/index.html
+++ b/files/fr/web/css/css_transitions/using_css_transitions/index.html
@@ -51,7 +51,7 @@ original_slug: Web/CSS/CSS_Transitions/Utiliser_transitions_CSS
<div id="duration_0_5s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-duration: 0.5s</code></p>
- <div style="display: none;">
+ <div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -116,7 +116,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="duration_1s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-duration: 1s</code></p>
- <div style="display: none;">
+ <div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -181,7 +181,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="duration_2s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-duration: 2s</code></p>
- <div style="display: none;">
+ <div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -246,7 +246,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="duration_4s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-duration: 4s</code></p>
- <div style="display: none;">
+ <div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -315,7 +315,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="ttf_ease" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-timing-function: ease</code></p>
- <div style="display: none;">
+ <div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -378,7 +378,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="ttf_linear" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-timing-function: linear</code></p>
- <div style="display: none;">
+ <div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -441,7 +441,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="ttf_stepend" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-timing-function: step-end</code></p>
- <div style="display: none;">
+ <div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -504,7 +504,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="ttf_step4end" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-timing-function: steps(4, end)</code></p>
- <div style="display: none;">
+ <div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -571,7 +571,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="delay_0_5s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-delay: 0.5s</code></p>
- <div style="display: none;">
+ <div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -643,7 +643,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="delay_1s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-delay: 1s</code></p>
- <div style="display: none;">
+ <div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -715,7 +715,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="delay_2s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-delay: 2s</code></p>
- <div style="display: none;">
+ <div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -787,7 +787,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="delay_4s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-delay: 4s</code></p>
- <div style="display: none;">
+ <div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
diff --git a/files/fr/web/css/filter/index.html b/files/fr/web/css/filter/index.html
index 2e10b2f60c..9f24d80f55 100644
--- a/files/fr/web/css/filter/index.html
+++ b/files/fr/web/css/filter/index.html
@@ -101,7 +101,7 @@ img {
<pre class="brush: css">filter: blur(5px)
</pre>
-<div id="blur_example" style="display: none;">
+<div id="blur_example" class="hidden">
<pre class="brush: html"> &lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -198,7 +198,7 @@ table.standard-table td {
&lt;/filter&gt;
&lt;/svg&gt;</pre>
-<div id="brightness_example" style="display: none;">
+<div id="brightness_example" class="hidden">
<pre class="brush: html">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -297,7 +297,7 @@ table.standard-table td {
&lt;/filter&gt;
&lt;/svg&gt;</pre>
-<div id="contrast_example" style="display: none;">
+<div id="contrast_example" class="hidden">
<pre class="brush: html">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -411,7 +411,7 @@ table.standard-table td {
&lt;/filter&gt;
&lt;/svg&gt;</pre>
-<div id="shadow_example" style="display: none;">
+<div id="shadow_example" class="hidden">
<pre class="brush: html">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -533,7 +533,7 @@ table.standard-table td {
<pre class="brush: css">filter: grayscale(100%)</pre>
-<div id="grayscale_example" style="display: none;">
+<div id="grayscale_example" class="hidden">
<pre class="brush: html">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -621,7 +621,7 @@ table.standard-table td {
<pre class="brush: css">filter: hue-rotate(90deg)</pre>
-<div id="huerotate_example" style="display: none;">
+<div id="huerotate_example" class="hidden">
<pre class="brush: html">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -712,7 +712,7 @@ table.standard-table td {
<pre class="brush: css">filter: invert(100%)</pre>
-<div id="invert_example" style="display: none;">
+<div id="invert_example" class="hidden">
<pre class="brush: html">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -800,7 +800,7 @@ table.standard-table td {
<pre class="brush: css">filter: opacity(50%)</pre>
-<div id="opacity_example" style="display: none;">
+<div id="opacity_example" class="hidden">
<pre class="brush: html">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -886,7 +886,7 @@ table.standard-table td {
<pre class="brush: css">filter: saturate(200%)</pre>
-<div id="saturate_example" style="display: none;">
+<div id="saturate_example" class="hidden">
<pre class="brush: html">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -971,7 +971,7 @@ table.standard-table td {
<pre class="brush: css">filter: sepia(100%)</pre>
-<div id="sepia_example" style="display: none;">
+<div id="sepia_example" class="hidden">
<pre class="brush: html">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -1059,7 +1059,7 @@ table.standard-table td {
<pre class="brush: css">filter: contrast(175%) brightness(103%)</pre>
-<div id="combination()" style="display: none;">
+<div id="combination()" class="hidden">
<pre class="brush: html">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
diff --git a/files/fr/web/css/mask/index.html b/files/fr/web/css/mask/index.html
index 4a69a1adf8..6f36acacc4 100644
--- a/files/fr/web/css/mask/index.html
+++ b/files/fr/web/css/mask/index.html
@@ -80,7 +80,7 @@ mask: unset;
<h3 id="CSS">CSS</h3>
<pre class="brush: css">.exemple{
-  mask:url(https://developer.cdn.mozilla.net/static/img/favicon72.png) luminance 20%;
+  mask:url(https://developer.mozilla.org/static/img/favicon72.png) luminance 20%;
}
</pre>
diff --git a/files/fr/web/css/transition-delay/index.html b/files/fr/web/css/transition-delay/index.html
index 8d3991d0a2..7f1053f8c2 100644
--- a/files/fr/web/css/transition-delay/index.html
+++ b/files/fr/web/css/transition-delay/index.html
@@ -56,7 +56,7 @@ transition-delay: unset;
<div id="delay_0_5s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-delay: 0.5s</code></p>
-<div style="display: none;">
+<div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -123,7 +123,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="delay_1s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-delay: 1s</code></p>
-<div style="display: none;">
+<div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -190,7 +190,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="delay_2s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-delay: 2s</code></p>
-<div style="display: none;">
+<div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -257,7 +257,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="delay_4s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-delay: 4s</code></p>
-<div style="display: none;">
+<div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
diff --git a/files/fr/web/css/transition-duration/index.html b/files/fr/web/css/transition-duration/index.html
index 7d97c7ae48..a859c23f3f 100644
--- a/files/fr/web/css/transition-duration/index.html
+++ b/files/fr/web/css/transition-duration/index.html
@@ -50,7 +50,7 @@ transition-duration: unset;
<div id="duration_0_5s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-duration: 0.5s</code></p>
-<div style="display: none;">
+<div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -115,7 +115,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="duration_1s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-duration: 1s</code></p>
-<div style="display: none;">
+<div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -180,7 +180,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="duration_2s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-duration: 2s</code></p>
-<div style="display: none;">
+<div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -245,7 +245,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="duration_4s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-duration: 4s</code></p>
-<div style="display: none;">
+<div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;