use class="hidden" not style="display:none"

18 files changed, 50 insertions, 50 deletions

diff --git a/files/pt-pt/learn/common_questions/set_up_a_local_testing_server/index.html b/files/pt-pt/learn/common_questions/set_up_a_local_testing_server/index.html
index 33cc5b661e..ff782a93fb 100644
--- a/files/pt-pt/learn/common_questions/set_up_a_local_testing_server/index.html
+++ b/files/pt-pt/learn/common_questions/set_up_a_local_testing_server/index.html
@@ -106,7 +106,7 @@ python -m <code>SimpleHTTPServer</code></pre>
 <div id="SL_balloon_obj" style="display: block;">
 <div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
 
-<div id="SL_shadow_translation_result2" style="display: none;"> </div>
+<div id="SL_shadow_translation_result2" class="hidden"> </div>
 
 <div id="SL_shadow_translator">
 <div id="SL_planshet">
diff --git a/files/pt-pt/learn/common_questions/what_is_a_domain_name/index.html b/files/pt-pt/learn/common_questions/what_is_a_domain_name/index.html
index 78aea58546..2aa82b66be 100644
--- a/files/pt-pt/learn/common_questions/what_is_a_domain_name/index.html
+++ b/files/pt-pt/learn/common_questions/what_is_a_domain_name/index.html
@@ -158,9 +158,9 @@ NOT FOUND
 <div id="SL_balloon_obj" style="display: block;">
 <div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
 
-<div id="SL_shadow_translation_result2" style="display: none;"> </div>
+<div id="SL_shadow_translation_result2" class="hidden"> </div>
 
-<div id="SL_shadow_translator" style="display: none;">
+<div id="SL_shadow_translator" class="hidden">
 <div id="SL_planshet">
 <div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
 
@@ -172,7 +172,7 @@ NOT FOUND
 <div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
 </div>
 
-<div id="SL_alert_bbl" style="display: none;">
+<div id="SL_alert_bbl" class="hidden">
 <div id="SLHKclose" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
 
 <div id="SL_alert_cont"> </div>
diff --git a/files/pt-pt/learn/common_questions/what_is_a_url/index.html b/files/pt-pt/learn/common_questions/what_is_a_url/index.html
index c197a3df0a..498be31fc4 100644
--- a/files/pt-pt/learn/common_questions/what_is_a_url/index.html
+++ b/files/pt-pt/learn/common_questions/what_is_a_url/index.html
@@ -155,9 +155,9 @@ https://developer.mozilla.org/en-US/search?q=URL</pre>
 <div id="SL_balloon_obj" style="display: block;">
 <div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%; opacity: 1; display: none; left: -8px; top: -25px;"> </div>
 
-<div id="SL_shadow_translation_result2" style="display: none;"> </div>
+<div id="SL_shadow_translation_result2" class="hidden"> </div>
 
-<div id="SL_shadow_translator" style="display: none;">
+<div id="SL_shadow_translator" class="hidden">
 <div id="SL_planshet">
 <div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
 
@@ -169,7 +169,7 @@ https://developer.mozilla.org/en-US/search?q=URL</pre>
 <div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
 </div>
 
-<div id="SL_alert_bbl" style="display: none;">
+<div id="SL_alert_bbl" class="hidden">
 <div id="SLHKclose" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
 
 <div id="SL_alert_cont"> </div>
diff --git a/files/pt-pt/learn/common_questions/what_is_a_web_server/index.html b/files/pt-pt/learn/common_questions/what_is_a_web_server/index.html
index 471ef60b06..4be6ff278b 100644
--- a/files/pt-pt/learn/common_questions/what_is_a_web_server/index.html
+++ b/files/pt-pt/learn/common_questions/what_is_a_web_server/index.html
@@ -122,9 +122,9 @@ original_slug: Learn/Questoes_comuns/O_que_e_um_servidor_da_Web
 <div id="SL_balloon_obj" style="display: block;">
 <div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%; opacity: 1; display: none; left: -8px; top: -25px;"> </div>
 
-<div id="SL_shadow_translation_result2" style="display: none;"> </div>
+<div id="SL_shadow_translation_result2" class="hidden"> </div>
 
-<div id="SL_shadow_translator" style="display: none;">
+<div id="SL_shadow_translator" class="hidden">
 <div id="SL_planshet">
 <div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
 
@@ -136,7 +136,7 @@ original_slug: Learn/Questoes_comuns/O_que_e_um_servidor_da_Web
 <div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
 </div>
 
-<div id="SL_alert_bbl" style="display: none;">
+<div id="SL_alert_bbl" class="hidden">
 <div id="SLHKclose" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
 
 <div id="SL_alert_cont"> </div>
diff --git a/files/pt-pt/learn/css/styling_text/index.html b/files/pt-pt/learn/css/styling_text/index.html
index 4707ead18c..6cd91239b8 100644
--- a/files/pt-pt/learn/css/styling_text/index.html
+++ b/files/pt-pt/learn/css/styling_text/index.html
@@ -56,9 +56,9 @@ original_slug: Learn/CSS/Estilo_de_texto
 <div id="SL_balloon_obj" style="display: block;">
 <div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
 
-<div id="SL_shadow_translation_result2" style="display: none;"> </div>
+<div id="SL_shadow_translation_result2" class="hidden"> </div>
 
-<div id="SL_shadow_translator" style="display: none;">
+<div id="SL_shadow_translator" class="hidden">
 <div id="SL_planshet">
 <div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
 
@@ -70,7 +70,7 @@ original_slug: Learn/CSS/Estilo_de_texto
 <div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
 </div>
 
-<div id="SL_alert_bbl" style="display: none;">
+<div id="SL_alert_bbl" class="hidden">
 <div id="SLHKclose" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
 
 <div id="SL_alert_cont"> </div>
diff --git a/files/pt-pt/learn/getting_started_with_the_web/installing_basic_software/index.html b/files/pt-pt/learn/getting_started_with_the_web/installing_basic_software/index.html
index b8ef979dd0..c3cff40e7f 100644
--- a/files/pt-pt/learn/getting_started_with_the_web/installing_basic_software/index.html
+++ b/files/pt-pt/learn/getting_started_with_the_web/installing_basic_software/index.html
@@ -85,9 +85,9 @@ original_slug: Learn/Comecar_com_a_Web/Installing_basic_software
 <div id="SL_balloon_obj" style="display: block;">
 <div class="SL_ImTranslatorLogo" id="SL_button"></div>
 
-<div id="SL_shadow_translation_result2" style="display: none;"></div>
+<div id="SL_shadow_translation_result2" class="hidden"></div>
 
-<div id="SL_shadow_translator" style="display: none;">
+<div id="SL_shadow_translator" class="hidden">
 <div id="SL_planshet">
 <div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"></div>
 
@@ -99,7 +99,7 @@ original_slug: Learn/Comecar_com_a_Web/Installing_basic_software
 <div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
 </div>
 
-<div id="SL_alert_bbl" style="display: none;">
+<div id="SL_alert_bbl" class="hidden">
 <div id="SLHKclose" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"></div>
 
 <div id="SL_alert_cont"></div>
diff --git a/files/pt-pt/learn/html/howto/add_a_hit_map_on_top_of_an_image/index.html b/files/pt-pt/learn/html/howto/add_a_hit_map_on_top_of_an_image/index.html
index e4bab3053b..fa960426d1 100644
--- a/files/pt-pt/learn/html/howto/add_a_hit_map_on_top_of_an_image/index.html
+++ b/files/pt-pt/learn/html/howto/add_a_hit_map_on_top_of_an_image/index.html
@@ -123,9 +123,9 @@ original_slug: Learn/HTML/Como/Adicionar_um_mapa_de_zona_clicavel_numa_imagem
 <div id="SL_balloon_obj" style="display: block;">
 <div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
 
-<div id="SL_shadow_translation_result2" style="display: none;"> </div>
+<div id="SL_shadow_translation_result2" class="hidden"> </div>
 
-<div id="SL_shadow_translator" style="display: none;">
+<div id="SL_shadow_translator" class="hidden">
 <div id="SL_planshet">
 <div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
 
@@ -137,7 +137,7 @@ original_slug: Learn/HTML/Como/Adicionar_um_mapa_de_zona_clicavel_numa_imagem
 <div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
 </div>
 
-<div id="SL_alert_bbl" style="display: none;">
+<div id="SL_alert_bbl" class="hidden">
 <div id="SLHKclose" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
 
 <div id="SL_alert_cont"> </div>
diff --git a/files/pt-pt/learn/html/howto/index.html b/files/pt-pt/learn/html/howto/index.html
index 45284b8764..44c2f1535b 100644
--- a/files/pt-pt/learn/html/howto/index.html
+++ b/files/pt-pt/learn/html/howto/index.html
@@ -151,4 +151,4 @@ original_slug: Learn/HTML/Como
 </div>
 </div>
 
-<p><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span> </p>
+<p><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span> </p>
diff --git a/files/pt-pt/learn/html/introduction_to_html/getting_started/index.html b/files/pt-pt/learn/html/introduction_to_html/getting_started/index.html
index d1aab102ec..d6b77c0bcb 100644
--- a/files/pt-pt/learn/html/introduction_to_html/getting_started/index.html
+++ b/files/pt-pt/learn/html/introduction_to_html/getting_started/index.html
@@ -532,9 +532,9 @@ window.addEventListener("load", drawOutput);
 <div id="SL_balloon_obj" style="display: block;">
 <div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
 
-<div id="SL_shadow_translation_result2" style="display: none;"> </div>
+<div id="SL_shadow_translation_result2" class="hidden"> </div>
 
-<div id="SL_shadow_translator" style="display: none;">
+<div id="SL_shadow_translator" class="hidden">
 <div id="SL_planshet">
 <div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
 
@@ -546,7 +546,7 @@ window.addEventListener("load", drawOutput);
 <div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
 </div>
 
-<div id="SL_alert_bbl" style="display: none;">
+<div id="SL_alert_bbl" class="hidden">
 <div id="SLHKclose" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
 
 <div id="SL_alert_cont"> </div>
diff --git a/files/pt-pt/learn/html/introduction_to_html/the_head_metadata_in_html/index.html b/files/pt-pt/learn/html/introduction_to_html/the_head_metadata_in_html/index.html
index 8693cf24a5..5f7c0c37b9 100644
--- a/files/pt-pt/learn/html/introduction_to_html/the_head_metadata_in_html/index.html
+++ b/files/pt-pt/learn/html/introduction_to_html/the_head_metadata_in_html/index.html
@@ -270,9 +270,9 @@ and HTML5 Apps. It also documents Mozilla products, like Firefox OS."&gt;
 <div id="SL_balloon_obj" style="display: block;">
 <div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%; opacity: 1; display: none; left: -8px; top: -25px;"> </div>
 
-<div id="SL_shadow_translation_result2" style="display: none;"> </div>
+<div id="SL_shadow_translation_result2" class="hidden"> </div>
 
-<div id="SL_shadow_translator" style="display: none;">
+<div id="SL_shadow_translator" class="hidden">
 <div id="SL_planshet">
 <div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
 
@@ -284,7 +284,7 @@ and HTML5 Apps. It also documents Mozilla products, like Firefox OS."&gt;
 <div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
 </div>
 
-<div id="SL_alert_bbl" style="display: none;">
+<div id="SL_alert_bbl" class="hidden">
 <div id="SLHKclose" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
 
 <div id="SL_alert_cont"> </div>
diff --git a/files/pt-pt/learn/html/multimedia_and_embedding/mozilla_splash_page/index.html b/files/pt-pt/learn/html/multimedia_and_embedding/mozilla_splash_page/index.html
index 23c82ac5c2..f27e24d8c8 100644
--- a/files/pt-pt/learn/html/multimedia_and_embedding/mozilla_splash_page/index.html
+++ b/files/pt-pt/learn/html/multimedia_and_embedding/mozilla_splash_page/index.html
@@ -114,9 +114,9 @@ original_slug: Learn/HTML/Multimedia_and_embedding/Pagina_de_boas_vindas_da_Mozi
 <div id="SL_balloon_obj" style="display: block;">
 <div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
 
-<div id="SL_shadow_translation_result2" style="display: none;"> </div>
+<div id="SL_shadow_translation_result2" class="hidden"> </div>
 
-<div id="SL_shadow_translator" style="display: none;">
+<div id="SL_shadow_translator" class="hidden">
 <div id="SL_planshet">
 <div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
 
@@ -128,7 +128,7 @@ original_slug: Learn/HTML/Multimedia_and_embedding/Pagina_de_boas_vindas_da_Mozi
 <div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
 </div>
 
-<div id="SL_alert_bbl" style="display: none;">
+<div id="SL_alert_bbl" class="hidden">
 <div id="SLHKclose" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
 
 <div id="SL_alert_cont"> </div>
diff --git a/files/pt-pt/learn/html/multimedia_and_embedding/video_and_audio_content/index.html b/files/pt-pt/learn/html/multimedia_and_embedding/video_and_audio_content/index.html
index e9ef0a8bb2..712a83118c 100644
--- a/files/pt-pt/learn/html/multimedia_and_embedding/video_and_audio_content/index.html
+++ b/files/pt-pt/learn/html/multimedia_and_embedding/video_and_audio_content/index.html
@@ -293,9 +293,9 @@ This is the second.
 <div id="SL_balloon_obj" style="display: block;">
 <div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
 
-<div id="SL_shadow_translation_result2" style="display: none;"> </div>
+<div id="SL_shadow_translation_result2" class="hidden"> </div>
 
-<div id="SL_shadow_translator" style="display: none;">
+<div id="SL_shadow_translator" class="hidden">
 <div id="SL_planshet">
 <div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
 
@@ -307,7 +307,7 @@ This is the second.
 <div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
 </div>
 
-<div id="SL_alert_bbl" style="display: none;">
+<div id="SL_alert_bbl" class="hidden">
 <div id="SLHKclose" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
 
 <div id="SL_alert_cont"> </div>
diff --git a/files/pt-pt/learn/html/tables/advanced/index.html b/files/pt-pt/learn/html/tables/advanced/index.html
index 9aafceacb6..5b45800fa0 100644
--- a/files/pt-pt/learn/html/tables/advanced/index.html
+++ b/files/pt-pt/learn/html/tables/advanced/index.html
@@ -462,9 +462,9 @@ tfoot {
 <div id="SL_balloon_obj" style="display: block;">
 <div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%; opacity: 1; display: none; left: -8px; top: -25px;"> </div>
 
-<div id="SL_shadow_translation_result2" style="display: none;"> </div>
+<div id="SL_shadow_translation_result2" class="hidden"> </div>
 
-<div id="SL_shadow_translator" style="display: none;">
+<div id="SL_shadow_translator" class="hidden">
 <div id="SL_planshet">
 <div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
 
@@ -476,7 +476,7 @@ tfoot {
 <div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
 </div>
 
-<div id="SL_alert_bbl" style="display: none;">
+<div id="SL_alert_bbl" class="hidden">
 <div id="SLHKclose" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
 
 <div id="SL_alert_cont"> </div>
diff --git a/files/pt-pt/learn/html/tables/basics/index.html b/files/pt-pt/learn/html/tables/basics/index.html
index 7dac1c7d99..fa6242c871 100644
--- a/files/pt-pt/learn/html/tables/basics/index.html
+++ b/files/pt-pt/learn/html/tables/basics/index.html
@@ -570,9 +570,9 @@ original_slug: Learn/HTML/Tables/Basicos
 <div id="SL_balloon_obj" style="display: block;">
 <div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%; opacity: 1; display: none; left: -8px; top: -25px;"> </div>
 
-<div id="SL_shadow_translation_result2" style="display: none;"> </div>
+<div id="SL_shadow_translation_result2" class="hidden"> </div>
 
-<div id="SL_shadow_translator" style="display: none;">
+<div id="SL_shadow_translator" class="hidden">
 <div id="SL_planshet">
 <div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
 
@@ -584,7 +584,7 @@ original_slug: Learn/HTML/Tables/Basicos
 <div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
 </div>
 
-<div id="SL_alert_bbl" style="display: none;">
+<div id="SL_alert_bbl" class="hidden">
 <div id="SLHKclose" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
 
 <div id="SL_alert_cont"> </div>
diff --git a/files/pt-pt/learn/html/tables/index.html b/files/pt-pt/learn/html/tables/index.html
index 3b255bedb8..8078285603 100644
--- a/files/pt-pt/learn/html/tables/index.html
+++ b/files/pt-pt/learn/html/tables/index.html
@@ -44,9 +44,9 @@ translation_of: Learn/HTML/Tables
 <div id="SL_balloon_obj" style="display: block;">
 <div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%; opacity: 1; display: none; left: -8px; top: -25px;"> </div>
 
-<div id="SL_shadow_translation_result2" style="display: none;"> </div>
+<div id="SL_shadow_translation_result2" class="hidden"> </div>
 
-<div id="SL_shadow_translator" style="display: none;">
+<div id="SL_shadow_translator" class="hidden">
 <div id="SL_planshet">
 <div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
 
@@ -58,7 +58,7 @@ translation_of: Learn/HTML/Tables
 <div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
 </div>
 
-<div id="SL_alert_bbl" style="display: none;">
+<div id="SL_alert_bbl" class="hidden">
 <div id="SLHKclose" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
 
 <div id="SL_alert_cont"> </div>
diff --git a/files/pt-pt/learn/html/tables/structuring_planet_data/index.html b/files/pt-pt/learn/html/tables/structuring_planet_data/index.html
index b64ba2d888..d37cbc7591 100644
--- a/files/pt-pt/learn/html/tables/structuring_planet_data/index.html
+++ b/files/pt-pt/learn/html/tables/structuring_planet_data/index.html
@@ -75,9 +75,9 @@ original_slug: Learn/HTML/Tables/Avaliacao_Estruturar_os_dados_dos_planetas
 <div id="SL_balloon_obj" style="display: block;">
 <div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
 
-<div id="SL_shadow_translation_result2" style="display: none;"> </div>
+<div id="SL_shadow_translation_result2" class="hidden"> </div>
 
-<div id="SL_shadow_translator" style="display: none;">
+<div id="SL_shadow_translator" class="hidden">
 <div id="SL_planshet">
 <div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
 
@@ -89,7 +89,7 @@ original_slug: Learn/HTML/Tables/Avaliacao_Estruturar_os_dados_dos_planetas
 <div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
 </div>
 
-<div id="SL_alert_bbl" style="display: none;">
+<div id="SL_alert_bbl" class="hidden">
 <div id="SLHKclose" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
 
 <div id="SL_alert_cont"> </div>
diff --git a/files/pt-pt/learn/index/index.html b/files/pt-pt/learn/index/index.html
index 9a66487482..cc9d1be7a8 100644
--- a/files/pt-pt/learn/index/index.html
+++ b/files/pt-pt/learn/index/index.html
@@ -12,9 +12,9 @@ translation_of: Learn/Index
 <div id="SL_balloon_obj" style="display: block;">
 <div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%; display: block; opacity: 0; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
 
-<div id="SL_shadow_translation_result2" style="display: none;"> </div>
+<div id="SL_shadow_translation_result2" class="hidden"> </div>
 
-<div id="SL_shadow_translator" style="display: none;">
+<div id="SL_shadow_translator" class="hidden">
 <div id="SL_planshet">
 <div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
 
@@ -26,7 +26,7 @@ translation_of: Learn/Index
 <div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
 </div>
 
-<div id="SL_alert_bbl" style="display: none;">
+<div id="SL_alert_bbl" class="hidden">
 <div id="SLHKclose" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
 
 <div id="SL_alert_cont"> </div>
diff --git a/files/pt-pt/learn/javascript/first_steps/index.html b/files/pt-pt/learn/javascript/first_steps/index.html
index c032772810..686bc9d07d 100644
--- a/files/pt-pt/learn/javascript/first_steps/index.html
+++ b/files/pt-pt/learn/javascript/first_steps/index.html
@@ -67,9 +67,9 @@ original_slug: Learn/JavaScript/Primeiros_passos
 <div id="SL_balloon_obj" style="display: block;">
 <div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%; opacity: 0; display: none; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
 
-<div id="SL_shadow_translation_result2" style="display: none;"> </div>
+<div id="SL_shadow_translation_result2" class="hidden"> </div>
 
-<div id="SL_shadow_translator" style="display: none;">
+<div id="SL_shadow_translator" class="hidden">
 <div id="SL_planshet">
 <div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
 
@@ -81,7 +81,7 @@ original_slug: Learn/JavaScript/Primeiros_passos
 <div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
 </div>
 
-<div id="SL_alert_bbl" style="display: none;">
+<div id="SL_alert_bbl" class="hidden">
 <div id="SLHKclose" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
 
 <div id="SL_alert_cont"> </div>