aboutsummaryrefslogtreecommitdiff
path: root/files
diff options
context:
space:
mode:
authorPeter Bengtsson <mail@peterbe.com>2021-02-25 08:31:36 -0500
committerPeter Bengtsson <mail@peterbe.com>2021-02-25 08:31:36 -0500
commit97065b2e68dd8768dc1ea092c893c57ebe205026 (patch)
tree11bf4a1114c543989c24c7a801ba379b2c20a30c /files
parentd1794f6b276285489b417053507f432a14be31df (diff)
downloadtranslated-content-97065b2e68dd8768dc1ea092c893c57ebe205026.tar.gz
translated-content-97065b2e68dd8768dc1ea092c893c57ebe205026.tar.bz2
translated-content-97065b2e68dd8768dc1ea092c893c57ebe205026.zip
use class="hidden" not style="display:none"
Diffstat (limited to 'files')
-rw-r--r--files/ar/learn/javascript/objects/basics/index.html2
-rw-r--r--files/ar/learn/server-side/index.html4
-rw-r--r--files/ar/web/css/attribute_selectors/index.html2
-rw-r--r--files/ar/web/javascript/guide/grammar_and_types/index.html4
-rw-r--r--files/bg/web/css/css_transitions/using_css_transitions/index.html24
-rw-r--r--files/bg/web/css/transition-delay/index.html8
-rw-r--r--files/bn/learn/css/building_blocks/selectors/index.html2
-rw-r--r--files/bn/mozilla/add-ons/index.html4
-rw-r--r--files/bn/orphaned/mdn/community/whats_happening/index.html2
-rw-r--r--files/ca/conflicting/learn/css/building_blocks/selectors/index.html2
-rw-r--r--files/ca/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html2
-rw-r--r--files/de/learn/css/building_blocks/selectors/index.html2
-rw-r--r--files/de/mdn/contribute/howto/convert_code_samples_to_be_live/index.html6
-rw-r--r--files/de/mozilla/add-ons/webextensions/extending_the_developer_tools/index.html2
-rw-r--r--files/de/web/api/canvasrenderingcontext2d/fillrect/index.html2
-rw-r--r--files/de/web/api/canvasrenderingcontext2d/ispointinpath/index.html2
-rw-r--r--files/de/web/api/canvasrenderingcontext2d/scale/index.html4
-rw-r--r--files/de/web/api/canvasrenderingcontext2d/setlinedash/index.html2
-rw-r--r--files/de/web/api/document/adoptnode/index.html4
-rw-r--r--files/de/web/api/event/event/index.html2
-rw-r--r--files/de/web/api/keyboardevent/keycode/index.html2
-rw-r--r--files/de/web/css/all/index.html12
-rw-r--r--files/de/web/css/animation-fill-mode/index.html2
-rw-r--r--files/de/web/css/appearance/index.html216
-rw-r--r--files/de/web/css/css_background_and_borders/border-image_generator/index.html2
-rw-r--r--files/de/web/css/css_background_and_borders/border-radius_generator/index.html2
-rw-r--r--files/de/web/css/css_background_and_borders/box-shadow_generator/index.html6
-rw-r--r--files/de/web/css/css_colors/color_picker_tool/index.html2
-rw-r--r--files/de/web/css/filter/index.html22
-rw-r--r--files/de/web/css/gradient/index.html6
-rw-r--r--files/de/web/css/resize/index.html3
-rw-r--r--files/de/web/css/tools/cubic_bezier_generator/index.html2
-rw-r--r--files/de/web/css/tools/linear-gradient_generator/index.html2
-rw-r--r--files/de/web/javascript/reference/global_objects/math/cos/index.html2
-rw-r--r--files/de/web/javascript/reference/global_objects/promise/index.html3
-rw-r--r--files/es/conflicting/learn/css/building_blocks/selectors/index.html2
-rw-r--r--files/es/conflicting/mdn/yari_13d770b50d5ab9ce747962b2552e0eef/index.html2
-rw-r--r--files/es/conflicting/web/api/push_api/index.html2
-rw-r--r--files/es/glossary/google_chrome/index.html6
-rw-r--r--files/es/learn/common_questions/what_is_a_domain_name/index.html2
-rw-r--r--files/es/learn/css/styling_text/styling_lists/index.html2
-rw-r--r--files/es/learn/html/howto/index.html2
-rw-r--r--files/es/learn/html/multimedia_and_embedding/responsive_images/index.html2
-rw-r--r--files/es/orphaned/storage/index.html2
-rw-r--r--files/es/tools/page_inspector/how_to/work_with_animations/index.html2
-rw-r--r--files/es/web/api/canvasrenderingcontext2d/arc/index.html4
-rw-r--r--files/es/web/api/canvasrenderingcontext2d/beginpath/index.html2
-rw-r--r--files/es/web/api/canvasrenderingcontext2d/clearrect/index.html6
-rw-r--r--files/es/web/api/canvasrenderingcontext2d/drawimage/index.html4
-rw-r--r--files/es/web/api/canvasrenderingcontext2d/fillrect/index.html2
-rw-r--r--files/es/web/api/canvasrenderingcontext2d/index.html4
-rw-r--r--files/es/web/api/event/event/index.html2
-rw-r--r--files/es/web/api/media_streams_api/index.html4
-rw-r--r--files/es/web/css/appearance/index.html220
-rw-r--r--files/es/web/css/background-blend-mode/index.html5
-rw-r--r--files/es/web/css/blend-mode/index.html48
-rw-r--r--files/es/web/css/border-bottom-left-radius/index.html10
-rw-r--r--files/es/web/css/border-bottom-right-radius/index.html10
-rw-r--r--files/es/web/css/border-top-right-radius/index.html2
-rw-r--r--files/es/web/css/css_background_and_borders/border-image_generator/index.html2
-rw-r--r--files/es/web/css/css_background_and_borders/border-radius_generator/index.html2
-rw-r--r--files/es/web/css/css_colors/color_picker_tool/index.html2
-rw-r--r--files/es/web/css/css_positioning/understanding_z_index/stacking_context_example_1/index.html2
-rw-r--r--files/es/web/css/filter/index.html22
-rw-r--r--files/es/web/css/gradient/index.html6
-rw-r--r--files/es/web/css/text-decoration-style/index.html2
-rw-r--r--files/es/web/css/tools/cubic_bezier_generator/index.html2
-rw-r--r--files/es/web/css/transition-delay/index.html8
-rw-r--r--files/es/web/css/transition-duration/index.html8
-rw-r--r--files/es/web/html/element/input/number/index.html3
-rw-r--r--files/es/web/http/cors/errors/corsdidnotsucceed/index.html4
-rw-r--r--files/es/web/http/headers/accept/index.html2
-rw-r--r--files/es/web/http/status/index.html4
-rw-r--r--files/es/web/javascript/guide/regular_expressions/unicode_property_escapes/index.html2
-rw-r--r--files/es/web/javascript/reference/global_objects/math/cos/index.html2
-rw-r--r--files/es/web/media/formats/index.html2
-rw-r--r--files/es/web/tutorials/index.html2
-rw-r--r--files/es/web/xpath/introduction_to_using_xpath_in_javascript/index.html2
-rw-r--r--files/fa/games/index.html2
-rw-r--r--files/fa/web/tutorials/index.html2
-rw-r--r--files/fr/learn/common_questions/checking_that_your_web_site_is_working_properly/index.html2
-rw-r--r--files/fr/learn/forms/form_validation/index.html2
-rw-r--r--files/fr/mozilla/add-ons/webextensions/api/contextualidentities/create/index.html2
-rw-r--r--files/fr/mozilla/add-ons/webextensions/api/contextualidentities/update/index.html2
-rw-r--r--files/fr/mozilla/add-ons/webextensions/api/tabs/create/index.html2
-rw-r--r--files/fr/mozilla/add-ons/webextensions/api/tabs/update/index.html2
-rw-r--r--files/fr/mozilla/add-ons/webextensions/api/webrequest/resourcetype/index.html2
-rw-r--r--files/fr/mozilla/add-ons/webextensions/user_interface/popups/index.html2
-rw-r--r--files/fr/tools/performance/waterfall/index.html6
-rw-r--r--files/fr/web/api/cachestorage/match/index.html2
-rw-r--r--files/fr/web/api/canvasgradient/addcolorstop/index.html2
-rw-r--r--files/fr/web/api/canvasrenderingcontext2d/arc/index.html4
-rw-r--r--files/fr/web/api/canvasrenderingcontext2d/beginpath/index.html2
-rw-r--r--files/fr/web/api/canvasrenderingcontext2d/closepath/index.html2
-rw-r--r--files/fr/web/api/canvasrenderingcontext2d/createlineargradient/index.html2
-rw-r--r--files/fr/web/api/canvasrenderingcontext2d/drawimage/index.html4
-rw-r--r--files/fr/web/api/canvasrenderingcontext2d/ellipse/index.html2
-rw-r--r--files/fr/web/api/canvasrenderingcontext2d/fillrect/index.html2
-rw-r--r--files/fr/web/api/canvasrenderingcontext2d/filltext/index.html2
-rw-r--r--files/fr/web/api/canvasrenderingcontext2d/lineto/index.html2
-rw-r--r--files/fr/web/api/canvasrenderingcontext2d/moveto/index.html2
-rw-r--r--files/fr/web/api/canvasrenderingcontext2d/rect/index.html2
-rw-r--r--files/fr/web/api/canvasrenderingcontext2d/rotate/index.html2
-rw-r--r--files/fr/web/api/canvasrenderingcontext2d/scale/index.html4
-rw-r--r--files/fr/web/api/canvasrenderingcontext2d/setlinedash/index.html2
-rw-r--r--files/fr/web/api/canvasrenderingcontext2d/settransform/index.html2
-rw-r--r--files/fr/web/api/canvasrenderingcontext2d/stroke/index.html2
-rw-r--r--files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html2
-rw-r--r--files/fr/web/api/canvasrenderingcontext2d/stroketext/index.html2
-rw-r--r--files/fr/web/api/canvasrenderingcontext2d/transform/index.html2
-rw-r--r--files/fr/web/api/canvasrenderingcontext2d/translate/index.html2
-rw-r--r--files/fr/web/api/credential/index.html2
-rw-r--r--files/fr/web/api/document/adoptnode/index.html4
-rw-r--r--files/fr/web/api/document/compatmode/index.html4
-rw-r--r--files/fr/web/api/document/execcommand/index.html2
-rw-r--r--files/fr/web/api/elementcssinlinestyle/style/index.html2
-rw-r--r--files/fr/web/api/event/event/index.html2
-rw-r--r--files/fr/web/api/mouseevent/index.html2
-rw-r--r--files/fr/web/api/worker/worker/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/transition-delay/index.html8
-rw-r--r--files/fr/web/css/transition-duration/index.html8
-rw-r--r--files/fr/web/html/element/input/number/index.html3
-rw-r--r--files/fr/web/http/status/index.html2
-rw-r--r--files/fr/web/javascript/reference/global_objects/object/create/index.html4
-rw-r--r--files/fr/web/manifest/index.html2
-rw-r--r--files/fr/web/mathml/element/math/index.html2
-rw-r--r--files/fr/web/svg/applying_svg_effects_to_html_content/index.html2
-rw-r--r--files/fr/webassembly/understanding_the_text_format/index.html2
-rw-r--r--files/he/learn/html/howto/index.html2
-rw-r--r--files/he/web/javascript/reference/global_objects/array/includes/index.html2
-rw-r--r--files/hi-in/mdn/contribute/getting_started/index.html4
-rw-r--r--files/hu/web/css/css_background_and_borders/border-radius_generator/index.html2
-rw-r--r--files/id/learn/html/howto/index.html2
-rw-r--r--files/id/web/javascript/data_structures/index.html2
-rw-r--r--files/it/conflicting/learn/server-side/django/index.html4
-rw-r--r--files/it/learn/html/howto/index.html2
-rw-r--r--files/it/web/api/canvasrenderingcontext2d/ispointinpath/index.html2
-rw-r--r--files/it/web/css/transition-timing-function/index.html16
-rw-r--r--files/it/web/html/global_attributes/index.html4
-rw-r--r--files/ja/learn/common_questions/checking_that_your_web_site_is_working_properly/index.html2
-rw-r--r--files/ja/learn/css/styling_text/styling_lists/index.html2
-rw-r--r--files/ja/learn/html/howto/index.html2
-rw-r--r--files/ja/learn/server-side/first_steps/client-server_overview/index.html2
-rw-r--r--files/ja/learn/tools_and_testing/cross_browser_testing/your_own_automation_environment/index.html4
-rw-r--r--files/ja/mozilla/add-ons/webextensions/api/tabs/create/index.html2
-rw-r--r--files/ja/mozilla/add-ons/webextensions/content_scripts/index.html2
-rw-r--r--files/ja/mozilla/add-ons/webextensions/interact_with_the_clipboard/index.html4
-rw-r--r--files/ja/mozilla/add-ons/webextensions/user_interface/popups/index.html2
-rw-r--r--files/ja/mozilla/developer_guide/svg_guidelines/index.html3
-rw-r--r--files/ja/web/api/canvasrenderingcontext2d/arc/index.html4
-rw-r--r--files/ja/web/api/canvasrenderingcontext2d/clearrect/index.html2
-rw-r--r--files/ja/web/api/canvasrenderingcontext2d/drawfocusifneeded/index.html2
-rw-r--r--files/ja/web/api/canvasrenderingcontext2d/fillrect/index.html2
-rw-r--r--files/ja/web/api/canvasrenderingcontext2d/filltext/index.html2
-rw-r--r--files/ja/web/api/canvasrenderingcontext2d/lineto/index.html2
-rw-r--r--files/ja/web/api/canvasrenderingcontext2d/rect/index.html2
-rw-r--r--files/ja/web/api/canvasrenderingcontext2d/stroke/index.html2
-rw-r--r--files/ja/web/api/canvasrenderingcontext2d/stroketext/index.html2
-rw-r--r--files/ja/web/api/htmltableelement/index.html2
-rw-r--r--files/ja/web/api/keyboardevent/keycode/index.html2
-rw-r--r--files/ja/web/api/trackevent/index.html2
-rw-r--r--files/ja/web/api/xrreferencespace/index.html2
-rw-r--r--files/ja/web/css/border-bottom-left-radius/index.html10
-rw-r--r--files/ja/web/css/border-bottom-right-radius/index.html10
-rw-r--r--files/ja/web/css/border-top-right-radius/index.html2
-rw-r--r--files/ja/web/css/css_background_and_borders/border-image_generator/index.html2
-rw-r--r--files/ja/web/css/css_background_and_borders/border-radius_generator/index.html2
-rw-r--r--files/ja/web/css/css_colors/color_picker_tool/index.html2
-rw-r--r--files/ja/web/css/css_transitions/using_css_transitions/index.html24
-rw-r--r--files/ja/web/css/filter/index.html22
-rw-r--r--files/ja/web/css/text-decoration-style/index.html2
-rw-r--r--files/ja/web/css/transition-delay/index.html8
-rw-r--r--files/ja/web/css/transition-duration/index.html8
-rw-r--r--files/ja/web/css/using_css_custom_properties/index.html2
-rw-r--r--files/ja/web/html/element/input/number/index.html3
-rw-r--r--files/ja/webassembly/understanding_the_text_format/index.html2
-rw-r--r--files/ko/learn/common_questions/checking_that_your_web_site_is_working_properly/index.html2
-rw-r--r--files/ko/learn/css/styling_text/styling_lists/index.html2
-rw-r--r--files/ko/learn/html/howto/index.html2
-rw-r--r--files/ko/learn/javascript/first_steps/silly_story_generator/index.html5
-rw-r--r--files/ko/mozilla/add-ons/webextensions/api/tabs/create/index.html2
-rw-r--r--files/ko/web/api/analysernode/index.html2
-rw-r--r--files/ko/web/api/document/adoptnode/index.html4
-rw-r--r--files/ko/web/api/rtcpeerconnection/addicecandidate/index.html2
-rw-r--r--files/ko/web/api/rtcsessiondescription/index.html2
-rw-r--r--files/ko/web/css/css_background_and_borders/border-image_generator/index.html2
-rw-r--r--files/ko/web/css/css_background_and_borders/border-radius_generator/index.html2
-rw-r--r--files/ko/web/css/css_background_and_borders/box-shadow_generator/index.html2
-rw-r--r--files/ko/web/css/css_colors/color_picker_tool/index.html2
-rw-r--r--files/ko/web/css/css_positioning/understanding_z_index/stacking_context_example_1/index.html2
-rw-r--r--files/ko/web/css/css_positioning/understanding_z_index/stacking_without_z-index/index.html2
-rw-r--r--files/ko/web/css/css_transitions/using_css_transitions/index.html24
-rw-r--r--files/ko/web/css/filter/index.html22
-rw-r--r--files/ko/web/css/font/index.html11
-rw-r--r--files/ko/web/css/image-rendering/index.html2
-rw-r--r--files/ko/web/css/transition-delay/index.html8
-rw-r--r--files/ko/web/javascript/guide/functions/index.html2
-rw-r--r--files/ko/web/javascript/reference/global_objects/string/startswith/index.html2
-rw-r--r--files/ko/web/media/formats/index.html2
-rw-r--r--files/ko/web/svg/applying_svg_effects_to_html_content/index.html2
-rw-r--r--files/ms/learn/html/howto/index.html2
-rw-r--r--files/nl/web/css/css_colors/color_picker_tool/index.html2
-rw-r--r--files/pl/conflicting/web/javascript/reference/global_objects/date_73c046d653c590f4914731d078f3b2c5/index.html2
-rw-r--r--files/pl/learn/html/howto/index.html2
-rw-r--r--files/pl/web/css/css_colors/color_picker_tool/index.html2
-rw-r--r--files/pl/web/css/using_css_custom_properties/index.html2
-rw-r--r--files/pl/web/progressive_web_apps/index.html2
-rw-r--r--files/pt-br/conflicting/learn/css/building_blocks/selectors/index.html2
-rw-r--r--files/pt-br/learn/html/howto/index.html2
-rw-r--r--files/pt-br/orphaned/instalando_rust/index.html2
-rw-r--r--files/pt-br/orphaned/mdn/community/whats_happening/index.html2
-rw-r--r--files/pt-br/tools/page_inspector/how_to/work_with_animations/index.html4
-rw-r--r--files/pt-br/web/api/canvasrenderingcontext2d/arcto/index.html2
-rw-r--r--files/pt-br/web/api/canvasrenderingcontext2d/beginpath/index.html2
-rw-r--r--files/pt-br/web/api/canvasrenderingcontext2d/clearrect/index.html2
-rw-r--r--files/pt-br/web/api/canvasrenderingcontext2d/clip/index.html2
-rw-r--r--files/pt-br/web/api/canvasrenderingcontext2d/closepath/index.html2
-rw-r--r--files/pt-br/web/api/canvasrenderingcontext2d/fill/index.html2
-rw-r--r--files/pt-br/web/api/canvasrenderingcontext2d/fillrect/index.html2
-rw-r--r--files/pt-br/web/api/canvasrenderingcontext2d/lineto/index.html2
-rw-r--r--files/pt-br/web/api/canvasrenderingcontext2d/moveto/index.html2
-rw-r--r--files/pt-br/web/api/canvasrenderingcontext2d/quadraticcurveto/index.html2
-rw-r--r--files/pt-br/web/api/canvasrenderingcontext2d/rect/index.html2
-rw-r--r--files/pt-br/web/api/canvasrenderingcontext2d/stroke/index.html2
-rw-r--r--files/pt-br/web/api/canvasrenderingcontext2d/strokerect/index.html2
-rw-r--r--files/pt-br/web/css/css_background_and_borders/border-image_generator/index.html2
-rw-r--r--files/pt-br/web/css/css_background_and_borders/border-radius_generator/index.html2
-rw-r--r--files/pt-br/web/css/css_colors/color_picker_tool/index.html2
-rw-r--r--files/pt-br/web/css/css_transitions/using_css_transitions/index.html24
-rw-r--r--files/pt-br/web/css/text-decoration-style/index.html2
-rw-r--r--files/pt-br/web/css/transition-delay/index.html8
-rw-r--r--files/pt-br/web/css/transition-timing-function/index.html16
-rw-r--r--files/pt-br/web/css/using_css_custom_properties/index.html2
-rw-r--r--files/pt-br/web/javascript/guide/regular_expressions/index.html2
-rw-r--r--files/pt-br/web/javascript/reference/global_objects/array/filter/index.html2
-rw-r--r--files/pt-br/web/javascript/reference/global_objects/array/sort/index.html2
-rw-r--r--files/pt-br/web/javascript/reference/global_objects/map/set/index.html4
-rw-r--r--files/pt-br/web/javascript/reference/global_objects/math/cos/index.html2
-rw-r--r--files/pt-br/web/javascript/reference/global_objects/number/index.html2
-rw-r--r--files/pt-br/web/javascript/reference/global_objects/promise/index.html3
-rw-r--r--files/pt-br/web/mathml/element/math/index.html2
-rw-r--r--files/pt-pt/conflicting/web/api/index.html6
-rw-r--r--files/pt-pt/conflicting/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.html6
-rw-r--r--files/pt-pt/glossary/browser/index.html6
-rw-r--r--files/pt-pt/glossary/compile/index.html6
-rw-r--r--files/pt-pt/glossary/hypertext/index.html6
-rw-r--r--files/pt-pt/glossary/mitm/index.html6
-rw-r--r--files/pt-pt/glossary/node.js/index.html6
-rw-r--r--files/pt-pt/glossary/signature/index.html6
-rw-r--r--files/pt-pt/glossary/xhtml/index.html6
-rw-r--r--files/pt-pt/learn/common_questions/set_up_a_local_testing_server/index.html2
-rw-r--r--files/pt-pt/learn/common_questions/what_is_a_domain_name/index.html6
-rw-r--r--files/pt-pt/learn/common_questions/what_is_a_url/index.html6
-rw-r--r--files/pt-pt/learn/common_questions/what_is_a_web_server/index.html6
-rw-r--r--files/pt-pt/learn/css/styling_text/index.html6
-rw-r--r--files/pt-pt/learn/getting_started_with_the_web/installing_basic_software/index.html6
-rw-r--r--files/pt-pt/learn/html/howto/add_a_hit_map_on_top_of_an_image/index.html6
-rw-r--r--files/pt-pt/learn/html/howto/index.html2
-rw-r--r--files/pt-pt/learn/html/introduction_to_html/getting_started/index.html6
-rw-r--r--files/pt-pt/learn/html/introduction_to_html/the_head_metadata_in_html/index.html6
-rw-r--r--files/pt-pt/learn/html/multimedia_and_embedding/mozilla_splash_page/index.html6
-rw-r--r--files/pt-pt/learn/html/multimedia_and_embedding/video_and_audio_content/index.html6
-rw-r--r--files/pt-pt/learn/html/tables/advanced/index.html6
-rw-r--r--files/pt-pt/learn/html/tables/basics/index.html6
-rw-r--r--files/pt-pt/learn/html/tables/index.html6
-rw-r--r--files/pt-pt/learn/html/tables/structuring_planet_data/index.html6
-rw-r--r--files/pt-pt/learn/index/index.html6
-rw-r--r--files/pt-pt/learn/javascript/first_steps/index.html6
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/api/sidebaraction/index.html8
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/user_interface/popups/index.html2
-rw-r--r--files/pt-pt/orphaned/mdn/community/whats_happening/index.html2
-rw-r--r--files/pt-pt/orphaned/mdn/editor/basics/index.html2
-rw-r--r--files/pt-pt/tools/keyboard_shortcuts/index.html6
-rw-r--r--files/pt-pt/tools/page_inspector/how_to/work_with_animations/index.html2
-rw-r--r--files/pt-pt/tools/page_inspector/keyboard_shortcuts/index.html6
-rw-r--r--files/pt-pt/tools/performance/call_tree/index.html6
-rw-r--r--files/pt-pt/tools/performance/index.html6
-rw-r--r--files/pt-pt/tools/performance/waterfall/index.html6
-rw-r--r--files/pt-pt/tools/settings/index.html6
-rw-r--r--files/pt-pt/tools/tools_toolbox/index.html6
-rw-r--r--files/pt-pt/tools/web_console/console_messages/index.html6
-rw-r--r--files/pt-pt/web/api/canvas_api/index.html6
-rw-r--r--files/pt-pt/web/api/document_object_model/index.html6
-rw-r--r--files/pt-pt/web/api/geolocation/index.html6
-rw-r--r--files/pt-pt/web/api/media_streams_api/index.html6
-rw-r--r--files/pt-pt/web/api/sharedworker/index.html6
-rw-r--r--files/pt-pt/web/api/web_workers_api/functions_and_classes_available_to_workers/index.html6
-rw-r--r--files/pt-pt/web/api/web_workers_api/using_web_workers/index.html6
-rw-r--r--files/pt-pt/web/api/webgl_api/constants/index.html6
-rw-r--r--files/pt-pt/web/api/webgl_api/data/index.html6
-rw-r--r--files/pt-pt/web/api/webgl_api/types/index.html6
-rw-r--r--files/pt-pt/web/api/webgl_api/using_extensions/index.html6
-rw-r--r--files/pt-pt/web/api/webglrenderingcontext/index.html6
-rw-r--r--files/pt-pt/web/api/webrtc_api/index.html6
-rw-r--r--files/pt-pt/web/api/window/open/index.html6
-rw-r--r--files/pt-pt/web/api/window/postmessage/index.html6
-rw-r--r--files/pt-pt/web/api/worker/index.html6
-rw-r--r--files/pt-pt/web/css/css_colors/color_picker_tool/index.html2
-rw-r--r--files/pt-pt/web/css/display/index.html6
-rw-r--r--files/pt-pt/web/events/index.html6
-rw-r--r--files/pt-pt/web/guide/events/index.html4
-rw-r--r--files/pt-pt/web/html/applying_color/index.html4
-rw-r--r--files/pt-pt/web/html/link_types/index.html6
-rw-r--r--files/pt-pt/web/javascript/reference/statements/throw/index.html6
-rw-r--r--files/pt-pt/web/security/insecure_passwords/index.html6
-rw-r--r--files/pt-pt/web/security/secure_contexts/index.html2
-rw-r--r--files/pt-pt/web/svg/applying_svg_effects_to_html_content/index.html4
-rw-r--r--files/pt-pt/web/svg/namespaces_crash_course/example/index.html6
-rw-r--r--files/pt-pt/web/svg/namespaces_crash_course/index.html6
-rw-r--r--files/pt-pt/web/svg/tutorial/svg_in_html_introduction/index.html6
-rw-r--r--files/pt-pt/web/xml/xml_introduction/index.html6
-rw-r--r--files/ru/conflicting/glossary/chrome/index.html4
-rw-r--r--files/ru/conflicting/learn/css/building_blocks/selectors_918fb6c37a4d06789bc062c48d591992/index.html2
-rw-r--r--files/ru/conflicting/web/api/push_api/index.html2
-rw-r--r--files/ru/conflicting/web/http/csp/index.html4
-rw-r--r--files/ru/learn/css/styling_text/styling_lists/index.html2
-rw-r--r--files/ru/learn/html/howto/index.html2
-rw-r--r--files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.html6
-rw-r--r--files/ru/learn/html/introduction_to_html/getting_started/index.html22
-rw-r--r--files/ru/mozilla/add-ons/webextensions/user_interface/popups/index.html2
-rw-r--r--files/ru/web/api/audiobuffer/index.html4
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/arc/index.html4
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/beginpath/index.html2
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/beziercurveto/index.html2
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/clearrect/index.html2
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/drawimage/index.html4
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/fill/index.html2
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/fillrect/index.html2
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/filltext/index.html2
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/linejoin/index.html2
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/moveto/index.html2
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/rect/index.html2
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/rotate/index.html2
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/stroke/index.html2
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/strokerect/index.html2
-rw-r--r--files/ru/web/api/canvasrenderingcontext2d/stroketext/index.html2
-rw-r--r--files/ru/web/api/event/event/index.html2
-rw-r--r--files/ru/web/api/htmltableelement/index.html2
-rw-r--r--files/ru/web/css/background-blend-mode/index.html5
-rw-r--r--files/ru/web/css/blend-mode/index.html48
-rw-r--r--files/ru/web/css/css_background_and_borders/border-image_generator/index.html2
-rw-r--r--files/ru/web/css/css_background_and_borders/border-radius_generator/index.html2
-rw-r--r--files/ru/web/css/css_background_and_borders/box-shadow_generator/index.html2
-rw-r--r--files/ru/web/css/css_colors/color_picker_tool/index.html2
-rw-r--r--files/ru/web/css/css_positioning/understanding_z_index/stacking_without_z-index/index.html2
-rw-r--r--files/ru/web/css/css_transitions/using_css_transitions/index.html24
-rw-r--r--files/ru/web/css/filter/index.html22
-rw-r--r--files/ru/web/css/transition-duration/index.html8
-rw-r--r--files/ru/web/css/using_css_custom_properties/index.html2
-rw-r--r--files/ru/web/guide/audio_and_video_delivery/adding_captions_and_subtitles_to_html5_video/index.html6
-rw-r--r--files/ru/web/html/element/a/index.html6
-rw-r--r--files/ru/web/html/element/input/number/index.html3
-rw-r--r--files/ru/web/http/index.html2
-rw-r--r--files/ru/web/javascript/reference/errors/stmt_after_return/index.html2
-rw-r--r--files/ru/web/javascript/reference/global_objects/promise/index.html6
-rw-r--r--files/ru/web/mathml/element/math/index.html2
-rw-r--r--files/ru/web/media/formats/index.html2
-rw-r--r--files/ru/web/svg/applying_svg_effects_to_html_content/index.html2
-rw-r--r--files/th/mdn/at_ten/index.html4
-rw-r--r--files/tr/learn/css/styling_text/styling_lists/index.html2
-rw-r--r--files/tr/orphaned/mdn/editor/basics/index.html2
-rw-r--r--files/tr/web/css/css_background_and_borders/box-shadow_generator/index.html2
-rw-r--r--files/tr/web/guide/html/html5/index.html4
-rw-r--r--files/uk/learn/css/styling_text/styling_lists/index.html2
-rw-r--r--files/uk/web/api/htmlformelement/index.html4
-rw-r--r--files/uk/web/css/filter/index.html22
-rw-r--r--files/uk/web/index.html4
-rw-r--r--files/uk/web/javascript/reference/global_objects/math/cos/index.html2
-rw-r--r--files/vi/web/api/htmlformelement/index.html2
-rw-r--r--files/vi/web/css/css_transitions/using_css_transitions/index.html24
-rw-r--r--files/zh-cn/conflicting/learn/css/building_blocks/selectors/index.html2
-rw-r--r--files/zh-cn/conflicting/web/api/push_api/index.html2
-rw-r--r--files/zh-cn/games/tutorials/2d_breakout_game_pure_javascript/create_the_canvas_and_draw_on_it/index.html2
-rw-r--r--files/zh-cn/glossary/call_stack/index.html2
-rw-r--r--files/zh-cn/glossary/tag/index.html10
-rw-r--r--files/zh-cn/learn/accessibility/what_is_accessibility/index.html2
-rw-r--r--files/zh-cn/learn/common_questions/checking_that_your_web_site_is_working_properly/index.html2
-rw-r--r--files/zh-cn/learn/common_questions/upload_files_to_a_web_server/index.html2
-rw-r--r--files/zh-cn/learn/css/styling_text/styling_lists/index.html2
-rw-r--r--files/zh-cn/learn/forms/advanced_form_styling/index.html2
-rw-r--r--files/zh-cn/learn/forms/form_validation/index.html2
-rw-r--r--files/zh-cn/learn/html/howto/index.html4
-rw-r--r--files/zh-cn/learn/javascript/first_steps/strings/index.html2
-rw-r--r--files/zh-cn/learn/javascript/first_steps/what_is_javascript/index.html2
-rw-r--r--files/zh-cn/learn/server-side/express_nodejs/forms/create_genre_form/index.html6
-rw-r--r--files/zh-cn/mozilla/add-ons/webextensions/api/downloads/download/index.html2
-rw-r--r--files/zh-cn/mozilla/add-ons/webextensions/api/runtime/onconnect/index.html6
-rw-r--r--files/zh-cn/mozilla/add-ons/webextensions/api/tabs/create/index.html2
-rw-r--r--files/zh-cn/mozilla/add-ons/webextensions/your_first_webextension/index.html6
-rw-r--r--files/zh-cn/orphaned/mdn/editor/basics/index.html2
-rw-r--r--files/zh-cn/tools/page_inspector/how_to/work_with_animations/index.html4
-rw-r--r--files/zh-cn/web/api/analysernode/index.html2
-rw-r--r--files/zh-cn/web/api/animationevent/animationevent/index.html2
-rw-r--r--files/zh-cn/web/api/body/arraybuffer/index.html2
-rw-r--r--files/zh-cn/web/api/canvasgradient/addcolorstop/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/addhitregion/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/arc/index.html4
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/arcto/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/beginpath/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/beziercurveto/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/clip/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/closepath/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/createlineargradient/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/createradialgradient/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/drawfocusifneeded/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/drawimage/index.html5
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/ellipse/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/fill/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/fillrect/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/filltext/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/getlinedash/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/ispointinpath/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/ispointinstroke/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/linedashoffset/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/lineto/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/moveto/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/putimagedata/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/quadraticcurveto/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/rect/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/resettransform/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/restore/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/rotate/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/save/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/scale/index.html8
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/scrollpathintoview/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/setlinedash/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/settransform/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/stroke/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/stroketext/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/transform/index.html2
-rw-r--r--files/zh-cn/web/api/canvasrenderingcontext2d/translate/index.html2
-rw-r--r--files/zh-cn/web/api/channel_messaging_api/index.html2
-rw-r--r--files/zh-cn/web/api/css/index.html2
-rw-r--r--files/zh-cn/web/api/cssstylesheet/insertrule/index.html2
-rw-r--r--files/zh-cn/web/api/document/adoptnode/index.html4
-rw-r--r--files/zh-cn/web/api/element/insertadjacenthtml/index.html4
-rw-r--r--files/zh-cn/web/api/eventtarget/addeventlistener/index.html2
-rw-r--r--files/zh-cn/web/api/globaleventhandlers/onpointerout/index.html2
-rw-r--r--files/zh-cn/web/api/globaleventhandlers/onwheel/index.html6
-rw-r--r--files/zh-cn/web/api/headers/keys/index.html2
-rw-r--r--files/zh-cn/web/api/htmlelement/input_event/index.html2
-rw-r--r--files/zh-cn/web/api/htmlselectelement/remove/index.html2
-rw-r--r--files/zh-cn/web/api/imagedata/imagedata/index.html2
-rw-r--r--files/zh-cn/web/api/keyboardevent/keycode/index.html2
-rw-r--r--files/zh-cn/web/api/mutationobserver/mutationobserver/index.html4
-rw-r--r--files/zh-cn/web/api/nodeiterator/index.html2
-rw-r--r--files/zh-cn/web/api/path2d/addpath/index.html2
-rw-r--r--files/zh-cn/web/api/path2d/path2d/index.html4
-rw-r--r--files/zh-cn/web/api/request/headers/index.html6
-rw-r--r--files/zh-cn/web/api/rtcsessiondescription/index.html2
-rw-r--r--files/zh-cn/web/api/wakelock/request/index.html2
-rw-r--r--files/zh-cn/web/api/websocket/index.html2
-rw-r--r--files/zh-cn/web/api/websocket/readystate/index.html2
-rw-r--r--files/zh-cn/web/api/windoworworkerglobalscope/createimagebitmap/index.html2
-rw-r--r--files/zh-cn/web/css/@media/device-height/index.html2
-rw-r--r--files/zh-cn/web/css/_colon_checked/index.html4
-rw-r--r--files/zh-cn/web/css/appearance/index.html220
-rw-r--r--files/zh-cn/web/css/background-blend-mode/index.html5
-rw-r--r--files/zh-cn/web/css/border-block-end/index.html2
-rw-r--r--files/zh-cn/web/css/border-bottom-left-radius/index.html10
-rw-r--r--files/zh-cn/web/css/border-bottom-right-radius/index.html10
-rw-r--r--files/zh-cn/web/css/css_background_and_borders/border-image_generator/index.html2
-rw-r--r--files/zh-cn/web/css/css_background_and_borders/border-radius_generator/index.html2
-rw-r--r--files/zh-cn/web/css/css_background_and_borders/box-shadow_generator/index.html2
-rw-r--r--files/zh-cn/web/css/css_colors/color_picker_tool/index.html2
-rw-r--r--files/zh-cn/web/css/css_flexible_box_layout/basic_concepts_of_flexbox/index.html2
-rw-r--r--files/zh-cn/web/css/css_positioning/understanding_z_index/stacking_context_example_1/index.html2
-rw-r--r--files/zh-cn/web/css/css_positioning/understanding_z_index/stacking_without_z-index/index.html2
-rw-r--r--files/zh-cn/web/css/css_transitions/using_css_transitions/index.html24
-rw-r--r--files/zh-cn/web/css/filter/index.html16
-rw-r--r--files/zh-cn/web/css/font/index.html11
-rw-r--r--files/zh-cn/web/css/overscroll-behavior/index.html2
-rw-r--r--files/zh-cn/web/css/padding-top/index.html2
-rw-r--r--files/zh-cn/web/css/repeating-linear-gradient()/index.html2
-rw-r--r--files/zh-cn/web/css/repeating-radial-gradient()/index.html6
-rw-r--r--files/zh-cn/web/css/text-decoration-style/index.html2
-rw-r--r--files/zh-cn/web/css/text-shadow/index.html4
-rw-r--r--files/zh-cn/web/css/transition-delay/index.html8
-rw-r--r--files/zh-cn/web/css/transition-duration/index.html8
-rw-r--r--files/zh-cn/web/css/transition-timing-function/index.html16
-rw-r--r--files/zh-cn/web/guide/html/html5/index.html2
-rw-r--r--files/zh-cn/web/html/element/iframe/index.html4
-rw-r--r--files/zh-cn/web/html/element/input/number/index.html3
-rw-r--r--files/zh-cn/web/html/global_attributes/index.html2
-rw-r--r--files/zh-cn/web/javascript/guide/regular_expressions/unicode_property_escapes/index.html2
-rw-r--r--files/zh-cn/web/javascript/reference/global_objects/atomics/index.html2
-rw-r--r--files/zh-cn/web/javascript/reference/global_objects/bigint64array/index.html10
-rw-r--r--files/zh-cn/web/javascript/reference/global_objects/date/getday/index.html2
-rw-r--r--files/zh-cn/web/javascript/reference/global_objects/decodeuri/index.html4
-rw-r--r--files/zh-cn/web/javascript/reference/global_objects/decodeuricomponent/index.html2
-rw-r--r--files/zh-cn/web/javascript/reference/global_objects/function/index.html2
-rw-r--r--files/zh-cn/web/javascript/reference/global_objects/math/floor/index.html2
-rw-r--r--files/zh-cn/web/javascript/reference/global_objects/set/index.html2
-rw-r--r--files/zh-cn/web/javascript/reference/global_objects/string/lastindexof/index.html2
-rw-r--r--files/zh-cn/web/javascript/reference/global_objects/typedarray/index.html6
-rw-r--r--files/zh-cn/web/javascript/reference/operators/division_assignment/index.html2
-rw-r--r--files/zh-cn/web/javascript/reference/operators/exponentiation/index.html2
-rw-r--r--files/zh-cn/web/javascript/reference/operators/exponentiation_assignment/index.html2
-rw-r--r--files/zh-cn/web/javascript/reference/operators/left_shift/index.html2
-rw-r--r--files/zh-cn/web/javascript/reference/operators/left_shift_assignment/index.html2
-rw-r--r--files/zh-cn/web/javascript/reference/operators/logical_not/index.html2
-rw-r--r--files/zh-cn/web/javascript/reference/operators/right_shift/index.html2
-rw-r--r--files/zh-cn/web/javascript/reference/operators/right_shift_assignment/index.html2
-rw-r--r--files/zh-cn/web/javascript/reference/operators/subtraction/index.html2
-rw-r--r--files/zh-cn/web/javascript/reference/operators/subtraction_assignment/index.html2
-rw-r--r--files/zh-cn/web/mathml/attribute/index.html2
-rw-r--r--files/zh-cn/web/media/formats/index.html2
-rw-r--r--files/zh-cn/web/svg/applying_svg_effects_to_html_content/index.html2
-rw-r--r--files/zh-cn/web/svg/attribute/fx/index.html2
-rw-r--r--files/zh-tw/learn/html/howto/index.html2
-rw-r--r--files/zh-tw/learn/javascript/howto/index.html2
-rw-r--r--files/zh-tw/learn/server-side/express_nodejs/forms/create_genre_form/index.html6
-rw-r--r--files/zh-tw/orphaned/mdn/editor/basics/index.html2
-rw-r--r--files/zh-tw/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html2
-rw-r--r--files/zh-tw/web/api/canvasrenderingcontext2d/clearrect/index.html2
-rw-r--r--files/zh-tw/web/api/xmlhttprequest/index.html2
-rw-r--r--files/zh-tw/web/css/css_colors/color_picker_tool/index.html2
-rw-r--r--files/zh-tw/web/css/css_positioning/understanding_z_index/stacking_context_example_1/index.html2
-rw-r--r--files/zh-tw/web/css/transition-duration/index.html8
-rw-r--r--files/zh-tw/web/css/transition-timing-function/index.html16
-rw-r--r--files/zh-tw/web/html/element/form/index.html2
-rw-r--r--files/zh-tw/web/media/formats/index.html2
528 files changed, 1377 insertions, 1439 deletions
diff --git a/files/ar/learn/javascript/objects/basics/index.html b/files/ar/learn/javascript/objects/basics/index.html
index 1d018b179b..7b6ca3fd15 100644
--- a/files/ar/learn/javascript/objects/basics/index.html
+++ b/files/ar/learn/javascript/objects/basics/index.html
@@ -13,7 +13,7 @@ translation_of: Learn/JavaScript/Objects/Basics
<tbody>
<tr>
<th scope="row">المتطلبات الأساسية:</th>
- <td><span style="display: none;"> </span><span style="display: none;"> </span>دراية لا بأس بها بخصوص الحاسوب، الإلمام بمبادئ وأساسيات HTML و CSS، وبطبيعة الحال التمكن من أساسيات الجافاسكريبت (شاهد <a href="/en-US/docs/Learn/JavaScript/First_steps">First steps</a> وأيضا <a href="/en-US/docs/Learn/JavaScript/Building_blocks">Building blocks</a>).<span style="display: none;"> </span><span style="display: none;"> </span></td>
+ <td><span class="hidden"> </span><span class="hidden"> </span>دراية لا بأس بها بخصوص الحاسوب، الإلمام بمبادئ وأساسيات HTML و CSS، وبطبيعة الحال التمكن من أساسيات الجافاسكريبت (شاهد <a href="/en-US/docs/Learn/JavaScript/First_steps">First steps</a> وأيضا <a href="/en-US/docs/Learn/JavaScript/Building_blocks">Building blocks</a>).<span class="hidden"> </span><span class="hidden"> </span></td>
</tr>
<tr>
<th scope="row">الهدف :</th>
diff --git a/files/ar/learn/server-side/index.html b/files/ar/learn/server-side/index.html
index 520715f1a2..67740218b4 100644
--- a/files/ar/learn/server-side/index.html
+++ b/files/ar/learn/server-side/index.html
@@ -42,8 +42,8 @@ translation_of: Learn/Server-side
<p dir="rtl">هذا الموضوع يحتوي على الوحدات التالية. يجب أن تبدأ بالوحدة الأولى ، ثم انتقل إلى احدى الوحدات التالية ، والتي توضح كيفية العمل مع اثنين من اللغات الشائعة جدًا من جانب الخادم باستخدام إطارات ويب مناسبة.</p>
<dl>
- <dt dir="rtl"><a href="https://developer.mozilla.org/en-US/docs/Learn/Server-side/First_steps">برمجة موقع الويب من ناحية الخادم الخطوات الأولى<span style="display: none;"> </span><span style="display: none;"> </span></a></dt>
- <dd dir="rtl">توفر هذه الوحدة معلومات عن تكنولوجيا الخادم و برمجة مواقع الويب من جانب الخادم ، بما في ذلك إجابات على الأسئلة الأساسية حول البرمجة من جانب الخادم - "ما هو" ، "كيف تختلف عن برمجة العميل" ، و "لماذا هي كذلك مفيدة "- ونظرة عامة على بعض الأطر الأكثر شعبية على شبكة الإنترنت من جانب الخادم والإرشادات حول كيفية اختيار الأنسب لموقعك. وأخيرًا ، نقدم قسمًا تقديميًا حول أمان خادم الويب.<span style="display: none;"> </span><span style="display: none;"> </span></dd>
+ <dt dir="rtl"><a href="https://developer.mozilla.org/en-US/docs/Learn/Server-side/First_steps">برمجة موقع الويب من ناحية الخادم الخطوات الأولى<span class="hidden"> </span><span class="hidden"> </span></a></dt>
+ <dd dir="rtl">توفر هذه الوحدة معلومات عن تكنولوجيا الخادم و برمجة مواقع الويب من جانب الخادم ، بما في ذلك إجابات على الأسئلة الأساسية حول البرمجة من جانب الخادم - "ما هو" ، "كيف تختلف عن برمجة العميل" ، و "لماذا هي كذلك مفيدة "- ونظرة عامة على بعض الأطر الأكثر شعبية على شبكة الإنترنت من جانب الخادم والإرشادات حول كيفية اختيار الأنسب لموقعك. وأخيرًا ، نقدم قسمًا تقديميًا حول أمان خادم الويب.<span class="hidden"> </span><span class="hidden"> </span></dd>
<dt dir="rtl"><a href="/en-US/docs/Learn/Server-side/Django">Django Web Framework (Python)</a></dt>
<dd dir="rtl"><span class="tlid-translation translation"><span title="">Django هو إطار عمل شائع للغاية ومميز للغاية من جانب الخادم ، مكتوب بلغة بايثون.</span> <span title="">تشرح الوحدة النمطية لماذا يعتبر Django إطارًا جيدًا لخادم الويب ، وكيفية إعداد بيئة تطوير وكيفية تنفيذ المهام الشائعة معها.</span></span></dd>
<dt dir="rtl"><a href="/en-US/docs/Learn/Server-side/Express_Nodejs">Express Web Framework (Node.js/JavaScript)</a></dt>
diff --git a/files/ar/web/css/attribute_selectors/index.html b/files/ar/web/css/attribute_selectors/index.html
index cc06083b09..b129e4dc6a 100644
--- a/files/ar/web/css/attribute_selectors/index.html
+++ b/files/ar/web/css/attribute_selectors/index.html
@@ -161,7 +161,7 @@ div[data-lang="zh-TW"] {
<thead>
<tr>
<th dir="rtl" scope="col">مواصفات</th>
- <th dir="rtl" scope="col"><span style="display: none;"> </span>الحالة</th>
+ <th dir="rtl" scope="col"><span class="hidden"> </span>الحالة</th>
<th scope="col">تعليق</th>
</tr>
</thead>
diff --git a/files/ar/web/javascript/guide/grammar_and_types/index.html b/files/ar/web/javascript/guide/grammar_and_types/index.html
index be90ff189a..de3a576881 100644
--- a/files/ar/web/javascript/guide/grammar_and_types/index.html
+++ b/files/ar/web/javascript/guide/grammar_and_types/index.html
@@ -384,7 +384,7 @@ console.log( typeof parse ) // number.</pre>
<h3 dir="rtl" id="الأعداد_الصحيحة_-_Integers">الأعداد الصحيحة - Integers</h3>
-<p dir="rtl">يمكن التعبير عن الأعداد الصحيحة بالنسبة لكل من العدد الصحيح العشري ب (base 10)، ونظام العد السداسي عشر ب (base 16) والرقم الثماني ب (base 8) والثنائي ب (base 2)<span style="display: none;"> </span><span style="display: none;"> </span>.</p>
+<p dir="rtl">يمكن التعبير عن الأعداد الصحيحة بالنسبة لكل من العدد الصحيح العشري ب (base 10)، ونظام العد السداسي عشر ب (base 16) والرقم الثماني ب (base 8) والثنائي ب (base 2)<span class="hidden"> </span><span class="hidden"> </span>.</p>
<ul dir="rtl">
<li>البيانات الحرفية التي تمثل الأرقام العشرية هي عبارة عن سلسلة من الأرقام التي لا تبدأ ب 0 (صفر)</li>
@@ -604,7 +604,7 @@ POST`http://foo.org/bar?a=${a}&amp;b=${b}
</tr>
<tr>
<td><code><em>XXX</em>\</code></td>
- <td dir="rtl"><span style="display: none;"> </span><span style="display: none;"> </span>الحرف مع Latin-1 لتحديد ترميز من خلال الرجوع الى الوراء بثلاثة ارقام ثمانية <em>XXX</em> ما بين 0 و 377. على سبيل المثال, 251\ هو تسلسل ثماني لرمز حقوق النشر.<span style="display: none;"> </span><span style="display: none;"> </span></td>
+ <td dir="rtl"><span class="hidden"> </span><span class="hidden"> </span>الحرف مع Latin-1 لتحديد ترميز من خلال الرجوع الى الوراء بثلاثة ارقام ثمانية <em>XXX</em> ما بين 0 و 377. على سبيل المثال, 251\ هو تسلسل ثماني لرمز حقوق النشر.<span class="hidden"> </span><span class="hidden"> </span></td>
</tr>
<tr>
</tr>
diff --git a/files/bg/web/css/css_transitions/using_css_transitions/index.html b/files/bg/web/css/css_transitions/using_css_transitions/index.html
index 57eb945326..e379879a8e 100644
--- a/files/bg/web/css/css_transitions/using_css_transitions/index.html
+++ b/files/bg/web/css/css_transitions/using_css_transitions/index.html
@@ -44,7 +44,7 @@ translation_of: Web/CSS/CSS_Transitions/Using_CSS_transitions
<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;
@@ -109,7 +109,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;
@@ -174,7 +174,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;
@@ -239,7 +239,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;
@@ -308,7 +308,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;
@@ -371,7 +371,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;
@@ -434,7 +434,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;
@@ -497,7 +497,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;
@@ -564,7 +564,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;
@@ -636,7 +636,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;
@@ -708,7 +708,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;
@@ -780,7 +780,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/bg/web/css/transition-delay/index.html b/files/bg/web/css/transition-delay/index.html
index 95d3000e7b..3ef1d9af61 100644
--- a/files/bg/web/css/transition-delay/index.html
+++ b/files/bg/web/css/transition-delay/index.html
@@ -55,7 +55,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;
@@ -122,7 +122,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;
@@ -189,7 +189,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;
@@ -256,7 +256,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/bn/learn/css/building_blocks/selectors/index.html b/files/bn/learn/css/building_blocks/selectors/index.html
index 6bbeccf572..33adcb89a9 100644
--- a/files/bn/learn/css/building_blocks/selectors/index.html
+++ b/files/bn/learn/css/building_blocks/selectors/index.html
@@ -307,7 +307,7 @@ a.homepage:hover, a.homepage:focus, a.homepage:active {
<table style="border: 2px outset #36b; padding: 1em;">
<tbody>
<tr>
- <td>Go to our <a class="tutospecial" href="#" title="Home page">Home page</a><span style="display: none;"> </span><span style="display: none;"> </span></td>
+ <td>Go to our <a class="tutospecial" href="#" title="Home page">Home page</a><span class="hidden"> </span><span class="hidden"> </span></td>
</tr>
</tbody>
</table>
diff --git a/files/bn/mozilla/add-ons/index.html b/files/bn/mozilla/add-ons/index.html
index 1d0f1b6661..9bbf030bdc 100644
--- a/files/bn/mozilla/add-ons/index.html
+++ b/files/bn/mozilla/add-ons/index.html
@@ -90,6 +90,6 @@ translation_of: Mozilla/Add-ons
<p>{{AddonSidebar}}</p>
-<div id="__if72ru4sdfsdfrkjahiuyi_once" style="display: none;"></div>
+<div id="__if72ru4sdfsdfrkjahiuyi_once" class="hidden"></div>
-<div id="__hggasdgjhsagd_once" style="display: none;"></div>
+<div id="__hggasdgjhsagd_once" class="hidden"></div>
diff --git a/files/bn/orphaned/mdn/community/whats_happening/index.html b/files/bn/orphaned/mdn/community/whats_happening/index.html
index 79cfe91a89..ffba033296 100644
--- a/files/bn/orphaned/mdn/community/whats_happening/index.html
+++ b/files/bn/orphaned/mdn/community/whats_happening/index.html
@@ -18,7 +18,7 @@ original_slug: MDN/Community/Whats_happening
</dl>
<h3 id="সামাজিক_যোগাযোগ">সামাজিক যোগাযোগ</h3>
<ul>
- <li><a href="https://twitter.com/mozhacks" title="https://twitter.com/mozhacks"><span id="cke_bm_286S" style="display: none;"> </span>@MozHacks</a>: নিত্য নতুন ওয়েব টেকনোলজি, দারুন সব HTML5 অ্যাপ এবং ফায়ারফক্স ফিচার সম্পর্কে টুইট।</li>
+ <li><a href="https://twitter.com/mozhacks" title="https://twitter.com/mozhacks"><span id="cke_bm_286S" class="hidden"> </span>@MozHacks</a>: নিত্য নতুন ওয়েব টেকনোলজি, দারুন সব HTML5 অ্যাপ এবং ফায়ারফক্স ফিচার সম্পর্কে টুইট।</li>
<li><a href="https://twitter.com/NewOnMDN" title="https://twitter.com/NewOnMDN">@NewOnMDN</a>: নতুন পৃষ্ঠা গুলোর সংকলন, উল্লেখযোগ্য হালনাগাদ এবং মোজিলা ডেভেলপার নেটওয়ার্ক সম্পর্কে অন্যান্য খবর।</li>
<li><a href="https://plus.google.com/+MozillaDeveloperNetwork" title="https://plus.google.com/+MozillaDeveloperNetwork">+MozillaDeveloperNetwork</a></li>
<li><a href="http://www.youtube.com/user/mozhacks" title="http://www.youtube.com/user/mozhacks">Mozilla Hacks (YouTube)</a></li>
diff --git a/files/ca/conflicting/learn/css/building_blocks/selectors/index.html b/files/ca/conflicting/learn/css/building_blocks/selectors/index.html
index 3e3f5edc98..35afdd2dca 100644
--- a/files/ca/conflicting/learn/css/building_blocks/selectors/index.html
+++ b/files/ca/conflicting/learn/css/building_blocks/selectors/index.html
@@ -400,7 +400,7 @@ a.homepage:hover, a.homepage:focus, a.homepage:active {
<table style="border: 2px outset #3366bb; padding: 1em;">
<tbody>
<tr>
- <td>Anem-nos  <a class="tutospecial" href="#" title="Home page">Home page</a><span style="display: none;"> </span><span style="display: none;"> </span></td>
+ <td>Anem-nos  <a class="tutospecial" href="#" title="Home page">Home page</a><span class="hidden"> </span><span class="hidden"> </span></td>
</tr>
</tbody>
</table>
diff --git a/files/ca/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html b/files/ca/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html
index b0dbadb6a0..d8bfdf671c 100644
--- a/files/ca/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html
+++ b/files/ca/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html
@@ -243,7 +243,7 @@ ctx.fillStyle = 'rgba(255, 0, 0, 0.5)';
<p><img alt="" class="internal" src="https://mdn.mozillademos.org/files/201/Canvas-grid.png"></p>
-<p>Si es considera una trajectòria de (3,1) a (3,5) amb un gruix de línia  <code>1.0</code>, s'acaba amb la situació en la segona imatge. L'àrea real a emplenar (blau fosc) només s'estén fins a la meitat dels píxels a cada costat de la trajectòria. S'ha de representar una aproximació d'això, la qual cosa significa que aquests píxels estan ombrejats parcialment, i dóna com a resultat que tota l'àrea (blau clar i blau fosc) s'ompli amb un color la meitat de fosc que el color de traç real. Això és el que succeeix amb la línia d'ample <code>1.0</code> en el codi d'exemple anterior<span style="display: none;"> </span>.</p>
+<p>Si es considera una trajectòria de (3,1) a (3,5) amb un gruix de línia  <code>1.0</code>, s'acaba amb la situació en la segona imatge. L'àrea real a emplenar (blau fosc) només s'estén fins a la meitat dels píxels a cada costat de la trajectòria. S'ha de representar una aproximació d'això, la qual cosa significa que aquests píxels estan ombrejats parcialment, i dóna com a resultat que tota l'àrea (blau clar i blau fosc) s'ompli amb un color la meitat de fosc que el color de traç real. Això és el que succeeix amb la línia d'ample <code>1.0</code> en el codi d'exemple anterior<span class="hidden"> </span>.</p>
<p>Per arreglar això, s'ha de ser molt precís en la creació de la trajectòria. Sabent que una línia a <code>1.0</code> d'ample s'estendrà mitja unitat a cada costat de la trajectòria, creant la trajectòria de (3.5,1) a (3.5,5) resulta que la situació, en la tercera imatge, la línia d'ample <code>1.0</code> acaba completa i omplint, precisament, una sola línia vertical de píxels.</p>
diff --git a/files/de/learn/css/building_blocks/selectors/index.html b/files/de/learn/css/building_blocks/selectors/index.html
index e99787c956..3d0fcfc5b4 100644
--- a/files/de/learn/css/building_blocks/selectors/index.html
+++ b/files/de/learn/css/building_blocks/selectors/index.html
@@ -374,7 +374,7 @@ a.homepage:hover, a.homepage:focus, a.homepage:active {
<table style="border: 2px outset #3366bb; padding: 1em;">
<tbody>
<tr>
- <td>Go to our <a class="tutospecial" href="#" title="Home page">Home page</a><span style="display: none;"> </span><span style="display: none;"> </span></td>
+ <td>Go to our <a class="tutospecial" href="#" title="Home page">Home page</a><span class="hidden"> </span><span class="hidden"> </span></td>
</tr>
</tbody>
</table>
diff --git a/files/de/mdn/contribute/howto/convert_code_samples_to_be_live/index.html b/files/de/mdn/contribute/howto/convert_code_samples_to_be_live/index.html
index 4c4a0a283e..b284935404 100644
--- a/files/de/mdn/contribute/howto/convert_code_samples_to_be_live/index.html
+++ b/files/de/mdn/contribute/howto/convert_code_samples_to_be_live/index.html
@@ -13,16 +13,16 @@ translation_of: MDN/Contribute/Howto/Convert_code_samples_to_be_live
</ul>
<ol>
- <li><span style="display: none;"> </span><span style="display: none;"> </span>Wähle einen Artikel mit dem Tag "<a href="https://developer.mozilla.org/en-US/docs/tag/NeedsLiveSample">NeedsLiveSample</a>" aus</li>
+ <li><span class="hidden"> </span><span class="hidden"> </span>Wähle einen Artikel mit dem Tag "<a href="https://developer.mozilla.org/en-US/docs/tag/NeedsLiveSample">NeedsLiveSample</a>" aus</li>
<li>Konvertiere das Codebeispiels</li>
- <li>Lösche alle Bilder oder<span style="display: none;"> </span> Texte, auf denen die Ausgabe gezeigt wird<span style="display: none;"> </span></li>
+ <li>Lösche alle Bilder oder<span class="hidden"> </span> Texte, auf denen die Ausgabe gezeigt wird<span class="hidden"> </span></li>
</ol>
<dl>
<dt><strong>Wo muss dies gemacht werden?</strong></dt>
<dd>Bei Artikeln mit dem Tag "<a href="/en-US/docs/tag/NeedsLiveSample">NeedsLiveSample</a>".</dd>
<dt><strong>Was musst du können um diese Aufgabe zu erledigen?</strong></dt>
- <dt><strong>Welche Schritte müssen<span style="display: none;"> </span> unternommen werden?</strong></dt>
+ <dt><strong>Welche Schritte müssen<span class="hidden"> </span> unternommen werden?</strong></dt>
</dl>
<p>Für weitere Informationen um das Thema Erstellen und Bearbeiten von Live-Beispielen, schau dir <a href="https://developer.mozilla.org/en-US/docs/MDN/Contribute/Editor/Live_samples">Using the live sample system</a> an</p>
diff --git a/files/de/mozilla/add-ons/webextensions/extending_the_developer_tools/index.html b/files/de/mozilla/add-ons/webextensions/extending_the_developer_tools/index.html
index 8bea23e4b1..4f6d79e642 100644
--- a/files/de/mozilla/add-ons/webextensions/extending_the_developer_tools/index.html
+++ b/files/de/mozilla/add-ons/webextensions/extending_the_developer_tools/index.html
@@ -140,4 +140,4 @@ browser.runtime.onMessage.addListener(handleMessage);</pre>
</li>
</ul>
-<p><span style="display: none;"> </span></p>
+<p><span class="hidden"> </span></p>
diff --git a/files/de/web/api/canvasrenderingcontext2d/fillrect/index.html b/files/de/web/api/canvasrenderingcontext2d/fillrect/index.html
index 178a861f4e..41b31f1b6d 100644
--- a/files/de/web/api/canvasrenderingcontext2d/fillrect/index.html
+++ b/files/de/web/api/canvasrenderingcontext2d/fillrect/index.html
@@ -57,7 +57,7 @@ ctx.fillRect(10, 10, 100, 100);
<p>Ändern Sie den unten gezeigten Code und sehen Sie Ihre Änderungen live im Canvas-Element:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/de/web/api/canvasrenderingcontext2d/ispointinpath/index.html b/files/de/web/api/canvasrenderingcontext2d/ispointinpath/index.html
index 5eac7321fe..ce3c4161be 100644
--- a/files/de/web/api/canvasrenderingcontext2d/ispointinpath/index.html
+++ b/files/de/web/api/canvasrenderingcontext2d/ispointinpath/index.html
@@ -65,7 +65,7 @@ console.log(ctx.isPointInPath(10, 10)); // true
<p>Editieren Sie den folgenden Quelltext. Die Änderungen werden in Echtzeit übernommen und Log-Ausgaben in die <a href="/en-US/docs/Tools/Browser_Console">console</a> ausgegeben:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/de/web/api/canvasrenderingcontext2d/scale/index.html b/files/de/web/api/canvasrenderingcontext2d/scale/index.html
index b26824a51e..c6419d989f 100644
--- a/files/de/web/api/canvasrenderingcontext2d/scale/index.html
+++ b/files/de/web/api/canvasrenderingcontext2d/scale/index.html
@@ -54,7 +54,7 @@ ctx.setTransform(1, 0, 0, 1, 0, 0);
<p>Editieren Sie den folgenden Code und sehen Sie die Änderungen sofort im Canvas:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
@@ -100,7 +100,7 @@ window.addEventListener("load", drawCanvas);
<p>Sie können <code>ctx.scale(-1, 1)</code> benutzen, um den Inhalt horizontal zu spiegeln und <code>ctx.scale(1, -1)</code>, um ihn vertikal zu spiegeln.</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code2">Playable code2</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/de/web/api/canvasrenderingcontext2d/setlinedash/index.html b/files/de/web/api/canvasrenderingcontext2d/setlinedash/index.html
index a7d5bd82c3..38aadbbfe3 100644
--- a/files/de/web/api/canvasrenderingcontext2d/setlinedash/index.html
+++ b/files/de/web/api/canvasrenderingcontext2d/setlinedash/index.html
@@ -45,7 +45,7 @@ ctx.stroke();
<p>Edit the code below and see your changes update live in the canvas:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/de/web/api/document/adoptnode/index.html b/files/de/web/api/document/adoptnode/index.html
index c996e689c5..cc03e5c9e8 100644
--- a/files/de/web/api/document/adoptnode/index.html
+++ b/files/de/web/api/document/adoptnode/index.html
@@ -17,8 +17,8 @@ translation_of: Web/API/Document/adoptNode
</pre>
<dl>
- <dt><code><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span>knoten</code></dt>
- <dd>Ist der übertragene Knoten, welcher nun dieses Dokument als sein <code><a href="/en-US/docs/DOM/Node.ownerDocument" title="DOM/Node.ownerDocument">ownerDocument</a> </code>hat.  Der Elternknoten (<code><a href="/en-US/docs/DOM/Node.parentNode">parentNode</a></code>) is <code>null</code>, da er noch nicht in den Dokumentenbaum eingefügt wurde. Zu beachten ist, dass <code>knoten</code> und <code>externerKnoten</code> nach dem Funktionsaufruf das gleiche Objekt sind.<span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span></dd>
+ <dt><code><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span>knoten</code></dt>
+ <dd>Ist der übertragene Knoten, welcher nun dieses Dokument als sein <code><a href="/en-US/docs/DOM/Node.ownerDocument" title="DOM/Node.ownerDocument">ownerDocument</a> </code>hat.  Der Elternknoten (<code><a href="/en-US/docs/DOM/Node.parentNode">parentNode</a></code>) is <code>null</code>, da er noch nicht in den Dokumentenbaum eingefügt wurde. Zu beachten ist, dass <code>knoten</code> und <code>externerKnoten</code> nach dem Funktionsaufruf das gleiche Objekt sind.<span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span></dd>
<dt><code>externerKnoten</code></dt>
<dd>Ist der Knoten eines anderes Dokumentes, der übertragen werden soll.</dd>
</dl>
diff --git a/files/de/web/api/event/event/index.html b/files/de/web/api/event/event/index.html
index ee30a2064c..3c78dc8a3e 100644
--- a/files/de/web/api/event/event/index.html
+++ b/files/de/web/api/event/event/index.html
@@ -24,7 +24,7 @@ translation_of: Web/API/Event/Event
<ul>
<li><code>"bubbles"</code>: (Optional) Ein {{jsxref("Boolean")}}, welcher angibt, ob das Event gebubbled werden soll. Der Standardwert ist <code>false</code>.</li>
<li><code>"cancelable"</code>: (Optional) Ein {{jsxref("Boolean")}}, welcher angibt, ob das Event abgebrochen werden kann. Der Standardwert <code>false</code>.</li>
- <li><code>"composed"</code>: (Optional) Ein {{jsxref("Boolean")}}, welcher angibt, ob das Event auch außerhalb eines Shadow-Root-Elements empfangen werden kann. Der Standardwert ist <code>false</code>.<span style="display: none;"> </span></li>
+ <li><code>"composed"</code>: (Optional) Ein {{jsxref("Boolean")}}, welcher angibt, ob das Event auch außerhalb eines Shadow-Root-Elements empfangen werden kann. Der Standardwert ist <code>false</code>.<span class="hidden"> </span></li>
</ul>
</dd>
</dl>
diff --git a/files/de/web/api/keyboardevent/keycode/index.html b/files/de/web/api/keyboardevent/keycode/index.html
index 98375fe4b9..01d2a859cc 100644
--- a/files/de/web/api/keyboardevent/keycode/index.html
+++ b/files/de/web/api/keyboardevent/keycode/index.html
@@ -363,7 +363,7 @@ translation_of: Web/API/KeyboardEvent/keyCode
<th scope="row"><code>"KeyD"</code></th>
<td colspan="3" rowspan="1"><code>0x44 (68)</code></td>
<td colspan="3" rowspan="1"><code>0x44 (68)</code></td>
- <td colspan="3" rowspan="1"><code>0x44 (68)<span style="display: none;"> </span></code></td>
+ <td colspan="3" rowspan="1"><code>0x44 (68)<span class="hidden"> </span></code></td>
<td colspan="3" rowspan="1"><code>0x44 (68)</code></td>
<td colspan="3" rowspan="1"><code>0x44 (68)</code></td>
<td colspan="3" rowspan="1"><code>0x44 (68)</code></td>
diff --git a/files/de/web/css/all/index.html b/files/de/web/css/all/index.html
index 5e2b7191e8..80de31880c 100644
--- a/files/de/web/css/all/index.html
+++ b/files/de/web/css/all/index.html
@@ -64,9 +64,8 @@ blockquote {
<div id="Beispiel0" style="display: inline-block; width: 225px; vertical-align: top;">
<h4 id="Keine_all_Eigenschaft">Keine <code>all</code> Eigenschaft</h4>
-<pre class="brush: html" style="display: none;">&lt;blockquote id="quote"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit.&lt;/blockquote&gt; Phasellus eget velit sagittis.</pre>
-<pre class="brush: css" style="display: none;">html { font-size: small; background-color: <span class="st">#F0F0F0</span>; color:blue; }
+<pre class="brush: css" class="hidden">html { font-size: small; background-color: <span class="st">#F0F0F0</span>; color:blue; }
blockquote { background-color: skyblue; color: red; }</pre>
{{EmbedLiveSample("Beispiel0", "200", "125")}}
@@ -76,9 +75,8 @@ blockquote { background-color: skyblue; color: red; }</pre>
<div id="Beispiel1" style="display: inline-block; width: 225px; vertical-align: top;">
<h4 id="allunset"><code>all:unset</code></h4>
-<pre class="brush: html" style="display: none;">&lt;blockquote id="quote"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit.&lt;/blockquote&gt; Phasellus eget velit sagittis.</pre>
-<pre class="brush: css" style="display: none;">html { font-size: small; background-color: <span class="st">#F0F0F0</span>; color:blue; }
+<pre class="brush: css" class="hidden">html { font-size: small; background-color: <span class="st">#F0F0F0</span>; color:blue; }
blockquote { background-color: skyblue; color: red; }
blockquote { all: unset; }</pre>
{{EmbedLiveSample("Beispiel1", "200", "125")}}
@@ -89,9 +87,8 @@ blockquote { all: unset; }</pre>
<div id="Beispiel2" style="display: inline-block; width: 225px; vertical-align: top;">
<h4 id="allinitial"><code>all:initial</code></h4>
-<pre class="brush: html" style="display: none;">&lt;blockquote id="quote"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit.&lt;/blockquote&gt; Phasellus eget velit sagittis.</pre>
-<pre class="brush: css" style="display: none;">html { font-size: small; background-color: <span class="st">#F0F0F0</span>; color:blue; }
+<pre class="brush: css" class="hidden">html { font-size: small; background-color: <span class="st">#F0F0F0</span>; color:blue; }
blockquote { background-color: skyblue; color: red; }
blockquote { all: initial; }</pre>
{{EmbedLiveSample("Beispiel2", "200", "125")}}
@@ -102,9 +99,8 @@ blockquote { all: initial; }</pre>
<div id="Beispiel3" style="display: inline-block; width: 225px; vertical-align: top;">
<h4 id="allinherit"><code>all:inherit</code></h4>
-<pre class="brush: html" style="display: none;">&lt;blockquote id="quote"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit.&lt;/blockquote&gt; Phasellus eget velit sagittis.</pre>
-<pre class="brush: css" style="display: none;">html { font-size: small; background-color: <span class="st">#F0F0F0</span>; color:blue; }
+<pre class="brush: css" class="hidden">html { font-size: small; background-color: <span class="st">#F0F0F0</span>; color:blue; }
blockquote { background-color: skyblue; color: red; }
blockquote { all: inherit; }</pre>
{{EmbedLiveSample("Beispiel3", "200", "125")}}
diff --git a/files/de/web/css/animation-fill-mode/index.html b/files/de/web/css/animation-fill-mode/index.html
index adfb23a43a..c4074a5655 100644
--- a/files/de/web/css/animation-fill-mode/index.html
+++ b/files/de/web/css/animation-fill-mode/index.html
@@ -104,7 +104,7 @@ animation-fill-mode: both, forwards, none
</table>
</dd>
<dt><code>both</code></dt>
- <dd>Vereint die Werte <span id="cke_bm_70S" style="display: none;"> </span><code>backwards</code><span id="cke_bm_70E" style="display: none;"> </span> und <code>forwards</code>.</dd>
+ <dd>Vereint die Werte <span id="cke_bm_70S" class="hidden"> </span><code>backwards</code><span id="cke_bm_70E" class="hidden"> </span> und <code>forwards</code>.</dd>
</dl>
<h2 id="Beispiele">Beispiele</h2>
diff --git a/files/de/web/css/appearance/index.html b/files/de/web/css/appearance/index.html
index 12a67f3f60..62ee89682e 100644
--- a/files/de/web/css/appearance/index.html
+++ b/files/de/web/css/appearance/index.html
@@ -50,7 +50,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>none</code></td>
<td>
- <div id="sampleNone" style="display: none;">
+ <div id="sampleNone" class="hidden">
<pre class="brush:css">
div {-moz-appearance: none; -webkit-appearance: none; color: black;}</pre>
@@ -64,7 +64,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>button</code></td>
<td>
- <div id="sampleButton" style="display: none;">
+ <div id="sampleButton" class="hidden">
<pre class="brush:css">
div {-moz-appearance: button; -webkit-appearance: button; color: black; }</pre>
@@ -77,7 +77,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>button-arrow-down</code></td>
<td>
- <div id="sampleButtonArrowDown" style="display: none;">
+ <div id="sampleButtonArrowDown" class="hidden">
<pre class="brush:css">
div {-moz-appearance: button-arrow-down; -webkit-appearance: button-arrow-down; color: black; }</pre>
@@ -90,7 +90,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>button-arrow-next</code></td>
<td>
- <div id="sampleButtonArrowNext" style="display: none;">
+ <div id="sampleButtonArrowNext" class="hidden">
<pre class="brush:css">
div {-moz-appearance: button-arrow-next; -webkit-appearance: button-arrow-next; color: black; }</pre>
@@ -103,7 +103,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>button-arrow-previous</code></td>
<td>
- <div id="sampleButtonArrowPrevious" style="display: none;">
+ <div id="sampleButtonArrowPrevious" class="hidden">
<pre class="brush:css">
div {-moz-appearance: button-arrow-previous; -webkit-appearance: button-arrow-previous; color: black; }</pre>
@@ -116,7 +116,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>button-arrow-up</code></td>
<td>
- <div id="sampleButtonArrowUp" style="display: none;">
+ <div id="sampleButtonArrowUp" class="hidden">
<pre class="brush:css">
div {-moz-appearance: button-arrow-up; -webkit-appearance: button-arrow-up; color: black; }</pre>
@@ -129,7 +129,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>button-bevel</code></td>
<td>
- <div id="sampleButtonBevel" style="display: none;">
+ <div id="sampleButtonBevel" class="hidden">
<pre class="brush:css">
div {-moz-appearance: button-bevel; -webkit-appearance: button-bevel; color: black; }</pre>
@@ -142,7 +142,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>button-focus</code></td>
<td>
- <div id="sampleButtonFocus" style="display: none;">
+ <div id="sampleButtonFocus" class="hidden">
<pre class="brush:css">
div {-moz-appearance: button-focus; -webkit-appearance: button-focus; color: black; }</pre>
@@ -155,7 +155,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>caret</code></td>
<td>
- <div id="sampleCaret" style="display: none;">
+ <div id="sampleCaret" class="hidden">
<pre class="brush:css">
div {-moz-appearance: caret; -webkit-appearance: caret; color: black; }</pre>
@@ -168,7 +168,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>checkbox</code></td>
<td>
- <div id="sampleCheckbox" style="display: none;">
+ <div id="sampleCheckbox" class="hidden">
<pre class="brush:css">
div {-moz-appearance: checkbox; -webkit-appearance: checkbox; color: black; }</pre>
@@ -181,7 +181,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>checkbox-container</code></td>
<td>
- <div id="sampleCheckboxContainer" style="display: none;">
+ <div id="sampleCheckboxContainer" class="hidden">
<pre class="brush:css">
div {-moz-appearance: checkbox-container; -webkit-appearance: checkbox-container; color: black; }</pre>
@@ -194,7 +194,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>checkbox-label</code></td>
<td>
- <div id="sampleCheckboxLabel" style="display: none;">
+ <div id="sampleCheckboxLabel" class="hidden">
<pre class="brush:css">
div {-moz-appearance: checkbox-label; -webkit-appearance: checkbox-label; color: black; }</pre>
@@ -207,7 +207,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>checkmenuitem</code></td>
<td>
- <div id="sampleCheckmenuitem" style="display: none;">
+ <div id="sampleCheckmenuitem" class="hidden">
<pre class="brush:css">
div {-moz-appearance: checkmenuitem; -webkit-appearance: checkmenuitem; height: 20px; color: black; }</pre>
@@ -220,7 +220,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>dualbutton</code></td>
<td>
- <div id="sampleDualButton" style="display: none;">
+ <div id="sampleDualButton" class="hidden">
<pre class="brush:css">
div {-moz-appearance: dualbutton; -webkit-appearance: dualbutton; color: black; }</pre>
@@ -233,7 +233,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>groupbox</code></td>
<td>
- <div id="sampleGroupbox" style="display: none;">
+ <div id="sampleGroupbox" class="hidden">
<pre class="brush:css">
div {-moz-appearance: groupbox; -webkit-appearance: groupbox; color: black; }</pre>
@@ -246,7 +246,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>listbox</code></td>
<td>
- <div id="sampleListBox" style="display: none;">
+ <div id="sampleListBox" class="hidden">
<pre class="brush:css">
div {-moz-appearance: listbox; -webkit-appearance: listbox; height:20px; color: black; }</pre>
@@ -259,7 +259,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>listitem</code></td>
<td>
- <div id="sampleListItem" style="display: none;">
+ <div id="sampleListItem" class="hidden">
<pre class="brush:css">
div {-moz-appearance: listitem; -webkit-appearance: listitem; color: black; }</pre>
@@ -272,7 +272,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menuarrow</code></td>
<td>
- <div id="sampleMenuArrow" style="display: none;">
+ <div id="sampleMenuArrow" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menuarrow; -webkit-appearance: menuarrow; color: black; }</pre>
@@ -285,7 +285,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menubar</code></td>
<td>
- <div id="sampleMenubar" style="display: none;">
+ <div id="sampleMenubar" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menubar; -webkit-appearance: menubar; color: balck; }</pre>
@@ -298,7 +298,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menucheckbox</code></td>
<td>
- <div id="sampleMenuCheckbox" style="display: none;">
+ <div id="sampleMenuCheckbox" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menucheckbox; -webkit-appearance: menucheckbox; color: black; }</pre>
@@ -311,7 +311,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menuimage</code></td>
<td>
- <div id="sampleMenuImage" style="display: none;">
+ <div id="sampleMenuImage" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menuimage; -webkit-appearance: menuimage; color: black; }</pre>
@@ -324,7 +324,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menuitem</code></td>
<td>
- <div id="sampleMenuItem" style="display: none;">
+ <div id="sampleMenuItem" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menuitem; -webkit-appearance: menuitem; color: black; }</pre>
@@ -337,7 +337,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menuitemtext</code></td>
<td>
- <div id="sampleMenuItemText" style="display: none;">
+ <div id="sampleMenuItemText" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menuitemtext; -webkit-appearance: menuitemtext; color: black; }</pre>
@@ -350,7 +350,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menulist</code></td>
<td>
- <div id="sampleMenuList" style="display: none;">
+ <div id="sampleMenuList" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menulist; -webkit-appearance: menulist; color: black; }</pre>
@@ -363,7 +363,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menulist-button</code></td>
<td>
- <div id="sampleMenuListButton" style="display: none;">
+ <div id="sampleMenuListButton" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menulist-button; -webkit-appearance: menulist-button; color: black; }</pre>
@@ -376,7 +376,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menulist-text</code></td>
<td>
- <div id="sampleMenuListText" style="display: none;">
+ <div id="sampleMenuListText" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menulist-text; -webkit-appearance: menulist-text; color: black; }</pre>
@@ -389,7 +389,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menulist-textfield</code></td>
<td>
- <div id="sampleMenuListTextfield" style="display: none;">
+ <div id="sampleMenuListTextfield" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menulist-textfield; -webkit-appearance: menulist-textfield; color: black; }</pre>
@@ -402,7 +402,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menupopup</code></td>
<td>
- <div id="sampleMenuPopup" style="display: none;">
+ <div id="sampleMenuPopup" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menupopup; -webkit-appearance: menupopup; color: black; }</pre>
@@ -415,7 +415,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menuradio</code></td>
<td>
- <div id="sampleMenuRadio" style="display: none;">
+ <div id="sampleMenuRadio" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menuradio; -webkit-appearance: menuradio; color: black; }</pre>
@@ -428,7 +428,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menuseparator</code></td>
<td>
- <div id="sampleMenuSeparator" style="display: none;">
+ <div id="sampleMenuSeparator" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menuseparator; -webkit-appearance: menuseparator; color: transparent; }</pre>
@@ -441,7 +441,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>meterbar</code></td>
<td>
- <div id="sampleMeterbar" style="display: none;">
+ <div id="sampleMeterbar" class="hidden">
<pre class="brush:css">
div {-moz-appearance: meterbar; -webkit-appearance: meterbar; color: black; }</pre>
@@ -454,7 +454,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>meterchunk</code></td>
<td>
- <div id="sampleMeterchunk" style="display: none;">
+ <div id="sampleMeterchunk" class="hidden">
<pre class="brush:css">
div {-moz-appearance: meterchunk; -webkit-appearance: meterchunk; color: black; }</pre>
@@ -467,7 +467,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>progressbar</code></td>
<td>
- <div id="sampleProgressBar" style="display: none;">
+ <div id="sampleProgressBar" class="hidden">
<pre class="brush:css">
div {-moz-appearance: progressbar; -webkit-appearance: progressbar; color: black; }</pre>
@@ -480,7 +480,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>progressbar-vertical</code></td>
<td>
- <div id="sampleProgressBarVertical" style="display: none;">
+ <div id="sampleProgressBarVertical" class="hidden">
<pre class="brush:css">
div {-moz-appearance: progressbar-vertical; -webkit-appearance: preogressbar-vertical; color: transparent; }</pre>
@@ -493,7 +493,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>progresschunk</code></td>
<td>
- <div id="sampleProgressChunk" style="display: none;">
+ <div id="sampleProgressChunk" class="hidden">
<pre class="brush:css">
div {-moz-appearance: progresschunk; -webkit-appearance: progresschunk; color: black; }</pre>
@@ -506,7 +506,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>progresschunk-vertical</code></td>
<td>
- <div id="sampleProgressChunkVertical" style="display: none;">
+ <div id="sampleProgressChunkVertical" class="hidden">
<pre class="brush:css">
div {-moz-appearance: progresschunk-vertical; -webkit-appearance: progresschunk-vertical; color: black; }</pre>
@@ -519,7 +519,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>radio</code></td>
<td>
- <div id="sampleRadio" style="display: none;">
+ <div id="sampleRadio" class="hidden">
<pre class="brush:css">
div {-moz-appearance: radio; -webkit-appearance: radio; color: black; }</pre>
@@ -532,7 +532,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>radio-container</code></td>
<td>
- <div id="sampleRadioContainer" style="display: none;">
+ <div id="sampleRadioContainer" class="hidden">
<pre class="brush:css">
div {-moz-appearance: radio-container; -webkit-appearance: radio-container; color: black; }</pre>
@@ -545,7 +545,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>radio-label</code></td>
<td>
- <div id="sampleRadioLabel" style="display: none;">
+ <div id="sampleRadioLabel" class="hidden">
<pre class="brush:css">
div {-moz-appearance: radio-label; -webkit-appearance: radio-label; color: black; }</pre>
@@ -558,7 +558,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>radiomenuitem</code></td>
<td>
- <div id="sampleRadioMenuItem" style="display: none;">
+ <div id="sampleRadioMenuItem" class="hidden">
<pre class="brush:css">
div {-moz-appearance: radiomenuitem; -webkit-appearance: radiomenuitem; color: black; }</pre>
@@ -571,7 +571,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>resizer</code></td>
<td>
- <div id="sampleResizer" style="display: none;">
+ <div id="sampleResizer" class="hidden">
<pre class="brush:css">
div {-moz-appearance: resizer; -webkit-appearance: resizer; color: transparent; }</pre>
@@ -584,7 +584,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>resizerpanel</code></td>
<td>
- <div id="sampleResizerPanel" style="display: none;">
+ <div id="sampleResizerPanel" class="hidden">
<pre class="brush:css">
div {-moz-appearance: resizerpanel; -webkit-appearance: resizerpanel; color: black; }</pre>
@@ -597,7 +597,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scale-horizontal</code></td>
<td>
- <div id="sampleScaleHorizontal" style="display: none;">
+ <div id="sampleScaleHorizontal" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scale-horizontal; -webkit-appearance: scale-horizontal; color: transparent; }</pre>
@@ -610,7 +610,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scalethumbend</code></td>
<td>
- <div id="sampleThumbEnd" style="display: none;">
+ <div id="sampleThumbEnd" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scalethumbend; -webkit-appearance: scalethumbend; color: black; }</pre>
@@ -623,7 +623,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scalethumb-horizontal</code></td>
<td>
- <div id="sampleScaleThumbHorizontal" style="display: none;">
+ <div id="sampleScaleThumbHorizontal" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scalethumb-horizontal; -webkit-appearance: scalethumb-horizontal; color: transparent; }</pre>
@@ -636,7 +636,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scalethumbstart</code></td>
<td>
- <div id="sampleScaleThumbStart" style="display: none;">
+ <div id="sampleScaleThumbStart" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scalethumbstart; -webkit-appearance: scalethumbstart; color: black; }</pre>
@@ -649,7 +649,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scalethumbtick</code></td>
<td>
- <div id="sampleScaleThumbTick" style="display: none;">
+ <div id="sampleScaleThumbTick" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scalethumbtick; -webkit-appearance: scalethumbtick; color: black; }</pre>
@@ -662,7 +662,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scalethumb-vertical</code></td>
<td>
- <div id="sampleScaleThumbVertical" style="display: none;">
+ <div id="sampleScaleThumbVertical" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scalethumb-vertical; -webkit-appearance: scalethumb-vertical; color: black; }</pre>
@@ -675,7 +675,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scale-vertical</code></td>
<td>
- <div id="sampleScaleVertical" style="display: none;">
+ <div id="sampleScaleVertical" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scale-vertical; -webkit-appearance: scale-vertical; color: transparent; }</pre>
@@ -688,7 +688,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scrollbarbutton-down</code></td>
<td>
- <div id="sampleScrollbarButtonDown" style="display: none;">
+ <div id="sampleScrollbarButtonDown" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scrollbarbutton-down; -webkit-appearance: scrollbarbutton-down; color: black; }</pre>
@@ -701,7 +701,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scrollbarbutton-left</code></td>
<td>
- <div id="sampleScrollbarButtonLeft" style="display: none;">
+ <div id="sampleScrollbarButtonLeft" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scrollbarbutton-left; -webkit-appearance: scrollbarbutton-left; color: black; }</pre>
@@ -714,7 +714,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scrollbarbutton-right</code></td>
<td>
- <div id="sampleScrollbarButtonRight" style="display: none;">
+ <div id="sampleScrollbarButtonRight" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scrollbarbutton-right; -webkit-appearance: scrollbarbutton-right; color: black; }</pre>
@@ -727,7 +727,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scrollbarbutton-up</code></td>
<td>
- <div id="sampleScrollbarButtonUp" style="display: none;">
+ <div id="sampleScrollbarButtonUp" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scrollbarbutton-up; -webkit-appearance: scrollbarbutton-up; color: black; }</pre>
@@ -740,7 +740,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scrollbarthumb-horizontal</code></td>
<td>
- <div id="sampleScrollbarThumbHorizontal" style="display: none;">
+ <div id="sampleScrollbarThumbHorizontal" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scrollbarthumb-horizontal; -webkit-appearance: scrollbarthumb-horizontal; color: black; }</pre>
@@ -753,7 +753,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scrollbarthumb-vertical</code></td>
<td>
- <div id="sampleScrollbarThumbVertical" style="display: none;">
+ <div id="sampleScrollbarThumbVertical" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scrollbarthumb-vertical; -webkit-appearance: scrollbarthumb-vertical; color: black; }</pre>
@@ -766,7 +766,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scrollbartrack-horizontal</code></td>
<td>
- <div id="sampleScrollbarTrackHorizontal" style="display: none;">
+ <div id="sampleScrollbarTrackHorizontal" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scrollbartrack-horizontal; -webkit-appearance: scrollbartrack-horizontal; color: black; }</pre>
@@ -779,7 +779,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scrollbartrack-vertical</code></td>
<td>
- <div id="sampleScrollbarTrackVertical" style="display: none;">
+ <div id="sampleScrollbarTrackVertical" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scrollbartrack-vertical; -webkit-appearance: scrollbarbartrack-vertical; color: black; }</pre>
@@ -792,7 +792,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>searchfield</code></td>
<td>
- <div id="sampleSearchField" style="display: none;">
+ <div id="sampleSearchField" class="hidden">
<pre class="brush:css">
div {-moz-appearance: searchfield; -webkit-appearance: searchfield; color: black; }</pre>
@@ -805,7 +805,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>separator</code></td>
<td>
- <div id="sampleSeparator" style="display: none;">
+ <div id="sampleSeparator" class="hidden">
<pre class="brush:css">
div {-moz-appearance: separator; -webkit-appearance: separator; color: transparent; }</pre>
@@ -818,7 +818,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>sheet</code></td>
<td>
- <div id="sampleSheet" style="display: none;">
+ <div id="sampleSheet" class="hidden">
<pre class="brush:css">
div {-moz-appearance: sheet; -webkit-appearance: sheet; color: black; }</pre>
@@ -831,7 +831,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>spinner</code></td>
<td>
- <div id="sampleSpinner" style="display: none;">
+ <div id="sampleSpinner" class="hidden">
<pre class="brush:css">
div {-moz-appearance: spinner; -webkit-appearance: spinner; color: transparent; }</pre>
@@ -844,7 +844,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>spinner-downbutton</code></td>
<td>
- <div id="sampleSpinnerDownbutton" style="display: none;">
+ <div id="sampleSpinnerDownbutton" class="hidden">
<pre class="brush:css">
div {-moz-appearance: spinner-downbutton; -webkit-appearance: spinner-downbutton; color: black; }</pre>
@@ -857,7 +857,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>spinner-textfield</code></td>
<td>
- <div id="sampleSpinnerTextfield" style="display: none;">
+ <div id="sampleSpinnerTextfield" class="hidden">
<pre class="brush:css">
div {-moz-appearance: spinner-textfield; -webkit-appearance: spinner-textfield; color: black; }</pre>
@@ -870,7 +870,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>spinner-upbutton</code></td>
<td>
- <div id="sampleSpinnerUpbutton" style="display: none;">
+ <div id="sampleSpinnerUpbutton" class="hidden">
<pre class="brush:css">
div {-moz-appearance: spinner-upbutton; -webkit-appearance: spinner-upbutton; color: black; }</pre>
@@ -883,7 +883,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>splitter</code></td>
<td>
- <div id="sampleSplitter" style="display: none;">
+ <div id="sampleSplitter" class="hidden">
<pre class="brush:css">
div {-moz-appearance: splitter; -webkit-appearance: splitter; color: transparent; }</pre>
@@ -896,7 +896,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>statusbar</code></td>
<td>
- <div id="sampleStatusBar" style="display: none;">
+ <div id="sampleStatusBar" class="hidden">
<pre class="brush:css">
div {-moz-appearance: statusbar; -webkit-appearance: statusbar; color: black; }</pre>
@@ -909,7 +909,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>statusbarpanel</code></td>
<td>
- <div id="sampleStatusBarPanel" style="display: none;">
+ <div id="sampleStatusBarPanel" class="hidden">
<pre class="brush:css">
div {-moz-appearance: statusbarpanel; -webkit-appearance: statusbarpanel; color: black; }</pre>
@@ -922,7 +922,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>tab</code></td>
<td>
- <div id="sampleTab" style="display: none;">
+ <div id="sampleTab" class="hidden">
<pre class="brush:css">
div {-moz-appearance: tab; -webkit-appearance: tab; height: 20px; color: black; }</pre>
@@ -935,7 +935,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>tabpanel</code></td>
<td>
- <div id="sampleTabPanel" style="display: none;">
+ <div id="sampleTabPanel" class="hidden">
<pre class="brush:css">
div {-moz-appearance: tabpanel; -webkit-appearance: tabpanel; color: black; }</pre>
@@ -948,7 +948,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>tabpanels</code></td>
<td>
- <div id="sampleTabPanels" style="display: none;">
+ <div id="sampleTabPanels" class="hidden">
<pre class="brush:css">
div {-moz-appearance: tabpanels; -webkit-appearance: tabpanels; color: black; }</pre>
@@ -961,7 +961,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>tab-scroll-arrow-back</code></td>
<td>
- <div id="sampleTabScrollArrowBack" style="display: none;">
+ <div id="sampleTabScrollArrowBack" class="hidden">
<pre class="brush:css">
div {-moz-appearance: tab-scroll-arrow-back; -webkit-appearance: tab-scroll-arrow-back; color: black; }</pre>
@@ -974,7 +974,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>tab-scroll-arrow-forward</code></td>
<td>
- <div id="sampleTabScrollArrowForward" style="display: none;">
+ <div id="sampleTabScrollArrowForward" class="hidden">
<pre class="brush:css">
div {-moz-appearance: tab-scroll-arrow-forward; -webkit-appearance: tab-scroll-arrow-forward; color: black; }</pre>
@@ -987,7 +987,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>textfield</code></td>
<td>
- <div id="sampleTextField" style="display: none;">
+ <div id="sampleTextField" class="hidden">
<pre class="brush:css">
div {-moz-appearance: textfield; -webkit-appearance: textfield; color: black; }</pre>
@@ -1000,7 +1000,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>textfield-multiline</code></td>
<td>
- <div id="sampleTextfieldMultiline" style="display: none;">
+ <div id="sampleTextfieldMultiline" class="hidden">
<pre class="brush:css">
div {-moz-appearance: textfield-multiline; -webkit-appearance: textfield-multiline; color: black; }</pre>
@@ -1013,7 +1013,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>toolbar</code></td>
<td>
- <div id="sampleToolbar" style="display: none;">
+ <div id="sampleToolbar" class="hidden">
<pre class="brush:css">
div {-moz-appearance: toolbar; -webkit-appearance: toolbar; color: black; }</pre>
@@ -1026,7 +1026,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>toolbarbutton</code></td>
<td>
- <div id="sampleToolbarButton" style="display: none;">
+ <div id="sampleToolbarButton" class="hidden">
<pre class="brush:css">
div {-moz-appearance: toolbarbutton; -webkit-appearance: toolbarbutton; color: black; }</pre>
@@ -1039,7 +1039,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>toolbarbutton-dropdown</code></td>
<td>
- <div id="sampleToolbarButtonDropdown" style="display: none;">
+ <div id="sampleToolbarButtonDropdown" class="hidden">
<pre class="brush:css">
div {-moz-appearance: toolbarbutton-dropdown; -webkit-appearance: toolbarbutton-dropdown; color: black; }</pre>
@@ -1052,7 +1052,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>toolbargripper</code></td>
<td>
- <div id="sampleToolbarGripper" style="display: none;">
+ <div id="sampleToolbarGripper" class="hidden">
<pre class="brush:css">
div {-moz-appearance: toolbargripper; -webkit-appearance: toolbargripper; color: black; }</pre>
@@ -1065,7 +1065,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>toolbox</code></td>
<td>
- <div id="sampleToolbox" style="display: none;">
+ <div id="sampleToolbox" class="hidden">
<pre class="brush:css">
div {-moz-appearance: toolbox; -webkit-appearance: toolbox; color: black; }</pre>
@@ -1078,7 +1078,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>tooltip</code></td>
<td>
- <div id="sampleTooltip" style="display: none;">
+ <div id="sampleTooltip" class="hidden">
<pre class="brush:css">
div {-moz-appearance: tooltip; -webkit-appearance: tooltip; color: black; }</pre>
@@ -1091,7 +1091,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>treeheader</code></td>
<td>
- <div id="sampleTreeHeader" style="display: none;">
+ <div id="sampleTreeHeader" class="hidden">
<pre class="brush:css">
div {-moz-appearance: treeheader; -webkit-appearance: treeheader; color: black; }</pre>
@@ -1104,7 +1104,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>treeheadercell</code></td>
<td>
- <div id="sampleTreeHeaderCell" style="display: none;">
+ <div id="sampleTreeHeaderCell" class="hidden">
<pre class="brush:css">
div {-moz-appearance: treeheadercell; -webkit-appearance: treeheadercell; height:20px; color: black; }</pre>
@@ -1117,7 +1117,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>treeheadersortarrow</code></td>
<td>
- <div id="sampleTreeHeaderSortArrow" style="display: none;">
+ <div id="sampleTreeHeaderSortArrow" class="hidden">
<pre class="brush:css">
div {-moz-appearance: treeheadersortarrow; -webkit-appearance: treeheadersortarrow; color: black; }</pre>
@@ -1130,7 +1130,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>treeitem</code></td>
<td>
- <div id="sampleTreeItem" style="display: none;">
+ <div id="sampleTreeItem" class="hidden">
<pre class="brush:css">
div {-moz-appearance: treeitem; -webkit-appearance: treeitem; color: black; }</pre>
@@ -1143,7 +1143,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>treeline</code></td>
<td>
- <div id="sampleTreeLine" style="display: none;">
+ <div id="sampleTreeLine" class="hidden">
<pre class="brush:css">
div {-moz-appearance: treeline; -webkit-appearance: treeline; color: black; }</pre>
@@ -1156,7 +1156,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>treetwisty</code></td>
<td>
- <div id="sampleTreeTwisty" style="display: none;">
+ <div id="sampleTreeTwisty" class="hidden">
<pre class="brush:css">
div {-moz-appearance: treetwisty; -webkit-appearance: treetwisty; color: transparent; }</pre>
@@ -1169,7 +1169,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>treetwistyopen</code></td>
<td>
- <div id="sampleTreeTwistyOpen" style="display: none;">
+ <div id="sampleTreeTwistyOpen" class="hidden">
<pre class="brush:css">
div {-moz-appearance: treetwistyopen; -webkit-appearance: treetwistyopen; color: transparent; }</pre>
@@ -1182,7 +1182,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>treeview</code></td>
<td>
- <div id="sampleTreeView" style="display: none;">
+ <div id="sampleTreeView" class="hidden">
<pre class="brush:css">
div {-moz-appearance: treeview; -webkit-appearance: treeview; color: black; }</pre>
@@ -1195,7 +1195,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-mac-unified-toolbar</code></td>
<td>
- <div id="sampleMacUnifiedToolbar" style="display: none;">
+ <div id="sampleMacUnifiedToolbar" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-mac-unified-toolbar; color: black; }</pre>
@@ -1208,7 +1208,7 @@ translation_of: Web/CSS/appearance
<tr>
<td>{{ gecko_minversion_inline("2.0") }} <code>-moz-win-borderless-glass</code></td>
<td>
- <div id="sampleWinBorderlessGlass" style="display: none;">
+ <div id="sampleWinBorderlessGlass" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-win-borderless-glass; color: black; }</pre>
@@ -1221,7 +1221,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-win-browsertabbar-toolbox</code></td>
<td>
- <div id="sampleWinBrowsertabbarToolbox" style="display: none;">
+ <div id="sampleWinBrowsertabbarToolbox" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-win-browsertabbar-toolbox; color: black; }</pre>
@@ -1234,7 +1234,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-win-communicationstext</code></td>
<td>
- <div id="sampleWinCommunicationstext" style="display: none;">
+ <div id="sampleWinCommunicationstext" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-win-communicationstext; color: black; }</pre>
@@ -1247,7 +1247,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-win-communications-toolbox</code></td>
<td>
- <div id="sampleWinCommunicationsToolbox" style="display: none;">
+ <div id="sampleWinCommunicationsToolbox" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-win-communications-toolbox; color: black; }</pre>
@@ -1260,7 +1260,7 @@ translation_of: Web/CSS/appearance
<tr>
<td>{{gecko_minversion_inline("6.0")}} <code>-moz-win-exclude-glass</code></td>
<td>
- <div id="sampleWinExcludeGlass" style="display: none;">
+ <div id="sampleWinExcludeGlass" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-win-exclude-glass; color: black; }</pre>
@@ -1273,7 +1273,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-win-glass</code></td>
<td>
- <div id="sampleWinGlass" style="display: none;">
+ <div id="sampleWinGlass" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-win-glass; color: black; }</pre>
@@ -1286,7 +1286,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-win-mediatext</code></td>
<td>
- <div id="sampleWinMediaText" style="display: none;">
+ <div id="sampleWinMediaText" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-win-mediatext; color: black; }</pre>
@@ -1299,7 +1299,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-win-media-toolbox</code></td>
<td>
- <div id="sampleWinMediaToolbox" style="display: none;">
+ <div id="sampleWinMediaToolbox" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-win-media-toolbox; color: black; }</pre>
@@ -1312,7 +1312,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-button-box</code></td>
<td>
- <div id="sampleWindowButtonBox" style="display: none;">
+ <div id="sampleWindowButtonBox" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-button-box; color: black; }</pre>
@@ -1325,7 +1325,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-button-box-maximized</code></td>
<td>
- <div id="sampleWindowButtonBoxMaximized" style="display: none;">
+ <div id="sampleWindowButtonBoxMaximized" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-button-box-maximized; color: black; }</pre>
@@ -1338,7 +1338,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-button-close</code></td>
<td>
- <div id="sampleWindowButtonClose" style="display: none;">
+ <div id="sampleWindowButtonClose" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-button-close; color: black; }</pre>
@@ -1351,7 +1351,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-button-maximize</code></td>
<td>
- <div id="sampleWindowButtonMaximize" style="display: none;">
+ <div id="sampleWindowButtonMaximize" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-button-maximize; color: black; }</pre>
@@ -1364,7 +1364,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-button-minimize</code></td>
<td>
- <div id="sampleWindowButtonMinimize" style="display: none;">
+ <div id="sampleWindowButtonMinimize" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-button-minimize; color: black; }</pre>
@@ -1377,7 +1377,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-button-restore</code></td>
<td>
- <div id="sampleWindowButtonRestore" style="display: none;">
+ <div id="sampleWindowButtonRestore" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-button-restore; color: black; }</pre>
@@ -1390,7 +1390,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-frame-bottom</code></td>
<td>
- <div id="sampleWindowFrameBottom" style="display: none;">
+ <div id="sampleWindowFrameBottom" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-frame-bottom; color: black; }</pre>
@@ -1403,7 +1403,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-frame-left</code></td>
<td>
- <div id="sampleWindowFrameLeft" style="display: none;">
+ <div id="sampleWindowFrameLeft" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-frame-left; color: black; }</pre>
@@ -1416,7 +1416,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-frame-right</code></td>
<td>
- <div id="sampleWindowFrameRight" style="display: none;">
+ <div id="sampleWindowFrameRight" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-frame-right; color: black; }</pre>
@@ -1429,7 +1429,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-titlebar</code></td>
<td>
- <div id="sampleWindowTitlebar" style="display: none;">
+ <div id="sampleWindowTitlebar" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-titlebar; color: black; }</pre>
@@ -1442,7 +1442,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-titlebar-maximized</code></td>
<td>
- <div id="sampleWindowTitlebarMaximized" style="display: none;">
+ <div id="sampleWindowTitlebarMaximized" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-titlebar-maximized; color: black; }</pre>
diff --git a/files/de/web/css/css_background_and_borders/border-image_generator/index.html b/files/de/web/css/css_background_and_borders/border-image_generator/index.html
index ff2740480a..7e223feb3d 100644
--- a/files/de/web/css/css_background_and_borders/border-image_generator/index.html
+++ b/files/de/web/css/css_background_and_borders/border-image_generator/index.html
@@ -8,7 +8,7 @@ translation_of: Web/CSS/CSS_Background_and_Borders/Border-image_generator
---
<p>Dieses Werkzeug kann dazu verwendet werden, CSS3 {{cssxref("border-image")}} Werte zu erzeugen.</p>
-<div style="display: none;">
+<div class="hidden">
<h2 id="Border_Image_Generator" name="Border_Image_Generator">Border Image Generator</h2>
<h3 id="HTML_Content">HTML Content</h3>
diff --git a/files/de/web/css/css_background_and_borders/border-radius_generator/index.html b/files/de/web/css/css_background_and_borders/border-radius_generator/index.html
index 0193a207e7..ced3cae5ad 100644
--- a/files/de/web/css/css_background_and_borders/border-radius_generator/index.html
+++ b/files/de/web/css/css_background_and_borders/border-radius_generator/index.html
@@ -8,7 +8,7 @@ translation_of: Web/CSS/CSS_Background_and_Borders/Border-radius_generator
---
<p>Dieses Werkzeug kann dazu verwendet werden, CSS3 {{cssxref("border-radius")}} Effekte zu erzeugen.</p>
-<div style="display: none;">
+<div class="hidden">
<h2 id="border-radius-generator" name="border-radius-generator">border-radius</h2>
<h3 id="HTML_Content">HTML Content</h3>
diff --git a/files/de/web/css/css_background_and_borders/box-shadow_generator/index.html b/files/de/web/css/css_background_and_borders/box-shadow_generator/index.html
index 0737e34004..9ced969467 100644
--- a/files/de/web/css/css_background_and_borders/box-shadow_generator/index.html
+++ b/files/de/web/css/css_background_and_borders/box-shadow_generator/index.html
@@ -10,7 +10,7 @@ original_slug: Web/CSS/CSS_Boxmodell/Box-shadow_generator
---
<p>Dieses Werkzeug erlaubt es, CSS {{cssxref("box-shadow")}} Effekte zu erstellen, um Schlagschatteneffekte zu CSS Objekten hinzuzufügen.</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>
@@ -1178,7 +1178,7 @@ body {
<h3 id="JavaScript_Content">JavaScript Content</h3>
-<pre class="brush: js"><code class="language-js">
+<pre class="brush: js">
'use strict';
@@ -2877,7 +2877,7 @@ var BoxShadow = (function BoxShadow() {
})();
-</code></pre>
+</pre>
</div>
<div>{{ EmbedLiveSample('box-shadow_generator', '100%', '1100px', '') }}</div>
diff --git a/files/de/web/css/css_colors/color_picker_tool/index.html b/files/de/web/css/css_colors/color_picker_tool/index.html
index ae206cc90a..e0f80ba4ed 100644
--- a/files/de/web/css/css_colors/color_picker_tool/index.html
+++ b/files/de/web/css/css_colors/color_picker_tool/index.html
@@ -11,7 +11,7 @@ tags:
translation_of: Web/CSS/CSS_Colors/Color_picker_tool
original_slug: Web/CSS/CSS_Colors/farbauswahl_werkzeug
---
-<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/de/web/css/filter/index.html b/files/de/web/css/filter/index.html
index 04901d5c3a..21612a2036 100644
--- a/files/de/web/css/filter/index.html
+++ b/files/de/web/css/filter/index.html
@@ -76,7 +76,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;
@@ -171,7 +171,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;
@@ -267,7 +267,7 @@ table.standard-table td {
&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;
@@ -379,7 +379,7 @@ table.standard-table td {
&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;
@@ -465,7 +465,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;
@@ -549,7 +549,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;
@@ -630,7 +630,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;
@@ -714,7 +714,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;
@@ -796,7 +796,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;
@@ -877,7 +877,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;
@@ -961,7 +961,7 @@ table.standard-table td {
<pre class="brush: css">filter: contrast(175%) brightness(3%)</pre>
-<div id="combination_example" style="display: none;">
+<div id="combination_example" class="hidden">
<pre class="brush: html">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
diff --git a/files/de/web/css/gradient/index.html b/files/de/web/css/gradient/index.html
index dcec7d40b2..a9f0423ad3 100644
--- a/files/de/web/css/gradient/index.html
+++ b/files/de/web/css/gradient/index.html
@@ -21,7 +21,7 @@ translation_of: Web/CSS/gradient
<ul>
<li id="linear-gradient"><em>Lineare Farbverläufe</em>, erzeugt durch die {{cssxref("linear-gradient()")}} Funktion, wo die Farbe weich entlang einer imaginären Linie verläuft.
- <pre class="brush: html" style="display: none;">Ein durch einen Farbverlauf erzeugter Regenbogen
+ <pre class="brush: html" class="hidden">Ein durch einen Farbverlauf erzeugter Regenbogen
</pre>
<pre class="brush: css">body {
@@ -35,7 +35,7 @@ background: linear-gradient(to right,red,orange,yellow, green, blue,indigo,viole
<p>{{EmbedLiveSample('linear-gradient', 600, 20)}}</p>
</li>
<li id="radial-gradient"><em>Radiale Farbverläufe</em>, erzeugt durch die {{cssxref("radial-gradient()")}} Funktion. Je weiter sich ein Punkt vom Ursprung entfernt befindet, desto weiter entfernt ist er von der Originalfarbe.
- <pre class="brush: html" style="display: none;">Radialer Farbverlauf
+ <pre class="brush: html" class="hidden">Radialer Farbverlauf
</pre>
<pre class="brush: css">body {
@@ -47,7 +47,7 @@ background: radial-gradient(red, yellow, rgb(30, 144, 255));
<p>{{EmbedLiveSample('radial-gradient', 600, 20)}}</p>
</li>
<li id="repeating-gradient"><em>Wiederholende Farbverläufe</em>, welche lineare oder radiale Farbverläufe fester Größe sind, die sich solange wiederholen bis die gesamte Box gefüllt ist.
- <pre class="brush: html" style="display: none;">Wiederholender Farbverlauf
+ <pre class="brush: html" class="hidden">Wiederholender Farbverlauf
</pre>
<pre class="brush: css">body {
diff --git a/files/de/web/css/resize/index.html b/files/de/web/css/resize/index.html
index 82162a06bf..930ecf5f8c 100644
--- a/files/de/web/css/resize/index.html
+++ b/files/de/web/css/resize/index.html
@@ -88,9 +88,8 @@ resize: unset;
} </pre>
<div id="Disabling_resizability_of_textareas">
-<pre class="brush: html notranslate" style="display: none;">&lt;textarea&gt;Type some text here.&lt;/textarea&gt;</pre>
-<pre class="brush: css notranslate" style="display: none;">textarea {
+<pre class="brush: css notranslate" class="hidden">textarea {
resize: none; /* Disables resizability */
} </pre>
</div>
diff --git a/files/de/web/css/tools/cubic_bezier_generator/index.html b/files/de/web/css/tools/cubic_bezier_generator/index.html
index a385d685be..a401f734aa 100644
--- a/files/de/web/css/tools/cubic_bezier_generator/index.html
+++ b/files/de/web/css/tools/cubic_bezier_generator/index.html
@@ -7,7 +7,7 @@ tags:
translation_of: Web/CSS/Tools/Cubic_Bezier_Generator
---
<div id="Tool">
-<div style="display: none;">
+<div class="hidden">
<pre class="brush:html">&lt;html&gt;
&lt;canvas id="bezier" width="336" height="336"&gt;
&lt;/canvas&gt;
diff --git a/files/de/web/css/tools/linear-gradient_generator/index.html b/files/de/web/css/tools/linear-gradient_generator/index.html
index bc5f7b2465..dbdafdfe28 100644
--- a/files/de/web/css/tools/linear-gradient_generator/index.html
+++ b/files/de/web/css/tools/linear-gradient_generator/index.html
@@ -6,7 +6,7 @@ tags:
- Werkzeuge
translation_of: Web/CSS/Tools/Linear-gradient_Generator
---
-<div style="display: none;">
+<div class="hidden">
<h2 id="linear-gradient_generator" name="linear-gradient_generator">linear-gradient generator</h2>
<h3 id="HTML_Content">HTML Content</h3>
diff --git a/files/de/web/javascript/reference/global_objects/math/cos/index.html b/files/de/web/javascript/reference/global_objects/math/cos/index.html
index 300908a90b..e8e5c3bf86 100644
--- a/files/de/web/javascript/reference/global_objects/math/cos/index.html
+++ b/files/de/web/javascript/reference/global_objects/math/cos/index.html
@@ -10,7 +10,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Math/cos
---
<div>{{JSRef}}</div>
-<p>Die <strong><code>Math.cos()</code></strong> Funktion gibt den <span class="seoSummary">{{interwiki("wikipedia", "Cosinus")}}</span> eines Winkels zurück. Der Winkel muss im <span class="seoSummary">{{interwiki("wikipedia", "Bogenmaß")}}</span> angegeben werden. Der Wert ist <math style="display: inline;"> <mstyle displaystyle="true"> <mfrac> <msub> <mrow> <mtext>length</mtext> </mrow> <mrow> <mrow> <mtext>adjacent</mtext> </mrow> </mrow> </msub> <msub> <mrow> <mtext>length</mtext> </mrow> <mrow> <mrow> <mtext>hypotenuse</mtext> </mrow> </mrow> </msub> </mfrac> </mstyle> </math>.<span style="display: none;"> </span></p>
+<p>Die <strong><code>Math.cos()</code></strong> Funktion gibt den <span class="seoSummary">{{interwiki("wikipedia", "Cosinus")}}</span> eines Winkels zurück. Der Winkel muss im <span class="seoSummary">{{interwiki("wikipedia", "Bogenmaß")}}</span> angegeben werden. Der Wert ist <math style="display: inline;"> <mstyle displaystyle="true"> <mfrac> <msub> <mrow> <mtext>length</mtext> </mrow> <mrow> <mrow> <mtext>adjacent</mtext> </mrow> </mrow> </msub> <msub> <mrow> <mtext>length</mtext> </mrow> <mrow> <mrow> <mtext>hypotenuse</mtext> </mrow> </mrow> </msub> </mfrac> </mstyle> </math>.<span class="hidden"> </span></p>
<div>{{EmbedInteractiveExample("pages/js/math-cos.html")}}</div>
diff --git a/files/de/web/javascript/reference/global_objects/promise/index.html b/files/de/web/javascript/reference/global_objects/promise/index.html
index 9e9756ac65..31b7e276a4 100644
--- a/files/de/web/javascript/reference/global_objects/promise/index.html
+++ b/files/de/web/javascript/reference/global_objects/promise/index.html
@@ -90,7 +90,6 @@ new Promise(function(resolve, reject) { ... });</pre>
<h3 id="Einen_Promise_erstellen">Einen Promise erstellen</h3>
-<pre class="brush: html notranslate" style="display: none;">&lt;button id="btn"&gt;Make a promise!&lt;/button&gt;
&lt;div id="log"&gt;&lt;/div&gt;
</pre>
@@ -134,7 +133,7 @@ function testPromise() {
}
</pre>
-<pre class="brush:js notranslate" style="display: none;">if ("Promise" in window) {
+<pre class="brush:js notranslate" class="hidden">if ("Promise" in window) {
btn = document.getElementById("btn");
btn.addEventListener("click",testPromise);
}
diff --git a/files/es/conflicting/learn/css/building_blocks/selectors/index.html b/files/es/conflicting/learn/css/building_blocks/selectors/index.html
index c15b94b415..0bbf89b28d 100644
--- a/files/es/conflicting/learn/css/building_blocks/selectors/index.html
+++ b/files/es/conflicting/learn/css/building_blocks/selectors/index.html
@@ -360,7 +360,7 @@ a.homepage:hover, a.homepage:focus, a.homepage:active {
<table style="border: 2px outset #36b; padding: 1em;">
<tbody>
<tr>
- <td>Go to our <a class="tutospecial" href="#" title="Home page">Home page</a><span style="display: none;"> </span><span style="display: none;"> </span></td>
+ <td>Go to our <a class="tutospecial" href="#" title="Home page">Home page</a><span class="hidden"> </span><span class="hidden"> </span></td>
</tr>
</tbody>
</table>
diff --git a/files/es/conflicting/mdn/yari_13d770b50d5ab9ce747962b2552e0eef/index.html b/files/es/conflicting/mdn/yari_13d770b50d5ab9ce747962b2552e0eef/index.html
index bdedd4aff0..71308c4e77 100644
--- a/files/es/conflicting/mdn/yari_13d770b50d5ab9ce747962b2552e0eef/index.html
+++ b/files/es/conflicting/mdn/yari_13d770b50d5ab9ce747962b2552e0eef/index.html
@@ -38,7 +38,7 @@ original_slug: MDN/Kuma/Contributing
</div>
<div class="section">
<h2 class="Community" id="Community" name="Community">MDN comunidad de desarrolladores</h2>
- <p><span style="display: none;"> </span>Si desea hablar con nuestros desarrolladores, o incluso mejor, para ayudar a construir y mejorar la plataforma de Kuma, !únase a nuestra comunidad de desarrolladores!</p>
+ <p><span class="hidden"> </span>Si desea hablar con nuestros desarrolladores, o incluso mejor, para ayudar a construir y mejorar la plataforma de Kuma, !únase a nuestra comunidad de desarrolladores!</p>
<ul>
<li>Únase a la conversación en el IRC: <a href="irc://irc.mozilla.org/mdndev" title="irc://irc.mozilla.org/mdndev">#mdndev</a></li>
<li>Lea el foro de desarrolladores MDN: {{DiscussionList("dev-mdn", "mozilla.dev.mdn")}}</li>
diff --git a/files/es/conflicting/web/api/push_api/index.html b/files/es/conflicting/web/api/push_api/index.html
index 016e0abcaa..ea87d50427 100644
--- a/files/es/conflicting/web/api/push_api/index.html
+++ b/files/es/conflicting/web/api/push_api/index.html
@@ -74,7 +74,7 @@ original_slug: Web/API/Push_API/Using_the_Push_API
<li>Over in your service worker, set up a <code>push</code> event handler to respond to push messages being received.
<ol>
<li>If you want to respond by sending a channel message back to the main context (see Step 6) you need to first get a reference to the <code>port2</code> we sent over to the service worker context ({{domxref("MessagePort")}}). This is available on the {{domxref("MessageEvent")}} object passed to the <code>onmessage</code> handler ({{domxref("ServiceWorkerGlobalScope.onmessage")}}). Specifically, this is found in the <code>ports</code> property, index 0. Once this is done, you can send a message back to <code>port1</code>, using {{domxref("MessagePort.postMessage()")}}.</li>
- <li>If you want to respond by firing a system notification, you can do this by calling {{domxref("ServiceWorkerRegistration.showNotification()")}}. Note that in our code we have run this inside an {{domxref("ExtendableEvent.waitUntil()")}} method — this extends the lifetime of the event until after the notification has been fired, so we can make sure everything has happened that we want to happen.<span id="cke_bm_307E" style="display: none;"> </span></li>
+ <li>If you want to respond by firing a system notification, you can do this by calling {{domxref("ServiceWorkerRegistration.showNotification()")}}. Note that in our code we have run this inside an {{domxref("ExtendableEvent.waitUntil()")}} method — this extends the lifetime of the event until after the notification has been fired, so we can make sure everything has happened that we want to happen.<span id="cke_bm_307E" class="hidden"> </span></li>
</ol>
</li>
</ol>
diff --git a/files/es/glossary/google_chrome/index.html b/files/es/glossary/google_chrome/index.html
index 4e13558570..61ad20de77 100644
--- a/files/es/glossary/google_chrome/index.html
+++ b/files/es/glossary/google_chrome/index.html
@@ -49,9 +49,9 @@ translation_of: Glossary/Google_Chrome
<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: none; opacity: 1;"> </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>
@@ -63,7 +63,7 @@ translation_of: Glossary/Google_Chrome
<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/es/learn/common_questions/what_is_a_domain_name/index.html b/files/es/learn/common_questions/what_is_a_domain_name/index.html
index bc38251b25..ef602dfbab 100644
--- a/files/es/learn/common_questions/what_is_a_domain_name/index.html
+++ b/files/es/learn/common_questions/what_is_a_domain_name/index.html
@@ -42,7 +42,7 @@ translation_of: Learn/Common_questions/What_is_a_domain_name
<p>Cada una de estas partes provee información específica sobre el nombre de dominio completo.</p>
<ul>
- <li>TLDs l<span style="display: none;"> </span>ocales como <code>.us</code>, <code>.fr</code>, o <code>.se</code> pueden requerir el servicio en un determinado idioma o  que esté alojado en un país específico - estan hecho para indicar que un recurso está en un idioma o país en particular.</li>
+ <li>TLDs l<span class="hidden"> </span>ocales como <code>.us</code>, <code>.fr</code>, o <code>.se</code> pueden requerir el servicio en un determinado idioma o  que esté alojado en un país específico - estan hecho para indicar que un recurso está en un idioma o país en particular.</li>
<li>Los TLDs que contienen <code>.gov</code> son solamente permitidos para ser usados por los departamentos de gobierno.</li>
<li>Los TLDs como <code>.edu</code> y <code>.ac</code> <code>.uk</code> se supone que se usen solamente en instituciones educacionales o académicas.</li>
</ul>
diff --git a/files/es/learn/css/styling_text/styling_lists/index.html b/files/es/learn/css/styling_text/styling_lists/index.html
index eeb395313b..80f3b3be01 100644
--- a/files/es/learn/css/styling_text/styling_lists/index.html
+++ b/files/es/learn/css/styling_text/styling_lists/index.html
@@ -122,7 +122,7 @@ dd {
<li>La primera regla establece un tipo de letra para todo el sitio y un tamaño de letra base de 10px. Estos valores se heredan para toda la página.</li>
<li>Las reglas 2 y 3 establecen tamaños de letra relativos para los títulos, diferentes tipos de listas (que heredan los hijos de los elementos de listas), y párrafos. Esto significa que todos los párrafos y todas las listas tendrán el mismo tamaño de letra y el mismo espaciado superior e inferior, lo que ayudará a mantener el ritmo vertical constante.</li>
<li>La regla 4 establece el mismo interlineado ({{cssxref("line-height")}}) en los párrafos y los elementos de las listas, de modo que todos los párrafos y todos los elementos individuales de las listas tendrán el mismo espaciado entre las líneas. Esto también ayudará a mantener el ritmo vertical consistente.</li>
- <li>Las reglas 5 y 6 se aplican a las listas de descripciones; establecemos la misma altura de interlineado (<code>line-height</code>) en los términos y las descripciones de la lista de descripciones, así como hicimos con los párrafos y los elementos de la lista. De nuevo, ¡la coherencia es buena! También establecemos que los términos de las descripciones tengan un estilo de negrita, para que destaquen visualmente.<span id="cke_bm_126E" style="display: none;"> </span></li>
+ <li>Las reglas 5 y 6 se aplican a las listas de descripciones; establecemos la misma altura de interlineado (<code>line-height</code>) en los términos y las descripciones de la lista de descripciones, así como hicimos con los párrafos y los elementos de la lista. De nuevo, ¡la coherencia es buena! También establecemos que los términos de las descripciones tengan un estilo de negrita, para que destaquen visualmente.<span id="cke_bm_126E" class="hidden"> </span></li>
</ul>
<h2 id="Estilos_específicos_de_las_listas">Estilos específicos de las listas</h2>
diff --git a/files/es/learn/html/howto/index.html b/files/es/learn/html/howto/index.html
index 4717432b11..24ec51663c 100644
--- a/files/es/learn/html/howto/index.html
+++ b/files/es/learn/html/howto/index.html
@@ -139,4 +139,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/es/learn/html/multimedia_and_embedding/responsive_images/index.html b/files/es/learn/html/multimedia_and_embedding/responsive_images/index.html
index daa97085e9..ef66e0fd14 100644
--- a/files/es/learn/html/multimedia_and_embedding/responsive_images/index.html
+++ b/files/es/learn/html/multimedia_and_embedding/responsive_images/index.html
@@ -20,7 +20,7 @@ translation_of: Learn/HTML/Multimedia_and_embedding/Responsive_images
<td>Deberías tener un conocimiento <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">básico de HTML</a> y cómo <a href="/en-US/docs/Learn/HTML/Multimedia_and_embedding/Images_in_HTML">agregar imágenes estáticas a un sitio web</a>.</td>
</tr>
<tr>
- <th scope="row"><span style="display: none;"> </span>Objetivo:<span style="display: none;"> </span></th>
+ <th scope="row"><span class="hidden"> </span>Objetivo:<span class="hidden"> </span></th>
<td>Aprende a usar características como {{htmlattrxref("srcset", "img")}} y el elemento {{htmlelement("picture")}} para implementar soluciones de imágenes adaptables a sitios web.</td>
</tr>
</tbody>
diff --git a/files/es/orphaned/storage/index.html b/files/es/orphaned/storage/index.html
index 9763850868..8921560a24 100644
--- a/files/es/orphaned/storage/index.html
+++ b/files/es/orphaned/storage/index.html
@@ -247,7 +247,7 @@ if (ourTransaction)
<h2 id="Ver_tambi.C3.A9n" name="Ver_tambi.C3.A9n">Ver también</h2>
<ul> <li><a href="/es/mozIStorageConnection" title="es/mozIStorageConnection">mozIStorageConnection</a> Conexión de la base de datos a un archivo específico o almacenamiento en memoria.</li> <li><a href="/es/MozIStorageStatement" title="es/MozIStorageStatement">mozIStorageStatement</a> Crea y ejecuta sentencias SQL en bases de datos SQLite.</li> <li><a href="/es/MozIStorageValueArray" title="es/MozIStorageValueArray">mozIStorageValueArray</a> Agrupa una matriz de valores SQL, como una fila resultante.</li> <li><a href="/es/MozIStorageFunction" title="es/MozIStorageFunction">mozIStorageFunction</a> Crea una nueva función SQLite.</li> <li><a href="/es/MozIStorageAggregateFunction" title="es/MozIStorageAggregateFunction">mozIStorageAggregateFunction</a> Crea una nueva función agregada SQLite.</li> <li><a href="/es/MozIStorageProgressHandler" title="es/MozIStorageProgressHandler">mozIStorageProgressHandler</a> Vigilar progresos durante la ejecución de una sentencia.</li> <li><a href="/es/MozIStorageStatementWrapper" title="es/MozIStorageStatementWrapper">mozIStorageStatementWrapper</a> Agrupador de la sentencia Storage.</li> <li><a href="/es/MozIStorageService" title="es/MozIStorageService">mozIStorageService</a> Servicio Storage.</li>
</ul>
-<ul> <li><a href="/es/Storage/Performance" title="es/Storage/Performance">Storage:Rendimiento</a> Cómo hacer que tu conexión de base de datos rinda bien.</li> <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/3072">Storage Inspector Extension</a><span class="goog-zippy-collapsed" id="romanspan" style="display: none;"><img alt="" class="buttons square13 zippy-plus" id="romanimg" src="http://www.google.es/images/cleardot.gif"><span id="romantext">Mostrar forma romanizada</span><span class="short_text" id="result_box"><span title=""><br> </span></span></span> <span class="short_text" id="result_box"><span title="">Hace que sea fácil de ver los archivos de base de datos SQLite en el perfil actual.</span></span></li> <li><a class="external" href="http://www.sqlite.org/lang.html">SQLite Syntax</a> Query <span class="short_text" id="result_box"><span style="" title="">lengua que comprenda </span></span>SQLite</li> <li><a class="external" href="http://sqlitebrowser.sourceforge.net/">SQLite Database Browser</a><span class="medium_text" id="result_box"><span title="">es una herramienta capaz libre disponible para muchas plataformas. </span><span title="">Puede ser útil para examinar las bases de datos existentes y las pruebas sentencias SQL.</span></span> <span class="goog-zippy-collapsed" id="romanspan" style="display: none;"><img alt="" class="buttons square13 zippy-plus" id="romanimg" src="http://www.google.es/images/cleardot.gif"><span id="romantext">Mostrar forma romanizada</span></span></li> <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/5817">SQLite Manager Extension</a><span class="short_text" id="result_box"><span style="background-color: rgb(255, 255, 255);" title="">ayuda a administrar los archivos de base de datos SQLite en el equipo.</span></span> <span class="goog-zippy-collapsed" id="romanspan" style="display: none;"><img alt="" class="buttons square13 zippy-plus" id="romanimg" src="http://www.google.es/images/cleardot.gif"><span id="romantext">Mostrar forma romanizada</span></span> <div class="almost_half_cell" style=""> <div dir="ltr" style=""><span class="short_text" id="result_box"><span style="background-color: rgb(255, 255, 255);" title=""><br> </span></span></div> </div> </li>
+<ul> <li><a href="/es/Storage/Performance" title="es/Storage/Performance">Storage:Rendimiento</a> Cómo hacer que tu conexión de base de datos rinda bien.</li> <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/3072">Storage Inspector Extension</a><span class="goog-zippy-collapsed" id="romanspan" class="hidden"><img alt="" class="buttons square13 zippy-plus" id="romanimg" src="http://www.google.es/images/cleardot.gif"><span id="romantext">Mostrar forma romanizada</span><span class="short_text" id="result_box"><span title=""><br> </span></span></span> <span class="short_text" id="result_box"><span title="">Hace que sea fácil de ver los archivos de base de datos SQLite en el perfil actual.</span></span></li> <li><a class="external" href="http://www.sqlite.org/lang.html">SQLite Syntax</a> Query <span class="short_text" id="result_box"><span style="" title="">lengua que comprenda </span></span>SQLite</li> <li><a class="external" href="http://sqlitebrowser.sourceforge.net/">SQLite Database Browser</a><span class="medium_text" id="result_box"><span title="">es una herramienta capaz libre disponible para muchas plataformas. </span><span title="">Puede ser útil para examinar las bases de datos existentes y las pruebas sentencias SQL.</span></span> <span class="goog-zippy-collapsed" id="romanspan" class="hidden"><img alt="" class="buttons square13 zippy-plus" id="romanimg" src="http://www.google.es/images/cleardot.gif"><span id="romantext">Mostrar forma romanizada</span></span></li> <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/5817">SQLite Manager Extension</a><span class="short_text" id="result_box"><span style="background-color: rgb(255, 255, 255);" title="">ayuda a administrar los archivos de base de datos SQLite en el equipo.</span></span> <span class="goog-zippy-collapsed" id="romanspan" class="hidden"><img alt="" class="buttons square13 zippy-plus" id="romanimg" src="http://www.google.es/images/cleardot.gif"><span id="romantext">Mostrar forma romanizada</span></span> <div class="almost_half_cell" style=""> <div dir="ltr" style=""><span class="short_text" id="result_box"><span style="background-color: rgb(255, 255, 255);" title=""><br> </span></span></div> </div> </li>
</ul>
<p> </p>
<p>{{ languages( { "es": "es/Almacenamiento", "fr": "fr/Storage", "ja": "ja/Storage", "pl": "pl/Storage", "en": "en/Storage" } ) }}</p>
diff --git a/files/es/tools/page_inspector/how_to/work_with_animations/index.html b/files/es/tools/page_inspector/how_to/work_with_animations/index.html
index 2ad2d5afa1..2d855f1785 100644
--- a/files/es/tools/page_inspector/how_to/work_with_animations/index.html
+++ b/files/es/tools/page_inspector/how_to/work_with_animations/index.html
@@ -70,7 +70,7 @@ translation_of: Tools/Page_Inspector/How_to/Work_with_animations
<li>Each element had two properties animated:
<ul>
<li><code><a href="/en-US/docs/Web/CSS/width">width</a></code> and <code><a href="/en-US/docs/Web/CSS/opacity">opacity</a></code> for the channel name</li>
- <li><code><a href="/en-US/docs/Web/CSS/filter">filter</a></code> and <code><a href="/en-US/docs/Web/CSS/transform">transform</a></code> for the icon.<span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span></li>
+ <li><code><a href="/en-US/docs/Web/CSS/filter">filter</a></code> and <code><a href="/en-US/docs/Web/CSS/transform">transform</a></code> for the icon.<span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span></li>
</ul>
</li>
<li>The <code>filter</code> property had a delay of 0.25 seconds applied to it.</li>
diff --git a/files/es/web/api/canvasrenderingcontext2d/arc/index.html b/files/es/web/api/canvasrenderingcontext2d/arc/index.html
index db4803a7ab..e6867c1785 100644
--- a/files/es/web/api/canvasrenderingcontext2d/arc/index.html
+++ b/files/es/web/api/canvasrenderingcontext2d/arc/index.html
@@ -51,7 +51,7 @@ ctx.stroke();
<p><span class="notranslate">Edite el código de abajo y vea su actualización de cambios en vivo en el lienzo:</span></p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code" name="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
@@ -97,7 +97,7 @@ window.addEventListener("load", drawCanvas);
<p><span class="notranslate">En este ejemplo se dibujan diferentes formas para mostrar lo que es posible al usar <code>arc()</code> .</span></p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="HTML_2">HTML</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="150" height="200"&gt;&lt;/canvas&gt;
diff --git a/files/es/web/api/canvasrenderingcontext2d/beginpath/index.html b/files/es/web/api/canvasrenderingcontext2d/beginpath/index.html
index 1c91e264f4..1ba81cea48 100644
--- a/files/es/web/api/canvasrenderingcontext2d/beginpath/index.html
+++ b/files/es/web/api/canvasrenderingcontext2d/beginpath/index.html
@@ -51,7 +51,7 @@ ctx.stroke();
<p>Edita el código aquí debajo y mira tus cambios actualizarse en vivo en el canvas:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/es/web/api/canvasrenderingcontext2d/clearrect/index.html b/files/es/web/api/canvasrenderingcontext2d/clearrect/index.html
index 64aa1a3908..12f9709bc5 100644
--- a/files/es/web/api/canvasrenderingcontext2d/clearrect/index.html
+++ b/files/es/web/api/canvasrenderingcontext2d/clearrect/index.html
@@ -41,7 +41,7 @@ translation_of: Web/API/CanvasRenderingContext2D/clearRect
</dt>
</dl>
-<p><span style="display: none;"> </span> Este es un simple fragmento (snippet) de código que usa el método <strong><code>clearRect</code></strong>.</p>
+<p><span class="hidden"> </span> Este es un simple fragmento (snippet) de código que usa el método <strong><code>clearRect</code></strong>.</p>
<h4 id="HTML">HTML</h4>
@@ -64,7 +64,7 @@ ctx.clearRect(10, 10, 100, 100);
// clear the whole canvas
// ctx.clearRect(0, 0, canvas.width, canvas.height);</pre>
-<h2 id="sect1"><span style="display: none;"> </span> </h2>
+<h2 id="sect1"><span class="hidden"> </span> </h2>
<p>Edite el código de abajo y vea sus cambios actualizados en vivo en el canvas:</p>
@@ -87,7 +87,7 @@ ctx.clearRect(10, 10, 100, 100);
</tbody>
</table>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/es/web/api/canvasrenderingcontext2d/drawimage/index.html b/files/es/web/api/canvasrenderingcontext2d/drawimage/index.html
index 2d5330ec53..45146d25ef 100644
--- a/files/es/web/api/canvasrenderingcontext2d/drawimage/index.html
+++ b/files/es/web/api/canvasrenderingcontext2d/drawimage/index.html
@@ -65,7 +65,6 @@ void <var><em>ctx</em>.drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth,
<h4 id="HTML">HTML</h4>
<pre class="brush: html">&lt;canvas id="canvas"&gt;&lt;/canvas&gt;
-&lt;div style="display:none;"&gt;
&lt;img id="source" src="https://mdn.mozillademos.org/files/5397/rhino.jpg"
width="300" height="227"&gt;
&lt;/div&gt;
@@ -82,11 +81,10 @@ ctx.drawImage(image, 33, 71, 104, 124, 21, 20, 87, 104);
<p>Edita el código debajo y observa los cambios actualizarse en vivo en el canvas:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
-&lt;div style="display:none;"&gt;
&lt;img id="source" src="https://mdn.mozillademos.org/files/5397/rhino.jpg" width="300" height="227"&gt;
&lt;/div&gt;
&lt;div class="playable-buttons"&gt;
diff --git a/files/es/web/api/canvasrenderingcontext2d/fillrect/index.html b/files/es/web/api/canvasrenderingcontext2d/fillrect/index.html
index bc1a6ddf65..b1308d9171 100644
--- a/files/es/web/api/canvasrenderingcontext2d/fillrect/index.html
+++ b/files/es/web/api/canvasrenderingcontext2d/fillrect/index.html
@@ -49,7 +49,7 @@ ctx.fillRect(10, 10, 100, 100);
<p>Edita el código  que se encuentra a continuación y observa en vivo los cambios actualizados en el canvas:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/es/web/api/canvasrenderingcontext2d/index.html b/files/es/web/api/canvasrenderingcontext2d/index.html
index 77df4af190..f831371fe2 100644
--- a/files/es/web/api/canvasrenderingcontext2d/index.html
+++ b/files/es/web/api/canvasrenderingcontext2d/index.html
@@ -441,7 +441,7 @@ ctx.fillRect(10, 10, 55, 50);
<div id="SLG_balloon_obj" style="display: block;">
<div class="SLG_ImTranslatorLogo" id="SLG_button" style="display: none; opacity: 1;"> </div>
-<div id="SLG_shadow_translation_result2" style="display: none;"> </div>
+<div id="SLG_shadow_translation_result2" class="hidden"> </div>
<div id="SLG_shadow_translator" style="display: none; box-shadow: rgb(186, 185, 181) 0px 0px 0px;">
<div id="SLG_planshet">
@@ -455,7 +455,7 @@ ctx.fillRect(10, 10, 55, 50);
<div class="SLG_BL_LABLE_ON" id="SLG_P2" title="Translator">T</div>
</div>
-<div id="SLG_alert_bbl" style="display: none;">
+<div id="SLG_alert_bbl" class="hidden">
<div id="SLHKclose" style=""> </div>
<div id="SLG_alert_cont"> </div>
diff --git a/files/es/web/api/event/event/index.html b/files/es/web/api/event/event/index.html
index b1410daf7b..fa62101a16 100644
--- a/files/es/web/api/event/event/index.html
+++ b/files/es/web/api/event/event/index.html
@@ -26,7 +26,7 @@ translation_of: Web/API/Event/Event
<li><code>"bubbles"</code>: (Opcional) {{jsxref("Boolean")}} indica si el evento se propaga. Por defecto es <code>false</code>.</li>
<li><code>"cancelable"</code>: (Opcional) A {{jsxref("Boolean")}} indica si el evento puede ser cancelado. Por defecto es <code>false</code>.</li>
<li><code>"scoped"</code>: (Opcional) {{jsxref("Boolean")}} indica el ámbito de propagación. Si el valor es <code>true</code>, <code>deepPath</code> contendrá el nodo de destino.</li>
- <li><code>"composed"</code>: (Opcional) {{jsxref("Boolean")}} que indica si el evento disparará listeners fuera de un shadow root. Por defecto es <code>false</code>.<span style="display: none;"> </span></li>
+ <li><code>"composed"</code>: (Opcional) {{jsxref("Boolean")}} que indica si el evento disparará listeners fuera de un shadow root. Por defecto es <code>false</code>.<span class="hidden"> </span></li>
</ul>
</dd>
</dl>
diff --git a/files/es/web/api/media_streams_api/index.html b/files/es/web/api/media_streams_api/index.html
index 38ece0b5b8..41b5620158 100644
--- a/files/es/web/api/media_streams_api/index.html
+++ b/files/es/web/api/media_streams_api/index.html
@@ -211,7 +211,7 @@ original_slug: WebRTC/MediaStream_API
<dd>
<strong>MediaTrackConstraints</strong> or <strong>null</strong></dd>
<dt>
- <span id="cke_bm_186C" style="display: none;"> </span>Excepciones</dt>
+ <span id="cke_bm_186C" class="hidden"> </span>Excepciones</dt>
<dd>
None.</dd>
</dl>
@@ -321,7 +321,7 @@ original_slug: WebRTC/MediaStream_API
<dd>
INVALID_STATE_ERR if the stream is finished (all tracks have ended).</dd>
</dl>
-<h3 id="item()">item()<span id="cke_bm_369C" style="display: none;"> </span></h3>
+<h3 id="item()">item()<span id="cke_bm_369C" class="hidden"> </span></h3>
<p>Devuelve la MediaStreamTrack al valor de índice (index) especificado.</p>
<dl>
<dt>
diff --git a/files/es/web/css/appearance/index.html b/files/es/web/css/appearance/index.html
index b9bb3a62cc..9e0bdcaada 100644
--- a/files/es/web/css/appearance/index.html
+++ b/files/es/web/css/appearance/index.html
@@ -48,7 +48,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>none</code></td>
<td>
- <div id="sampleNone" style="display: none;">
+ <div id="sampleNone" class="hidden">
<pre class="brush:css">
div {-moz-appearance: none; -webkit-appearance: none; color: black;}</pre>
@@ -62,7 +62,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>button</code></td>
<td>
- <div id="sampleButton" style="display: none;">
+ <div id="sampleButton" class="hidden">
<pre class="brush:css">
div {-moz-appearance: button; -webkit-appearance: button; color: black; }</pre>
@@ -75,7 +75,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>button-arrow-down</code></td>
<td>
- <div id="sampleButtonArrowDown" style="display: none;">
+ <div id="sampleButtonArrowDown" class="hidden">
<pre class="brush:css">
div {-moz-appearance: button-arrow-down; -webkit-appearance: button-arrow-down; color: black; }</pre>
@@ -88,7 +88,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>button-arrow-next</code></td>
<td>
- <div id="sampleButtonArrowNext" style="display: none;">
+ <div id="sampleButtonArrowNext" class="hidden">
<pre class="brush:css">
div {-moz-appearance: button-arrow-next; -webkit-appearance: button-arrow-next; color: black; }</pre>
@@ -101,7 +101,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>button-arrow-previous</code></td>
<td>
- <div id="sampleButtonArrowPrevious" style="display: none;">
+ <div id="sampleButtonArrowPrevious" class="hidden">
<pre class="brush:css">
div {-moz-appearance: button-arrow-previous; -webkit-appearance: button-arrow-previous; color: black; }</pre>
@@ -114,7 +114,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>button-arrow-up</code></td>
<td>
- <div id="sampleButtonArrowUp" style="display: none;">
+ <div id="sampleButtonArrowUp" class="hidden">
<pre class="brush:css">
div {-moz-appearance: button-arrow-up; -webkit-appearance: button-arrow-up; color: black; }</pre>
@@ -127,7 +127,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>button-bevel</code></td>
<td>
- <div id="sampleButtonBevel" style="display: none;">
+ <div id="sampleButtonBevel" class="hidden">
<pre class="brush:css">
div {-moz-appearance: button-bevel; -webkit-appearance: button-bevel; color: black; }</pre>
@@ -140,7 +140,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>button-focus</code></td>
<td>
- <div id="sampleButtonFocus" style="display: none;">
+ <div id="sampleButtonFocus" class="hidden">
<pre class="brush:css">
div {-moz-appearance: button-focus; -webkit-appearance: button-focus; color: black; }</pre>
@@ -153,7 +153,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>caret</code></td>
<td>
- <div id="sampleCaret" style="display: none;">
+ <div id="sampleCaret" class="hidden">
<pre class="brush:css">
div {-moz-appearance: caret; -webkit-appearance: caret; color: black; }</pre>
@@ -166,7 +166,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>checkbox</code></td>
<td>
- <div id="sampleCheckbox" style="display: none;">
+ <div id="sampleCheckbox" class="hidden">
<pre class="brush:css">
div {-moz-appearance: checkbox; -webkit-appearance: checkbox; color: black; }</pre>
@@ -179,7 +179,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>checkbox-container</code></td>
<td>
- <div id="sampleCheckboxContainer" style="display: none;">
+ <div id="sampleCheckboxContainer" class="hidden">
<pre class="brush:css">
div {-moz-appearance: checkbox-container; -webkit-appearance: checkbox-container; color: black; }</pre>
@@ -192,7 +192,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>checkbox-label</code></td>
<td>
- <div id="sampleCheckboxLabel" style="display: none;">
+ <div id="sampleCheckboxLabel" class="hidden">
<pre class="brush:css">
div {-moz-appearance: checkbox-label; -webkit-appearance: checkbox-label; color: black; }</pre>
@@ -205,7 +205,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>checkmenuitem</code></td>
<td>
- <div id="sampleCheckmenuitem" style="display: none;">
+ <div id="sampleCheckmenuitem" class="hidden">
<pre class="brush:css">
div {-moz-appearance: checkmenuitem; -webkit-appearance: checkmenuitem; height: 20px; color: black; }</pre>
@@ -218,7 +218,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>dualbutton</code></td>
<td>
- <div id="sampleDualButton" style="display: none;">
+ <div id="sampleDualButton" class="hidden">
<pre class="brush:css">
div {-moz-appearance: dualbutton; -webkit-appearance: dualbutton; color: black; }</pre>
@@ -231,7 +231,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>groupbox</code></td>
<td>
- <div id="sampleGroupbox" style="display: none;">
+ <div id="sampleGroupbox" class="hidden">
<pre class="brush:css">
div {-moz-appearance: groupbox; -webkit-appearance: groupbox; color: black; }</pre>
@@ -244,7 +244,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>listbox</code></td>
<td>
- <div id="sampleListBox" style="display: none;">
+ <div id="sampleListBox" class="hidden">
<pre class="brush:css">
div {-moz-appearance: listbox; -webkit-appearance: listbox; height:20px; color: black; }</pre>
@@ -257,7 +257,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>listitem</code></td>
<td>
- <div id="sampleListItem" style="display: none;">
+ <div id="sampleListItem" class="hidden">
<pre class="brush:css">
div {-moz-appearance: listitem; -webkit-appearance: listitem; color: black; }</pre>
@@ -270,7 +270,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menuarrow</code></td>
<td>
- <div id="sampleMenuArrow" style="display: none;">
+ <div id="sampleMenuArrow" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menuarrow; -webkit-appearance: menuarrow; color: black; }</pre>
@@ -283,7 +283,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menubar</code></td>
<td>
- <div id="sampleMenubar" style="display: none;">
+ <div id="sampleMenubar" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menubar; -webkit-appearance: menubar; color: balck; }</pre>
@@ -296,7 +296,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menucheckbox</code></td>
<td>
- <div id="sampleMenuCheckbox" style="display: none;">
+ <div id="sampleMenuCheckbox" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menucheckbox; -webkit-appearance: menucheckbox; color: black; }</pre>
@@ -309,7 +309,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menuimage</code></td>
<td>
- <div id="sampleMenuImage" style="display: none;">
+ <div id="sampleMenuImage" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menuimage; -webkit-appearance: menuimage; color: black; }</pre>
@@ -322,7 +322,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menuitem</code></td>
<td>
- <div id="sampleMenuItem" style="display: none;">
+ <div id="sampleMenuItem" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menuitem; -webkit-appearance: menuitem; color: black; }</pre>
@@ -335,7 +335,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menuitemtext</code></td>
<td>
- <div id="sampleMenuItemText" style="display: none;">
+ <div id="sampleMenuItemText" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menuitemtext; -webkit-appearance: menuitemtext; color: black; }</pre>
@@ -348,7 +348,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menulist</code></td>
<td>
- <div id="sampleMenuList" style="display: none;">
+ <div id="sampleMenuList" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menulist; -webkit-appearance: menulist; color: black; }</pre>
@@ -361,7 +361,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menulist-button</code></td>
<td>
- <div id="sampleMenuListButton" style="display: none;">
+ <div id="sampleMenuListButton" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menulist-button; -webkit-appearance: menulist-button; color: black; }</pre>
@@ -374,7 +374,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menulist-text</code></td>
<td>
- <div id="sampleMenuListText" style="display: none;">
+ <div id="sampleMenuListText" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menulist-text; -webkit-appearance: menulist-text; color: black; }</pre>
@@ -387,7 +387,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menulist-textfield</code></td>
<td>
- <div id="sampleMenuListTextfield" style="display: none;">
+ <div id="sampleMenuListTextfield" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menulist-textfield; -webkit-appearance: menulist-textfield; color: black; }</pre>
@@ -400,7 +400,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menupopup</code></td>
<td>
- <div id="sampleMenuPopup" style="display: none;">
+ <div id="sampleMenuPopup" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menupopup; -webkit-appearance: menupopup; color: black; }</pre>
@@ -413,7 +413,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menuradio</code></td>
<td>
- <div id="sampleMenuRadio" style="display: none;">
+ <div id="sampleMenuRadio" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menuradio; -webkit-appearance: menuradio; color: black; }</pre>
@@ -426,7 +426,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menuseparator</code></td>
<td>
- <div id="sampleMenuSeparator" style="display: none;">
+ <div id="sampleMenuSeparator" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menuseparator; -webkit-appearance: menuseparator; color: transparent; }</pre>
@@ -439,7 +439,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>meterbar</code></td>
<td>
- <div id="sampleMeterbar" style="display: none;">
+ <div id="sampleMeterbar" class="hidden">
<pre class="brush:css">
div {-moz-appearance: meterbar; -webkit-appearance: meterbar; color: black; }</pre>
@@ -452,7 +452,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>meterchunk</code></td>
<td>
- <div id="sampleMeterchunk" style="display: none;">
+ <div id="sampleMeterchunk" class="hidden">
<pre class="brush:css">
div {-moz-appearance: meterchunk; -webkit-appearance: meterchunk; color: black; }</pre>
@@ -465,7 +465,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>progressbar</code></td>
<td>
- <div id="sampleProgressBar" style="display: none;">
+ <div id="sampleProgressBar" class="hidden">
<pre class="brush:css">
div {-moz-appearance: progressbar; -webkit-appearance: progressbar; color: black; }</pre>
@@ -478,7 +478,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>progressbar-vertical</code></td>
<td>
- <div id="sampleProgressBarVertical" style="display: none;">
+ <div id="sampleProgressBarVertical" class="hidden">
<pre class="brush:css">
div {-moz-appearance: progressbar-vertical; -webkit-appearance: preogressbar-vertical; color: transparent; }</pre>
@@ -491,7 +491,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>progresschunk</code></td>
<td>
- <div id="sampleProgressChunk" style="display: none;">
+ <div id="sampleProgressChunk" class="hidden">
<pre class="brush:css">
div {-moz-appearance: progresschunk; -webkit-appearance: progresschunk; color: black; }</pre>
@@ -504,7 +504,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>progresschunk-vertical</code></td>
<td>
- <div id="sampleProgressChunkVertical" style="display: none;">
+ <div id="sampleProgressChunkVertical" class="hidden">
<pre class="brush:css">
div {-moz-appearance: progresschunk-vertical; -webkit-appearance: progresschunk-vertical; color: black; }</pre>
@@ -517,7 +517,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>radio</code></td>
<td>
- <div id="sampleRadio" style="display: none;">
+ <div id="sampleRadio" class="hidden">
<pre class="brush:css">
div {-moz-appearance: radio; -webkit-appearance: radio; color: black; }</pre>
@@ -530,7 +530,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>radio-container</code></td>
<td>
- <div id="sampleRadioContainer" style="display: none;">
+ <div id="sampleRadioContainer" class="hidden">
<pre class="brush:css">
div {-moz-appearance: radio-container; -webkit-appearance: radio-container; color: black; }</pre>
@@ -543,7 +543,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>radio-label</code></td>
<td>
- <div id="sampleRadioLabel" style="display: none;">
+ <div id="sampleRadioLabel" class="hidden">
<pre class="brush:css">
div {-moz-appearance: radio-label; -webkit-appearance: radio-label; color: black; }</pre>
@@ -556,7 +556,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>radiomenuitem</code></td>
<td>
- <div id="sampleRadioMenuItem" style="display: none;">
+ <div id="sampleRadioMenuItem" class="hidden">
<pre class="brush:css">
div {-moz-appearance: radiomenuitem; -webkit-appearance: radiomenuitem; color: black; }</pre>
@@ -569,7 +569,7 @@ translation_of: Web/CSS/appearance
<tr>
<td>range</td>
<td>
- <div id="sampleRange" style="display: none;">
+ <div id="sampleRange" class="hidden">
<pre class="brush:css">
div {-moz-appearance: range; -webkit-appearance: range; color: black; }</pre>
@@ -582,7 +582,7 @@ translation_of: Web/CSS/appearance
<tr>
<td>range-thumb</td>
<td>
- <div id="sampleRangeThumb" style="display: none;">
+ <div id="sampleRangeThumb" class="hidden">
<pre class="brush:css">
div {-moz-appearance: range-thumb; -webkit-appearance: range-thumb; color: black; }</pre>
@@ -595,7 +595,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>resizer</code></td>
<td>
- <div id="sampleResizer" style="display: none;">
+ <div id="sampleResizer" class="hidden">
<pre class="brush:css">
div {-moz-appearance: resizer; -webkit-appearance: resizer; color: transparent; }</pre>
@@ -608,7 +608,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>resizerpanel</code></td>
<td>
- <div id="sampleResizerPanel" style="display: none;">
+ <div id="sampleResizerPanel" class="hidden">
<pre class="brush:css">
div {-moz-appearance: resizerpanel; -webkit-appearance: resizerpanel; color: black; }</pre>
@@ -621,7 +621,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scale-horizontal</code></td>
<td>
- <div id="sampleScaleHorizontal" style="display: none;">
+ <div id="sampleScaleHorizontal" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scale-horizontal; -webkit-appearance: scale-horizontal; color: transparent; }</pre>
@@ -634,7 +634,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scalethumbend</code></td>
<td>
- <div id="sampleThumbEnd" style="display: none;">
+ <div id="sampleThumbEnd" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scalethumbend; -webkit-appearance: scalethumbend; color: black; }</pre>
@@ -647,7 +647,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scalethumb-horizontal</code></td>
<td>
- <div id="sampleScaleThumbHorizontal" style="display: none;">
+ <div id="sampleScaleThumbHorizontal" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scalethumb-horizontal; -webkit-appearance: scalethumb-horizontal; color: transparent; }</pre>
@@ -660,7 +660,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scalethumbstart</code></td>
<td>
- <div id="sampleScaleThumbStart" style="display: none;">
+ <div id="sampleScaleThumbStart" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scalethumbstart; -webkit-appearance: scalethumbstart; color: black; }</pre>
@@ -673,7 +673,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scalethumbtick</code></td>
<td>
- <div id="sampleScaleThumbTick" style="display: none;">
+ <div id="sampleScaleThumbTick" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scalethumbtick; -webkit-appearance: scalethumbtick; color: black; }</pre>
@@ -686,7 +686,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scalethumb-vertical</code></td>
<td>
- <div id="sampleScaleThumbVertical" style="display: none;">
+ <div id="sampleScaleThumbVertical" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scalethumb-vertical; -webkit-appearance: scalethumb-vertical; color: black; }</pre>
@@ -699,7 +699,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scale-vertical</code></td>
<td>
- <div id="sampleScaleVertical" style="display: none;">
+ <div id="sampleScaleVertical" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scale-vertical; -webkit-appearance: scale-vertical; color: transparent; }</pre>
@@ -712,7 +712,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scrollbarbutton-down</code></td>
<td>
- <div id="sampleScrollbarButtonDown" style="display: none;">
+ <div id="sampleScrollbarButtonDown" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scrollbarbutton-down; -webkit-appearance: scrollbarbutton-down; color: black; }</pre>
@@ -725,7 +725,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scrollbarbutton-left</code></td>
<td>
- <div id="sampleScrollbarButtonLeft" style="display: none;">
+ <div id="sampleScrollbarButtonLeft" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scrollbarbutton-left; -webkit-appearance: scrollbarbutton-left; color: black; }</pre>
@@ -738,7 +738,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scrollbarbutton-right</code></td>
<td>
- <div id="sampleScrollbarButtonRight" style="display: none;">
+ <div id="sampleScrollbarButtonRight" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scrollbarbutton-right; -webkit-appearance: scrollbarbutton-right; color: black; }</pre>
@@ -751,7 +751,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scrollbarbutton-up</code></td>
<td>
- <div id="sampleScrollbarButtonUp" style="display: none;">
+ <div id="sampleScrollbarButtonUp" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scrollbarbutton-up; -webkit-appearance: scrollbarbutton-up; color: black; }</pre>
@@ -764,7 +764,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scrollbarthumb-horizontal</code></td>
<td>
- <div id="sampleScrollbarThumbHorizontal" style="display: none;">
+ <div id="sampleScrollbarThumbHorizontal" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scrollbarthumb-horizontal; -webkit-appearance: scrollbarthumb-horizontal; color: black; }</pre>
@@ -777,7 +777,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scrollbarthumb-vertical</code></td>
<td>
- <div id="sampleScrollbarThumbVertical" style="display: none;">
+ <div id="sampleScrollbarThumbVertical" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scrollbarthumb-vertical; -webkit-appearance: scrollbarthumb-vertical; color: black; }</pre>
@@ -790,7 +790,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scrollbartrack-horizontal</code></td>
<td>
- <div id="sampleScrollbarTrackHorizontal" style="display: none;">
+ <div id="sampleScrollbarTrackHorizontal" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scrollbartrack-horizontal; -webkit-appearance: scrollbartrack-horizontal; color: black; }</pre>
@@ -803,7 +803,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scrollbartrack-vertical</code></td>
<td>
- <div id="sampleScrollbarTrackVertical" style="display: none;">
+ <div id="sampleScrollbarTrackVertical" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scrollbartrack-vertical; -webkit-appearance: scrollbarbartrack-vertical; color: black; }</pre>
@@ -816,7 +816,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>searchfield</code></td>
<td>
- <div id="sampleSearchField" style="display: none;">
+ <div id="sampleSearchField" class="hidden">
<pre class="brush:css">
div {-moz-appearance: searchfield; -webkit-appearance: searchfield; color: black; }</pre>
@@ -829,7 +829,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>separator</code></td>
<td>
- <div id="sampleSeparator" style="display: none;">
+ <div id="sampleSeparator" class="hidden">
<pre class="brush:css">
div {-moz-appearance: separator; -webkit-appearance: separator; color: transparent; }</pre>
@@ -842,7 +842,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>sheet</code></td>
<td>
- <div id="sampleSheet" style="display: none;">
+ <div id="sampleSheet" class="hidden">
<pre class="brush:css">
div {-moz-appearance: sheet; -webkit-appearance: sheet; color: black; }</pre>
@@ -855,7 +855,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>spinner</code></td>
<td>
- <div id="sampleSpinner" style="display: none;">
+ <div id="sampleSpinner" class="hidden">
<pre class="brush:css">
div {-moz-appearance: spinner; -webkit-appearance: spinner; color: transparent; }</pre>
@@ -868,7 +868,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>spinner-downbutton</code></td>
<td>
- <div id="sampleSpinnerDownbutton" style="display: none;">
+ <div id="sampleSpinnerDownbutton" class="hidden">
<pre class="brush:css">
div {-moz-appearance: spinner-downbutton; -webkit-appearance: spinner-downbutton; color: black; }</pre>
@@ -881,7 +881,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>spinner-textfield</code></td>
<td>
- <div id="sampleSpinnerTextfield" style="display: none;">
+ <div id="sampleSpinnerTextfield" class="hidden">
<pre class="brush:css">
div {-moz-appearance: spinner-textfield; -webkit-appearance: spinner-textfield; color: black; }</pre>
@@ -894,7 +894,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>spinner-upbutton</code></td>
<td>
- <div id="sampleSpinnerUpbutton" style="display: none;">
+ <div id="sampleSpinnerUpbutton" class="hidden">
<pre class="brush:css">
div {-moz-appearance: spinner-upbutton; -webkit-appearance: spinner-upbutton; color: black; }</pre>
@@ -907,7 +907,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>splitter</code></td>
<td>
- <div id="sampleSplitter" style="display: none;">
+ <div id="sampleSplitter" class="hidden">
<pre class="brush:css">
div {-moz-appearance: splitter; -webkit-appearance: splitter; color: transparent; }</pre>
@@ -920,7 +920,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>statusbar</code></td>
<td>
- <div id="sampleStatusBar" style="display: none;">
+ <div id="sampleStatusBar" class="hidden">
<pre class="brush:css">
div {-moz-appearance: statusbar; -webkit-appearance: statusbar; color: black; }</pre>
@@ -933,7 +933,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>statusbarpanel</code></td>
<td>
- <div id="sampleStatusBarPanel" style="display: none;">
+ <div id="sampleStatusBarPanel" class="hidden">
<pre class="brush:css">
div {-moz-appearance: statusbarpanel; -webkit-appearance: statusbarpanel; color: black; }</pre>
@@ -946,7 +946,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>tab</code></td>
<td>
- <div id="sampleTab" style="display: none;">
+ <div id="sampleTab" class="hidden">
<pre class="brush:css">
div {-moz-appearance: tab; -webkit-appearance: tab; height: 20px; color: black; }</pre>
@@ -959,7 +959,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>tabpanel</code></td>
<td>
- <div id="sampleTabPanel" style="display: none;">
+ <div id="sampleTabPanel" class="hidden">
<pre class="brush:css">
div {-moz-appearance: tabpanel; -webkit-appearance: tabpanel; color: black; }</pre>
@@ -972,7 +972,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>tabpanels</code></td>
<td>
- <div id="sampleTabPanels" style="display: none;">
+ <div id="sampleTabPanels" class="hidden">
<pre class="brush:css">
div {-moz-appearance: tabpanels; -webkit-appearance: tabpanels; color: black; }</pre>
@@ -985,7 +985,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>tab-scroll-arrow-back</code></td>
<td>
- <div id="sampleTabScrollArrowBack" style="display: none;">
+ <div id="sampleTabScrollArrowBack" class="hidden">
<pre class="brush:css">
div {-moz-appearance: tab-scroll-arrow-back; -webkit-appearance: tab-scroll-arrow-back; color: black; }</pre>
@@ -998,7 +998,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>tab-scroll-arrow-forward</code></td>
<td>
- <div id="sampleTabScrollArrowForward" style="display: none;">
+ <div id="sampleTabScrollArrowForward" class="hidden">
<pre class="brush:css">
div {-moz-appearance: tab-scroll-arrow-forward; -webkit-appearance: tab-scroll-arrow-forward; color: black; }</pre>
@@ -1011,7 +1011,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>textfield</code></td>
<td>
- <div id="sampleTextField" style="display: none;">
+ <div id="sampleTextField" class="hidden">
<pre class="brush:css">
div {-moz-appearance: textfield; -webkit-appearance: textfield; color: black; }</pre>
@@ -1024,7 +1024,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>textfield-multiline</code></td>
<td>
- <div id="sampleTextfieldMultiline" style="display: none;">
+ <div id="sampleTextfieldMultiline" class="hidden">
<pre class="brush:css">
div {-moz-appearance: textfield-multiline; -webkit-appearance: textfield-multiline; color: black; }</pre>
@@ -1037,7 +1037,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>toolbar</code></td>
<td>
- <div id="sampleToolbar" style="display: none;">
+ <div id="sampleToolbar" class="hidden">
<pre class="brush:css">
div {-moz-appearance: toolbar; -webkit-appearance: toolbar; color: black; }</pre>
@@ -1050,7 +1050,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>toolbarbutton</code></td>
<td>
- <div id="sampleToolbarButton" style="display: none;">
+ <div id="sampleToolbarButton" class="hidden">
<pre class="brush:css">
div {-moz-appearance: toolbarbutton; -webkit-appearance: toolbarbutton; color: black; }</pre>
@@ -1063,7 +1063,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>toolbarbutton-dropdown</code></td>
<td>
- <div id="sampleToolbarButtonDropdown" style="display: none;">
+ <div id="sampleToolbarButtonDropdown" class="hidden">
<pre class="brush:css">
div {-moz-appearance: toolbarbutton-dropdown; -webkit-appearance: toolbarbutton-dropdown; color: black; }</pre>
@@ -1076,7 +1076,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>toolbargripper</code></td>
<td>
- <div id="sampleToolbarGripper" style="display: none;">
+ <div id="sampleToolbarGripper" class="hidden">
<pre class="brush:css">
div {-moz-appearance: toolbargripper; -webkit-appearance: toolbargripper; color: black; }</pre>
@@ -1089,7 +1089,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>toolbox</code></td>
<td>
- <div id="sampleToolbox" style="display: none;">
+ <div id="sampleToolbox" class="hidden">
<pre class="brush:css">
div {-moz-appearance: toolbox; -webkit-appearance: toolbox; color: black; }</pre>
@@ -1102,7 +1102,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>tooltip</code></td>
<td>
- <div id="sampleTooltip" style="display: none;">
+ <div id="sampleTooltip" class="hidden">
<pre class="brush:css">
div {-moz-appearance: tooltip; -webkit-appearance: tooltip; color: black; }</pre>
@@ -1115,7 +1115,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>treeheader</code></td>
<td>
- <div id="sampleTreeHeader" style="display: none;">
+ <div id="sampleTreeHeader" class="hidden">
<pre class="brush:css">
div {-moz-appearance: treeheader; -webkit-appearance: treeheader; color: black; }</pre>
@@ -1128,7 +1128,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>treeheadercell</code></td>
<td>
- <div id="sampleTreeHeaderCell" style="display: none;">
+ <div id="sampleTreeHeaderCell" class="hidden">
<pre class="brush:css">
div {-moz-appearance: treeheadercell; -webkit-appearance: treeheadercell; height:20px; color: black; }</pre>
@@ -1141,7 +1141,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>treeheadersortarrow</code></td>
<td>
- <div id="sampleTreeHeaderSortArrow" style="display: none;">
+ <div id="sampleTreeHeaderSortArrow" class="hidden">
<pre class="brush:css">
div {-moz-appearance: treeheadersortarrow; -webkit-appearance: treeheadersortarrow; color: black; }</pre>
@@ -1154,7 +1154,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>treeitem</code></td>
<td>
- <div id="sampleTreeItem" style="display: none;">
+ <div id="sampleTreeItem" class="hidden">
<pre class="brush:css">
div {-moz-appearance: treeitem; -webkit-appearance: treeitem; color: black; }</pre>
@@ -1167,7 +1167,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>treeline</code></td>
<td>
- <div id="sampleTreeLine" style="display: none;">
+ <div id="sampleTreeLine" class="hidden">
<pre class="brush:css">
div {-moz-appearance: treeline; -webkit-appearance: treeline; color: black; }</pre>
@@ -1180,7 +1180,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>treetwisty</code></td>
<td>
- <div id="sampleTreeTwisty" style="display: none;">
+ <div id="sampleTreeTwisty" class="hidden">
<pre class="brush:css">
div {-moz-appearance: treetwisty; -webkit-appearance: treetwisty; color: transparent; }</pre>
@@ -1193,7 +1193,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>treetwistyopen</code></td>
<td>
- <div id="sampleTreeTwistyOpen" style="display: none;">
+ <div id="sampleTreeTwistyOpen" class="hidden">
<pre class="brush:css">
div {-moz-appearance: treetwistyopen; -webkit-appearance: treetwistyopen; color: transparent; }</pre>
@@ -1206,7 +1206,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>treeview</code></td>
<td>
- <div id="sampleTreeView" style="display: none;">
+ <div id="sampleTreeView" class="hidden">
<pre class="brush:css">
div {-moz-appearance: treeview; -webkit-appearance: treeview; color: black; }</pre>
@@ -1219,7 +1219,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-mac-unified-toolbar</code></td>
<td>
- <div id="sampleMacUnifiedToolbar" style="display: none;">
+ <div id="sampleMacUnifiedToolbar" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-mac-unified-toolbar; color: black; }</pre>
@@ -1232,7 +1232,7 @@ translation_of: Web/CSS/appearance
<tr>
<td>{{gecko_minversion_inline("2.0")}} <code>-moz-win-borderless-glass</code></td>
<td>
- <div id="sampleWinBorderlessGlass" style="display: none;">
+ <div id="sampleWinBorderlessGlass" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-win-borderless-glass; color: black; }</pre>
@@ -1245,7 +1245,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-win-browsertabbar-toolbox</code></td>
<td>
- <div id="sampleWinBrowsertabbarToolbox" style="display: none;">
+ <div id="sampleWinBrowsertabbarToolbox" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-win-browsertabbar-toolbox; color: black; }</pre>
@@ -1258,7 +1258,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-win-communicationstext</code></td>
<td>
- <div id="sampleWinCommunicationstext" style="display: none;">
+ <div id="sampleWinCommunicationstext" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-win-communicationstext; color: black; }</pre>
@@ -1271,7 +1271,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-win-communications-toolbox</code></td>
<td>
- <div id="sampleWinCommunicationsToolbox" style="display: none;">
+ <div id="sampleWinCommunicationsToolbox" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-win-communications-toolbox; color: black; }</pre>
@@ -1284,7 +1284,7 @@ translation_of: Web/CSS/appearance
<tr>
<td>{{gecko_minversion_inline("6.0")}} <code>-moz-win-exclude-glass</code></td>
<td>
- <div id="sampleWinExcludeGlass" style="display: none;">
+ <div id="sampleWinExcludeGlass" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-win-exclude-glass; color: black; }</pre>
@@ -1297,7 +1297,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-win-glass</code></td>
<td>
- <div id="sampleWinGlass" style="display: none;">
+ <div id="sampleWinGlass" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-win-glass; color: black; }</pre>
@@ -1310,7 +1310,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-win-mediatext</code></td>
<td>
- <div id="sampleWinMediaText" style="display: none;">
+ <div id="sampleWinMediaText" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-win-mediatext; color: black; }</pre>
@@ -1323,7 +1323,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-win-media-toolbox</code></td>
<td>
- <div id="sampleWinMediaToolbox" style="display: none;">
+ <div id="sampleWinMediaToolbox" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-win-media-toolbox; color: black; }</pre>
@@ -1336,7 +1336,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-button-box</code></td>
<td>
- <div id="sampleWindowButtonBox" style="display: none;">
+ <div id="sampleWindowButtonBox" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-button-box; color: black; }</pre>
@@ -1349,7 +1349,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-button-box-maximized</code></td>
<td>
- <div id="sampleWindowButtonBoxMaximized" style="display: none;">
+ <div id="sampleWindowButtonBoxMaximized" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-button-box-maximized; color: black; }</pre>
@@ -1362,7 +1362,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-button-close</code></td>
<td>
- <div id="sampleWindowButtonClose" style="display: none;">
+ <div id="sampleWindowButtonClose" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-button-close; color: black; }</pre>
@@ -1375,7 +1375,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-button-maximize</code></td>
<td>
- <div id="sampleWindowButtonMaximize" style="display: none;">
+ <div id="sampleWindowButtonMaximize" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-button-maximize; color: black; }</pre>
@@ -1388,7 +1388,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-button-minimize</code></td>
<td>
- <div id="sampleWindowButtonMinimize" style="display: none;">
+ <div id="sampleWindowButtonMinimize" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-button-minimize; color: black; }</pre>
@@ -1401,7 +1401,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-button-restore</code></td>
<td>
- <div id="sampleWindowButtonRestore" style="display: none;">
+ <div id="sampleWindowButtonRestore" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-button-restore; color: black; }</pre>
@@ -1414,7 +1414,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-frame-bottom</code></td>
<td>
- <div id="sampleWindowFrameBottom" style="display: none;">
+ <div id="sampleWindowFrameBottom" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-frame-bottom; color: black; }</pre>
@@ -1427,7 +1427,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-frame-left</code></td>
<td>
- <div id="sampleWindowFrameLeft" style="display: none;">
+ <div id="sampleWindowFrameLeft" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-frame-left; color: black; }</pre>
@@ -1440,7 +1440,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-frame-right</code></td>
<td>
- <div id="sampleWindowFrameRight" style="display: none;">
+ <div id="sampleWindowFrameRight" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-frame-right; color: black; }</pre>
@@ -1453,7 +1453,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-titlebar</code></td>
<td>
- <div id="sampleWindowTitlebar" style="display: none;">
+ <div id="sampleWindowTitlebar" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-titlebar; color: black; }</pre>
@@ -1466,7 +1466,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-titlebar-maximized</code></td>
<td>
- <div id="sampleWindowTitlebarMaximized" style="display: none;">
+ <div id="sampleWindowTitlebarMaximized" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-titlebar-maximized; color: black; }</pre>
diff --git a/files/es/web/css/background-blend-mode/index.html b/files/es/web/css/background-blend-mode/index.html
index 808654f167..772665931b 100644
--- a/files/es/web/css/background-blend-mode/index.html
+++ b/files/es/web/css/background-blend-mode/index.html
@@ -39,7 +39,6 @@ background-blend-mode: unset;
<h2 id="Examples" name="Examples">Ejemplos</h2>
-<pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;
&lt;select id="select"&gt;
    &lt;option&gt;normal&lt;/option&gt;
    &lt;option&gt;multiply&lt;/option&gt;
@@ -59,14 +58,14 @@ background-blend-mode: unset;
    &lt;option&gt;luminosity&lt;/option&gt;
&lt;/select&gt;</pre>
-<pre class="brush: css" style="display: none;">#div {
+<pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),url('https://mdn.mozillademos.org/files/8545/tr.png');
    background-blend-mode: screen;
}</pre>
-<pre class="brush: js" style="display: none;">document.getElementById("select").onchange = function(event) {
+<pre class="brush: js" class="hidden">document.getElementById("select").onchange = function(event) {
    document.getElementById("div").style.backgroundBlendMode = document.getElementById("select").selectedOptions[0].innerHTML;
}
console.log(document.getElementById('div'));</pre>
diff --git a/files/es/web/css/blend-mode/index.html b/files/es/web/css/blend-mode/index.html
index e2a0e41f18..850630faa9 100644
--- a/files/es/web/css/blend-mode/index.html
+++ b/files/es/web/css/blend-mode/index.html
@@ -30,9 +30,8 @@ translation_of: Web/CSS/blend-mode
El efecto es similar a dos trozos de papel sobrepuestos.</p>
<div id="normal">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
@@ -50,9 +49,8 @@ translation_of: Web/CSS/blend-mode
El efecto ese similar a dos imágenes impresas en papel transparente sobrepuestas.</p>
<div id="multiply">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
@@ -70,9 +68,8 @@ translation_of: Web/CSS/blend-mode
El efecto es similar a dos imágenes mostrándose desde un proyector.</p>
<div id="screen">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
@@ -87,9 +84,8 @@ translation_of: Web/CSS/blend-mode
<dd>El color final es el resultado de <code>multiply</code> si el color inferior es más oscuro, o <code>screen</code> si el color inferior es más claro.<br>
Este modo de mezcla es equivalente a <code>hard-light</code>, pero si las capas son intercambiadas.
<div id="overlay">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
@@ -105,9 +101,8 @@ translation_of: Web/CSS/blend-mode
<p>El resultado final es un color compuesto de los valores más oscuros por cada canal de color.</p>
<div id="darken">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
@@ -123,9 +118,8 @@ translation_of: Web/CSS/blend-mode
<p>El resultado final es un color compuesto de los valores más claros por cada canal de color.</p>
<div id="lighten">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
@@ -143,9 +137,8 @@ translation_of: Web/CSS/blend-mode
Este modo de mezcla es similar a <code>screen</code>, pero basta con que el color de primer plano sea tan claro como el inverso del color de fondo para alcanzar un color completamente iluminado.</p>
<div id="color-dodge">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
@@ -163,9 +156,8 @@ translation_of: Web/CSS/blend-mode
Este modo de mezcla es similar a <code>multiply</code>, pero basta con que el color de primer plano sea tan oscuro como el inverso del color de fondo para dar como resultado una imagen negra.</p>
<div id="color-burn">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
@@ -183,9 +175,8 @@ translation_of: Web/CSS/blend-mode
El efecto es similar a encender un foco con mucha <em>intensidad</em> en el fondo.</p>
<div id="hard-light">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
@@ -203,9 +194,8 @@ translation_of: Web/CSS/blend-mode
El efecto es similar a encender un foco <em>difuso</em> en el fondo<em><code>.</code></em></p>
<div id="soft-light">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
@@ -222,9 +212,8 @@ translation_of: Web/CSS/blend-mode
Una capa negra no produce efecto alguno, mientras una capa blanca invierte el color de la otra capa.</p>
<div id="difference">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
@@ -241,9 +230,8 @@ translation_of: Web/CSS/blend-mode
Así como con <code>difference</code>,  una capa negra no produce efecto alguno, mientras una capa blanca invierte el color de la otra capa.</p>
<div id="exclusion">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
@@ -259,9 +247,8 @@ translation_of: Web/CSS/blend-mode
<p>El color final tiene el <em>matiz</em> del color superior, mientras usa la <em>saturación</em> y <em>luminosidad</em> del color inferior.</p>
<div id="hue">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
@@ -278,9 +265,8 @@ translation_of: Web/CSS/blend-mode
Un fondo gris puro, que no tenga saturación, no producirá efecto alguno.</p>
<div id="saturation">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
@@ -297,9 +283,8 @@ translation_of: Web/CSS/blend-mode
El efecto preserva los niveles de grid y puede ser usado para colorear el primer plano.</p>
<div id="color">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
@@ -316,9 +301,8 @@ translation_of: Web/CSS/blend-mode
Este modo de mezcla es equivalente a <code>color</code>, pero con las capas intercambiadas.</p>
<div id="luminosity">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
diff --git a/files/es/web/css/border-bottom-left-radius/index.html b/files/es/web/css/border-bottom-left-radius/index.html
index 7290aa56c1..ec7a099916 100644
--- a/files/es/web/css/border-bottom-left-radius/index.html
+++ b/files/es/web/css/border-bottom-left-radius/index.html
@@ -73,7 +73,7 @@ border-bottom-left-radius: inherit;
<tr>
<td style="padding: 1.5em;">
<div style="background-color: lightgreen; border: solid 1px black; border-bottom-left-radius: 40px 40px; width: 100px; height: 100px;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>Un arco de círculo usado como borde
@@ -87,7 +87,7 @@ div {
<tr>
<td style="padding: 1.5em;">
<div style="background-color: lightgreen; border: solid 1px black; border-bottom-left-radius: 40px 20px; width: 100px; height: 100px;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>Un arco de elipse usado como borde
@@ -101,7 +101,7 @@ div {
<tr>
<td style="padding: 1.5em;">
<div style="background-color: lightgreen; border: solid 1px black; border-bottom-left-radius: 40%; width: 100px; height: 100px;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>La caja es un cuadro: un arco de círculo es usado como borde
@@ -115,7 +115,7 @@ div {
<tr>
<td style="padding: 1.5em;">
<div style="background-color: lightgreen; border: solid 1px black; border-bottom-left-radius: 40%; width: 100px; height: 200px;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>La caja no es un círculo: un arco de elipse es usado como borde
@@ -129,7 +129,7 @@ div {
<tr>
<td style="padding: 1.5em;">
<div style="border: black 3px double; border-bottom-left-radius: 40%; height: 100px; width: 100px; background-color: rgb(250,20,70); background-clip: content-box;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>El color de fondo está delimitado al borde
diff --git a/files/es/web/css/border-bottom-right-radius/index.html b/files/es/web/css/border-bottom-right-radius/index.html
index 1e95cfd6d7..5e9894934c 100644
--- a/files/es/web/css/border-bottom-right-radius/index.html
+++ b/files/es/web/css/border-bottom-right-radius/index.html
@@ -73,7 +73,7 @@ border-bottom-right-radius: inherit;
<tr>
<td style="padding: 1.5em;">
<div style="background-color: lightgreen; border: solid 1px black; border-bottom-right-radius: 40px 40px; width: 100px; height: 100px;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>Un arco de círculo usado como borde
@@ -87,7 +87,7 @@ div {
<tr>
<td style="padding: 1.5em;">
<div style="background-color: lightgreen; border: solid 1px black; border-bottom-right-radius: 40px 20px; width: 100px; height: 100px;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>Un arco de elipse usado como borde
@@ -101,7 +101,7 @@ div {
<tr>
<td style="padding: 1.5em;">
<div style="background-color: lightgreen; border: solid 1px black; border-bottom-right-radius: 40%; width: 100px; height: 100px;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>La caja es un cuadro: un arco de círculo es usado como borde
@@ -115,7 +115,7 @@ div {
<tr>
<td style="padding: 1.5em;">
<div style="background-color: lightgreen; border: solid 1px black; border-bottom-right-radius: 40%; width: 100px; height: 200px;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>La caja no es un círculo: un arco de elipse es usado como borde
@@ -129,7 +129,7 @@ div {
<tr>
<td style="padding: 1.5em;">
<div style="border: black 3px double; border-bottom-right-radius: 40%; height: 100px; width: 100px; background-color: rgb(250,20,70); background-clip: content-box;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>El color de fondo está delimitado al borde
diff --git a/files/es/web/css/border-top-right-radius/index.html b/files/es/web/css/border-top-right-radius/index.html
index ecb6f157b2..e29277d18f 100644
--- a/files/es/web/css/border-top-right-radius/index.html
+++ b/files/es/web/css/border-top-right-radius/index.html
@@ -109,7 +109,7 @@ div {
<tr>
<td style="padding: 1.5em;">
<div style="background-color: lightgreen; border: solid 1px black; border-top-right-radius: 40%; width: 100px; height: 200px;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>La caja no es un círculo: un arco de elipse es usado como borde
diff --git a/files/es/web/css/css_background_and_borders/border-image_generator/index.html b/files/es/web/css/css_background_and_borders/border-image_generator/index.html
index 7757dc9b29..17cb7b70bc 100644
--- a/files/es/web/css/css_background_and_borders/border-image_generator/index.html
+++ b/files/es/web/css/css_background_and_borders/border-image_generator/index.html
@@ -8,7 +8,7 @@ translation_of: Web/CSS/CSS_Background_and_Borders/Border-image_generator
original_slug: Web/CSS/CSS_Background_and_Borders/Border-image_generador
---
<p>Esta herramienta permite generar valores para CSS3 {{cssxref("border-image")}}</p>
-<div style="display: none;">
+<div class="hidden">
<h2 id="Border_Image_Generator" name="Border_Image_Generator">Border Image Generator</h2>
<h3 id="HTML_Content">HTML Content</h3>
<pre class="brush: html"> <div id="container">
diff --git a/files/es/web/css/css_background_and_borders/border-radius_generator/index.html b/files/es/web/css/css_background_and_borders/border-radius_generator/index.html
index 5f2f982065..f445dff39b 100644
--- a/files/es/web/css/css_background_and_borders/border-radius_generator/index.html
+++ b/files/es/web/css/css_background_and_borders/border-radius_generator/index.html
@@ -7,7 +7,7 @@ translation_of: Web/CSS/CSS_Background_and_Borders/Border-radius_generator
---
<p>Esta herramienta puede ser usada para generar efectos de {{cssxref("border-radius")}} de CSS3.</p>
-<div style="display: none;">
+<div class="hidden">
<h2 id="border-radius-generator" name="border-radius-generator">border-radius</h2>
<h3 id="HTML_Content">HTML Content</h3>
diff --git a/files/es/web/css/css_colors/color_picker_tool/index.html b/files/es/web/css/css_colors/color_picker_tool/index.html
index d3758668dd..1ca3b91962 100644
--- a/files/es/web/css/css_colors/color_picker_tool/index.html
+++ b/files/es/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/CSS_Colors/Herramienta_para_seleccionar_color
---
-<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/es/web/css/css_positioning/understanding_z_index/stacking_context_example_1/index.html b/files/es/web/css/css_positioning/understanding_z_index/stacking_context_example_1/index.html
index c91a910a51..648e9ba67a 100644
--- a/files/es/web/css/css_positioning/understanding_z_index/stacking_context_example_1/index.html
+++ b/files/es/web/css/css_positioning/understanding_z_index/stacking_context_example_1/index.html
@@ -119,7 +119,7 @@ original_slug: >-
<li><a href="/es/docs/Web/CSS/CSS_Positioning/entendiendo_z_index/Agregando_z-index" title="Agregando z-index">Agregando z-index</a> : Usando z-index para cambiar el apilamiento por defecto</li>
<li><a href="/es/docs/Web/CSS/CSS_Positioning/entendiendo_z_index/El_contexto_de_apilamiento" title="El contexto de apilamiento">El contexto de apilamiento</a> : Notas sobre el contexto de apilamiento</li>
<li><a href="/es/docs/Web/CSS/CSS_Positioning/entendiendo_z_index/ejemplo_2_del_contexto_de_apilamiento" title="Ejemplo 2 del contexto de apilamiento">Ejemplo 2 del contexto de apilamiento</a> : Jerarquía HTML de 2 niveles, z-index en todos los niveles</li>
- <li><a href="/es/docs/Web/CSS/CSS_Positioning/entendiendo_z_index/ejemplo_3_del_contexto_de_apilamiento" title="Ejemplo 3 del contexto de apilamiento">Ejemplo 3 del contexto de apilamiento</a> : Jerarquía HTML de 3 niveles, z-index en el segundo nivel<span id="cke_bm_89E" style="display: none;"> </span></li>
+ <li><a href="/es/docs/Web/CSS/CSS_Positioning/entendiendo_z_index/ejemplo_3_del_contexto_de_apilamiento" title="Ejemplo 3 del contexto de apilamiento">Ejemplo 3 del contexto de apilamiento</a> : Jerarquía HTML de 3 niveles, z-index en el segundo nivel<span id="cke_bm_89E" class="hidden"> </span></li>
</ul>
<div class="originaldocinfo">
diff --git a/files/es/web/css/filter/index.html b/files/es/web/css/filter/index.html
index 6ae8e8e2dd..bf9954f5cc 100644
--- a/files/es/web/css/filter/index.html
+++ b/files/es/web/css/filter/index.html
@@ -99,7 +99,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;
@@ -194,7 +194,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;
@@ -290,7 +290,7 @@ table.standard-table td {
&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;
@@ -401,7 +401,7 @@ table.standard-table td {
&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;
@@ -519,7 +519,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;
@@ -603,7 +603,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;
@@ -690,7 +690,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;
@@ -774,7 +774,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;
@@ -856,7 +856,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;
@@ -937,7 +937,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;
@@ -1021,7 +1021,7 @@ table.standard-table td {
<pre class="brush: css">filter: contrast(175%) brightness(3%)</pre>
-<div id="combination_example" style="display: none;">
+<div id="combination_example" class="hidden">
<pre class="brush: html">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
diff --git a/files/es/web/css/gradient/index.html b/files/es/web/css/gradient/index.html
index ca6d95e622..62b2364d7b 100644
--- a/files/es/web/css/gradient/index.html
+++ b/files/es/web/css/gradient/index.html
@@ -29,7 +29,7 @@ original_slug: Web/CSS/Gradiente
<ul>
<li id="linear-gradient"><em><strong>Linear gradients</strong>(gradiente lineal)</em>, generados por la función {{cssxref("linear-gradient", "linear-gradient()")}}, donde el color se desvanece suavemente a lo largo de una línea imaginaria.
- <pre class="brush: html" style="display: none;">A rainbow made from a gradient
+ <pre class="brush: html" class="hidden">A rainbow made from a gradient
</pre>
<pre class="brush: css">body {
@@ -43,7 +43,7 @@ background: linear-gradient(to right,red,orange,yellow, green, blue,indigo,viole
<p>{{ EmbedLiveSample('linear-gradient', 600, 20) }}</p>
</li>
<li id="radial-gradient"><em><strong>Radial gradient </strong>(gradientes radiales)</em>, generados por la función {{cssxref("radial-gradient", "radial-gradient()")}}. Cuanto más lejos de un origen sea un punto, más lejos del color original será.
- <pre class="brush: html" style="display: none;">Radial gradient
+ <pre class="brush: html" class="hidden">Radial gradient
</pre>
<pre class="brush: css">body {
@@ -55,7 +55,7 @@ background: radial-gradient(red, yellow, rgb(30, 144, 255));
<p>{{ EmbedLiveSample('radial-gradient', 600, 20) }}</p>
</li>
<li id="repeating-gradient"><em><strong>Repeating gradient </strong>(gradientes de repetición), </em>donde se repiten gradientes lineales o radiales tanto como sea necesario para llenar toda la caja.
- <pre class="brush: html" style="display: none;">Repeating gradient
+ <pre class="brush: html" class="hidden">Repeating gradient
</pre>
<pre class="brush: css">body {
diff --git a/files/es/web/css/text-decoration-style/index.html b/files/es/web/css/text-decoration-style/index.html
index d698913b8f..dcf687dc26 100644
--- a/files/es/web/css/text-decoration-style/index.html
+++ b/files/es/web/css/text-decoration-style/index.html
@@ -88,7 +88,7 @@ text-decoration-style: unset;
<h2 id="Ejemplos">Ejemplos</h2>
-<pre class="brush: css" style="display: none;">.example {
+<pre class="brush: css" class="hidden">.example {
-moz-text-decoration-line: underline;
-moz-text-decoration-style: wavy;
-moz-text-decoration-color: red;
diff --git a/files/es/web/css/tools/cubic_bezier_generator/index.html b/files/es/web/css/tools/cubic_bezier_generator/index.html
index 0cf0780356..dab5df8c51 100644
--- a/files/es/web/css/tools/cubic_bezier_generator/index.html
+++ b/files/es/web/css/tools/cubic_bezier_generator/index.html
@@ -5,7 +5,7 @@ translation_of: Web/CSS/Tools/Cubic_Bezier_Generator
original_slug: Web/CSS/Herramientas/Cubic_Bezier_Generator
---
<div id="Tool">
-<div style="display: none;">
+<div class="hidden">
<pre class="brush:html">&lt;html&gt;
&lt;canvas id="bezier" width="336" height="336"&gt;
&lt;/canvas&gt;
diff --git a/files/es/web/css/transition-delay/index.html b/files/es/web/css/transition-delay/index.html
index b3c85d103f..9cb0e703b7 100644
--- a/files/es/web/css/transition-delay/index.html
+++ b/files/es/web/css/transition-delay/index.html
@@ -41,7 +41,7 @@ transition-delay: initial
<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;
@@ -108,7 +108,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;
@@ -175,7 +175,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;
@@ -242,7 +242,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/es/web/css/transition-duration/index.html b/files/es/web/css/transition-duration/index.html
index 03f74d31d8..c00efcbd79 100644
--- a/files/es/web/css/transition-duration/index.html
+++ b/files/es/web/css/transition-duration/index.html
@@ -44,7 +44,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;
@@ -109,7 +109,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;
@@ -174,7 +174,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;
@@ -239,7 +239,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;
diff --git a/files/es/web/html/element/input/number/index.html b/files/es/web/html/element/input/number/index.html
index 7f0b4166e8..c18d7a97f9 100644
--- a/files/es/web/html/element/input/number/index.html
+++ b/files/es/web/html/element/input/number/index.html
@@ -315,7 +315,6 @@ input:valid+span:after {
&lt;input id="meters" type="number" name="meters" step="0.01" min="0" placeholder="e.g. 1.78" required&gt;
&lt;span class="validity"&gt;&lt;/span&gt;
&lt;/div&gt;
- &lt;div class="feetInputGroup" style="display: none;"&gt;
&lt;span&gt;Enter your height — &lt;/span&gt;
&lt;label for="feet"&gt;feet:&lt;/label&gt;
&lt;input id="feet" type="number" name="feet" min="0" step="1"&gt;
@@ -334,7 +333,7 @@ input:valid+span:after {
<p>Verás que estamos usando muchos de los atributos que ya hemos visto antes en el artículo. Como queremos que acepte un valor de medida en centímetros, hemos colocado el valor de <code>step</code> a <code>0.01</code>, de manera que valores como <em>1.78</em> no sean vistos como inválidos. También hemos provisto una marca de lugar (placeholder) para esa entrada.</p>
-<p>Hemos escondido las entradas de pies y pulgadas inicialmente usando <code>style="display: none;"</code>, de manera que metros sea el tipo de entrada preseleccionado.</p>
+<p>Hemos escondido las entradas de pies y pulgadas inicialmente usando <code>class="hidden"</code>, de manera que metros sea el tipo de entrada preseleccionado.</p>
<p>Ahora, al CSS. Este se ve muy similar al estilo de validación que vimos antes; nada extraordinario aquí.</p>
diff --git a/files/es/web/http/cors/errors/corsdidnotsucceed/index.html b/files/es/web/http/cors/errors/corsdidnotsucceed/index.html
index 78038c007b..4b3d1497dc 100644
--- a/files/es/web/http/cors/errors/corsdidnotsucceed/index.html
+++ b/files/es/web/http/cors/errors/corsdidnotsucceed/index.html
@@ -30,10 +30,10 @@ translation_of: Web/HTTP/CORS/Errors/CORSDidNotSucceed
<p>Otras causas posibles:</p>
<ul>
- <li><span style="display: none;"> </span>Intentar acceder a un recurso <code>https</code> que tenga un certificado no válido, causará este error.</li>
+ <li><span class="hidden"> </span>Intentar acceder a un recurso <code>https</code> que tenga un certificado no válido, causará este error.</li>
<li>Intentar acceder a un recurso <code>http</code> desde una página con un origen <code>https</code> también causará este error.</li>
<li>A partir de Firefox 68, las páginas <code>https</code> no pueden acceder a <code>http://localhost</code>, aunque esto puede ser modificado por el <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1488740">Error 1488740</a>.</li>
- <li>El servidor no respondió a la solicitud actual (incluso si respondió la <a href="/es/docs/Glossary/Preflight_peticion">solicitud Preflight</a>. Un escenario podría ser un servicio HTTP en desarrollo que "entró en pánico" sin devolver ningún dato.<span style="display: none;"> </span></li>
+ <li>El servidor no respondió a la solicitud actual (incluso si respondió la <a href="/es/docs/Glossary/Preflight_peticion">solicitud Preflight</a>. Un escenario podría ser un servicio HTTP en desarrollo que "entró en pánico" sin devolver ningún dato.<span class="hidden"> </span></li>
</ul>
<dl>
diff --git a/files/es/web/http/headers/accept/index.html b/files/es/web/http/headers/accept/index.html
index 7311f2498f..7d6338aa6a 100644
--- a/files/es/web/http/headers/accept/index.html
+++ b/files/es/web/http/headers/accept/index.html
@@ -51,7 +51,7 @@ Accept: text/html, application/xhtml+xml, application/xml;q=0.9, */*;q=0.8</pre>
<ul>
<li>image/png</li>
<li>image/svg</li>
- <li>image/gif<span style="display: none;"> </span></li>
+ <li>image/gif<span class="hidden"> </span></li>
</ul>
</dd>
<dt><code>*/*</code></dt>
diff --git a/files/es/web/http/status/index.html b/files/es/web/http/status/index.html
index 1db976d0af..5ddb7b628b 100644
--- a/files/es/web/http/status/index.html
+++ b/files/es/web/http/status/index.html
@@ -38,10 +38,10 @@ translation_of: Web/HTTP/Status
<h2 id="Respuestas_satisfactorias">Respuestas satisfactorias</h2>
<ul>
- <li><code><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span>GET</code>: El recurso se ha obtenido y se transmite en el cuerpo del mensaje.</li>
+ <li><code><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span>GET</code>: El recurso se ha obtenido y se transmite en el cuerpo del mensaje.</li>
<li><code>HEAD</code>: Los encabezados de entidad están en el cuerpo del mensaje.</li>
<li><code>PUT</code> o <code>POST</code>: El recurso que describe el resultado de la acción se transmite en el cuerpo del mensaje.</li>
- <li><code>TRACE</code>: El cuerpo del mensaje contiene el mensaje de solicitud recibido por el servidor.<span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span></li>
+ <li><code>TRACE</code>: El cuerpo del mensaje contiene el mensaje de solicitud recibido por el servidor.<span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span></li>
</ul>
<dl>
diff --git a/files/es/web/javascript/guide/regular_expressions/unicode_property_escapes/index.html b/files/es/web/javascript/guide/regular_expressions/unicode_property_escapes/index.html
index 3539c66acf..cbc7d29662 100644
--- a/files/es/web/javascript/guide/regular_expressions/unicode_property_escapes/index.html
+++ b/files/es/web/javascript/guide/regular_expressions/unicode_property_escapes/index.html
@@ -47,7 +47,7 @@ original_slug: Web/JavaScript/Guide/Regular_Expressions/Escapes_de_propiedades_U
<li><a href="https://unicode.org/reports/tr24/#Script_Extensions">Extensiones de script</a> (<code>scx</code> por «<em><strong>sc</strong>ript e<strong>x</strong>tensions</em>»)</li>
</ul>
-<p>Consulta también <a href="https://www.unicode.org/Public/UCD/latest/ucd/PropertyValueAliases.txt">PropertyValueAliases.txt<span style="display: none;"> </span></a></p>
+<p>Consulta también <a href="https://www.unicode.org/Public/UCD/latest/ucd/PropertyValueAliases.txt">PropertyValueAliases.txt<span class="hidden"> </span></a></p>
<dl>
<dt>UnicodeBinaryPropertyName</dt>
diff --git a/files/es/web/javascript/reference/global_objects/math/cos/index.html b/files/es/web/javascript/reference/global_objects/math/cos/index.html
index 1ed9a36f2d..8ff7512cdb 100644
--- a/files/es/web/javascript/reference/global_objects/math/cos/index.html
+++ b/files/es/web/javascript/reference/global_objects/math/cos/index.html
@@ -6,7 +6,7 @@ original_slug: Web/JavaScript/Referencia/Objetos_globales/Math/cos
---
<div>{{JSRef}}</div>
-<p><span class="seoSummary">La función estática <strong><code>Math.cos()</code></strong> devuelve el <a href="https://es.wikipedia.org/wiki/Coseno">coseno</a> del ángulo especificado, que debe ser especificado en <a href="https://es.wikipedia.org/wiki/Radi%C3%A1n" title="radians">radianes</a>. Este valor es </span><math style="display: inline;"> <mstyle displaystyle="true"> <mfrac> <msub> <mrow> <mtext>longitud</mtext> </mrow> <mrow> <mrow> <mtext>adyacente</mtext> </mrow> </mrow> </msub> <msub> <mrow> <mtext>longitud</mtext> </mrow> <mrow> <mrow> <mtext>hipotenusa</mtext> </mrow> </mrow> </msub> </mfrac> </mstyle> </math>.<span style="display: none;"> </span></p>
+<p><span class="seoSummary">La función estática <strong><code>Math.cos()</code></strong> devuelve el <a href="https://es.wikipedia.org/wiki/Coseno">coseno</a> del ángulo especificado, que debe ser especificado en <a href="https://es.wikipedia.org/wiki/Radi%C3%A1n" title="radians">radianes</a>. Este valor es </span><math style="display: inline;"> <mstyle displaystyle="true"> <mfrac> <msub> <mrow> <mtext>longitud</mtext> </mrow> <mrow> <mrow> <mtext>adyacente</mtext> </mrow> </mrow> </msub> <msub> <mrow> <mtext>longitud</mtext> </mrow> <mrow> <mrow> <mtext>hipotenusa</mtext> </mrow> </mrow> </msub> </mfrac> </mstyle> </math>.<span class="hidden"> </span></p>
<div>{{EmbedInteractiveExample("pages/js/math-cos.html")}}</div>
diff --git a/files/es/web/media/formats/index.html b/files/es/web/media/formats/index.html
index 9d4f181ae7..b11ddc3580 100644
--- a/files/es/web/media/formats/index.html
+++ b/files/es/web/media/formats/index.html
@@ -32,7 +32,7 @@ translation_of: Web/Media/Formats
<h3 id="Images">Images</h3>
<dl>
- <dt><span style="display: none;"> </span><a href="/en-US/docs/Web/Media/Formats/Image_types">Image file type and format guide</a></dt>
+ <dt><span class="hidden"> </span><a href="/en-US/docs/Web/Media/Formats/Image_types">Image file type and format guide</a></dt>
<dd>Covers support of image file types and content formats across the major web browsers, as well as providing basic information about each type: benefits, limitations, and use cases of interest to web designers and developers.</dd>
<dt><a href="/en-US/docs/Web/Media/Formats/Images_for_web_designers">Image file types for web designers</a></dt>
<dd>Fundamental information about the various image file types that may be useful for web designers, including best practices and use cases for each type, and guidelines for choosing the right image file format for specific types of content.</dd>
diff --git a/files/es/web/tutorials/index.html b/files/es/web/tutorials/index.html
index fac9d9bf3e..dff8adfeab 100644
--- a/files/es/web/tutorials/index.html
+++ b/files/es/web/tutorials/index.html
@@ -198,7 +198,7 @@ original_slug: Web/Tutoriales
<h3 id="Desarrollo_de_extensiones">Desarrollo de extensiones</h3>
</td>
<td>
- <p><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><strong><a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions">Extensiones web</a></strong><span style="display: none;"> </span><span style="display: none;"> </span><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><span class="hidden"> </span><span class="hidden"> </span><strong><a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions">Extensiones web</a></strong><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span></p>
<p>Extensiones Web es un sistema de navegación cruzada para desarrollar complementos del buscador. El sistema es en gran medida compatible con la <a href="https://developer.chrome.com/extensions">API (Interfaz de Programación de Aplicaciones) </a>respaldada por Google Chrome y Opera. En la mayoría de los casos, las extensiones escritas para estos buscadores pueden funcionar en Firefox o Microsoft Edge con <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Porting_a_Google_Chrome_extension">solo algunos cambios</a>. La API es compatible también con el <a href="https://developer.mozilla.org/en-US/Firefox/Multiprocess_Firefox">multiprocesador de Firefox</a>.</p>
</td>
diff --git a/files/es/web/xpath/introduction_to_using_xpath_in_javascript/index.html b/files/es/web/xpath/introduction_to_using_xpath_in_javascript/index.html
index 9cec6c1847..4a3fceb37c 100644
--- a/files/es/web/xpath/introduction_to_using_xpath_in_javascript/index.html
+++ b/files/es/web/xpath/introduction_to_using_xpath_in_javascript/index.html
@@ -115,7 +115,7 @@ alert( 'This document contains ' + paragraphCount.stringValue + ' paragraph elem
<li><code>ORDERED_NODE_ITERATOR_TYPE</code></li>
</ul>
-<p>El objeto <code>XPathResult</code> regresado es un conjunto de nodos de los nodos coincidentes los cuales se comportarán como un iterador, perimitiendo el acceso individual a los nodos mediante el uso de método <span id="cke_bm_118S" style="display: none;"> </span><code>iterateNext()</code><span id="cke_bm_118E" style="display: none;"> </span> del <code>XPathResult</code><span id="cke_bm_119E" style="display: none;"> </span>.</p>
+<p>El objeto <code>XPathResult</code> regresado es un conjunto de nodos de los nodos coincidentes los cuales se comportarán como un iterador, perimitiendo el acceso individual a los nodos mediante el uso de método <span id="cke_bm_118S" class="hidden"> </span><code>iterateNext()</code><span id="cke_bm_118E" class="hidden"> </span> del <code>XPathResult</code><span id="cke_bm_119E" class="hidden"> </span>.</p>
<p>Una vez que hemos iterado sobre todos los nodos individuales coincidentes,<code> iterateNext()</code> regresará <code>null</code>.</p>
diff --git a/files/fa/games/index.html b/files/fa/games/index.html
index a9e2cf2853..5e351d2075 100644
--- a/files/fa/games/index.html
+++ b/files/fa/games/index.html
@@ -6,7 +6,7 @@ translation_of: Games
<div>{{GamesSidebar}}</div>
<div class="summary">
-<p dir="rtl"><span class="seoSummary">بازی کردن یکی از پرطرفدارترین فعالیت های رایانه ای می باشد، به طور مداوم فناوری های جدیدی در حال ایجاد هستند تا امکان توسعه بازی های بهتر و قوی تری را فراهم آورند که میتوانند در هر مرورگر استاندارد و سازگاری اجرا شوند.</span><span style="display: none;"> </span></p>
+<p dir="rtl"><span class="seoSummary">بازی کردن یکی از پرطرفدارترین فعالیت های رایانه ای می باشد، به طور مداوم فناوری های جدیدی در حال ایجاد هستند تا امکان توسعه بازی های بهتر و قوی تری را فراهم آورند که میتوانند در هر مرورگر استاندارد و سازگاری اجرا شوند.</span><span class="hidden"> </span></p>
</div>
<div class="column-container">
diff --git a/files/fa/web/tutorials/index.html b/files/fa/web/tutorials/index.html
index 0015a91882..80a1d20e02 100644
--- a/files/fa/web/tutorials/index.html
+++ b/files/fa/web/tutorials/index.html
@@ -5,7 +5,7 @@ translation_of: Web/Tutorials
---
<div class="note">
<ol>
- <li><span style="display: none;"> </span><span style="display: none;"> </span>لینک‌ها در این صفحه به آموزش‌ها و مواد آموزشی متنوعی هدایت شده است. چه شما تازه شروع کرده باشید، در حال یادگیری اصول اولیه هستید، یا در توسعه وب قدیمی هستید، در اینجا منابع مفیدی را برای تمرین بهتر می‌توانید پیدا کنید. این منابع توسط شرکت‌های متفکر رو به جلو و توسعه دهندگان وبی که استانداردهای باز و بهترین تمرین‌ها برای توسعه دهندگان وب را پذیرفته‌اند ساخته شده است وآن منابع آماده یا برای ترجمه اجازه داده می‌شود، از طریق گواهی‌نامه محتوای باز مانند Creative Commons.</li>
+ <li><span class="hidden"> </span><span class="hidden"> </span>لینک‌ها در این صفحه به آموزش‌ها و مواد آموزشی متنوعی هدایت شده است. چه شما تازه شروع کرده باشید، در حال یادگیری اصول اولیه هستید، یا در توسعه وب قدیمی هستید، در اینجا منابع مفیدی را برای تمرین بهتر می‌توانید پیدا کنید. این منابع توسط شرکت‌های متفکر رو به جلو و توسعه دهندگان وبی که استانداردهای باز و بهترین تمرین‌ها برای توسعه دهندگان وب را پذیرفته‌اند ساخته شده است وآن منابع آماده یا برای ترجمه اجازه داده می‌شود، از طریق گواهی‌نامه محتوای باز مانند Creative Commons.</li>
</ol>
<dl>
diff --git a/files/fr/learn/common_questions/checking_that_your_web_site_is_working_properly/index.html b/files/fr/learn/common_questions/checking_that_your_web_site_is_working_properly/index.html
index d8fd3424a7..3e49f7571d 100644
--- a/files/fr/learn/common_questions/checking_that_your_web_site_is_working_properly/index.html
+++ b/files/fr/learn/common_questions/checking_that_your_web_site_is_working_properly/index.html
@@ -62,7 +62,7 @@ original_slug: Apprendre/Tester_le_bon_fonctionnement_de_votre_site_web
<p>Le serveur répond avec une message de statut à chaque fois qu'il reçoit une requête. Voici les statuts les plus communs ainsi que leur code :</p>
<dl>
- <dt><strong><span id="cke_bm_110S" style="display: none;"> </span>200 : OK</strong></dt>
+ <dt><strong><span id="cke_bm_110S" class="hidden"> </span>200 : OK</strong></dt>
<dd>La ressource demandée a bien été transmise.</dd>
<dt><strong>301 : Déplacée de façon permanente (<em>Moved permanently</em>)</strong></dt>
<dd>La ressource a été déplacée à un nouvel emplacement. Vous ne verrez cette erreur que rarement mais elle est utile à connaître car les moteurs de recherchee utilise cette information pour mettre à jour leurs index.</dd>
diff --git a/files/fr/learn/forms/form_validation/index.html b/files/fr/learn/forms/form_validation/index.html
index 7180169353..4e9b4d5a92 100644
--- a/files/fr/learn/forms/form_validation/index.html
+++ b/files/fr/learn/forms/form_validation/index.html
@@ -830,7 +830,7 @@ addEvent(form, "submit", function () {
</li>
<li>Greffons jQuery :
<ul>
- <li><a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/" rel="external" title="http://bassistance.de/jquery-plugins/jquery-plugin-validation/">Validation</a><span style="display: none;"> </span></li>
+ <li><a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/" rel="external" title="http://bassistance.de/jquery-plugins/jquery-plugin-validation/">Validation</a><span class="hidden"> </span></li>
</ul>
</li>
</ul>
diff --git a/files/fr/mozilla/add-ons/webextensions/api/contextualidentities/create/index.html b/files/fr/mozilla/add-ons/webextensions/api/contextualidentities/create/index.html
index de4913c645..5489314ebb 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/contextualidentities/create/index.html
+++ b/files/fr/mozilla/add-ons/webextensions/api/contextualidentities/create/index.html
@@ -50,7 +50,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/contextualIdentities/create
<li>"red"</li>
<li>"pink"</li>
<li>"purple"</li>
- <li>"toolbar"<span style="display: none;"> </span></li>
+ <li>"toolbar"<span class="hidden"> </span></li>
</ul>
</dd>
<dt><code>icon</code></dt>
diff --git a/files/fr/mozilla/add-ons/webextensions/api/contextualidentities/update/index.html b/files/fr/mozilla/add-ons/webextensions/api/contextualidentities/update/index.html
index 226780b24a..da3c0bfd5b 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/contextualidentities/update/index.html
+++ b/files/fr/mozilla/add-ons/webextensions/api/contextualidentities/update/index.html
@@ -55,7 +55,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/contextualIdentities/update
<li>"red"</li>
<li>"pink"</li>
<li>"purple"</li>
- <li>"toolbar"<span style="display: none;"> </span></li>
+ <li>"toolbar"<span class="hidden"> </span></li>
</ul>
</dd>
<dt><code>icon</code> {{optional_inline}}</dt>
diff --git a/files/fr/mozilla/add-ons/webextensions/api/tabs/create/index.html b/files/fr/mozilla/add-ons/webextensions/api/tabs/create/index.html
index 227ff38917..4158719c06 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/tabs/create/index.html
+++ b/files/fr/mozilla/add-ons/webextensions/api/tabs/create/index.html
@@ -59,7 +59,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/tabs/create
<li>javascript: URLs</li>
<li>data: URLs</li>
<li>file: URLs (c'est-à-dire, fichiers sur le système de fichiers, cependant, pour utiliser un fichier empaqueté à l'intérieur de l'extension, voir ci-dessous)</li>
- <li>privileged about: URLs (par exemple, <code>about:config</code>, <code>about:addons</code>, <code>about:debugging</code>)<span style="display: none;"> </span>. Les URL non privilégiées (e.g., <code>about:blank</code>) sont autorisés.</li>
+ <li>privileged about: URLs (par exemple, <code>about:config</code>, <code>about:addons</code>, <code>about:debugging</code>)<span class="hidden"> </span>. Les URL non privilégiées (e.g., <code>about:blank</code>) sont autorisés.</li>
<li>La page Nouvel onglet (<code>about:newtab</code>) peut être ouverte si aucune valeur n'est fournie pour l'URL.</li>
</ul>
diff --git a/files/fr/mozilla/add-ons/webextensions/api/tabs/update/index.html b/files/fr/mozilla/add-ons/webextensions/api/tabs/update/index.html
index 8fe8ee06ab..43b73a7929 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/tabs/update/index.html
+++ b/files/fr/mozilla/add-ons/webextensions/api/tabs/update/index.html
@@ -74,7 +74,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/tabs/update
<li>javascript: URLs</li>
<li>data: URLs</li>
<li>file: URLs (c'est-à-dire, fichiers sur le système de fichiers, cependant, pour utiliser un fichier empaqueté à l'intérieur de l'extension, voir ci-dessous)</li>
- <li>confidentiel : URLs (par exemle, <code>about:config</code>, <code>about:addons</code>, <code>about:debugging</code>, <code>about:newtab</code>)<span style="display: none;"> </span>. Les URL non privilégiées (par exemple, <code>about:blank</code>) sont autorisées.</li>
+ <li>confidentiel : URLs (par exemle, <code>about:config</code>, <code>about:addons</code>, <code>about:debugging</code>, <code>about:newtab</code>)<span class="hidden"> </span>. Les URL non privilégiées (par exemple, <code>about:blank</code>) sont autorisées.</li>
</ul>
Pour charger une page fournie avec votre extension, spécifiez une URL absolue à partir du fichier manifest.json de l'extension. Par exemple : '/path/to/my-page.html'. Si vous omettez le premier caractère '/', l'URL est traitée comme une URL relative et différents navigateurs peuvent construire différentes URL absolues.</dd>
</dl>
diff --git a/files/fr/mozilla/add-ons/webextensions/api/webrequest/resourcetype/index.html b/files/fr/mozilla/add-ons/webextensions/api/webrequest/resourcetype/index.html
index a8b07698ea..b5fc7c42e3 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/webrequest/resourcetype/index.html
+++ b/files/fr/mozilla/add-ons/webextensions/api/webrequest/resourcetype/index.html
@@ -48,7 +48,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/webRequest/ResourceType
<dd>Requêtes envoyées par plugins.</dd>
<dt><code>ping</code></dt>
<dd>Demandes envoyées à l'URL donnée dans l'attribut {{htmlattrxref("ping", "a")}} d'un hyperlien, lorsque l'hyperlien est suivi..</dd>
- <dd><span style="display: none;"> </span>Les navigateurs qui n'ont pas de type de <code>balise</code> dédié (voir la compatibilité des navigateurs ci-dessous), étiquettent également les requêtes envoyées par l'API Beacon en tant que <code>ping</code>.</dd>
+ <dd><span class="hidden"> </span>Les navigateurs qui n'ont pas de type de <code>balise</code> dédié (voir la compatibilité des navigateurs ci-dessous), étiquettent également les requêtes envoyées par l'API Beacon en tant que <code>ping</code>.</dd>
<dt><code>script</code></dt>
<dd>Code chargé pour être exécuté par un élément {{HTMLElement("script")}} ou exécuté dans un <a href="/fr/docs/Web/API/Web_Workers_API">Worker</a>.</dd>
<dt><code>speculative</code></dt>
diff --git a/files/fr/mozilla/add-ons/webextensions/user_interface/popups/index.html b/files/fr/mozilla/add-ons/webextensions/user_interface/popups/index.html
index 69bd665e64..437939ec70 100644
--- a/files/fr/mozilla/add-ons/webextensions/user_interface/popups/index.html
+++ b/files/fr/mozilla/add-ons/webextensions/user_interface/popups/index.html
@@ -15,7 +15,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/user_interface/Popups
<p>Lorsque l'utilisateur clique sur le bouton, la fenêtre contextuelle s'affiche. Lorsque l'utilisateur clique n'importe où en dehors de la fenêtre contextuelle, la fenêtre contextuelle est fermée. La fenêtre contextuelle peut être fermée par programmation en appelant <code><a href="https://developer.mozilla.org/fr/docs/Web/API/Window/close">window.close()</a></code> à partir d'un script exécuté dans la fenêtre contextuelle. Cependant, vous ne pouvez pas ouvrir le menu contextuel à partir d'un JavaScript de le l'extension : il ne peut être ouvert qu'en réponse à une action de l'utilisateur.</p>
-<p>Vous pouvez définir un raccourci clavier qui ouvre la fenêtre contextuelle en utilisant les raccourcis <code>"_execute_browser_action"</code> et <code>"_execute_page_action"</code>. Consultez la clé de <code><a href="/fr/docs/Mozilla/Add-ons/WebExtensions/manifest.json/commands">commande</a></code><span style="display: none;"> </span> de la documentation du manifest.json.</p>
+<p>Vous pouvez définir un raccourci clavier qui ouvre la fenêtre contextuelle en utilisant les raccourcis <code>"_execute_browser_action"</code> et <code>"_execute_page_action"</code>. Consultez la clé de <code><a href="/fr/docs/Mozilla/Add-ons/WebExtensions/manifest.json/commands">commande</a></code><span class="hidden"> </span> de la documentation du manifest.json.</p>
<h2 id="Spécification_dune_fenêtre_contextuelle">Spécification d'une fenêtre contextuelle</h2>
diff --git a/files/fr/tools/performance/waterfall/index.html b/files/fr/tools/performance/waterfall/index.html
index 0a351605e1..caea98ceb1 100644
--- a/files/fr/tools/performance/waterfall/index.html
+++ b/files/fr/tools/performance/waterfall/index.html
@@ -189,9 +189,9 @@ original_slug: Outils/Performance/Waterfall
<p>Préparation/préoptimisation pour le Cycle Collection.</p>
</td>
<td><img alt="" src="https://mdn.mozillademos.org/files/10709/red.png" style="height: 21px; width: 60px;"></td>
- <td><span style="display: none;"> </span>
- <p><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><strong>Type</strong></p>
- <span style="display: none;"> </span>
+ <td><span class="hidden"> </span>
+ <p><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><strong>Type</strong></p>
+ <span class="hidden"> </span>
<dl>
<dd>Toujours "ForgetSkippable".</dd>
diff --git a/files/fr/web/api/cachestorage/match/index.html b/files/fr/web/api/cachestorage/match/index.html
index 42346f8fd0..22e25ab644 100644
--- a/files/fr/web/api/cachestorage/match/index.html
+++ b/files/fr/web/api/cachestorage/match/index.html
@@ -40,7 +40,7 @@ translation_of: Web/API/CacheStorage/match
<li><code>ignoreSearch</code>: Un {{domxref("Boolean")}} qui détermine si le preocessus de rapprochement doit ignorer la chaîne de requête dans l'url. Défini à <code>true</code>, la partie <code>?value=bar</code> de <code>http://foo.com/?value=bar</code> sera ignoré lors d'un rapporchement. La valeur par défaut est <code>false</code>.</li>
<li><code>ignoreMethod</code>: Un {{domxref("Boolean")}} qui, quand défini à <code>true</code>, empêche l'opération de rapprochement de valider le verbe http de la {{domxref("Request", "Requête")}} <code>http</code> (normalement, seulement <code>GET</code> et <code>HEAD</code> sont authorisés) La valeur par défaut est <code>false</code>.</li>
<li><code>ignoreVary</code>: Un {{domxref("Boolean")}} qui, quand défini à <code>true</code>, dit à l'opération de rapprochement de ne pas faire le rapprochement avec le header <code>VARY</code>. En d'autres termes, si une URL est sélectionnée elle sera conservée indépemment de la présence du header <code>VARY</code>. La valeur par défaut est <code>false</code>.</li>
- <li><code>cacheName</code>: Un {{domxref("DOMString")}} qui représente le cache dans lequel on recherche.<span style="display: none;"> </span></li>
+ <li><code>cacheName</code>: Un {{domxref("DOMString")}} qui représente le cache dans lequel on recherche.<span class="hidden"> </span></li>
</ul>
</dd>
</dl>
diff --git a/files/fr/web/api/canvasgradient/addcolorstop/index.html b/files/fr/web/api/canvasgradient/addcolorstop/index.html
index 76059cf23b..3929dde01b 100644
--- a/files/fr/web/api/canvasgradient/addcolorstop/index.html
+++ b/files/fr/web/api/canvasgradient/addcolorstop/index.html
@@ -52,7 +52,7 @@ ctx.fillRect(10, 10, 200, 100);
<p>Modifiez le code ci-dessous et voyez vos modifications mises à jour en direct dans le canevas :</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/arc/index.html b/files/fr/web/api/canvasrenderingcontext2d/arc/index.html
index 28219272c1..f71bbb14db 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/arc/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/arc/index.html
@@ -55,7 +55,7 @@ ctx.stroke();</code></pre>
<p>Modifiez le code ci-dessous et voyez les changements en direct sur le canvas :</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code" name="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
@@ -101,7 +101,7 @@ window.addEventListener("load", drawCanvas);
<p>Dans cet exemple, plusieurs formes différentes sont dessinées, afin de montrer les possibilités offertes par <code>arc()</code>.</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="HTML_2">HTML</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="150" height="200"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/beginpath/index.html b/files/fr/web/api/canvasrenderingcontext2d/beginpath/index.html
index 4df338c796..63a7c190dc 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/beginpath/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/beginpath/index.html
@@ -49,7 +49,7 @@ ctx.stroke();
<p>Éditez le code ci-dessous pour voir vos changements directemment apportés au canvas:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/closepath/index.html b/files/fr/web/api/canvasrenderingcontext2d/closepath/index.html
index b3748ccbd7..6d32bb14f5 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/closepath/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/closepath/index.html
@@ -40,7 +40,7 @@ ctx.stroke();
<p>Editez le code ci-dessous et observez les répercutions dans le canvas:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/createlineargradient/index.html b/files/fr/web/api/canvasrenderingcontext2d/createlineargradient/index.html
index 76fb50df9f..a764bd4477 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/createlineargradient/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/createlineargradient/index.html
@@ -70,7 +70,7 @@ ctx.fillRect(10, 10, 200, 100);
<p>Modifiez le code ci-dessous et voyez vos changements mis à jour en temps réel sur le canevas :</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/drawimage/index.html b/files/fr/web/api/canvasrenderingcontext2d/drawimage/index.html
index 1d217a65b7..9355533e78 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/drawimage/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/drawimage/index.html
@@ -65,7 +65,6 @@ void <var><em>ctx</em>.drawImage(image, sx, sy, sLargeur, sHauteur, dx, dy, dLar
<h4 id="HTML">HTML</h4>
<pre class="brush: html">&lt;canvas id="canvas"&gt;&lt;/canvas&gt;
-&lt;div style="display:none;"&gt;
&lt;img id="source" src="https://mdn.mozillademos.org/files/5397/rhino.jpg"
width="300" height="227"&gt;
&lt;/div&gt;
@@ -82,11 +81,10 @@ ctx.drawImage(image, 33, 71, 104, 124, 21, 20, 87, 104);
<p>Éditez le code suivant pour voir les changements en direct dans la balise canvas:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
-&lt;div style="display:none;"&gt;
&lt;img id="source" src="https://mdn.mozillademos.org/files/5397/rhino.jpg" width="300" height="227"&gt;
&lt;/div&gt;
&lt;div class="playable-buttons"&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/ellipse/index.html b/files/fr/web/api/canvasrenderingcontext2d/ellipse/index.html
index 61d8e1345d..80b247abdc 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/ellipse/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/ellipse/index.html
@@ -62,7 +62,7 @@ ctx.stroke();
<p>Modifiez le code ci-dessous et voyez vos changements mis à jour en temps réel dans le canevas (vérifiez le support de votre navigateur dans la table de compatibilité si aucune ellipse n'est tracée) :</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code" name="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/fillrect/index.html b/files/fr/web/api/canvasrenderingcontext2d/fillrect/index.html
index 2a5e36e2cb..3bec32ef04 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/fillrect/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/fillrect/index.html
@@ -54,7 +54,7 @@ ctx.fillRect(10, 10, 100, 100);
<p>Éditez le code suivant pour voir les changements en direct dans la balise canvas:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/filltext/index.html b/files/fr/web/api/canvasrenderingcontext2d/filltext/index.html
index 666e230f59..598c9bb3ac 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/filltext/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/filltext/index.html
@@ -58,7 +58,7 @@ ctx.fillText('Hello world', 50, 100);
<p>Modifiez le code ci-dessous et voyez vos changements être mis à jour en temps réel dans le canevas :</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/lineto/index.html b/files/fr/web/api/canvasrenderingcontext2d/lineto/index.html
index 51359d72fd..afa3187b8b 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/lineto/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/lineto/index.html
@@ -51,7 +51,7 @@ ctx.stroke();
<p>Éditez le code suivant pour voir les changements en direct:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/moveto/index.html b/files/fr/web/api/canvasrenderingcontext2d/moveto/index.html
index f7890599d4..a290011500 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/moveto/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/moveto/index.html
@@ -49,7 +49,7 @@ ctx.stroke();
<p>Éditez le code ci-dessous pour voir vos changements mettre à jour le canvas en direct:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/rect/index.html b/files/fr/web/api/canvasrenderingcontext2d/rect/index.html
index f030ad7c92..72cc18fca8 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/rect/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/rect/index.html
@@ -51,7 +51,7 @@ ctx.fill();
<p>Éditez le code ci-dessous pour voir vos mises à jour apportées au canvas directement:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/rotate/index.html b/files/fr/web/api/canvasrenderingcontext2d/rotate/index.html
index 94dabd0201..66a5dcea2d 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/rotate/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/rotate/index.html
@@ -54,7 +54,7 @@ ctx.setTransform(1, 0, 0, 1, 0, 0);
<p>Modifiez le code ci-dessous et voyez vos changements mis à jour en temps réel dans le canevas:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/scale/index.html b/files/fr/web/api/canvasrenderingcontext2d/scale/index.html
index 91746be321..d0315f61ea 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/scale/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/scale/index.html
@@ -54,7 +54,7 @@ ctx.setTransform(1, 0, 0, 1, 0, 0);
<p>Modifiez le code ci-dessous et voyez vos changements mis à jour en temps réel dans le canevas :</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
@@ -100,7 +100,7 @@ window.addEventListener("load", drawCanvas);
<p>Vous pouvez utiliser <code>ctx.scale(-1, 1)</code> pour retourner le contexte horizontalement et <code>ctx.scale(1, -1) </code>pour le retourner verticalement.</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code2">Playable code2</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/setlinedash/index.html b/files/fr/web/api/canvasrenderingcontext2d/setlinedash/index.html
index 99a57ca4c5..2f821c9367 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/setlinedash/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/setlinedash/index.html
@@ -69,7 +69,7 @@ ctx.stroke();
<p>Editez le code ci-dessous et observez les changements se produire dans le canvas:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/settransform/index.html b/files/fr/web/api/canvasrenderingcontext2d/settransform/index.html
index 54a288091b..e538f72e22 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/settransform/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/settransform/index.html
@@ -61,7 +61,7 @@ ctx.fillRect(0, 0, 100, 100);
<p>Modifiez le code ci-dessous et voyez vos changements mis à jour en temps réel dans le canevas :</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/stroke/index.html b/files/fr/web/api/canvasrenderingcontext2d/stroke/index.html
index 59f9bb5f95..4813eca699 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/stroke/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/stroke/index.html
@@ -41,7 +41,7 @@ ctx.stroke();
<p>Editer le code en dessous et voir vos modifications mises à jour en direct dans le canevas :</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html b/files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html
index e2ac6a0f97..e625af9801 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html
@@ -53,7 +53,7 @@ ctx.strokeRect(10, 10, 100, 100);
<p>Éditez le code suivant pour voir les changements en direct dans la balise canvas:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/stroketext/index.html b/files/fr/web/api/canvasrenderingcontext2d/stroketext/index.html
index 379e409679..8c89a5bf6b 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/stroketext/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/stroketext/index.html
@@ -58,7 +58,7 @@ ctx.strokeText('Hello world', 50, 100);
<p>Modifiez le code ci-dessous et voyez vos modifications mises à jour en direct dans le canevas:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/transform/index.html b/files/fr/web/api/canvasrenderingcontext2d/transform/index.html
index fa60151b13..f90c0fca72 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/transform/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/transform/index.html
@@ -61,7 +61,7 @@ ctx.fillRect(0, 0, 100, 100);
<p>Modifiez le code ci-dessous et voyez vos modifications mises à jour en direct dans le canevas :</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/translate/index.html b/files/fr/web/api/canvasrenderingcontext2d/translate/index.html
index 6146a88b6c..2ea645a83d 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/translate/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/translate/index.html
@@ -54,7 +54,7 @@ ctx.setTransform(1, 0, 0, 1, 0, 0);
<p>Modifiez le code ci-dessous et voyez vos modifications mises à jour en direct sur le canevas :</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/credential/index.html b/files/fr/web/api/credential/index.html
index 3c0956f0df..e4d0953c70 100644
--- a/files/fr/web/api/credential/index.html
+++ b/files/fr/web/api/credential/index.html
@@ -23,7 +23,7 @@ translation_of: Web/API/Credential
<ul>
<li><code>password</code> (pour {{domxref("PasswordCredential")}})</li>
<li><code>federated</code> (pour {{domxref("FederatedCredential")}})</li>
- <li><code>public-key</code> (pour {{domxref("PublicKeyCredential")}})<span style="display: none;"> </span></li>
+ <li><code>public-key</code> (pour {{domxref("PublicKeyCredential")}})<span class="hidden"> </span></li>
</ul>
</dd>
</dl>
diff --git a/files/fr/web/api/document/adoptnode/index.html b/files/fr/web/api/document/adoptnode/index.html
index 959e060387..16b8760df2 100644
--- a/files/fr/web/api/document/adoptnode/index.html
+++ b/files/fr/web/api/document/adoptnode/index.html
@@ -24,8 +24,8 @@ translation_of: Web/API/Document/adoptNode
</pre>
<dl>
- <dt><code><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span>node</code></dt>
- <dd>est le noeud adopté  qui a maintenant ce document en tant que son <code><a href="/en-US/docs/DOM/Node.ownerDocument" title="DOM/Node.ownerDocument">ownerDocument</a></code> (<em>document propriétaire</em>). Le <a href="/en-US/docs/DOM/Node.parentNode"><code>parentNode</code></a> du noeud est <code>null</code>, car il n'a pas encore été inséré dans l'arborescence du document.  Notez que <code>node</code> et <code>externalNode</code> sont le même objet après cet appel.<span style="display: none;">  </span><span style="display: none;"> </span></dd>
+ <dt><code><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span>node</code></dt>
+ <dd>est le noeud adopté  qui a maintenant ce document en tant que son <code><a href="/en-US/docs/DOM/Node.ownerDocument" title="DOM/Node.ownerDocument">ownerDocument</a></code> (<em>document propriétaire</em>). Le <a href="/en-US/docs/DOM/Node.parentNode"><code>parentNode</code></a> du noeud est <code>null</code>, car il n'a pas encore été inséré dans l'arborescence du document.  Notez que <code>node</code> et <code>externalNode</code> sont le même objet après cet appel.<span class="hidden">  </span><span class="hidden"> </span></dd>
<dt><code>externalNode</code></dt>
<dd>est le noeud à adopter existant dans un autre document.</dd>
</dl>
diff --git a/files/fr/web/api/document/compatmode/index.html b/files/fr/web/api/document/compatmode/index.html
index 23cd1c1dbd..0197c02c50 100644
--- a/files/fr/web/api/document/compatmode/index.html
+++ b/files/fr/web/api/document/compatmode/index.html
@@ -20,7 +20,7 @@ translation_of: Web/API/Document/compatMode
<h2 id="Valeurs">Valeurs</h2>
<ul>
- <li><code>"BackCompat"</code> si le document est a<span style="display: none;"> </span>ffiché en mode<span style="display: none;"> </span><span style="display: none;"> </span> "quirks" ;<span style="display: none;"> </span></li>
+ <li><code>"BackCompat"</code> si le document est a<span class="hidden"> </span>ffiché en mode<span class="hidden"> </span><span class="hidden"> </span> "quirks" ;<span class="hidden"> </span></li>
</ul>
<dl>
@@ -29,7 +29,7 @@ translation_of: Web/API/Document/compatMode
</dl>
<ul>
- <li><code>"CSS1Compat"</code> si le document est affiché en mode "no-quirks" (aussi connu sous le nom de mode "standard") ou "limited-quirks" (mo<span style="display: none;"> </span>de "proche du standard").</li>
+ <li><code>"CSS1Compat"</code> si le document est affiché en mode "no-quirks" (aussi connu sous le nom de mode "standard") ou "limited-quirks" (mo<span class="hidden"> </span>de "proche du standard").</li>
</ul>
<dl>
diff --git a/files/fr/web/api/document/execcommand/index.html b/files/fr/web/api/document/execcommand/index.html
index 0828ac309b..dd90b03485 100644
--- a/files/fr/web/api/document/execcommand/index.html
+++ b/files/fr/web/api/document/execcommand/index.html
@@ -338,7 +338,7 @@ translation_of: Web/API/Document/execCommand
    </div>
     </div>
-<div id="compat-mobile" style="display: none;">
+<div id="compat-mobile" class="hidden">
<table class="compat-table">
<tbody>
<tr>
diff --git a/files/fr/web/api/elementcssinlinestyle/style/index.html b/files/fr/web/api/elementcssinlinestyle/style/index.html
index 69b6276029..f6a4337edf 100644
--- a/files/fr/web/api/elementcssinlinestyle/style/index.html
+++ b/files/fr/web/api/elementcssinlinestyle/style/index.html
@@ -43,7 +43,7 @@ div.style.marginTop = ".25cm";
<p>{{Compat("api.HTMLElement.style")}}</p>
-<h2 id="Sp.C3.A9cification" name="Sp.C3.A9cification"><span id="1236997045923S" style="display: none;"> </span>Voir aussi</h2>
+<h2 id="Sp.C3.A9cification" name="Sp.C3.A9cification"><span id="1236997045923S" class="hidden"> </span>Voir aussi</h2>
<ul>
<li><a class="internal" href="/en/CSS/CSS_Reference" title="en/CSS/CSS_Reference">Liste des propriétés CSS DOM</a> (en)</li>
diff --git a/files/fr/web/api/event/event/index.html b/files/fr/web/api/event/event/index.html
index aeb96638d8..464a126f19 100644
--- a/files/fr/web/api/event/event/index.html
+++ b/files/fr/web/api/event/event/index.html
@@ -30,7 +30,7 @@ translation_of: Web/API/Event/Event
<ul>
<li><code>bubbles</code>: (facultatif) un {{jsxref("Boolean")}} indiquant si les événements sont propagés . Par défaut est <code>false</code> (<em>faux</em>).</li>
<li><code>cancelable</code>: (facultatif) un {{jsxref("Boolean")}} indiquant si l'évènement peut être annulé. Par défaut est <code>false</code> (<em>faux</em>) .</li>
- <li><code>composed</code>: ( facultatif ) un {{jsxref("Boolean")}} indiquant si l'évènement déclenchera les écouteurs en dehors d'une racine shadow (voir {{domxref("Event.composed")}} pour plus de détails). Par défaut est <code>false</code> (<em>faux</em>) .<span style="display: none;"> </span></li>
+ <li><code>composed</code>: ( facultatif ) un {{jsxref("Boolean")}} indiquant si l'évènement déclenchera les écouteurs en dehors d'une racine shadow (voir {{domxref("Event.composed")}} pour plus de détails). Par défaut est <code>false</code> (<em>faux</em>) .<span class="hidden"> </span></li>
</ul>
</dd>
</dl>
diff --git a/files/fr/web/api/mouseevent/index.html b/files/fr/web/api/mouseevent/index.html
index 9ca9f98666..f201122012 100644
--- a/files/fr/web/api/mouseevent/index.html
+++ b/files/fr/web/api/mouseevent/index.html
@@ -85,7 +85,7 @@ translation_of: Web/API/MouseEvent
<dd>Alias pour {{domxref("MouseEvent.clientY")}}.</dd>
</dl>
-<h2 id="Constantes"><span style="display: none;"> </span><span style="display: none;"> </span>Constantes</h2>
+<h2 id="Constantes"><span class="hidden"> </span><span class="hidden"> </span>Constantes</h2>
<dl>
<dt>{{domxref("MouseEvent.WEBKIT_FORCE_AT_MOUSE_DOWN")}} {{non-standard_inline}}{{readonlyinline}}</dt>
diff --git a/files/fr/web/api/worker/worker/index.html b/files/fr/web/api/worker/worker/index.html
index 34717d9a21..662be32858 100644
--- a/files/fr/web/api/worker/worker/index.html
+++ b/files/fr/web/api/worker/worker/index.html
@@ -30,7 +30,7 @@ translation_of: Web/API/Worker/Worker
<ul>
<li><code>type</code>: Une {{domxref("DOMString")}} définissant le type de worker à créer. The valeur peuvent être <code>classic</code> ou <code>module</code>. Si cette prpriété n'est pas définie, la valeur sera <code>classic</code>.</li>
<li><code>credentials</code>: Une {{domxref("DOMString")}} définissant le type de politique d'origine à utiliser pour le <em>worker</em>. Les valeurs peuvent être <dfn><code>omit</code></dfn>, <code><dfn>same-origin</dfn></code> ou <dfn><code>include</code>. </dfn>Si cette propriété n'est pas définie, ou que type est défini à <code>classic</code>, la valeur sera <code>classic</code>.</li>
- <li><code>name</code>: Une {{domxref("DOMString")}} définissant un identifiant pour l'environment du worker {{domxref("DedicatedWorkerGlobalScope")}}, souvent utilisé pour le débogage.<span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span></li>
+ <li><code>name</code>: Une {{domxref("DOMString")}} définissant un identifiant pour l'environment du worker {{domxref("DedicatedWorkerGlobalScope")}}, souvent utilisé pour le débogage.<span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span></li>
</ul>
</dd>
</dl>
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/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;
diff --git a/files/fr/web/html/element/input/number/index.html b/files/fr/web/html/element/input/number/index.html
index e134aa2a77..ed38487203 100644
--- a/files/fr/web/html/element/input/number/index.html
+++ b/files/fr/web/html/element/input/number/index.html
@@ -270,7 +270,6 @@ input:valid+span:after {
&lt;input id="meters" type="number" name="meters" step="0.01" min="0" placeholder="e.g. 1.78" required&gt;
&lt;span class="validity"&gt;&lt;/span&gt;
&lt;/div&gt;
- &lt;div class="feetInputGroup" style="display: none;"&gt;
&lt;span&gt;Saisir votre taille — &lt;/span&gt;
&lt;label for="feet"&gt;feet :&lt;/label&gt;
&lt;input id="feet" type="number" name="feet" min="0" step="1"&gt;
@@ -289,7 +288,7 @@ input:valid+span:after {
<p>Ici on utilise l'attribut <code>step</code> avec la valeur <code>0.01</code> afin d'accepter une taille en centimètres. On fournit également un texte indicatif via <code>placeholder</code>.</p>
-<p>Par défaut on masque la saisie en pieds avec <code>style="display: none;"</code>.</p>
+<p>Par défaut on masque la saisie en pieds avec <code>class="hidden"</code>.</p>
<h3 id="CSS">CSS</h3>
diff --git a/files/fr/web/http/status/index.html b/files/fr/web/http/status/index.html
index c49a6cca41..3d30883fd2 100644
--- a/files/fr/web/http/status/index.html
+++ b/files/fr/web/http/status/index.html
@@ -182,7 +182,7 @@ translation_of: Web/HTTP/Status
<ul>
<li><a href="https://fr.wikipedia.org/wiki/Liste_des_codes_HTTP">Liste des codes de statut HTTP sur Wikipedia</a></li>
- <li><a href="http://www.iana.org/assignments/http-status-codes/http-status-codes.xhtml">Registre officiel des codes de statut HTTP par l'IANA</a><span style="display: none;"> </span></li>
+ <li><a href="http://www.iana.org/assignments/http-status-codes/http-status-codes.xhtml">Registre officiel des codes de statut HTTP par l'IANA</a><span class="hidden"> </span></li>
</ul>
</dt>
</dl>
diff --git a/files/fr/web/javascript/reference/global_objects/object/create/index.html b/files/fr/web/javascript/reference/global_objects/object/create/index.html
index e8f8cf50a5..5cf69f483c 100644
--- a/files/fr/web/javascript/reference/global_objects/object/create/index.html
+++ b/files/fr/web/javascript/reference/global_objects/object/create/index.html
@@ -223,7 +223,7 @@ o2 = Object.create({}, {
<div id="SLO_balloon_obj" style="display: block;">
<div class="SLO_ImTranslatorLogo" id="SLO_button" style="display: none; opacity: 1;"></div>
-<div id="SLO_shadow_translation_result2" style="display: none;"></div>
+<div id="SLO_shadow_translation_result2" class="hidden"></div>
<div id="SLO_shadow_translator" style="display: none; left: 63px; top: 0px; box-shadow: rgb(186, 185, 181) 0px 0px 0px;">
<div id="SLO_planshet">
@@ -237,7 +237,7 @@ o2 = Object.create({}, {
<div class="SLO_BL_LABLE_ON" id="SLO_P2" title="Translator">T</div>
</div>
-<div id="SLO_alert_bbl" style="display: none;">
+<div id="SLO_alert_bbl" class="hidden">
<div id="SLHKclose"></div>
<div id="SLO_alert_cont"></div>
diff --git a/files/fr/web/manifest/index.html b/files/fr/web/manifest/index.html
index dd344294fa..6d7a5e276d 100644
--- a/files/fr/web/manifest/index.html
+++ b/files/fr/web/manifest/index.html
@@ -174,7 +174,7 @@ translation_of: Web/Manifest
</thead>
<tbody>
<tr>
- <td><span style="display: none;"> </span> </td>
+ <td><span class="hidden"> </span> </td>
<td></td>
</tr>
<tr>
diff --git a/files/fr/web/mathml/element/math/index.html b/files/fr/web/mathml/element/math/index.html
index 5e1cf317ff..0257ef4c41 100644
--- a/files/fr/web/mathml/element/math/index.html
+++ b/files/fr/web/mathml/element/math/index.html
@@ -19,7 +19,7 @@ translation_of: Web/MathML/Element/math
<dt id="attr-class-id-style">class, id, style</dt>
<dd>Afin d'être utilisés avec les <a href="/fr/docs/CSS">feuilles de style</a>.</dd>
<dt id="attr-dir">dir</dt>
- <dd><span style="display: none;"> </span>Le sens global de lecture des formules. Les valeurs possibles sont <code>ltr</code> (gauche à droite) ou <code>rtl</code> (droite à gauche).</dd>
+ <dd><span class="hidden"> </span>Le sens global de lecture des formules. Les valeurs possibles sont <code>ltr</code> (gauche à droite) ou <code>rtl</code> (droite à gauche).</dd>
<dt id="attr-href">href</dt>
<dd>Un hyperlien pointant vers un URI donné.</dd>
<dt id="attr-mathbackground">mathbackground</dt>
diff --git a/files/fr/web/svg/applying_svg_effects_to_html_content/index.html b/files/fr/web/svg/applying_svg_effects_to_html_content/index.html
index 6668cbe216..f7f381646f 100644
--- a/files/fr/web/svg/applying_svg_effects_to_html_content/index.html
+++ b/files/fr/web/svg/applying_svg_effects_to_html_content/index.html
@@ -185,7 +185,7 @@ pre.target:hover { filter:url(#f3); }
<p>{{EmbedLiveSample('Exemple_Filtres', 650, 200)}}</p>
-<p style="display: none;"><a class="button liveSample" href="/files/3329/filterdemo.xhtml">View this example live</a></p>
+<p class="hidden"><a class="button liveSample" href="/files/3329/filterdemo.xhtml">View this example live</a></p>
<h3 id="Exemple_Texte_flouté">Exemple : Texte flouté</h3>
diff --git a/files/fr/webassembly/understanding_the_text_format/index.html b/files/fr/webassembly/understanding_the_text_format/index.html
index 4a38e79ea1..bd74f464d3 100644
--- a/files/fr/webassembly/understanding_the_text_format/index.html
+++ b/files/fr/webassembly/understanding_the_text_format/index.html
@@ -26,7 +26,7 @@ translation_of: WebAssembly/Understanding_the_text_format
<dl>
<dt>{{EmbedLiveSample}}</dt>
- <dd>Afin de permettre aux humains de lire et d'éditer du code WebAssembly, il y a une représentation textuelle du format binaire wasm. C'est une forme intermédiaire conçue pour être affic<span style="display: none;"> </span><span style="display: none;"> </span>hée dans les éditeurs de texte, les outils de développeurs intégrés aux navigateurs web, etc. Cet article montre comment ce format fonctionne sur le plan syntaxique, mais aussi comment il se combine avec le code binaire sous-jacent — ainsi que l'objet JavaScript englobant qui représente wasm.</dd>
+ <dd>Afin de permettre aux humains de lire et d'éditer du code WebAssembly, il y a une représentation textuelle du format binaire wasm. C'est une forme intermédiaire conçue pour être affic<span class="hidden"> </span><span class="hidden"> </span>hée dans les éditeurs de texte, les outils de développeurs intégrés aux navigateurs web, etc. Cet article montre comment ce format fonctionne sur le plan syntaxique, mais aussi comment il se combine avec le code binaire sous-jacent — ainsi que l'objet JavaScript englobant qui représente wasm.</dd>
<dt><strong>Note</strong>: Ceci est potentiellement exagéré si vous êtes un développeur web cherchant uniquement à charger un module wasm dans une page pour l'utiliser dans votre code (voir <a href="https://developer.mozilla.org/fr/docs/WebAssembly/Using_the_JavaScript_API">Utilisez l'API JavaScript de WebAssembly</a>). Mais il est plus utile si, en revanche, vous voulez écrite des modules wasm pour optimiser les performances de votre librairies Javascript, ou construire votre propre compilateur WebAssembl</dt>
</dl>
diff --git a/files/he/learn/html/howto/index.html b/files/he/learn/html/howto/index.html
index 496b8e18c4..cc703642a6 100644
--- a/files/he/learn/html/howto/index.html
+++ b/files/he/learn/html/howto/index.html
@@ -139,4 +139,4 @@ original_slug: Learn/HTML/פתרון_בעיות
</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/he/web/javascript/reference/global_objects/array/includes/index.html b/files/he/web/javascript/reference/global_objects/array/includes/index.html
index 0cc6181f0d..369e5ad018 100644
--- a/files/he/web/javascript/reference/global_objects/array/includes/index.html
+++ b/files/he/web/javascript/reference/global_objects/array/includes/index.html
@@ -81,7 +81,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/includes
<table class="standard-table" dir="rtl" style="height: 185px; width: 490px;">
<tbody>
<tr>
- <th scope="col"><span style="display: none;"> </span><span style="display: none;"> </span>מפרט</th>
+ <th scope="col"><span class="hidden"> </span><span class="hidden"> </span>מפרט</th>
<th scope="col">סטטוס</th>
<th scope="col">הערה</th>
</tr>
diff --git a/files/hi-in/mdn/contribute/getting_started/index.html b/files/hi-in/mdn/contribute/getting_started/index.html
index 88be0e8d67..6dc23f4670 100644
--- a/files/hi-in/mdn/contribute/getting_started/index.html
+++ b/files/hi-in/mdn/contribute/getting_started/index.html
@@ -36,11 +36,11 @@ translation_of: MDN/Contribute/Getting_started
<p>आप क्या करना चाहते हैं काम किस तरह का फैसला करने के बाद, पर काम करने के लिए आदि एक विशेष पेज, कोड उदाहरण है, लगता है, और सिर्फ यह करना है!</p>
<p>यह पूरी तरह से करने के बारे में चिंता मत करो; अन्य MDN योगदानकर्ताओं के माध्यम से पर्ची कि तय त्रुटियों मदद करने के लिए यहाँ हैं। तुम जाओ के रूप में आप प्रश्न हैं, मेलिंग सूची पर जानकारी के लिए सामुदायिक पेज देखते हैं और आप जवाब मिल सकता है, जहां चैनलों चैट।</p>
-<span style="display: none;"> </span>
+<span class="hidden"> </span>
<h5 id="नोट_यदि_आप_असली_के_लिए_कुछ_भी_करने_से_पहले_MDN_पर_संपादन_के_साथ_प्रयोग_करने_के_लिए_चाहते_हैं_हम_आप_में_चारों_ओर_खेलने_के_लिए_एक_sandbox_पृष्ठ_है_इस_पेज_को_अपने_प्रयोगों_को_सीमित_करें।।_बस_क्या_होता_है_देखने_के_लिए_सामग्री_पृष्ठों_को_अनावश्यक_परिवर्तन_नहीं_करते_कृपया_दूसरों_को_साफ_करने_के_लिए_है_कि_एक_गड़बड़_कर_रहा_है।_आप_अपने_चुने_हुए_कार्य_के_साथ_कर_रहे_हैं_एक_और_आइटम_लेने_या_आप_MDN_पर_कर_सकते_हैं_अन्य_बातों_के_लिए_नीचे_देखने_के_लिए_स्वतंत्र_महसूस।">नोट: यदि आप "असली" के लिए कुछ भी करने से पहले MDN पर संपादन के साथ प्रयोग करने के लिए चाहते हैं, हम आप में चारों ओर खेलने के लिए एक sandbox पृष्ठ है इस पेज को अपने प्रयोगों को सीमित करें।। बस क्या होता है देखने के लिए सामग्री पृष्ठों को अनावश्यक परिवर्तन नहीं करते कृपया; दूसरों को साफ करने के लिए है कि एक गड़बड़ कर रहा है।<br>
आप अपने चुने हुए कार्य के साथ कर रहे हैं, एक और आइटम लेने, या आप MDN पर कर सकते हैं अन्य बातों के लिए नीचे देखने के लिए स्वतंत्र महसूस।</h5>
-<span style="display: none;"> </span>
+<span class="hidden"> </span>
<p>संभव कार्य प्रकार<br>
आप अपने कौशल सेट और हितों के आधार पर MDN करने के लिए योगदान करने के लिए ले जा सकते हैं कई रास्ते हैं। कुछ कार्य कठिन हो सकता है, भले ही हम उपलब्ध सरल गतिविधियों की बहुत सारी है। उनमें से एक बहुत ही पांच मिनट (या कम!) अपने समय की जरूरत है। नीचे, काम और अपने संक्षिप्त विवरण के साथ, आप काम के प्रत्येक प्रकार के आम तौर पर लेता है कि अनुमानित समय मिल जाएगा।</p>
diff --git a/files/hu/web/css/css_background_and_borders/border-radius_generator/index.html b/files/hu/web/css/css_background_and_borders/border-radius_generator/index.html
index 77e1f42d7b..04c6d986aa 100644
--- a/files/hu/web/css/css_background_and_borders/border-radius_generator/index.html
+++ b/files/hu/web/css/css_background_and_borders/border-radius_generator/index.html
@@ -9,7 +9,7 @@ original_slug: Web/CSS/Tools/Border-radius_bemutato
---
<p>Ez az eszköz CSS3 {{cssxref("border-radius")}} beállítások megjelenítésére használható.</p>
-<div style="display: none;">
+<div class="hidden">
<h2 id="border-radius-generator" name="border-radius-generator">border-radius</h2>
<h3 id="HTML_Content">HTML Content</h3>
diff --git a/files/id/learn/html/howto/index.html b/files/id/learn/html/howto/index.html
index ef45d155ad..28ae0887af 100644
--- a/files/id/learn/html/howto/index.html
+++ b/files/id/learn/html/howto/index.html
@@ -135,7 +135,7 @@ translation_of: Learn/HTML/Howto
</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>
<div id="gtx-trans" style="position: absolute; left: 50px; top: 3011.2px;">
<div class="gtx-trans-icon"></div>
diff --git a/files/id/web/javascript/data_structures/index.html b/files/id/web/javascript/data_structures/index.html
index 3521bbc640..0fba9dc3a5 100644
--- a/files/id/web/javascript/data_structures/index.html
+++ b/files/id/web/javascript/data_structures/index.html
@@ -6,7 +6,7 @@ tags:
- Tipe
translation_of: Web/JavaScript/Data_structures
---
-<p><span style="display: none;"> </span><span style="display: none;"> </span> {{jsSidebar("More")}}</p>
+<p><span class="hidden"> </span><span class="hidden"> </span> {{jsSidebar("More")}}</p>
<p>Semua bahasa pemrograman memiliki struktur data bawaan, namun hal tersebut sering dijumpai berbeda antara satu bahasa dengan bahasa lainya. Artikel ini mencoba untuk membuat daftar struktur data bawaan yang tersedia di JavaScript dan sifat-sifat apa saja yang dimiliki. Struktur data bawaan dapat digunakan untuk membangun struktur data lainnya. Bila memungkinkan, perbandingan dengan bahasa lainya akan diambil.</p>
diff --git a/files/it/conflicting/learn/server-side/django/index.html b/files/it/conflicting/learn/server-side/django/index.html
index e7efb7b504..847a230dcd 100644
--- a/files/it/conflicting/learn/server-side/django/index.html
+++ b/files/it/conflicting/learn/server-side/django/index.html
@@ -23,8 +23,8 @@ original_slug: Python
<li><a href="http://greenteapress.com/complexity/index.html" title="http://greenteapress.com/complexity/index.html">Think Complexity</a> di <strong>Allen B. Downey</strong> continua l'opera del precedente (disponibile in formato <a href="http://greenteapress.com/complexity/thinkcomplexity.pdf" title="http://greenteapress.com/complexity/thinkcomplexity.pdf">PDF</a> &amp; <a href="http://greenteapress.com/complexity/html/index.html" title="http://greenteapress.com/complexity/html/index.html">HTML</a> )</li>
</ul>
</li>
- <li><a href="http://learnpythonthehardway.org" title="http://learnpythonthehardway.org">Learn Python The Hard Way</a> di <span id="cke_bm_75S" style="display: none;"> </span>Zed Shaw<span id="cke_bm_75E" style="display: none;"> </span> (<a href="http://learnpythonthehardway.org/book/" title="http://learnpythonthehardway.org/book/">formato HTML</a>)</li>
- <li><a href="http://www.itmaybeahack.com/book/python-2.6/html/index.html" title="http://www.itmaybeahack.com/book/python-2.6/html/index.html">Building Skills in Python</a> di<span id="cke_bm_76S" style="display: none;"> </span> Steven F. L<span id="cke_bm_76E" style="display: none;"> </span>ott (<span id="cke_bm_77E" style="display: none;"> </span><a href="http://www.itmaybeahack.com/book/python-2.6/latex/BuildingSkillsinPython.pdf" title="http://www.itmaybeahack.com/book/python-2.6/latex/BuildingSkillsinPython.pdf">formato PDF</a>)</li>
+ <li><a href="http://learnpythonthehardway.org" title="http://learnpythonthehardway.org">Learn Python The Hard Way</a> di <span id="cke_bm_75S" class="hidden"> </span>Zed Shaw<span id="cke_bm_75E" class="hidden"> </span> (<a href="http://learnpythonthehardway.org/book/" title="http://learnpythonthehardway.org/book/">formato HTML</a>)</li>
+ <li><a href="http://www.itmaybeahack.com/book/python-2.6/html/index.html" title="http://www.itmaybeahack.com/book/python-2.6/html/index.html">Building Skills in Python</a> di<span id="cke_bm_76S" class="hidden"> </span> Steven F. L<span id="cke_bm_76E" class="hidden"> </span>ott (<span id="cke_bm_77E" class="hidden"> </span><a href="http://www.itmaybeahack.com/book/python-2.6/latex/BuildingSkillsinPython.pdf" title="http://www.itmaybeahack.com/book/python-2.6/latex/BuildingSkillsinPython.pdf">formato PDF</a>)</li>
</ul>
<p>Una volta acquisite le basi, si può passare a <a href="http://python.net/~goodger/projects/pycon/2007/idiomatic/handout.html" title="http://python.net/~goodger/projects/pycon/2007/idiomatic/handout.html">Code Like a Pythonista: Idiomatic Python</a> per approfondire alcuni aspetti di Python che lo rendono diverso dagli altri linguaggi .</p>
diff --git a/files/it/learn/html/howto/index.html b/files/it/learn/html/howto/index.html
index 5343bdbaad..b9566dcb69 100644
--- a/files/it/learn/html/howto/index.html
+++ b/files/it/learn/html/howto/index.html
@@ -152,4 +152,4 @@ translation_of: Learn/HTML/Howto
</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/it/web/api/canvasrenderingcontext2d/ispointinpath/index.html b/files/it/web/api/canvasrenderingcontext2d/ispointinpath/index.html
index bcb314845c..cf3bdee573 100644
--- a/files/it/web/api/canvasrenderingcontext2d/ispointinpath/index.html
+++ b/files/it/web/api/canvasrenderingcontext2d/ispointinpath/index.html
@@ -67,7 +67,7 @@ console.log(ctx.isPointInPath(10, 10)); // true
<p>Modifica il codice qui sotto, e guarda live come cambia il canvas: per guardare i log apri la tua <a href="/en-US/docs/Tools/Browser_Console">console</a></p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/it/web/css/transition-timing-function/index.html b/files/it/web/css/transition-timing-function/index.html
index c99e5f5678..0362f60e1d 100644
--- a/files/it/web/css/transition-timing-function/index.html
+++ b/files/it/web/css/transition-timing-function/index.html
@@ -50,7 +50,7 @@ transition-timing-function: inherit
<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;
@@ -113,7 +113,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="ttf_easein" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-timing-function: ease-in</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;
@@ -176,7 +176,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="ttf_easeout" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-timing-function: ease-out</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;
@@ -239,7 +239,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="ttf_easeinout" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-timing-function: ease-in-out</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;
@@ -303,7 +303,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;
@@ -366,7 +366,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="ttf_stepstart" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-timing-function: step-start</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;
@@ -429,7 +429,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;
@@ -492,7 +492,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;
diff --git a/files/it/web/html/global_attributes/index.html b/files/it/web/html/global_attributes/index.html
index 84a66619b7..a8424e5827 100644
--- a/files/it/web/html/global_attributes/index.html
+++ b/files/it/web/html/global_attributes/index.html
@@ -122,7 +122,7 @@ translation_of: Web/HTML/Global_attributes
&lt;/ol&gt;
&lt;/body&gt;
</pre>
- <div style="display: none;">
+ <div class="hidden">
<pre class="brush:css"> ol {
list-style-type:decimal;
}
@@ -151,7 +151,7 @@ function changeImage(){
<li>the name must not contain any semicolon (<code>U+003A</code>);</li>
<li>the name must not contain capital <code>A</code> to <code>Z</code> letters.</li>
</ul>
-<p>Note that the <code>HTMLElement.dataset</code> attribute is a <code>StringMap</code> and the name of the custom data attribute <em> data-test-value<span id="1305983291817E" style="display: none;"> </span></em> will be accessible via <code>HTMLElement.dataset.</code><em><code>testValue</code></em> as any dash (<code>U+002D</code>) is replaced by the capitalization of the next letter (camelcase).</p>
+<p>Note that the <code>HTMLElement.dataset</code> attribute is a <code>StringMap</code> and the name of the custom data attribute <em> data-test-value<span id="1305983291817E" class="hidden"> </span></em> will be accessible via <code>HTMLElement.dataset.</code><em><code>testValue</code></em> as any dash (<code>U+002D</code>) is replaced by the capitalization of the next letter (camelcase).</p>
<table class="fullwidth-table">
<tbody>
<tr>
diff --git a/files/ja/learn/common_questions/checking_that_your_web_site_is_working_properly/index.html b/files/ja/learn/common_questions/checking_that_your_web_site_is_working_properly/index.html
index 4c3499402f..57245cc7a3 100644
--- a/files/ja/learn/common_questions/checking_that_your_web_site_is_working_properly/index.html
+++ b/files/ja/learn/common_questions/checking_that_your_web_site_is_working_properly/index.html
@@ -58,7 +58,7 @@ translation_of: Learn/Common_questions/Checking_that_your_web_site_is_working_pr
<p>サーバは、リクエストを受信するたびにステータスメッセージで応答します。最も一般的なステータスは次のとおりです。</p>
<dl>
- <dt><strong><span id="cke_bm_110S" style="display: none;"> </span>200: OK</strong></dt>
+ <dt><strong><span id="cke_bm_110S" class="hidden"> </span>200: OK</strong></dt>
<dd>求めているリソースが配信されました。</dd>
<dt><strong>301: Moved permanently</strong></dt>
<dd>リソースは新しい場所に移動しました。あなたのブラウザでこれをあまり見ないでしょう、しかし検索エンジンがインデックスを更新するのにこの情報をたくさん使うので "301" について知るのは良いことです。</dd>
diff --git a/files/ja/learn/css/styling_text/styling_lists/index.html b/files/ja/learn/css/styling_text/styling_lists/index.html
index 0690271d64..3d4617b15b 100644
--- a/files/ja/learn/css/styling_text/styling_lists/index.html
+++ b/files/ja/learn/css/styling_text/styling_lists/index.html
@@ -131,7 +131,7 @@ dd {
<li>規則1はサイト全体のフォントと <code>10px</code> の基準フォントサイズを設定します。 これらはページ上のすべてのものに継承されます。</li>
<li>規則2と3では、見出し、さまざまなリストの種類(リスト要素の子はこれらを継承)、および段落に相対フォントサイズを設定します。 つまり、各段落とリストのフォントサイズ、上下の間隔は同じになり、バーティカルリズムを一定に保つのに役立ちます。</li>
<li>規則4では、段落とリスト項目に同じ {{cssxref("line-height")}} を設定しているため、段落と各個々のリスト項目のラインの間隔は同じになります。 これは、バーティカルリズムを一定に保つのにも役立ちます。</li>
- <li>説明リストには規則5と6が適用されます。 説明リストの用語と説明には、段落とリスト項目の場合と同じ <code>line-height</code> を設定します。 繰り返しますが、一貫性があることは良いことです! また、説明する用語は太字にして、視覚的に目立つようにしています。<span id="cke_bm_126E" style="display: none;"> </span></li>
+ <li>説明リストには規則5と6が適用されます。 説明リストの用語と説明には、段落とリスト項目の場合と同じ <code>line-height</code> を設定します。 繰り返しますが、一貫性があることは良いことです! また、説明する用語は太字にして、視覚的に目立つようにしています。<span id="cke_bm_126E" class="hidden"> </span></li>
</ul>
<h2 id="List-specific_styles" name="List-specific_styles">リスト固有の装飾</h2>
diff --git a/files/ja/learn/html/howto/index.html b/files/ja/learn/html/howto/index.html
index a7e7f54478..43d6b5bf8b 100644
--- a/files/ja/learn/html/howto/index.html
+++ b/files/ja/learn/html/howto/index.html
@@ -138,4 +138,4 @@ translation_of: Learn/HTML/Howto
</div>
</div>
-<p><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></p>
diff --git a/files/ja/learn/server-side/first_steps/client-server_overview/index.html b/files/ja/learn/server-side/first_steps/client-server_overview/index.html
index a99e34eff0..188c3e1713 100644
--- a/files/ja/learn/server-side/first_steps/client-server_overview/index.html
+++ b/files/ja/learn/server-side/first_steps/client-server_overview/index.html
@@ -54,7 +54,7 @@ translation_of: Learn/Server-side/First_steps/Client-Server_overview
<ul>
<li>URL パラメータ: <code>GET</code> リクエストは、サーバに送信された URL に名前と値のペアを末尾に追加することで、データをエンコードします (例:<code>http://mysite.com<strong>?name=Fred&amp;age=11</strong></code>)。URL パラメータから URL の残りの部分を区切る疑問符 (<code>?</code>)、関連する値から各名前を区切る等号 (<code>=</code>)、および各ペアを区切るアンパサンド (<code>&amp;</code>) が常にあります。URL パラメータは、ユーザが変更して再送信することができるため、本質的に「安全ではありません」。結果として、URL パラメータの <code>GET</code> リクエストは、サーバ上のデータを更新するリクエストには使用されません。</li>
<li><code>POST</code> データ: <code>POST</code> リクエストは新しいリソースを追加し、そのデータはリクエストボディ内にエンコードされます。</li>
- <li><span style="display: none;"> </span>クライアントサイド Cookie : Cookie には、クライアントに関するセッションデータが含まれており、サーバはそれをログイン状態とリソースへの権限/アクセスを判断するために使用できます。</li>
+ <li><span class="hidden"> </span>クライアントサイド Cookie : Cookie には、クライアントに関するセッションデータが含まれており、サーバはそれをログイン状態とリソースへの権限/アクセスを判断するために使用できます。</li>
</ul>
</li>
</ul>
diff --git a/files/ja/learn/tools_and_testing/cross_browser_testing/your_own_automation_environment/index.html b/files/ja/learn/tools_and_testing/cross_browser_testing/your_own_automation_environment/index.html
index ffdd4984a0..06f93804ce 100644
--- a/files/ja/learn/tools_and_testing/cross_browser_testing/your_own_automation_environment/index.html
+++ b/files/ja/learn/tools_and_testing/cross_browser_testing/your_own_automation_environment/index.html
@@ -675,9 +675,9 @@ driver.quit();</pre>
-<div id="simple-translate-button" style="display: none;"></div>
+<div id="simple-translate-button" class="hidden"></div>
-<div id="simple-translate-panel" style="display: none;">
+<div id="simple-translate-panel" class="hidden">
<p>...</p>
</div>
diff --git a/files/ja/mozilla/add-ons/webextensions/api/tabs/create/index.html b/files/ja/mozilla/add-ons/webextensions/api/tabs/create/index.html
index 247bc50464..03d0a7388d 100644
--- a/files/ja/mozilla/add-ons/webextensions/api/tabs/create/index.html
+++ b/files/ja/mozilla/add-ons/webextensions/api/tabs/create/index.html
@@ -49,7 +49,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/tabs/create
<li>javascript: URL</li>
<li>data: URL</li>
<li>file: URL(ファイルシステム上のファイルなど。拡張機能内にパッケージ化されたファイルは指定できます。下部を参照してください)</li>
- <li>特権 about: URL (例、 <code>about:config</code>, <code>about:addons</code>, <code>about:debugging</code>)<span style="display: none;"> </span>。ただし非特権 URL (<code>about:blank</code>) は使用できます。</li>
+ <li>特権 about: URL (例、 <code>about:config</code>, <code>about:addons</code>, <code>about:debugging</code>)<span class="hidden"> </span>。ただし非特権 URL (<code>about:blank</code>) は使用できます。</li>
<li>新しいタブ (<code>about:newtab</code>) はURLを指定しなければ開かれます。</li>
</ul>
diff --git a/files/ja/mozilla/add-ons/webextensions/content_scripts/index.html b/files/ja/mozilla/add-ons/webextensions/content_scripts/index.html
index 456ce69ddb..6d6a7f5425 100644
--- a/files/ja/mozilla/add-ons/webextensions/content_scripts/index.html
+++ b/files/ja/mozilla/add-ons/webextensions/content_scripts/index.html
@@ -201,7 +201,7 @@ window.confirm("Are you sure?"); // calls the original window.confirm()</pre>
<div class="blockIndicator note">
<p>Firefox では、コンテンツスクリプトの (例えば、<code><a href="/ja/docs/Web/API/Fetch_API/Using_Fetch">fetch()</a></code> を使った) リクエストは、拡張機能のコンテキストで起こるので、ページコンテンツを参照する URL を絶対URL で提供せねばなりません。</p>
-<p>Chrome では、リクエストはページのコンテ<span style="display: none;"> </span>キストで起こるので、相対 URL で行われます。例えば、<code>/api</code> は <code>https://[現在のペー<span style="display: none;"> </span>ジの URL]/api</code> に送られます。</p>
+<p>Chrome では、リクエストはページのコンテ<span class="hidden"> </span>キストで起こるので、相対 URL で行われます。例えば、<code>/api</code> は <code>https://[現在のペー<span class="hidden"> </span>ジの URL]/api</code> に送られます。</p>
</div>
<p>コンテンツスクリプトは拡張機能の他の部分と同一のクロスドメイン権限を取得します: よって拡張機能が <code>manifest.json</code> の <code><a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/manifest.json/permissions">permissions</a></code> キーを使ってあるドメインのクロスドメインアクセスを要求している場合、コンテンツスクリプトも同様にそのドメインのアクセスを取得します。</p>
diff --git a/files/ja/mozilla/add-ons/webextensions/interact_with_the_clipboard/index.html b/files/ja/mozilla/add-ons/webextensions/interact_with_the_clipboard/index.html
index 3947b8491f..eba5e0ee8c 100644
--- a/files/ja/mozilla/add-ons/webextensions/interact_with_the_clipboard/index.html
+++ b/files/ja/mozilla/add-ons/webextensions/interact_with_the_clipboard/index.html
@@ -99,8 +99,8 @@ document.querySelector("#paste").addEventListener("click", paste);</pre>
<p>Firefox は"clipboardRead" <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permission</a> をバージョン 54 からサポートしています。しかし、クリップボードからの読み込みにはパーミッションの他に、貼り付け先の要素が <a href="/ja/docs/Web/Guide/HTML/Editable_content">content editable mode</a> である必要があります。さらに、コンテンツスクリプトの場合は&lt;textarea&gt;要素のみ動作します。バックグラウンドスクリプトでは、どの要素でも content editable mode に設定できます。</p>
-<div id="simple-translate-button" style="display: none;"> </div>
+<div id="simple-translate-button" class="hidden"> </div>
-<div id="simple-translate-panel" style="display: none;">
+<div id="simple-translate-panel" class="hidden">
<p>...</p>
</div>
diff --git a/files/ja/mozilla/add-ons/webextensions/user_interface/popups/index.html b/files/ja/mozilla/add-ons/webextensions/user_interface/popups/index.html
index 7ca9f6f69d..39fb8332c3 100644
--- a/files/ja/mozilla/add-ons/webextensions/user_interface/popups/index.html
+++ b/files/ja/mozilla/add-ons/webextensions/user_interface/popups/index.html
@@ -17,7 +17,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/user_interface/Popups
<p>ユーザーがボタンをクリックした時、ポップアップが表示されます。ポップアップの外をクリックすると、ポップアップは閉じます。ポップアップは、そこで実行しているスクリプトから <code><a href="https://developer.mozilla.org/ja/docs/Web/API/Window/close">window.close()</a></code> を呼ぶとプログラム的に閉じられます。しかし、拡張機能の JavaScript からプログラム的に開くことはできません。つまりユーザー操作への反応としてだけ開きます。</p>
-<p><code>"_execute_browser_action"</code> と <code>"_execute_page_action"</code> ショートカットを使って、ポップアップを開くキーボードショートカットを定義できます。manifest.json の <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/commands">commands</a></code><span style="display: none;"> </span> キーの文書を見てください。</p>
+<p><code>"_execute_browser_action"</code> と <code>"_execute_page_action"</code> ショートカットを使って、ポップアップを開くキーボードショートカットを定義できます。manifest.json の <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/commands">commands</a></code><span class="hidden"> </span> キーの文書を見てください。</p>
<h2 id="Specifying_a_popup" name="Specifying_a_popup">ポップアップを指定する</h2>
diff --git a/files/ja/mozilla/developer_guide/svg_guidelines/index.html b/files/ja/mozilla/developer_guide/svg_guidelines/index.html
index 358d2da811..1eea32fe92 100644
--- a/files/ja/mozilla/developer_guide/svg_guidelines/index.html
+++ b/files/ja/mozilla/developer_guide/svg_guidelines/index.html
@@ -67,7 +67,7 @@ translation_of: Mozilla/Developer_guide/SVG_Guidelines
<p>You shouldn't include DOCTYPEs in your SVGs either, they are source of many issues and the SVG WG recommends not to include them. See <a href="https://jwatt.org/svg/authoring/#doctype-declaration">SVG Authoring guidelines</a>.</p>
-<h3 id="Avoid_the_use_of_CDATA_sections"><span class="author-g-1scq3ywqbljc5puc">Avoid the use of <span id="cke_bm_253E" style="display: none;"> </span>CDATA sections</span></h3>
+<h3 id="Avoid_the_use_of_CDATA_sections"><span class="author-g-1scq3ywqbljc5puc">Avoid the use of <span id="cke_bm_253E" class="hidden"> </span>CDATA sections</span></h3>
<p><span class="author-g-1scq3ywqbljc5puc"><a href="/en-US/docs/Web/API/CDATASection">CDATA sections</a> are used to avoid parsing some text as HTML. Most of time, CDATA isn't needed, for example, the content in <code>&lt;style&gt;</code> tags doesn't need to be wrapped in a CDATA section as the content inside the tag is already properly parsed as CSS.</span></p>
@@ -143,7 +143,6 @@ translation_of: Mozilla/Developer_guide/SVG_Guidelines
<p><span class="author-g-1scq3ywqbljc5puc b">There's usually no need to set the default style value unless you're overriding a style. Here are some commonly seen examples:</span></p>
<ul>
- <li><span class="author-g-1scq3ywqbljc5puc"><code>style="display: none;"</code> on <code><a href="/en-US/docs/Web/SVG/Element/defs">&lt;defs&gt;</a></code> elements (a <code>&lt;defs&gt;</code> element is hidden by default)</span></li>
<li><span class="author-g-1scq3ywqbljc5puc"><code>type="text/css"</code> on <code>&lt;style&gt;</code> elements</span></li>
<li><span class="author-g-1scq3ywqbljc5puc"><code>stroke: none</code> or <code>stroke-width: 0</code></span></li>
</ul>
diff --git a/files/ja/web/api/canvasrenderingcontext2d/arc/index.html b/files/ja/web/api/canvasrenderingcontext2d/arc/index.html
index 56f9db6d6b..643e43fc8c 100644
--- a/files/ja/web/api/canvasrenderingcontext2d/arc/index.html
+++ b/files/ja/web/api/canvasrenderingcontext2d/arc/index.html
@@ -58,7 +58,7 @@ ctx.stroke();
<p>以下のコードを書き替えると、Canvasの中身がどう変わるか実際に確かめられます。</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code" name="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
@@ -104,7 +104,7 @@ window.addEventListener("load", drawCanvas);
<p>以下の例は異なった形を描くことで、<code>arc()()</code>メソッドは何ができるのかを示します。</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="HTML_2">HTML</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="150" height="200"&gt;&lt;/canvas&gt;
diff --git a/files/ja/web/api/canvasrenderingcontext2d/clearrect/index.html b/files/ja/web/api/canvasrenderingcontext2d/clearrect/index.html
index 4f09a2bc91..11d53cfe2b 100644
--- a/files/ja/web/api/canvasrenderingcontext2d/clearrect/index.html
+++ b/files/ja/web/api/canvasrenderingcontext2d/clearrect/index.html
@@ -63,7 +63,7 @@ ctx.clearRect(10, 10, 100, 100);
<p>以下のコードを編集して、変更がどのように適用されるか試してみてください。</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/ja/web/api/canvasrenderingcontext2d/drawfocusifneeded/index.html b/files/ja/web/api/canvasrenderingcontext2d/drawfocusifneeded/index.html
index 4d0135e6fa..db5875c709 100644
--- a/files/ja/web/api/canvasrenderingcontext2d/drawfocusifneeded/index.html
+++ b/files/ja/web/api/canvasrenderingcontext2d/drawfocusifneeded/index.html
@@ -50,7 +50,7 @@ ctx.drawFocusIfNeeded(button);
<p>下のコードを編集すると、変更がリアルタイムにcanvasに反映されます:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;
diff --git a/files/ja/web/api/canvasrenderingcontext2d/fillrect/index.html b/files/ja/web/api/canvasrenderingcontext2d/fillrect/index.html
index 1424ba870b..9839c130e1 100644
--- a/files/ja/web/api/canvasrenderingcontext2d/fillrect/index.html
+++ b/files/ja/web/api/canvasrenderingcontext2d/fillrect/index.html
@@ -49,7 +49,7 @@ ctx.fillRect(10, 10, 100, 100);
<p>以下のコードを編集して、変更がどのように適用されるか試してみてください。</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/ja/web/api/canvasrenderingcontext2d/filltext/index.html b/files/ja/web/api/canvasrenderingcontext2d/filltext/index.html
index 87823bbb20..6098495f82 100644
--- a/files/ja/web/api/canvasrenderingcontext2d/filltext/index.html
+++ b/files/ja/web/api/canvasrenderingcontext2d/filltext/index.html
@@ -55,7 +55,7 @@ ctx.fillText("Hello world", 50, 100);
<p>以下のコードを編集すると、canvas の変更個所をその場で確認できます:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code" name="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/ja/web/api/canvasrenderingcontext2d/lineto/index.html b/files/ja/web/api/canvasrenderingcontext2d/lineto/index.html
index 6929a63253..2bd2f6ea4f 100644
--- a/files/ja/web/api/canvasrenderingcontext2d/lineto/index.html
+++ b/files/ja/web/api/canvasrenderingcontext2d/lineto/index.html
@@ -45,7 +45,7 @@ ctx.stroke();
<p>下のコードを編集して、変更が canvas に直に反映されることを確認してください。</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/ja/web/api/canvasrenderingcontext2d/rect/index.html b/files/ja/web/api/canvasrenderingcontext2d/rect/index.html
index 651320c13c..dff79b53ed 100644
--- a/files/ja/web/api/canvasrenderingcontext2d/rect/index.html
+++ b/files/ja/web/api/canvasrenderingcontext2d/rect/index.html
@@ -66,7 +66,7 @@ ctx.fill();
<p>下のコードを変更してみよう:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/ja/web/api/canvasrenderingcontext2d/stroke/index.html b/files/ja/web/api/canvasrenderingcontext2d/stroke/index.html
index 83ea761abf..3405ee1221 100644
--- a/files/ja/web/api/canvasrenderingcontext2d/stroke/index.html
+++ b/files/ja/web/api/canvasrenderingcontext2d/stroke/index.html
@@ -41,7 +41,7 @@ ctx.stroke();
<p>下のコードを編集して、変更が canvas に直に反映されることを確認してください。</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/ja/web/api/canvasrenderingcontext2d/stroketext/index.html b/files/ja/web/api/canvasrenderingcontext2d/stroketext/index.html
index 173e65157b..e664a5f6bf 100644
--- a/files/ja/web/api/canvasrenderingcontext2d/stroketext/index.html
+++ b/files/ja/web/api/canvasrenderingcontext2d/stroketext/index.html
@@ -58,7 +58,7 @@ ctx.strokeText("Hello world", 50, 100);
<p>以下のコードを編集すると、canvas の変更個所をその場で確認できます:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code" name="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/ja/web/api/htmltableelement/index.html b/files/ja/web/api/htmltableelement/index.html
index 2fb98c6ee0..180f2bd96c 100644
--- a/files/ja/web/api/htmltableelement/index.html
+++ b/files/ja/web/api/htmltableelement/index.html
@@ -187,4 +187,4 @@ translation_of: Web/API/HTMLTableElement
<ul>
<li>{{HTMLElement("table")}} - <code>HTMLTableElement</code> インタフェースを持つ HTML 要素</li>
</ul>
-<p><span id="cke_bm_222C" style="display: none;"> </span></p>
+<p><span id="cke_bm_222C" class="hidden"> </span></p>
diff --git a/files/ja/web/api/keyboardevent/keycode/index.html b/files/ja/web/api/keyboardevent/keycode/index.html
index d080637e20..840a2dd38a 100644
--- a/files/ja/web/api/keyboardevent/keycode/index.html
+++ b/files/ja/web/api/keyboardevent/keycode/index.html
@@ -359,7 +359,7 @@ translation_of: Web/API/KeyboardEvent/keyCode
<th scope="row"><code>"KeyD"</code></th>
<td colspan="3" rowspan="1"><code>0x44 (68)</code></td>
<td colspan="3" rowspan="1"><code>0x44 (68)</code></td>
- <td colspan="3" rowspan="1"><code>0x44 (68)<span style="display: none;"> </span></code></td>
+ <td colspan="3" rowspan="1"><code>0x44 (68)<span class="hidden"> </span></code></td>
<td colspan="3" rowspan="1"><code>0x44 (68)</code></td>
<td colspan="3" rowspan="1"><code>0x44 (68)</code></td>
<td colspan="3" rowspan="1"><code>0x44 (68)</code></td>
diff --git a/files/ja/web/api/trackevent/index.html b/files/ja/web/api/trackevent/index.html
index dbfefe98c3..0ed9a8d0ee 100644
--- a/files/ja/web/api/trackevent/index.html
+++ b/files/ja/web/api/trackevent/index.html
@@ -20,7 +20,7 @@ translation_of: Web/API/TrackEvent
<p><code>TrackEvent</code> に基づくイベントは、常に次のメディアトラックリストの種類のいずれかに送信されます。</p>
<ul>
- <li><span style="display: none;"> </span>動画トラックに関連するイベントは、常に {{domxref("HTMLMediaElement.videoTracks")}} にある {{domxref("VideoTrackList")}} に送信されます。</li>
+ <li><span class="hidden"> </span>動画トラックに関連するイベントは、常に {{domxref("HTMLMediaElement.videoTracks")}} にある {{domxref("VideoTrackList")}} に送信されます。</li>
<li>音声トラックに関連するイベントは、常に {{domxref("HTMLMediaElement.audioTracks")}} で指定された {{domxref("AudioTrackList")}} に送信されます。</li>
<li>テキストトラックに影響を与えるイベントは、{{domxref("HTMLMediaElement.textTracks")}} によって示される {{domxref("TextTrackList")}} オブジェクトに送信されます。</li>
</ul>
diff --git a/files/ja/web/api/xrreferencespace/index.html b/files/ja/web/api/xrreferencespace/index.html
index 12222a3ab7..0acca51c9f 100644
--- a/files/ja/web/api/xrreferencespace/index.html
+++ b/files/ja/web/api/xrreferencespace/index.html
@@ -37,7 +37,7 @@ translation_of: Web/API/XRReferenceSpace
<p><em>親インターフェイスである {{domxref("XRSpace")}} から継承されたメソッド(現時点では、ない)に加えて、<code>XRReferenceSpace</code> は {{domxref("EventTarget")}} からメソッドを継承します。 <code>XRReferenceSpace</code> は、次のメソッドも提供します。</em></p>
<dl>
- <dt>{{domxref("XRReferenceSpace.getOffsetReferenceSpace", "getOffsetReferenceSpace()")}}<span style="display: none;"> </span></dt>
+ <dt>{{domxref("XRReferenceSpace.getOffsetReferenceSpace", "getOffsetReferenceSpace()")}}<span class="hidden"> </span></dt>
<dd>メソッドを呼び出したものと同じ型(つまり、<code>XRReferenceSpace</code> または {{domxref("XRBoundedReferenceSpace")}})の新しい参照空間オブジェクトを作成して返します。 新しい参照空間を使用して、メソッドが呼び出されたオブジェクトの参照空間から別の座標空間に座標を変換できます。 これは、レンダリング中にオブジェクトを配置したり、3D 空間でビューアーの位置や向きを変更するときに必要な変換を実行したりするのに役立ちます。</dd>
</dl>
diff --git a/files/ja/web/css/border-bottom-left-radius/index.html b/files/ja/web/css/border-bottom-left-radius/index.html
index e1821163f7..e6805d19db 100644
--- a/files/ja/web/css/border-bottom-left-radius/index.html
+++ b/files/ja/web/css/border-bottom-left-radius/index.html
@@ -89,7 +89,7 @@ border-bottom-left-radius: inherit;</pre>
<tr>
<td style="padding: 1.5em;">
<div style="background-color: lightgreen; border: solid 1px black; border-bottom-left-radius: 40px 40px; width: 100px; height: 100px;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>境界として使用されている円弧
@@ -103,7 +103,7 @@ div {
<tr>
<td style="padding: 1.5em;">
<div style="background-color: lightgreen; border: solid 1px black; border-bottom-left-radius: 40px 20px; width: 100px; height: 100px;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>境界として使用されている楕円の弧
@@ -117,7 +117,7 @@ div {
<tr>
<td style="padding: 1.5em;">
<div style="background-color: lightgreen; border: solid 1px black; border-bottom-left-radius: 40%; width: 100px; height: 100px;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>ボックスは正方形。境界として使用されている円弧
@@ -131,7 +131,7 @@ div {
<tr>
<td style="padding: 1.5em;">
<div style="background-color: lightgreen; border: solid 1px black; border-bottom-left-radius: 40%; width: 100px; height: 200px;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>ボックスは正方形ではない。境界として使用されている楕円の弧
@@ -145,7 +145,7 @@ div {
<tr>
<td style="padding: 1.5em;">
<div style="border: black 3px double; border-bottom-left-radius: 40%; height: 100px; width: 100px; background-color: rgb(250,20,70); background-clip: content-box;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>背景色は境界で切り取られる
diff --git a/files/ja/web/css/border-bottom-right-radius/index.html b/files/ja/web/css/border-bottom-right-radius/index.html
index a757c6aa39..090de6ee4a 100644
--- a/files/ja/web/css/border-bottom-right-radius/index.html
+++ b/files/ja/web/css/border-bottom-right-radius/index.html
@@ -83,7 +83,7 @@ border-bottom-right-radius: inherit;</pre>
<tr>
<td style="padding: 1.5em;">
<div style="background-color: lightgreen; border: solid 1px black; border-bottom-right-radius: 40px 40px; width: 100px; height: 100px;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>境界として使用されている円弧
@@ -97,7 +97,7 @@ div {
<tr>
<td style="padding: 1.5em;">
<div style="background-color: lightgreen; border: solid 1px black; border-bottom-right-radius: 40px 20px; width: 100px; height: 100px;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>境界として使用されている楕円の弧
@@ -111,7 +111,7 @@ div {
<tr>
<td style="padding: 1.5em;">
<div style="background-color: lightgreen; border: solid 1px black; border-bottom-right-radius: 40%; width: 100px; height: 100px;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>ボックスは正方形。境界として使用されている円弧
@@ -125,7 +125,7 @@ div {
<tr>
<td style="padding: 1.5em;">
<div style="background-color: lightgreen; border: solid 1px black; border-bottom-right-radius: 40%; width: 100px; height: 200px;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>ボックスは正方形ではない。境界として使用されている楕円の弧
@@ -139,7 +139,7 @@ div {
<tr>
<td style="padding: 1.5em;">
<div style="border: black 3px double; border-bottom-right-radius: 40%; height: 100px; width: 100px; background-color: rgb(250,20,70); background-clip: content-box;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>背景色は境界で切り取られる
diff --git a/files/ja/web/css/border-top-right-radius/index.html b/files/ja/web/css/border-top-right-radius/index.html
index e207a4c5cf..c522635fbb 100644
--- a/files/ja/web/css/border-top-right-radius/index.html
+++ b/files/ja/web/css/border-top-right-radius/index.html
@@ -111,7 +111,7 @@ div {
<tr>
<td style="padding: 1.5em;">
<div style="background-color: lightgreen; border: solid 1px black; border-top-right-radius: 40%; width: 100px; height: 200px;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>ボックスは正方形ではない。境界として使用されている楕円の弧
diff --git a/files/ja/web/css/css_background_and_borders/border-image_generator/index.html b/files/ja/web/css/css_background_and_borders/border-image_generator/index.html
index fa4aa48cdf..8ce5bab6e9 100644
--- a/files/ja/web/css/css_background_and_borders/border-image_generator/index.html
+++ b/files/ja/web/css/css_background_and_borders/border-image_generator/index.html
@@ -9,7 +9,7 @@ translation_of: Web/CSS/CSS_Background_and_Borders/Border-image_generator
---
<p>このツールを使用して、 CSS3 の {{cssxref("border-image")}} の値を作成できます。</p>
-<div style="display: none;">
+<div class="hidden">
<h2 id="Border_Image_Generator" name="Border_Image_Generator">Border Image Generator</h2>
<h3 id="HTML_Content">HTML Content</h3>
diff --git a/files/ja/web/css/css_background_and_borders/border-radius_generator/index.html b/files/ja/web/css/css_background_and_borders/border-radius_generator/index.html
index 7ec4cab13e..4ce39890a7 100644
--- a/files/ja/web/css/css_background_and_borders/border-radius_generator/index.html
+++ b/files/ja/web/css/css_background_and_borders/border-radius_generator/index.html
@@ -10,7 +10,7 @@ translation_of: Web/CSS/CSS_Background_and_Borders/Border-radius_generator
---
<p>このツールは CSS3 の {{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="HTML_Content" name="HTML_Content">HTML Content</h3>
diff --git a/files/ja/web/css/css_colors/color_picker_tool/index.html b/files/ja/web/css/css_colors/color_picker_tool/index.html
index 7375e00046..958178331b 100644
--- a/files/ja/web/css/css_colors/color_picker_tool/index.html
+++ b/files/ja/web/css/css_colors/color_picker_tool/index.html
@@ -14,7 +14,7 @@ tags:
- 色選択
translation_of: Web/CSS/CSS_Colors/Color_picker_tool
---
-<div style="display: none;">
+<div class="hidden">
<h2 id="ColorPicker_Tool" name="ColorPicker_Tool">色選択ツール</h2>
<h3 id="HTML">HTML</h3>
diff --git a/files/ja/web/css/css_transitions/using_css_transitions/index.html b/files/ja/web/css/css_transitions/using_css_transitions/index.html
index d01fba6005..e1fcbc6e7e 100644
--- a/files/ja/web/css/css_transitions/using_css_transitions/index.html
+++ b/files/ja/web/css/css_transitions/using_css_transitions/index.html
@@ -44,7 +44,7 @@ translation_of: Web/CSS/CSS_Transitions/Using_CSS_transitions
<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 notranslate"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -109,7 +109,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 notranslate"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -174,7 +174,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 notranslate"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -239,7 +239,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 notranslate"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -308,7 +308,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 notranslate"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -371,7 +371,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 notranslate"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -434,7 +434,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 notranslate"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -497,7 +497,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 notranslate"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -564,7 +564,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 notranslate"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -636,7 +636,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 notranslate"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -708,7 +708,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 notranslate"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -780,7 +780,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 notranslate"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
diff --git a/files/ja/web/css/filter/index.html b/files/ja/web/css/filter/index.html
index 5bb245abe5..1ec80548b3 100644
--- a/files/ja/web/css/filter/index.html
+++ b/files/ja/web/css/filter/index.html
@@ -116,7 +116,7 @@ img {
<pre class="brush: css notranslate">filter: blur(5px)
</pre>
-<div id="blur_example" style="display: none;">
+<div id="blur_example" class="hidden">
<pre class="brush: html notranslate"> &lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -213,7 +213,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 notranslate">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -308,7 +308,7 @@ table.standard-table td {
&lt;/svg&gt;
</pre>
-<div id="contrast_example" style="display: none;">
+<div id="contrast_example" class="hidden">
<pre class="brush: html notranslate">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -415,7 +415,7 @@ table.standard-table td {
&lt;/svg&gt;
</pre>
-<div id="shadow_example" style="display: none;">
+<div id="shadow_example" class="hidden">
<pre class="brush: html notranslate">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -539,7 +539,7 @@ table.standard-table td {
<pre class="brush: css notranslate">filter: grayscale(100%)</pre>
-<div id="grayscale_example" style="display: none;">
+<div id="grayscale_example" class="hidden">
<pre class="brush: html notranslate">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -622,7 +622,7 @@ table.standard-table td {
<pre class="brush: css notranslate">filter: hue-rotate(90deg)</pre>
-<div id="huerotate_example" style="display: none;">
+<div id="huerotate_example" class="hidden">
<pre class="brush: html notranslate">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -708,7 +708,7 @@ table.standard-table td {
<pre class="brush: css notranslate">filter: invert(100%)</pre>
-<div id="invert_example" style="display: none;">
+<div id="invert_example" class="hidden">
<pre class="brush: html notranslate">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -791,7 +791,7 @@ table.standard-table td {
<pre class="brush: css notranslate">filter: opacity(50%)</pre>
-<div id="opacity_example" style="display: none;">
+<div id="opacity_example" class="hidden">
<pre class="brush: html notranslate">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -872,7 +872,7 @@ table.standard-table td {
<pre class="brush: css notranslate">filter: saturate(200%)</pre>
-<div id="saturate_example" style="display: none;">
+<div id="saturate_example" class="hidden">
<pre class="brush: html notranslate">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -952,7 +952,7 @@ table.standard-table td {
<pre class="brush: css notranslate">filter: sepia(100%)</pre>
-<div id="sepia_example" style="display: none;">
+<div id="sepia_example" class="hidden">
<pre class="brush: html notranslate">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -1035,7 +1035,7 @@ table.standard-table td {
<pre class="brush: css notranslate">filter: contrast(175%) brightness(103%)</pre>
-<div id="combination_example" style="display: none;">
+<div id="combination_example" class="hidden">
<pre class="brush: html notranslate">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
diff --git a/files/ja/web/css/text-decoration-style/index.html b/files/ja/web/css/text-decoration-style/index.html
index 5473f5af42..394ad6a371 100644
--- a/files/ja/web/css/text-decoration-style/index.html
+++ b/files/ja/web/css/text-decoration-style/index.html
@@ -60,7 +60,7 @@ text-decoration-style: unset;
<h2 id="Examples" name="Examples">例</h2>
-<pre class="brush: css" style="display: none;">.example {
+<pre class="brush: css" class="hidden">.example {
-moz-text-decoration-line: underline;
-moz-text-decoration-style: wavy;
-moz-text-decoration-color: red;
diff --git a/files/ja/web/css/transition-delay/index.html b/files/ja/web/css/transition-delay/index.html
index 9094d98eb4..3e47ffa76a 100644
--- a/files/ja/web/css/transition-delay/index.html
+++ b/files/ja/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/ja/web/css/transition-duration/index.html b/files/ja/web/css/transition-duration/index.html
index c5bb4f0bbf..2aa297c4ee 100644
--- a/files/ja/web/css/transition-duration/index.html
+++ b/files/ja/web/css/transition-duration/index.html
@@ -54,7 +54,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 notranslate"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -119,7 +119,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 notranslate"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -184,7 +184,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 notranslate"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -249,7 +249,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 notranslate"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
diff --git a/files/ja/web/css/using_css_custom_properties/index.html b/files/ja/web/css/using_css_custom_properties/index.html
index 0008b66d3e..6571a2ed14 100644
--- a/files/ja/web/css/using_css_custom_properties/index.html
+++ b/files/ja/web/css/using_css_custom_properties/index.html
@@ -145,7 +145,7 @@ translation_of: Web/CSS/Using_CSS_custom_properties
}
</pre>
-<div style="display: none;">
+<div class="hidden">
<pre class="brush:html">&lt;div&gt;
&lt;div class="one"&gt;&lt;/div&gt;
&lt;div class="two"&gt;Text &lt;span class="five"&gt;- more text&lt;/span&gt;&lt;/div&gt;
diff --git a/files/ja/web/html/element/input/number/index.html b/files/ja/web/html/element/input/number/index.html
index 8177c9f00f..26e7df6a71 100644
--- a/files/ja/web/html/element/input/number/index.html
+++ b/files/ja/web/html/element/input/number/index.html
@@ -315,7 +315,6 @@ input:valid+span:after {
&lt;input id="meters" type="number" name="meters" step="0.01" min="0" placeholder="例 1.78" required&gt;
&lt;span class="validity"&gt;&lt;/span&gt;
&lt;/div&gt;
- &lt;div class="feetInputGroup" style="display: none;"&gt;
&lt;span&gt;あなたの身長を入力してください — &lt;/span&gt;
&lt;label for="feet"&gt;フィート:&lt;/label&gt;
&lt;input id="feet" type="number" name="feet" min="0" step="1"&gt;
@@ -334,7 +333,7 @@ input:valid+span:after {
<p>これまでの記事ですでに見てきた属性の多くを使用していることがわかります。センチメートル単位のメートル値を受け入れるため、 <code>step</code> の値を <code>0.01</code> に設定して、 <em>1.78</em> のような値が無効とされないようにしました。また、その入力欄のプレイスホルダーも提供しました。</p>
-<p>最初はフィートとインチの入力欄を <code>style="display: none;"</code> を使用して非表示にしているため、既定はメートルでの入力です。</p>
+<p>最初はフィートとインチの入力欄を <code>class="hidden"</code> を使用して非表示にしているため、既定はメートルでの入力です。</p>
<p>次に、 CSS に進みます。これは、以前に見た検証のスタイル付けととても良く似ています。ここで注目するところはありません。</p>
diff --git a/files/ja/webassembly/understanding_the_text_format/index.html b/files/ja/webassembly/understanding_the_text_format/index.html
index 3c4f19bea4..a83895909e 100644
--- a/files/ja/webassembly/understanding_the_text_format/index.html
+++ b/files/ja/webassembly/understanding_the_text_format/index.html
@@ -506,7 +506,7 @@ WebAssembly.instantiateStreaming(fetch('logger2.wasm'), importObject)
<pre class="brush: wasm; no-line-numbers notranslate" style="margin-bottom: 0;">(i32.store (i32.const 0) (i32.const 42))
(call_indirect (type $void_to_i32) (i32.const 0))</pre>
-<div style="display: none;"></div>
+<div class="hidden"></div>
</div>
<p>アセンブリに変換した後、次のコードで JavaScript 内で <code>shared0.wasm</code> と <code>shared1.wasm</code> を使用します:</p>
diff --git a/files/ko/learn/common_questions/checking_that_your_web_site_is_working_properly/index.html b/files/ko/learn/common_questions/checking_that_your_web_site_is_working_properly/index.html
index 3005d81a05..3799ff6daa 100644
--- a/files/ko/learn/common_questions/checking_that_your_web_site_is_working_properly/index.html
+++ b/files/ko/learn/common_questions/checking_that_your_web_site_is_working_properly/index.html
@@ -54,7 +54,7 @@ original_slug: Learn/Common_questions/웹_사이트가_제대로_동작하는지
<p>Servers respond with a status message whenever they receive a request. Here are the most common statuses:</p>
<dl>
- <dt><strong><span id="cke_bm_110S" style="display: none;"> </span>200: OK</strong></dt>
+ <dt><strong><span id="cke_bm_110S" class="hidden"> </span>200: OK</strong></dt>
<dd>The resource you asked for was delivered.</dd>
<dt><strong>301: Moved permanently</strong></dt>
<dd>The resource has moved to a new location. You won't see this much in your browser, but it's good to know about "301" since search engines use this information a lot to update their indexes.</dd>
diff --git a/files/ko/learn/css/styling_text/styling_lists/index.html b/files/ko/learn/css/styling_text/styling_lists/index.html
index 843636c554..a87a70408c 100644
--- a/files/ko/learn/css/styling_text/styling_lists/index.html
+++ b/files/ko/learn/css/styling_text/styling_lists/index.html
@@ -122,7 +122,7 @@ dd {
<li>The first rule sets a sitewide font and a baseline font size of 10px. These are inherited by everything on the page.</li>
<li>Rules 2 and 3 set relative font sizes for the headings, different list types (the children of the list elements inherit these), and paragraphs. This means that each paragraph and list will have the same font size and top and bottom spacing, helping to keep the vertical rhythm consistent.</li>
<li>Rule 4 sets the same {{cssxref("line-height")}} on the paragraphs and list items — so the paragraphs and each individual list item will have the same spacing between lines. This will also help to keep the vertical rhythm consistent.</li>
- <li>Rules 5 and 6 apply to the description list — we set the same <code>line-height</code> on the description list terms and descriptions as we did with the paragraphs and list items. Again, consistency is good! We also make the description terms have bold font, so they visually stand out easier.<span id="cke_bm_126E" style="display: none;"> </span></li>
+ <li>Rules 5 and 6 apply to the description list — we set the same <code>line-height</code> on the description list terms and descriptions as we did with the paragraphs and list items. Again, consistency is good! We also make the description terms have bold font, so they visually stand out easier.<span id="cke_bm_126E" class="hidden"> </span></li>
</ul>
<h2 id="List-specific_styles">List-specific styles</h2>
diff --git a/files/ko/learn/html/howto/index.html b/files/ko/learn/html/howto/index.html
index 2bef079e90..3390846c62 100644
--- a/files/ko/learn/html/howto/index.html
+++ b/files/ko/learn/html/howto/index.html
@@ -150,4 +150,4 @@ translation_of: Learn/HTML/Howto
</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/ko/learn/javascript/first_steps/silly_story_generator/index.html b/files/ko/learn/javascript/first_steps/silly_story_generator/index.html
index a6f2318602..1c32988254 100644
--- a/files/ko/learn/javascript/first_steps/silly_story_generator/index.html
+++ b/files/ko/learn/javascript/first_steps/silly_story_generator/index.html
@@ -167,7 +167,6 @@ translation_of: Learn/JavaScript/First_steps/Silly_story_generator
<div id="dicLayerSub"></div>
</div>
-<div id="dicRawData" style="display: none;">{"mean":["what&lt;br/&gt;&lt;br/&gt;[대명사, 한정사]\n\t\t \t\t(의문문에서) 무엇; 몇; 어떤, 무슨\n\n\t\t 참조 which","be&lt;br/&gt;&lt;br/&gt;[동사]\n\t\t there is/are\n\t\t \t\t있다, 존재하다","script&lt;br/&gt;&lt;br/&gt;[명사]\n\t\t \t\t(연극영화방송강연 등의) 대본[원고]","is&lt;br/&gt;&lt;br/&gt;참조 be","Java Script&lt;br/&gt;&lt;br/&gt;(컴퓨터)\n\t\t \t\t자바 스크립트 ((미국 넷스케이프 커뮤니케이션스가 개발한 스크립트 언어))","TypeScript&lt;br/&gt;&lt;br/&gt;[Proper noun] labelenscripting language A scripting programming language that is a strict superset of JavaScript and used to implement interactive features of Web pages."],"word":"What is JavaScript","soundUrl":"https://dict-dn.pstatic.net/v?_lsu_sa_=39682b535d673a26a89ab1563094c4fead4462b51a0a6f796ee2097e5bbb6bb1195cb75069a5ad7d792362a5c22ac0e7677a456c5837d53ff458f869cb3070278c86c07296cca27ab57925fedb326fd11c977e7d7a242a0e57b9d7f96c3e974376013120f37159780b34a104ca6074c614d78e8a098ad60cfcbe8ec73ef6b8cb","phoneticSymbol":""}</div>
<div id="dicLayerLoader" style="top: 5596px; left: 281px;"></div>
@@ -177,7 +176,7 @@ translation_of: Learn/JavaScript/First_steps/Silly_story_generator
<div id="dicLayerSub"></div>
</div>
-<div id="dicRawData" style="display: none;"></div>
+<div id="dicRawData" class="hidden"></div>
<div id="dicLayerLoader"></div>
@@ -187,6 +186,6 @@ translation_of: Learn/JavaScript/First_steps/Silly_story_generator
<div id="dicLayerSub"></div>
</div>
-<div id="dicRawData" style="display: none;"></div>
+<div id="dicRawData" class="hidden"></div>
<div id="dicLayerLoader"></div>
diff --git a/files/ko/mozilla/add-ons/webextensions/api/tabs/create/index.html b/files/ko/mozilla/add-ons/webextensions/api/tabs/create/index.html
index 1c36ddff1d..5fde619937 100644
--- a/files/ko/mozilla/add-ons/webextensions/api/tabs/create/index.html
+++ b/files/ko/mozilla/add-ons/webextensions/api/tabs/create/index.html
@@ -49,7 +49,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/tabs/create
<li>javascript: URL</li>
<li>data: URL</li>
<li>file: URL (예, 파일시스템의 파일들. 단, 확장 안에 포함된 파일의 사용은 아래를 보라)</li>
- <li>특권이 있는 about: URL (예, <code>about:config</code>, <code>about:addons</code>, <code>about:debugging</code>)<span style="display: none;"> </span>. 특권이 없는 URL은 된다 (예, <code>about:blank</code>).</li>
+ <li>특권이 있는 about: URL (예, <code>about:config</code>, <code>about:addons</code>, <code>about:debugging</code>)<span class="hidden"> </span>. 특권이 없는 URL은 된다 (예, <code>about:blank</code>).</li>
<li>새 탭 페이지 (<code>about:newtab</code>)는 URL 값이 주어지지 않으면 열린다.</li>
</ul>
diff --git a/files/ko/web/api/analysernode/index.html b/files/ko/web/api/analysernode/index.html
index a76feaf59c..dcffff0050 100644
--- a/files/ko/web/api/analysernode/index.html
+++ b/files/ko/web/api/analysernode/index.html
@@ -49,7 +49,7 @@ translation_of: Web/API/AnalyserNode
<p><em>{{domxref("AudioNode")}}</em> 를 부모로 가지는 프로퍼티.<em> </em></p>
<dl>
- <dt><span id="cke_bm_91S" style="display: none;"> </span>{{domxref("AnalyserNode.fftSize")}}</dt>
+ <dt><span id="cke_bm_91S" class="hidden"> </span>{{domxref("AnalyserNode.fftSize")}}</dt>
<dd>부호가 없는(unsigned long value) 주파수 영역에서의 전체 크기의 값을 나타내기 위한 푸리에 변환의 값의 크기를 나타낸다. (대략적으로 설명을 하면 해당 주파수영역을 보는데 얼마나 세밀하게 데이터를 볼것인지를 나타낸다. 클수록 세밀하지만 시간이 오래걸리고 작으면 빨리한다.)</dd>
<dt> </dt>
<dt>{{domxref("AnalyserNode.frequencyBinCount")}} {{readonlyInline}}</dt>
diff --git a/files/ko/web/api/document/adoptnode/index.html b/files/ko/web/api/document/adoptnode/index.html
index d2cce901a6..269f91125a 100644
--- a/files/ko/web/api/document/adoptnode/index.html
+++ b/files/ko/web/api/document/adoptnode/index.html
@@ -23,8 +23,8 @@ translation_of: Web/API/Document/adoptNode
</pre>
<dl>
- <dt><code><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span>node</code></dt>
- <dd>는 현재 문서에 삽입될 노드를 의미. 아직 해당 문서에 삽입되기 전이기 때문에 새로운 노드의 <a href="/en-US/docs/DOM/Node.parentNode"><code>parentNode</code></a>는 <code>null이다.</code><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span></dd>
+ <dt><code><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span>node</code></dt>
+ <dd>는 현재 문서에 삽입될 노드를 의미. 아직 해당 문서에 삽입되기 전이기 때문에 새로운 노드의 <a href="/en-US/docs/DOM/Node.parentNode"><code>parentNode</code></a>는 <code>null이다.</code><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span></dd>
<dt><code>externalNode</code></dt>
<dd>는 노드를 가져오기 위한 외부 문서에 있는 노드를 의미.</dd>
</dl>
diff --git a/files/ko/web/api/rtcpeerconnection/addicecandidate/index.html b/files/ko/web/api/rtcpeerconnection/addicecandidate/index.html
index 9062abc861..fe6ac9d284 100644
--- a/files/ko/web/api/rtcpeerconnection/addicecandidate/index.html
+++ b/files/ko/web/api/rtcpeerconnection/addicecandidate/index.html
@@ -64,7 +64,7 @@ addIceCandidate(<em>candidate</em>, <em>successCallback</em>, <em>failureCallbac
<li>지정된 {{domxref("RTCIceCandidate.sdpMLineIndex", "sdpMLineIndex")}}의 값이 원격 설명 (description)에 포함된 미디어의 숫자와 같거나 큼</li>
<li>지정된 {{domxref("RTCIceCandidate.usernameFragment", "ufrag")}}가 어떠한 원격 설명 (description) 안의 <code>ufrag</code> 필드와 일치하지 않음</li>
<li>{{domxref("RTCIceCandidate", "candidate")}} 문자열에 존재하는 하나 혹은 여러개의 값들이 올바르지 않거나, 파싱 될 수 없음</li>
- <li>어떠한 이유에서던 candidate를 추가하려는 시도가 실패<span style="display: none;"> </span></li>
+ <li>어떠한 이유에서던 candidate를 추가하려는 시도가 실패<span class="hidden"> </span></li>
</ul>
</dd>
</dl>
diff --git a/files/ko/web/api/rtcsessiondescription/index.html b/files/ko/web/api/rtcsessiondescription/index.html
index 927204c7da..dce47879a0 100644
--- a/files/ko/web/api/rtcsessiondescription/index.html
+++ b/files/ko/web/api/rtcsessiondescription/index.html
@@ -79,7 +79,7 @@ translation_of: Web/API/RTCSessionDescription
<dd>Returns a {{Glossary("JSON")}} description of the object. The values of both properties, {{domxref("RTCSessionDescription.type", "type")}} and {{domxref("RTCSessionDescription.sdp", "sdp")}}, are contained in the generated JSON.</dd>
</dl>
-<h2 id="Example">Example<span id="cke_bm_72C" style="display: none;"> </span></h2>
+<h2 id="Example">Example<span id="cke_bm_72C" class="hidden"> </span></h2>
<pre class="brush: js">signalingChannel.onmessage = function (evt) {
if (!pc)
diff --git a/files/ko/web/css/css_background_and_borders/border-image_generator/index.html b/files/ko/web/css/css_background_and_borders/border-image_generator/index.html
index 01ae23c400..229a9eabd0 100644
--- a/files/ko/web/css/css_background_and_borders/border-image_generator/index.html
+++ b/files/ko/web/css/css_background_and_borders/border-image_generator/index.html
@@ -9,7 +9,7 @@ translation_of: Web/CSS/CSS_Background_and_Borders/Border-image_generator
---
<p>이 도구를 사용해 CSS3 {{cssxref("border-image")}} 값을 생성할 수 있습니다.</p>
-<div style="display: none;">
+<div class="hidden">
<h2 id="Border_Image_Generator" name="Border_Image_Generator">Border Image Generator</h2>
<h3 id="HTML_Content">HTML Content</h3>
diff --git a/files/ko/web/css/css_background_and_borders/border-radius_generator/index.html b/files/ko/web/css/css_background_and_borders/border-radius_generator/index.html
index a5db192618..db9310aa83 100644
--- a/files/ko/web/css/css_background_and_borders/border-radius_generator/index.html
+++ b/files/ko/web/css/css_background_and_borders/border-radius_generator/index.html
@@ -9,7 +9,7 @@ translation_of: Web/CSS/CSS_Background_and_Borders/Border-radius_generator
---
<p>이 도구를 사용해 CSS3 {{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="HTML_Content">HTML Content</h3>
diff --git a/files/ko/web/css/css_background_and_borders/box-shadow_generator/index.html b/files/ko/web/css/css_background_and_borders/box-shadow_generator/index.html
index 00b22833fb..63a6166cd1 100644
--- a/files/ko/web/css/css_background_and_borders/box-shadow_generator/index.html
+++ b/files/ko/web/css/css_background_and_borders/box-shadow_generator/index.html
@@ -8,7 +8,7 @@ translation_of: Web/CSS/CSS_Background_and_Borders/Box-shadow_generator
---
<p>이 도구를 사용해 CSS {{cssxref("box-shadow")}} 효과를 생성할 수 있습니다.</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/ko/web/css/css_colors/color_picker_tool/index.html b/files/ko/web/css/css_colors/color_picker_tool/index.html
index f5437c05b5..e4dfdff671 100644
--- a/files/ko/web/css/css_colors/color_picker_tool/index.html
+++ b/files/ko/web/css/css_colors/color_picker_tool/index.html
@@ -3,7 +3,7 @@ title: Color picker tool
slug: Web/CSS/CSS_Colors/Color_picker_tool
translation_of: Web/CSS/CSS_Colors/Color_picker_tool
---
-<div style="display: none;">
+<div class="hidden">
<h2 id="ColorPicker_Tool" name="ColorPicker_Tool">ColorPicker tool</h2>
<h3 id="HTML">HTML</h3>
diff --git a/files/ko/web/css/css_positioning/understanding_z_index/stacking_context_example_1/index.html b/files/ko/web/css/css_positioning/understanding_z_index/stacking_context_example_1/index.html
index 9444e2bb5e..1c38813c95 100644
--- a/files/ko/web/css/css_positioning/understanding_z_index/stacking_context_example_1/index.html
+++ b/files/ko/web/css/css_positioning/understanding_z_index/stacking_context_example_1/index.html
@@ -107,7 +107,7 @@ span.bold { font-weight: bold; }
<li><a href="/en/CSS/Understanding_z-index/Adding_z-index" title="en/CSS/Understanding_z-index/Adding_z-index">Adding z-index</a> : Using z-index to change default stacking</li>
<li><a href="/en/CSS/Understanding_z-index/The_stacking_context" title="en/CSS/Understanding_z-index/The_stacking_context">The stacking context</a> : Notes on the stacking context</li>
<li><a href="/en/CSS/Understanding_z-index/Stacking_context_example_2" title="en/CSS/Understanding_z-index/Stacking_context_example_2">Stacking context example 2</a> : 2-level HTML hierarchy, z-index on all levels</li>
- <li><a href="/en/CSS/Understanding_z-index/Stacking_context_example_3" title="en/CSS/Understanding_z-index/Stacking_context_example_3">Stacking context example 3</a> : 3-level HTML hierarchy, z-index on the second level<span id="cke_bm_89E" style="display: none;"> </span></li>
+ <li><a href="/en/CSS/Understanding_z-index/Stacking_context_example_3" title="en/CSS/Understanding_z-index/Stacking_context_example_3">Stacking context example 3</a> : 3-level HTML hierarchy, z-index on the second level<span id="cke_bm_89E" class="hidden"> </span></li>
</ul>
<div class="originaldocinfo">
<h3 id="Original_Document_Information" name="Original_Document_Information">Original Document Information</h3>
diff --git a/files/ko/web/css/css_positioning/understanding_z_index/stacking_without_z-index/index.html b/files/ko/web/css/css_positioning/understanding_z_index/stacking_without_z-index/index.html
index 04e826dc17..79cf0b4d91 100644
--- a/files/ko/web/css/css_positioning/understanding_z_index/stacking_without_z-index/index.html
+++ b/files/ko/web/css/css_positioning/understanding_z_index/stacking_without_z-index/index.html
@@ -131,7 +131,7 @@ span.bold { font-weight: bold; }
<li><a href="/en/CSS/Understanding_z-index/The_stacking_context" title="en/CSS/Understanding_z-index/The_stacking_context">The stacking context</a> : Notes on the stacking context</li>
<li><a href="/en/CSS/Understanding_z-index/Stacking_context_example_1" title="en/CSS/Understanding_z-index/Stacking_context_example_1">Stacking context example 1</a> : 2-level HTML hierarchy, z-index on the last level</li>
<li><a href="/en/CSS/Understanding_z-index/Stacking_context_example_2" title="en/CSS/Understanding_z-index/Stacking_context_example_2">Stacking context example 2</a> : 2-level HTML hierarchy, z-index on all levels</li>
- <li><a href="/en/CSS/Understanding_z-index/Stacking_context_example_3" title="en/CSS/Understanding_z-index/Stacking_context_example_3">Stacking context example 3</a> : 3-level HTML hierarchy, z-index on the second level<span id="cke_bm_94E" style="display: none;"> </span></li>
+ <li><a href="/en/CSS/Understanding_z-index/Stacking_context_example_3" title="en/CSS/Understanding_z-index/Stacking_context_example_3">Stacking context example 3</a> : 3-level HTML hierarchy, z-index on the second level<span id="cke_bm_94E" class="hidden"> </span></li>
</ul>
<p> </p>
<div class="originaldocinfo">
diff --git a/files/ko/web/css/css_transitions/using_css_transitions/index.html b/files/ko/web/css/css_transitions/using_css_transitions/index.html
index c81a169965..15368d34c5 100644
--- a/files/ko/web/css/css_transitions/using_css_transitions/index.html
+++ b/files/ko/web/css/css_transitions/using_css_transitions/index.html
@@ -76,7 +76,7 @@ translation_of: Web/CSS/CSS_Transitions/Using_CSS_transitions
<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;
@@ -141,7 +141,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;
@@ -206,7 +206,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;
@@ -271,7 +271,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;
@@ -340,7 +340,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;
@@ -403,7 +403,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;
@@ -466,7 +466,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;
@@ -529,7 +529,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;
@@ -596,7 +596,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;
@@ -663,7 +663,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;
@@ -730,7 +730,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;
@@ -797,7 +797,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/ko/web/css/filter/index.html b/files/ko/web/css/filter/index.html
index 8020311f12..c6b8b3afd6 100644
--- a/files/ko/web/css/filter/index.html
+++ b/files/ko/web/css/filter/index.html
@@ -83,7 +83,7 @@ filter: unset;</pre>
<pre class="brush: css notranslate">filter: blur(5px)
</pre>
-<div id="blur_example" style="display: none;">
+<div id="blur_example" class="hidden">
<pre class="brush: html notranslate"> &lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -178,7 +178,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 notranslate">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -273,7 +273,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 notranslate">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -380,7 +380,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 notranslate">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -498,7 +498,7 @@ table.standard-table td {
<pre class="brush: css notranslate">filter: grayscale(100%)</pre>
-<div id="grayscale_example" style="display: none;">
+<div id="grayscale_example" class="hidden">
<pre class="brush: html notranslate">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -582,7 +582,7 @@ table.standard-table td {
<pre class="brush: css notranslate">filter: hue-rotate(90deg)</pre>
-<div id="huerotate_example" style="display: none;">
+<div id="huerotate_example" class="hidden">
<pre class="brush: html notranslate">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -669,7 +669,7 @@ table.standard-table td {
<pre class="brush: css notranslate">filter: invert(100%)</pre>
-<div id="invert_example" style="display: none;">
+<div id="invert_example" class="hidden">
<pre class="brush: html notranslate">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -753,7 +753,7 @@ table.standard-table td {
<pre class="brush: css notranslate">filter: opacity(50%)</pre>
-<div id="opacity_example" style="display: none;">
+<div id="opacity_example" class="hidden">
<pre class="brush: html notranslate">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -835,7 +835,7 @@ table.standard-table td {
<pre class="brush: css notranslate">filter: saturate(200%)</pre>
-<div id="saturate_example" style="display: none;">
+<div id="saturate_example" class="hidden">
<pre class="brush: html notranslate">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -916,7 +916,7 @@ table.standard-table td {
<pre class="brush: css notranslate">filter: sepia(100%)</pre>
-<div id="sepia_example" style="display: none;">
+<div id="sepia_example" class="hidden">
<pre class="brush: html notranslate">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -1000,7 +1000,7 @@ table.standard-table td {
<pre class="brush: css notranslate">filter: contrast(175%) brightness(103%)</pre>
-<div id="combination_example" style="display: none;">
+<div id="combination_example" class="hidden">
<pre class="brush: html notranslate">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
diff --git a/files/ko/web/css/font/index.html b/files/ko/web/css/font/index.html
index 209669ed77..9be79a3f01 100644
--- a/files/ko/web/css/font/index.html
+++ b/files/ko/web/css/font/index.html
@@ -104,9 +104,8 @@ p { font: bold italic large serif }
p { font: status-bar }
</pre>
-<p id="HTML_Content" style="display: none;">HTML Content</p>
+<p id="HTML_Content" class="hidden">HTML Content</p>
-<pre class="brush: html" style="display: none;">&lt;p&gt;
Change the radio buttons below to see the generated shorthand and it's effect.
&lt;/p&gt;
&lt;form action="createShortHand()"&gt;
@@ -200,9 +199,9 @@ p { font: status-bar }
&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;
</pre>
-<p id="CSS_Content" style="display: none;">CSS Content</p>
+<p id="CSS_Content" class="hidden">CSS Content</p>
-<pre class="brush: css" style="display: none;">body, input {
+<pre class="brush: css" class="hidden">body, input {
font: 14px arial;
overflow: hidden;
}
@@ -253,9 +252,9 @@ p { font: status-bar }
display: inline-block;
}</pre>
-<p id="JavaScript_Content" style="display: none;">JavaScript Content</p>
+<p id="JavaScript_Content" class="hidden">JavaScript Content</p>
-<pre class="brush: js" style="display: none;">var textAreas = document.getElementsByClassName("curCss"),
+<pre class="brush: js" class="hidden">var textAreas = document.getElementsByClassName("curCss"),
shortText = "",
getCheckedValue,
setCss,
diff --git a/files/ko/web/css/image-rendering/index.html b/files/ko/web/css/image-rendering/index.html
index 85522966f0..01bae01e74 100644
--- a/files/ko/web/css/image-rendering/index.html
+++ b/files/ko/web/css/image-rendering/index.html
@@ -47,7 +47,7 @@ image-rendering: unset;
<dd>이미지 스케일링을 크게 확대할 때는 "nearest neighbor" 혹은 비슷한 알고리즘을 반드시 사용해야 합니다. 그래서 이미지의 큰 픽셀로 구성해서 나타낼 수 있습니다. 이미지를 작게 축소할 때는 "auto" 속성과 같습니다.</dd>
</dl>
-<div class="note">The values <span id="cke_bm_145S" style="display: none;"> </span><code>optimizeQuality</code> and <code>optimizeSpeed</code> present in early draft (and coming from its SVG counterpart) are defined as synonyms for the <code>auto</code> value.</div>
+<div class="note">The values <span id="cke_bm_145S" class="hidden"> </span><code>optimizeQuality</code> and <code>optimizeSpeed</code> present in early draft (and coming from its SVG counterpart) are defined as synonyms for the <code>auto</code> value.</div>
<h3 id="공식_문법">공식 문법</h3>
diff --git a/files/ko/web/css/transition-delay/index.html b/files/ko/web/css/transition-delay/index.html
index 17a8543321..58b3e456cd 100644
--- a/files/ko/web/css/transition-delay/index.html
+++ b/files/ko/web/css/transition-delay/index.html
@@ -44,7 +44,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;
@@ -111,7 +111,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;
@@ -178,7 +178,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;
@@ -245,7 +245,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/ko/web/javascript/guide/functions/index.html b/files/ko/web/javascript/guide/functions/index.html
index 381beaefe4..78f49f7b4f 100644
--- a/files/ko/web/javascript/guide/functions/index.html
+++ b/files/ko/web/javascript/guide/functions/index.html
@@ -656,4 +656,4 @@ var p = new Person();</pre>
<div class="itanywhere-activator" style="left: 154px; top: 13819.2px; display: none;" title="Google Translator Anywhere"></div>
-<div class="itanywhere-activator" style="display: none;" title="Google Translator Anywhere"></div>
+<div class="itanywhere-activator" class="hidden" title="Google Translator Anywhere"></div>
diff --git a/files/ko/web/javascript/reference/global_objects/string/startswith/index.html b/files/ko/web/javascript/reference/global_objects/string/startswith/index.html
index 41eb064129..19fce8ea97 100644
--- a/files/ko/web/javascript/reference/global_objects/string/startswith/index.html
+++ b/files/ko/web/javascript/reference/global_objects/string/startswith/index.html
@@ -31,7 +31,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/startsWith
<p>문자열이 검색 문자열로 시작하면 <code>true</code>, 아니면 <code>false</code>.</p>
-<h2 id="설명"><span style="display: none;"> </span><span style="display: none;"> </span>설명</h2>
+<h2 id="설명"><span class="hidden"> </span><span class="hidden"> </span>설명</h2>
<p><code>startsWith</code> 메소드로 어떤 문자열이 다른 문자열로 시작하는지 확인 할 수 있습니다. 대소문자를 구분합니다.</p>
diff --git a/files/ko/web/media/formats/index.html b/files/ko/web/media/formats/index.html
index 08785a2212..48abc40149 100644
--- a/files/ko/web/media/formats/index.html
+++ b/files/ko/web/media/formats/index.html
@@ -30,7 +30,7 @@ translation_of: Web/Media/Formats
<h3 id="Images">Images</h3>
<dl>
- <dt><span style="display: none;"> </span><a href="/en-US/docs/Web/Media/Formats/Image_types">Image file type and format guide</a></dt>
+ <dt><span class="hidden"> </span><a href="/en-US/docs/Web/Media/Formats/Image_types">Image file type and format guide</a></dt>
<dd>Covers image file type and content format support across the major web browsers, as well as providing basic information about each type: benefits, limitations, and use cases of interest to web designers and developers.</dd>
<dt><a href="/en-US/docs/Web/Media/Formats/Images_for_web_designers">Image file types for web designers</a></dt>
<dd>Fundamental information about the various image file types that may be useful for web designers, including best practices and use cases for each type, and guidelines for choosing the right image file format for specific types of content.</dd>
diff --git a/files/ko/web/svg/applying_svg_effects_to_html_content/index.html b/files/ko/web/svg/applying_svg_effects_to_html_content/index.html
index fc36e06d4c..64610311fc 100644
--- a/files/ko/web/svg/applying_svg_effects_to_html_content/index.html
+++ b/files/ko/web/svg/applying_svg_effects_to_html_content/index.html
@@ -186,7 +186,7 @@ pre.target:hover { filter:url(#f3); }
<p>{{EmbedLiveSample('Example_Filtering', 650, 200)}}</p>
-<p style="display: none;"><a class="button liveSample" href="/files/3329/filterdemo.xhtml">View this example live</a></p>
+<p class="hidden"><a class="button liveSample" href="/files/3329/filterdemo.xhtml">View this example live</a></p>
<h3 id="Example_Blurred_Text">Example: Blurred Text</h3>
diff --git a/files/ms/learn/html/howto/index.html b/files/ms/learn/html/howto/index.html
index 7ce5cf622f..1b029ab815 100644
--- a/files/ms/learn/html/howto/index.html
+++ b/files/ms/learn/html/howto/index.html
@@ -150,4 +150,4 @@ translation_of: Learn/HTML/Howto
</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/nl/web/css/css_colors/color_picker_tool/index.html b/files/nl/web/css/css_colors/color_picker_tool/index.html
index ba0fab84d7..5c9074eeec 100644
--- a/files/nl/web/css/css_colors/color_picker_tool/index.html
+++ b/files/nl/web/css/css_colors/color_picker_tool/index.html
@@ -7,7 +7,7 @@ tags:
- Tools
translation_of: Web/CSS/CSS_Colors/Color_picker_tool
---
-<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/pl/conflicting/web/javascript/reference/global_objects/date_73c046d653c590f4914731d078f3b2c5/index.html b/files/pl/conflicting/web/javascript/reference/global_objects/date_73c046d653c590f4914731d078f3b2c5/index.html
index ad6c81bce0..1a72939d23 100644
--- a/files/pl/conflicting/web/javascript/reference/global_objects/date_73c046d653c590f4914731d078f3b2c5/index.html
+++ b/files/pl/conflicting/web/javascript/reference/global_objects/date_73c046d653c590f4914731d078f3b2c5/index.html
@@ -114,5 +114,5 @@ original_slug: Web/JavaScript/Referencje/Obiekty/Date/prototype
<dt>{{jsxref("Date.prototype.toUTCString()")}}</dt>
<dd>Konwertuje datę na łańcuch znaków, używając do konwencji czasu uniwersalnego.</dd>
<dt>{{jsxref("Date.prototype.valueOf()")}}</dt>
- <dd>Zwraca wartość prostą obiektu <code>Date</code>. Przesłania metodę {{jsxref("Object.prototype.valueOf()")}}.<span id="cke_bm_120E" style="display: none;"> </span></dd>
+ <dd>Zwraca wartość prostą obiektu <code>Date</code>. Przesłania metodę {{jsxref("Object.prototype.valueOf()")}}.<span id="cke_bm_120E" class="hidden"> </span></dd>
</dl>
diff --git a/files/pl/learn/html/howto/index.html b/files/pl/learn/html/howto/index.html
index 5343bdbaad..b9566dcb69 100644
--- a/files/pl/learn/html/howto/index.html
+++ b/files/pl/learn/html/howto/index.html
@@ -152,4 +152,4 @@ translation_of: Learn/HTML/Howto
</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/pl/web/css/css_colors/color_picker_tool/index.html b/files/pl/web/css/css_colors/color_picker_tool/index.html
index 496738c68b..1cbe0c8f8e 100644
--- a/files/pl/web/css/css_colors/color_picker_tool/index.html
+++ b/files/pl/web/css/css_colors/color_picker_tool/index.html
@@ -14,7 +14,7 @@ tags:
translation_of: Web/CSS/CSS_Colors/Color_picker_tool
original_slug: Web/CSS/CSS_Colors/Narzedzie_doboru_kolorow
---
-<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/pl/web/css/using_css_custom_properties/index.html b/files/pl/web/css/using_css_custom_properties/index.html
index c9b7089b07..319b75e4f7 100644
--- a/files/pl/web/css/using_css_custom_properties/index.html
+++ b/files/pl/web/css/using_css_custom_properties/index.html
@@ -133,7 +133,7 @@ translation_of: Web/CSS/Using_CSS_custom_properties
</pre>
-<div style="display: none;">
+<div class="hidden">
<pre class="brush:html">&lt;div&gt;
&lt;div class="one"&gt;&lt;/div&gt;
&lt;div class="two"&gt;Text &lt;span class="five"&gt;- more text&lt;/span&gt;&lt;/div&gt;
diff --git a/files/pl/web/progressive_web_apps/index.html b/files/pl/web/progressive_web_apps/index.html
index fd20bc5fbf..b23cedb4cb 100644
--- a/files/pl/web/progressive_web_apps/index.html
+++ b/files/pl/web/progressive_web_apps/index.html
@@ -110,4 +110,4 @@ translation_of: Web/Progressive_web_apps
</dl>
-<p><span style="display: none;"> </span></p>
+<p><span class="hidden"> </span></p>
diff --git a/files/pt-br/conflicting/learn/css/building_blocks/selectors/index.html b/files/pt-br/conflicting/learn/css/building_blocks/selectors/index.html
index a04b285c4e..4555e39b04 100644
--- a/files/pt-br/conflicting/learn/css/building_blocks/selectors/index.html
+++ b/files/pt-br/conflicting/learn/css/building_blocks/selectors/index.html
@@ -374,7 +374,7 @@ a.homepage:hover, a.homepage:focus, a.homepage:active {
<table style="border: 2px outset #3366bb; padding: 1em;">
<tbody>
<tr>
- <td>Go to our <a class="tutospecial" href="#" title="Home page">Home page</a><span style="display: none;"> </span><span style="display: none;"> </span></td>
+ <td>Go to our <a class="tutospecial" href="#" title="Home page">Home page</a><span class="hidden"> </span><span class="hidden"> </span></td>
</tr>
</tbody>
</table>
diff --git a/files/pt-br/learn/html/howto/index.html b/files/pt-br/learn/html/howto/index.html
index 9ddbd6516a..fdad3220ca 100644
--- a/files/pt-br/learn/html/howto/index.html
+++ b/files/pt-br/learn/html/howto/index.html
@@ -148,4 +148,4 @@ original_slug: Aprender/HTML/como-fazer
</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-br/orphaned/instalando_rust/index.html b/files/pt-br/orphaned/instalando_rust/index.html
index 5f23d27f9b..cf7c77a442 100644
--- a/files/pt-br/orphaned/instalando_rust/index.html
+++ b/files/pt-br/orphaned/instalando_rust/index.html
@@ -64,7 +64,7 @@ original_slug: Instalando_Rust
<p style="margin-bottom: 0in; font-style: normal; font-weight: normal; line-height: 100%;"> </p>
<div class="note">
-<p><font color="#000000"><font face="DejaVu Serif, serif"><font size="3"><span style="background: transparent;"><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span>Windows (7, 8, Server 2008 R2)</span></font></font></font></p>
+<p><font color="#000000"><font face="DejaVu Serif, serif"><font size="3"><span style="background: transparent;"><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span>Windows (7, 8, Server 2008 R2)</span></font></font></font></p>
<p><font color="#000000"><font face="DejaVu Serif, serif"><font size="3"><span style="background: transparent;">Gnu/Linux(2.6.18 ou posterior, várias distribuições), x86 e x86-64</span></font></font></font></p>
diff --git a/files/pt-br/orphaned/mdn/community/whats_happening/index.html b/files/pt-br/orphaned/mdn/community/whats_happening/index.html
index abf003caf3..842f8b7fdf 100644
--- a/files/pt-br/orphaned/mdn/community/whats_happening/index.html
+++ b/files/pt-br/orphaned/mdn/community/whats_happening/index.html
@@ -18,7 +18,7 @@ original_slug: MDN/Comunidade/Whats_happening
<h2 id="Streams_of_ephemera">Streams of ephemera</h2>
<ul>
- <li><a href="https://twitter.com/mozhacks" title="https://twitter.com/mozhacks"><span id="cke_bm_286S" style="display: none;"> </span>@MozHacks</a>: Tweets about new web technologies, great HTML5 apps, and Firefox features.</li>
+ <li><a href="https://twitter.com/mozhacks" title="https://twitter.com/mozhacks"><span id="cke_bm_286S" class="hidden"> </span>@MozHacks</a>: Tweets about new web technologies, great HTML5 apps, and Firefox features.</li>
<li><a href="https://twitter.com/NewOnMDN" title="https://twitter.com/NewOnMDN">@NewOnMDN</a>: Curated feed of new pages, significant updates, and other news about Mozilla Developer Network.</li>
<li><a href="https://plus.google.com/+MozillaDeveloperNetwork" title="https://plus.google.com/+MozillaDeveloperNetwork">+MozillaDeveloperNetwork</a></li>
<li><a href="http://www.youtube.com/user/mozhacks" title="http://www.youtube.com/user/mozhacks">Mozilla Hacks (YouTube)</a></li>
diff --git a/files/pt-br/tools/page_inspector/how_to/work_with_animations/index.html b/files/pt-br/tools/page_inspector/how_to/work_with_animations/index.html
index ec75510240..0d3e907dc4 100644
--- a/files/pt-br/tools/page_inspector/how_to/work_with_animations/index.html
+++ b/files/pt-br/tools/page_inspector/how_to/work_with_animations/index.html
@@ -107,11 +107,11 @@ original_slug: Tools/Page_Inspector/How_to/Trabalho_Com_Animaçoes
<li>The <code>img#icon</code> animation:
<ul>
<li>animated the <code><a href="/en-US/docs/Web/CSS/filter">filter</a></code> and <code><a href="/en-US/docs/Web/CSS/transform">transform</a></code> properties, to scale the icon and color it</li>
- <li><span style="display: none;"> </span><span style="display: none;"> </span> lasted 750ms, had an <code>endDelay</code> of 100ms</li>
+ <li><span class="hidden"> </span><span class="hidden"> </span> lasted 750ms, had an <code>endDelay</code> of 100ms</li>
<li>used the compositor thread.</li>
</ul>
</li>
- <li><span style="display: none;"> </span><span style="display: none;"> </span>The <code>span#note</code> animation:
+ <li><span class="hidden"> </span><span class="hidden"> </span>The <code>span#note</code> animation:
<ul>
<li>animated the <code><a href="/en-US/docs/Web/CSS/width">width</a></code> and <code><a href="/en-US/docs/Web/CSS/opacity">opacity</a></code> properties, to make the name gradually appear</li>
<li>lasted 500ms, and had a <code>delay</code> of 150ms.</li>
diff --git a/files/pt-br/web/api/canvasrenderingcontext2d/arcto/index.html b/files/pt-br/web/api/canvasrenderingcontext2d/arcto/index.html
index c4fcdc1e69..15ff88c403 100644
--- a/files/pt-br/web/api/canvasrenderingcontext2d/arcto/index.html
+++ b/files/pt-br/web/api/canvasrenderingcontext2d/arcto/index.html
@@ -76,7 +76,7 @@ ctx.fillRect(50, 20, 10, 10);
<p>Altere o código abaixo e veja suas alterações atualizadas na tela:</p>
-<div style="display: none;">
+<div class="hidden">
<pre class="brush: html">&lt;canvas id="canvas" class="playable-canvas" height="200" width="400"&gt;&lt;/canvas&gt;
&lt;div class="playable-buttons"&gt;
  &lt;input id="edit" type="button" value="Edit" /&gt;
diff --git a/files/pt-br/web/api/canvasrenderingcontext2d/beginpath/index.html b/files/pt-br/web/api/canvasrenderingcontext2d/beginpath/index.html
index b3ad87ff61..7217bec7c5 100644
--- a/files/pt-br/web/api/canvasrenderingcontext2d/beginpath/index.html
+++ b/files/pt-br/web/api/canvasrenderingcontext2d/beginpath/index.html
@@ -51,7 +51,7 @@ ctx.stroke();
<p>Edite o código abaixo e veja as alterações instantâneas no canvas:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/pt-br/web/api/canvasrenderingcontext2d/clearrect/index.html b/files/pt-br/web/api/canvasrenderingcontext2d/clearrect/index.html
index ec1be69b57..cb863cfdeb 100644
--- a/files/pt-br/web/api/canvasrenderingcontext2d/clearrect/index.html
+++ b/files/pt-br/web/api/canvasrenderingcontext2d/clearrect/index.html
@@ -66,7 +66,7 @@ ctx.clearRect(10, 10, 100, 100);
<p>Edite o código abaixo e veja as alterações instantâneas no canvas:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/pt-br/web/api/canvasrenderingcontext2d/clip/index.html b/files/pt-br/web/api/canvasrenderingcontext2d/clip/index.html
index 780ba3cd58..6c5a2050c5 100644
--- a/files/pt-br/web/api/canvasrenderingcontext2d/clip/index.html
+++ b/files/pt-br/web/api/canvasrenderingcontext2d/clip/index.html
@@ -56,7 +56,7 @@ ctx.fillRect(0, 0, 100,100);
<p>Edite o código abaixo e veja suas mudanças atualizadas ao vivo no canvas:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/pt-br/web/api/canvasrenderingcontext2d/closepath/index.html b/files/pt-br/web/api/canvasrenderingcontext2d/closepath/index.html
index 62c72086f7..e778599bcf 100644
--- a/files/pt-br/web/api/canvasrenderingcontext2d/closepath/index.html
+++ b/files/pt-br/web/api/canvasrenderingcontext2d/closepath/index.html
@@ -44,7 +44,7 @@ ctx.stroke();
<p>Edite o código abaixo e veja as alterações instantâneas no canvas:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/pt-br/web/api/canvasrenderingcontext2d/fill/index.html b/files/pt-br/web/api/canvasrenderingcontext2d/fill/index.html
index 0c0c1dd890..a2bf1fcb82 100644
--- a/files/pt-br/web/api/canvasrenderingcontext2d/fill/index.html
+++ b/files/pt-br/web/api/canvasrenderingcontext2d/fill/index.html
@@ -56,7 +56,7 @@ ctx.fill();
<p>Edite o código abaixo e veja as alterações instantâneas no canvas:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/pt-br/web/api/canvasrenderingcontext2d/fillrect/index.html b/files/pt-br/web/api/canvasrenderingcontext2d/fillrect/index.html
index 44b57ca77a..1178f0bf94 100644
--- a/files/pt-br/web/api/canvasrenderingcontext2d/fillrect/index.html
+++ b/files/pt-br/web/api/canvasrenderingcontext2d/fillrect/index.html
@@ -55,7 +55,7 @@ ctx.fillRect(10, 10, 100, 100);
<p>Edite o código abaixo e veja as alterações instantâneas no canvas:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/pt-br/web/api/canvasrenderingcontext2d/lineto/index.html b/files/pt-br/web/api/canvasrenderingcontext2d/lineto/index.html
index 1876b469a8..4cfab68a36 100644
--- a/files/pt-br/web/api/canvasrenderingcontext2d/lineto/index.html
+++ b/files/pt-br/web/api/canvasrenderingcontext2d/lineto/index.html
@@ -51,7 +51,7 @@ ctx.stroke();
<p>Edite o código abaixo e veja as alterações instantâneas no canvas:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/pt-br/web/api/canvasrenderingcontext2d/moveto/index.html b/files/pt-br/web/api/canvasrenderingcontext2d/moveto/index.html
index 137e4e2203..af07ef8e3d 100644
--- a/files/pt-br/web/api/canvasrenderingcontext2d/moveto/index.html
+++ b/files/pt-br/web/api/canvasrenderingcontext2d/moveto/index.html
@@ -51,7 +51,7 @@ ctx.stroke();
<p>Edite o código abaixo e veja as alterações instantâneas no canvas:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/pt-br/web/api/canvasrenderingcontext2d/quadraticcurveto/index.html b/files/pt-br/web/api/canvasrenderingcontext2d/quadraticcurveto/index.html
index b60b7de07c..740d8a54dd 100644
--- a/files/pt-br/web/api/canvasrenderingcontext2d/quadraticcurveto/index.html
+++ b/files/pt-br/web/api/canvasrenderingcontext2d/quadraticcurveto/index.html
@@ -62,7 +62,7 @@ ctx.fillRect(230, 30, 10, 10);</pre>
<p>Edit the code below and see your changes update live in the canvas:</p>
-<div style="display: none;">
+<div class="hidden">
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
&lt;div class="playable-buttons"&gt;
  &lt;input id="edit" type="button" value="Edit" /&gt;
diff --git a/files/pt-br/web/api/canvasrenderingcontext2d/rect/index.html b/files/pt-br/web/api/canvasrenderingcontext2d/rect/index.html
index 6c19b38495..ef3f8e2790 100644
--- a/files/pt-br/web/api/canvasrenderingcontext2d/rect/index.html
+++ b/files/pt-br/web/api/canvasrenderingcontext2d/rect/index.html
@@ -52,7 +52,7 @@ ctx.fill();
<p>Edite o código abaixo e veja as alterações instantâneas no canvas:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/pt-br/web/api/canvasrenderingcontext2d/stroke/index.html b/files/pt-br/web/api/canvasrenderingcontext2d/stroke/index.html
index 866e317383..b522bc7926 100644
--- a/files/pt-br/web/api/canvasrenderingcontext2d/stroke/index.html
+++ b/files/pt-br/web/api/canvasrenderingcontext2d/stroke/index.html
@@ -47,7 +47,7 @@ ctx.stroke();
<p>Edite o código abaixo e veja as alterações instantâneas no canvas:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/pt-br/web/api/canvasrenderingcontext2d/strokerect/index.html b/files/pt-br/web/api/canvasrenderingcontext2d/strokerect/index.html
index e11812857f..1326fbbaad 100644
--- a/files/pt-br/web/api/canvasrenderingcontext2d/strokerect/index.html
+++ b/files/pt-br/web/api/canvasrenderingcontext2d/strokerect/index.html
@@ -53,7 +53,7 @@ ctx.strokeRect(10, 10, 100, 100);
<p>Edite o código abaixo e veja as alterações instantâneas no canvas:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/pt-br/web/css/css_background_and_borders/border-image_generator/index.html b/files/pt-br/web/css/css_background_and_borders/border-image_generator/index.html
index 7f4cbb9f2c..019e1d81cf 100644
--- a/files/pt-br/web/css/css_background_and_borders/border-image_generator/index.html
+++ b/files/pt-br/web/css/css_background_and_borders/border-image_generator/index.html
@@ -8,7 +8,7 @@ original_slug: Web/CSS/Tools/Border-image_generator
---
<p><span class="short_text" id="result_box" lang="pt"><span class="hps">Esta ferramenta</span> <span class="hps">pode</span> <span class="hps">ser</span> <span class="hps">utilizada</span> <span class="hps">para gerar o valor </span></span>{{cssxref("border-image")}} em CSS3.</p>
-<div style="display: none;">
+<div class="hidden">
<h2 id="Border_Image_Generator" name="Border_Image_Generator">Border Image Generator</h2>
<h3 id="HTML_Content">HTML Content</h3>
diff --git a/files/pt-br/web/css/css_background_and_borders/border-radius_generator/index.html b/files/pt-br/web/css/css_background_and_borders/border-radius_generator/index.html
index efdba46316..003d65cb31 100644
--- a/files/pt-br/web/css/css_background_and_borders/border-radius_generator/index.html
+++ b/files/pt-br/web/css/css_background_and_borders/border-radius_generator/index.html
@@ -8,7 +8,7 @@ translation_of: Web/CSS/CSS_Background_and_Borders/Border-radius_generator
original_slug: Web/CSS/Tools/Border-radius_generator
---
<p><span class="short_text" id="result_box" lang="pt"><span class="hps">Esta ferramenta</span> <span class="hps">pode</span> <span class="hps">ser</span> <span class="hps">utilizada</span> <span class="hps">para gerar o efeito </span></span>{{cssxref("border-radius")}} em CSS3.</p>
-<div style="display: none;">
+<div class="hidden">
<h2 id="border-radius-generator" name="border-radius-generator">border-radius</h2>
<h3 id="HTML_Content">HTML Content</h3>
<pre class="brush: html">&lt;div id="container"&gt;
diff --git a/files/pt-br/web/css/css_colors/color_picker_tool/index.html b/files/pt-br/web/css/css_colors/color_picker_tool/index.html
index 5769079812..d064c67f8b 100644
--- a/files/pt-br/web/css/css_colors/color_picker_tool/index.html
+++ b/files/pt-br/web/css/css_colors/color_picker_tool/index.html
@@ -16,7 +16,7 @@ tags:
translation_of: Web/CSS/CSS_Colors/Color_picker_tool
original_slug: Web/CSS/CSS_Colors/seletor_de_cores
---
-<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/pt-br/web/css/css_transitions/using_css_transitions/index.html b/files/pt-br/web/css/css_transitions/using_css_transitions/index.html
index 2e1b4e331f..a839851851 100644
--- a/files/pt-br/web/css/css_transitions/using_css_transitions/index.html
+++ b/files/pt-br/web/css/css_transitions/using_css_transitions/index.html
@@ -39,7 +39,7 @@ translation_of: Web/CSS/CSS_Transitions/Using_CSS_transitions
<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;
@@ -104,7 +104,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;
@@ -169,7 +169,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;
@@ -234,7 +234,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;
@@ -304,7 +304,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;
@@ -367,7 +367,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;
@@ -430,7 +430,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;
@@ -493,7 +493,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;
@@ -560,7 +560,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;
@@ -632,7 +632,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;
@@ -704,7 +704,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;
@@ -776,7 +776,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/pt-br/web/css/text-decoration-style/index.html b/files/pt-br/web/css/text-decoration-style/index.html
index 9ec4f673a5..134554c304 100644
--- a/files/pt-br/web/css/text-decoration-style/index.html
+++ b/files/pt-br/web/css/text-decoration-style/index.html
@@ -85,7 +85,7 @@ text-decoration-style: unset;
<h2 id="Exemplo">Exemplo</h2>
-<pre class="brush: css" style="display: none;">.example {
+<pre class="brush: css" class="hidden">.example {
-moz-text-decoration-line: underline;
-moz-text-decoration-style: wavy;
-moz-text-decoration-color: red;
diff --git a/files/pt-br/web/css/transition-delay/index.html b/files/pt-br/web/css/transition-delay/index.html
index 0257ba610b..46fdf63529 100644
--- a/files/pt-br/web/css/transition-delay/index.html
+++ b/files/pt-br/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/pt-br/web/css/transition-timing-function/index.html b/files/pt-br/web/css/transition-timing-function/index.html
index f352392102..5a8e741b78 100644
--- a/files/pt-br/web/css/transition-timing-function/index.html
+++ b/files/pt-br/web/css/transition-timing-function/index.html
@@ -55,7 +55,7 @@ transition-timing-function: unset;
<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;
@@ -118,7 +118,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="ttf_easein" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-timing-function: ease-in</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="ttf_easeout" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-timing-function: ease-out</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;
@@ -244,7 +244,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="ttf_easeinout" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-timing-function: ease-in-out</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;
@@ -308,7 +308,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;
@@ -371,7 +371,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="ttf_stepstart" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-timing-function: step-start</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;
@@ -434,7 +434,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;
@@ -497,7 +497,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;
diff --git a/files/pt-br/web/css/using_css_custom_properties/index.html b/files/pt-br/web/css/using_css_custom_properties/index.html
index ac311cec06..5e96d9388a 100644
--- a/files/pt-br/web/css/using_css_custom_properties/index.html
+++ b/files/pt-br/web/css/using_css_custom_properties/index.html
@@ -284,7 +284,7 @@ translation_of: Web/CSS/Using_CSS_custom_properties
</pre>
-<div style="display: none;">
+<div class="hidden">
<pre class="brush:html notranslate">&lt;div&gt;
&lt;div class="one"&gt;&lt;/div&gt;
&lt;div class="two"&gt;Text &lt;span class="five"&gt;- more text&lt;/span&gt;&lt;/div&gt;
diff --git a/files/pt-br/web/javascript/guide/regular_expressions/index.html b/files/pt-br/web/javascript/guide/regular_expressions/index.html
index 41cc239d94..038cccb762 100644
--- a/files/pt-br/web/javascript/guide/regular_expressions/index.html
+++ b/files/pt-br/web/javascript/guide/regular_expressions/index.html
@@ -58,7 +58,7 @@ translation_of: Web/JavaScript/Guide/Regular_Expressions
<p>A tabela abaixo fornece uma lista completa dos caracteres especiais que podem ser utilizados nas expressões regulares, com sua respectiva descrição. Para testar os exemplos de expressão regular você pode usar o <a href="http://regexr.com/">regExr</a>.</p>
<table class="fullwidth-table">
- <caption>Caracteres especiais utilizados em expressões regulares.<span style="display: none;"> </span><span style="display: none;"> </span></caption>
+ <caption>Caracteres especiais utilizados em expressões regulares.<span class="hidden"> </span><span class="hidden"> </span></caption>
<thead>
<tr>
<th scope="col">Caractere</th>
diff --git a/files/pt-br/web/javascript/reference/global_objects/array/filter/index.html b/files/pt-br/web/javascript/reference/global_objects/array/filter/index.html
index ce591d2cac..9daed5325a 100644
--- a/files/pt-br/web/javascript/reference/global_objects/array/filter/index.html
+++ b/files/pt-br/web/javascript/reference/global_objects/array/filter/index.html
@@ -225,4 +225,4 @@ console.log(filterItems('an')); // ['banana', 'mango', 'orange']</pre>
<li>{{jsxref("Array.prototype.reduce()")}}</li>
</ul>
-<div id="link64_adl_tabid" style="display: none;">24</div>
+<div id="link64_adl_tabid" class="hidden">24</div>
diff --git a/files/pt-br/web/javascript/reference/global_objects/array/sort/index.html b/files/pt-br/web/javascript/reference/global_objects/array/sort/index.html
index 6b1f8fcc15..12f2fc1fcc 100644
--- a/files/pt-br/web/javascript/reference/global_objects/array/sort/index.html
+++ b/files/pt-br/web/javascript/reference/global_objects/array/sort/index.html
@@ -229,4 +229,4 @@ var result = mapped.map(function(el){
<li>{{jsxref("String.prototype.localeCompare()")}}</li>
</ul>
-<div id="link64_adl_tabid" style="display: none;">253</div>
+<div id="link64_adl_tabid" class="hidden">253</div>
diff --git a/files/pt-br/web/javascript/reference/global_objects/map/set/index.html b/files/pt-br/web/javascript/reference/global_objects/map/set/index.html
index e161bb2926..2f50555333 100644
--- a/files/pt-br/web/javascript/reference/global_objects/map/set/index.html
+++ b/files/pt-br/web/javascript/reference/global_objects/map/set/index.html
@@ -56,10 +56,10 @@ myMap.set('bar', 'baz');
<tr>
<td>{{SpecName('ES2015', '#sec-map.prototype.set', 'Map.prototype.set')}}</td>
<td>{{Spec2('ES2015')}}</td>
- <td><span style="display: none;"> </span>Definição    inicial.</td>
+ <td><span class="hidden"> </span>Definição    inicial.</td>
</tr>
<tr>
- <td><span style="display: none;"> </span>{{SpecName('ESDraft', '#sec-map.prototype.set', 'Map.prototype.set')}}</td>
+ <td><span class="hidden"> </span>{{SpecName('ESDraft', '#sec-map.prototype.set', 'Map.prototype.set')}}</td>
<td>{{Spec2('ESDraft')}}</td>
<td> </td>
</tr>
diff --git a/files/pt-br/web/javascript/reference/global_objects/math/cos/index.html b/files/pt-br/web/javascript/reference/global_objects/math/cos/index.html
index c0b0662477..566f343230 100644
--- a/files/pt-br/web/javascript/reference/global_objects/math/cos/index.html
+++ b/files/pt-br/web/javascript/reference/global_objects/math/cos/index.html
@@ -14,7 +14,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Math/cos
---
<div>{{JSRef}}</div>
-<p><span style="display: none;"> </span><span class="seoSummary">A função <strong><code>Math.cos()</code></strong> ,que é estatica, retorna o {{interwiki("wikipedia", "cosseno")}} de um ângulo, que deve estar em {{interwiki("wikipedia", "radianos")}}. A expressão é </span><math style="display: inline;"> <mstyle displaystyle="true"> <mfrac> <msub> <mrow> <mtext>length</mtext> </mrow> <mrow> <mrow> <mtext>adjacent</mtext> </mrow> </mrow> </msub> <msub> <mrow> <mtext>length</mtext> </mrow> <mrow> <mrow> <mtext>hypotenuse</mtext> </mrow> </mrow> </msub> </mfrac> </mstyle> </math>.<span style="display: none;"> </span></p>
+<p><span class="hidden"> </span><span class="seoSummary">A função <strong><code>Math.cos()</code></strong> ,que é estatica, retorna o {{interwiki("wikipedia", "cosseno")}} de um ângulo, que deve estar em {{interwiki("wikipedia", "radianos")}}. A expressão é </span><math style="display: inline;"> <mstyle displaystyle="true"> <mfrac> <msub> <mrow> <mtext>length</mtext> </mrow> <mrow> <mrow> <mtext>adjacent</mtext> </mrow> </mrow> </msub> <msub> <mrow> <mtext>length</mtext> </mrow> <mrow> <mrow> <mtext>hypotenuse</mtext> </mrow> </mrow> </msub> </mfrac> </mstyle> </math>.<span class="hidden"> </span></p>
<div>{{EmbedInteractiveExample("pages/js/math-cos.html")}}</div>
diff --git a/files/pt-br/web/javascript/reference/global_objects/number/index.html b/files/pt-br/web/javascript/reference/global_objects/number/index.html
index a21a4264af..b7d967a8f1 100644
--- a/files/pt-br/web/javascript/reference/global_objects/number/index.html
+++ b/files/pt-br/web/javascript/reference/global_objects/number/index.html
@@ -110,7 +110,7 @@ var minInt = -9007199254740992;
<p>Ao analisar dados que foram serializados para JSON, valores inteiros que caem fora desse intervalo podem ser corrompidos quando o analisador JSON os converte ao tipo <code>Number</code>. Usando <code>String </code>em vez disso é uma possível alternativa para se evitar um resultado indesejado.</p>
-<h3 id="Example:_Using_Number_to_convert_a_Date_object" name="Example:_Using_Number_to_convert_a_Date_object"><span style="display: none;"> </span>Exemplo: Usando <code>Number para converter um objeto</code> <code>Date</code></h3>
+<h3 id="Example:_Using_Number_to_convert_a_Date_object" name="Example:_Using_Number_to_convert_a_Date_object"><span class="hidden"> </span>Exemplo: Usando <code>Number para converter um objeto</code> <code>Date</code></h3>
<p>O exemplo a seguir converte o objeto <code>Date</code> para um valor numérico usando <code>Number como uma função</code>:</p>
diff --git a/files/pt-br/web/javascript/reference/global_objects/promise/index.html b/files/pt-br/web/javascript/reference/global_objects/promise/index.html
index d3d0e76322..37453735b1 100644
--- a/files/pt-br/web/javascript/reference/global_objects/promise/index.html
+++ b/files/pt-br/web/javascript/reference/global_objects/promise/index.html
@@ -75,7 +75,6 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Promise
<h3 id="Criando_uma_Promise">Criando uma Promise</h3>
-<pre class="brush: html notranslate" style="display: none;">&lt;button id="btn"&gt;Make a promise!&lt;/button&gt;
&lt;div id="log"&gt;&lt;/div&gt;
</pre>
@@ -119,7 +118,7 @@ function testPromise() {
}
</pre>
-<pre class="brush:js notranslate" style="display: none;">if ("Promise" in window) {
+<pre class="brush:js notranslate" class="hidden">if ("Promise" in window) {
btn = document.getElementById("btn");
btn.addEventListener("click",testPromise);
}
diff --git a/files/pt-br/web/mathml/element/math/index.html b/files/pt-br/web/mathml/element/math/index.html
index b778ed54be..fbf78fce9f 100644
--- a/files/pt-br/web/mathml/element/math/index.html
+++ b/files/pt-br/web/mathml/element/math/index.html
@@ -15,7 +15,7 @@ translation_of: Web/MathML/Element/math
<dt id="attr-dir">
dir</dt>
<dd>
- <span style="display: none;"> </span>Overall directionality of formulas. Possible values are either <code>ltr</code> (left to right) or <code>rtl</code> (right to left).</dd>
+ <span class="hidden"> </span>Overall directionality of formulas. Possible values are either <code>ltr</code> (left to right) or <code>rtl</code> (right to left).</dd>
<dt id="attr-href">
href</dt>
<dd>
diff --git a/files/pt-pt/conflicting/web/api/index.html b/files/pt-pt/conflicting/web/api/index.html
index c439b1c63f..452ffbbf56 100644
--- a/files/pt-pt/conflicting/web/api/index.html
+++ b/files/pt-pt/conflicting/web/api/index.html
@@ -134,9 +134,9 @@ original_slug: Web/WebAPI
<div id="SL_balloon_obj" style="display: block;">
<div class="SL_ImTranslatorLogo" id="SL_button" style="background: 0% 0% repeat scroll rgba(0, 0, 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>
@@ -148,7 +148,7 @@ original_slug: Web/WebAPI
<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/conflicting/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.html b/files/pt-pt/conflicting/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.html
index 96a1ff04a9..d1ad7e7139 100644
--- a/files/pt-pt/conflicting/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.html
+++ b/files/pt-pt/conflicting/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.html
@@ -81,9 +81,9 @@ original_slug: Web/Progressive_web_apps/Responsivo
<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>
@@ -95,7 +95,7 @@ original_slug: Web/Progressive_web_apps/Responsivo
<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/glossary/browser/index.html b/files/pt-pt/glossary/browser/index.html
index f55166ad4a..b9f427dd05 100644
--- a/files/pt-pt/glossary/browser/index.html
+++ b/files/pt-pt/glossary/browser/index.html
@@ -30,9 +30,9 @@ original_slug: Glossário/Navegador
<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>
@@ -44,7 +44,7 @@ original_slug: Glossário/Navegador
<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/glossary/compile/index.html b/files/pt-pt/glossary/compile/index.html
index 4a2313b9e3..8448a81270 100644
--- a/files/pt-pt/glossary/compile/index.html
+++ b/files/pt-pt/glossary/compile/index.html
@@ -26,9 +26,9 @@ original_slug: Glossário/Compilar
<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>
@@ -40,7 +40,7 @@ original_slug: Glossário/Compilar
<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/glossary/hypertext/index.html b/files/pt-pt/glossary/hypertext/index.html
index c561f8fc21..a9c35ead9a 100644
--- a/files/pt-pt/glossary/hypertext/index.html
+++ b/files/pt-pt/glossary/hypertext/index.html
@@ -40,9 +40,9 @@ original_slug: Glossário/Hipertexto
<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>
@@ -54,7 +54,7 @@ original_slug: Glossário/Hipertexto
<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/glossary/mitm/index.html b/files/pt-pt/glossary/mitm/index.html
index 8724874eae..8639041f20 100644
--- a/files/pt-pt/glossary/mitm/index.html
+++ b/files/pt-pt/glossary/mitm/index.html
@@ -32,9 +32,9 @@ original_slug: Glossário/MitM
<div id="SL_balloon_obj" style="display: block;">
<div class="SL_ImTranslatorLogo" id="SL_button" style="display: none; opacity: 1;"> </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=""> </div>
@@ -46,7 +46,7 @@ original_slug: Glossário/MitM
<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=""> </div>
<div id="SL_alert_cont"> </div>
diff --git a/files/pt-pt/glossary/node.js/index.html b/files/pt-pt/glossary/node.js/index.html
index cd74805f32..aacd62b9a1 100644
--- a/files/pt-pt/glossary/node.js/index.html
+++ b/files/pt-pt/glossary/node.js/index.html
@@ -30,9 +30,9 @@ original_slug: Glossário/Node.js
<div id="SL_balloon_obj" style="display: block;">
<div class="SL_ImTranslatorLogo" id="SL_button" style="background: 0% 0% repeat scroll rgba(0, 0, 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>
@@ -44,7 +44,7 @@ original_slug: Glossário/Node.js
<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/glossary/signature/index.html b/files/pt-pt/glossary/signature/index.html
index a368dc1fe0..2bc2ca9ee9 100644
--- a/files/pt-pt/glossary/signature/index.html
+++ b/files/pt-pt/glossary/signature/index.html
@@ -20,9 +20,9 @@ original_slug: Glossário/Assinatura
<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: none; opacity: 1;"> </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>
@@ -34,7 +34,7 @@ original_slug: Glossário/Assinatura
<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/glossary/xhtml/index.html b/files/pt-pt/glossary/xhtml/index.html
index c2bc963462..37f266b18d 100644
--- a/files/pt-pt/glossary/xhtml/index.html
+++ b/files/pt-pt/glossary/xhtml/index.html
@@ -93,9 +93,9 @@ Content-Type: application/xhtml+xml
<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>
@@ -107,7 +107,7 @@ Content-Type: application/xhtml+xml
<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/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>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/api/sidebaraction/index.html b/files/pt-pt/mozilla/add-ons/webextensions/api/sidebaraction/index.html
index 8717b019f2..beb8c1c54f 100644
--- a/files/pt-pt/mozilla/add-ons/webextensions/api/sidebaraction/index.html
+++ b/files/pt-pt/mozilla/add-ons/webextensions/api/sidebaraction/index.html
@@ -98,11 +98,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/sidebarAction
</div>
<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="display: none;"> </div>
+<div class="SL_ImTranslatorLogo" id="SL_button" class="hidden"> </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=""> </div>
@@ -114,7 +114,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/sidebarAction
<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=""> </div>
<div id="SL_alert_cont"> </div>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/user_interface/popups/index.html b/files/pt-pt/mozilla/add-ons/webextensions/user_interface/popups/index.html
index 043afd3ad5..7d7c1d469e 100644
--- a/files/pt-pt/mozilla/add-ons/webextensions/user_interface/popups/index.html
+++ b/files/pt-pt/mozilla/add-ons/webextensions/user_interface/popups/index.html
@@ -19,7 +19,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/interface_do_utilizador/Popups
<p>Quando o usuário clica no botão, a janela popup é exibida. Quando o usuário clica em qualquer lugar fora do popup, ele é fechado. O popup pode ser fechado via programação usando a função <code><a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/close">window.close()</a></code> em um script sendo executado no popup. Entretanto, você não pode abrir o popup via programação a partir do código JavaScript da extensão: ele somente se abre em resposta a uma ação do usuário.</p>
-<p>Você pode definir um atalho de teclado que abre o popup usando <code>"_execute_browser_action"</code> and <code>"_execute_page_action"</code>. Veja a documentação da chave <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/commands">commands</a></code><span style="display: none;">      </span> no manifest.json.</p>
+<p>Você pode definir um atalho de teclado que abre o popup usando <code>"_execute_browser_action"</code> and <code>"_execute_page_action"</code>. Veja a documentação da chave <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/commands">commands</a></code><span class="hidden">      </span> no manifest.json.</p>
<h2 id="Especificar_uma_janela">Especificar uma janela</h2>
diff --git a/files/pt-pt/orphaned/mdn/community/whats_happening/index.html b/files/pt-pt/orphaned/mdn/community/whats_happening/index.html
index 909a63c50f..db6c4837ce 100644
--- a/files/pt-pt/orphaned/mdn/community/whats_happening/index.html
+++ b/files/pt-pt/orphaned/mdn/community/whats_happening/index.html
@@ -23,7 +23,7 @@ original_slug: MDN/Comunidade/O_que_está_a_acontecer
<h2 id="Emissões_de_ephemera">Emissões de ephemera</h2>
<ul>
- <li><a href="https://twitter.com/mozhacks" title="https://twitter.com/mozhacks"><span id="cke_bm_286S" style="display: none;"> </span></a><a href="http://twitter.com/MozDevNet">@MozDevNet</a>: Curated feed of new pages, significant updates, and other news about Mozilla Developer Network.</li>
+ <li><a href="https://twitter.com/mozhacks" title="https://twitter.com/mozhacks"><span id="cke_bm_286S" class="hidden"> </span></a><a href="http://twitter.com/MozDevNet">@MozDevNet</a>: Curated feed of new pages, significant updates, and other news about Mozilla Developer Network.</li>
<li><a href="https://twitter.com/mozhacks" title="https://twitter.com/mozhacks">@MozHacks</a>: Tweets about new web technologies, great HTML5 apps, and Firefox features.</li>
<li><a href="http://www.youtube.com/user/mozhacks" title="http://www.youtube.com/user/mozhacks">Mozilla Hacks (YouTube)</a></li>
</ul>
diff --git a/files/pt-pt/orphaned/mdn/editor/basics/index.html b/files/pt-pt/orphaned/mdn/editor/basics/index.html
index ac942b7fd4..8399efecf4 100644
--- a/files/pt-pt/orphaned/mdn/editor/basics/index.html
+++ b/files/pt-pt/orphaned/mdn/editor/basics/index.html
@@ -70,4 +70,4 @@ original_slug: MDN/Editor/Basicos
<li><a href="https://docs.ckeditor.com/">CKEditor - Guia do Utilizador</a></li>
</ul>
-<h6 id="EditorGuideQuicklinks">{{EditorGuideQuicklinks}}<span id="cke_bm_73C" style="display: none;"> </span></h6>
+<h6 id="EditorGuideQuicklinks">{{EditorGuideQuicklinks}}<span id="cke_bm_73C" class="hidden"> </span></h6>
diff --git a/files/pt-pt/tools/keyboard_shortcuts/index.html b/files/pt-pt/tools/keyboard_shortcuts/index.html
index 3fec052199..74bd0b31b0 100644
--- a/files/pt-pt/tools/keyboard_shortcuts/index.html
+++ b/files/pt-pt/tools/keyboard_shortcuts/index.html
@@ -1075,9 +1075,9 @@ original_slug: Tools/atalhos_de_teclado
<div id="SL_balloon_obj" style="display: block;">
<div class="SL_ImTranslatorLogo" id="SL_button" style=""></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>
@@ -1089,7 +1089,7 @@ original_slug: Tools/atalhos_de_teclado
<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"></div>
<div id="SL_alert_cont"></div>
diff --git a/files/pt-pt/tools/page_inspector/how_to/work_with_animations/index.html b/files/pt-pt/tools/page_inspector/how_to/work_with_animations/index.html
index 4dc96f01e7..7f78a2eee5 100644
--- a/files/pt-pt/tools/page_inspector/how_to/work_with_animations/index.html
+++ b/files/pt-pt/tools/page_inspector/how_to/work_with_animations/index.html
@@ -67,7 +67,7 @@ original_slug: Tools/Page_Inspector/How_to/Trabalhar_com_animacoes
<li>Each element had two properties animated:
<ul>
<li><code><a href="/en-US/docs/Web/CSS/width">width</a></code> and <code><a href="/en-US/docs/Web/CSS/opacity">opacity</a></code> for the channel name</li>
- <li><code><a href="/en-US/docs/Web/CSS/filter">filter</a></code> and <code><a href="/en-US/docs/Web/CSS/transform">transform</a></code> for the icon.<span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span></li>
+ <li><code><a href="/en-US/docs/Web/CSS/filter">filter</a></code> and <code><a href="/en-US/docs/Web/CSS/transform">transform</a></code> for the icon.<span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span></li>
</ul>
</li>
<li>The <code>filter</code> property had a delay of 0.25 seconds applied to it.</li>
diff --git a/files/pt-pt/tools/page_inspector/keyboard_shortcuts/index.html b/files/pt-pt/tools/page_inspector/keyboard_shortcuts/index.html
index daa382cf26..07699f08e9 100644
--- a/files/pt-pt/tools/page_inspector/keyboard_shortcuts/index.html
+++ b/files/pt-pt/tools/page_inspector/keyboard_shortcuts/index.html
@@ -13,9 +13,9 @@ original_slug: Tools/Page_Inspector/atalhos_de_teclado
<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: none; opacity: 1; 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>
@@ -27,7 +27,7 @@ original_slug: Tools/Page_Inspector/atalhos_de_teclado
<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/tools/performance/call_tree/index.html b/files/pt-pt/tools/performance/call_tree/index.html
index 517e5ccdcf..4096b5d59d 100644
--- a/files/pt-pt/tools/performance/call_tree/index.html
+++ b/files/pt-pt/tools/performance/call_tree/index.html
@@ -113,9 +113,9 @@ original_slug: Tools/Desempenho/Arvore_de_Chamada
<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>
@@ -127,7 +127,7 @@ original_slug: Tools/Desempenho/Arvore_de_Chamada
<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/tools/performance/index.html b/files/pt-pt/tools/performance/index.html
index 2b6d828b1d..02d62da901 100644
--- a/files/pt-pt/tools/performance/index.html
+++ b/files/pt-pt/tools/performance/index.html
@@ -105,9 +105,9 @@ original_slug: Tools/Desempenho
<div id="SL_balloon_obj" style="display: block;">
<div class="SL_ImTranslatorLogo" id="SL_button" style=""></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>
@@ -119,7 +119,7 @@ original_slug: Tools/Desempenho
<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/tools/performance/waterfall/index.html b/files/pt-pt/tools/performance/waterfall/index.html
index dd58c2d7d5..ba31aa2693 100644
--- a/files/pt-pt/tools/performance/waterfall/index.html
+++ b/files/pt-pt/tools/performance/waterfall/index.html
@@ -483,9 +483,9 @@ function calculatePrimes() {
<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>
@@ -497,7 +497,7 @@ function calculatePrimes() {
<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/tools/settings/index.html b/files/pt-pt/tools/settings/index.html
index 88d25ff615..2f76fb3b10 100644
--- a/files/pt-pt/tools/settings/index.html
+++ b/files/pt-pt/tools/settings/index.html
@@ -164,9 +164,9 @@ original_slug: Tools/Configurações
<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>
@@ -178,7 +178,7 @@ original_slug: Tools/Configurações
<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/tools/tools_toolbox/index.html b/files/pt-pt/tools/tools_toolbox/index.html
index 9376aefb14..f1fd212ad2 100644
--- a/files/pt-pt/tools/tools_toolbox/index.html
+++ b/files/pt-pt/tools/tools_toolbox/index.html
@@ -100,9 +100,9 @@ translation_of: Tools/Tools_Toolbox
<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: none; opacity: 1;"> </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>
@@ -114,7 +114,7 @@ translation_of: Tools/Tools_Toolbox
<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/tools/web_console/console_messages/index.html b/files/pt-pt/tools/web_console/console_messages/index.html
index c311345d46..c4e251e0ed 100644
--- a/files/pt-pt/tools/web_console/console_messages/index.html
+++ b/files/pt-pt/tools/web_console/console_messages/index.html
@@ -394,9 +394,9 @@ doStuff();</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" 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>
@@ -408,7 +408,7 @@ doStuff();</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/web/api/canvas_api/index.html b/files/pt-pt/web/api/canvas_api/index.html
index 379440ef0c..2118f051c5 100644
--- a/files/pt-pt/web/api/canvas_api/index.html
+++ b/files/pt-pt/web/api/canvas_api/index.html
@@ -167,9 +167,9 @@ window.addEventListener('load', drawCanvas);
<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>
@@ -181,7 +181,7 @@ window.addEventListener('load', drawCanvas);
<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/web/api/document_object_model/index.html b/files/pt-pt/web/api/document_object_model/index.html
index 87bcf85174..eecf95b04f 100644
--- a/files/pt-pt/web/api/document_object_model/index.html
+++ b/files/pt-pt/web/api/document_object_model/index.html
@@ -425,9 +425,9 @@ original_slug: DOM/DOM_Reference
<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>
@@ -439,7 +439,7 @@ original_slug: DOM/DOM_Reference
<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/web/api/geolocation/index.html b/files/pt-pt/web/api/geolocation/index.html
index 39a22949bb..3e3387d0b4 100644
--- a/files/pt-pt/web/api/geolocation/index.html
+++ b/files/pt-pt/web/api/geolocation/index.html
@@ -142,9 +142,9 @@ translation_of: Web/API/Geolocation
<div id="SL_balloon_obj" style="display: block;">
<div class="SL_ImTranslatorLogo" id="SL_button" style="background: 0% 0% repeat scroll rgba(0, 0, 0, 0); display: none; opacity: 1; 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>
@@ -156,7 +156,7 @@ translation_of: Web/API/Geolocation
<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/web/api/media_streams_api/index.html b/files/pt-pt/web/api/media_streams_api/index.html
index 52d9d666c9..34fefc2bae 100644
--- a/files/pt-pt/web/api/media_streams_api/index.html
+++ b/files/pt-pt/web/api/media_streams_api/index.html
@@ -131,9 +131,9 @@ original_slug: Web/API/API_transmissoes_multimedia
<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>
@@ -145,7 +145,7 @@ original_slug: Web/API/API_transmissoes_multimedia
<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/web/api/sharedworker/index.html b/files/pt-pt/web/api/sharedworker/index.html
index 5f7babaa6f..bf476434fb 100644
--- a/files/pt-pt/web/api/sharedworker/index.html
+++ b/files/pt-pt/web/api/sharedworker/index.html
@@ -119,9 +119,9 @@ myWorker.port.onmessage = function(e) {
<div id="SL_balloon_obj" style="display: block;">
<div class="SL_ImTranslatorLogo" id="SL_button" style=""></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>
@@ -133,7 +133,7 @@ myWorker.port.onmessage = function(e) {
<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/web/api/web_workers_api/functions_and_classes_available_to_workers/index.html b/files/pt-pt/web/api/web_workers_api/functions_and_classes_available_to_workers/index.html
index ee969bfb75..14e44860a1 100644
--- a/files/pt-pt/web/api/web_workers_api/functions_and_classes_available_to_workers/index.html
+++ b/files/pt-pt/web/api/web_workers_api/functions_and_classes_available_to_workers/index.html
@@ -366,9 +366,9 @@ translation_of: Web/API/Web_Workers_API/Functions_and_classes_available_to_worke
<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>
@@ -380,7 +380,7 @@ translation_of: Web/API/Web_Workers_API/Functions_and_classes_available_to_worke
<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/web/api/web_workers_api/using_web_workers/index.html b/files/pt-pt/web/api/web_workers_api/using_web_workers/index.html
index 9a404127dc..d0ec98c6c0 100644
--- a/files/pt-pt/web/api/web_workers_api/using_web_workers/index.html
+++ b/files/pt-pt/web/api/web_workers_api/using_web_workers/index.html
@@ -1025,7 +1025,7 @@ onmessage = function(event) {
<div class="SL_BL_LABLE_OFF" 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>
@@ -1048,7 +1048,7 @@ onmessage = function(event) {
<div class="SL_copy_hand" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
</td>
<td class="SL_td">
- <div id="SL_bbl_font_patch" style="display: none;"> </div>
+ <div id="SL_bbl_font_patch" class="hidden"> </div>
<div class="SL_font_on" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
</td>
@@ -1070,7 +1070,7 @@ onmessage = function(event) {
<div id="SL_player2" style="display: none; height: 0px;"> </div>
-<div id="SL_alert100" style="display: none;">A função de fala é limitada a 200 caracteres</div>
+<div id="SL_alert100" class="hidden">A função de fala é limitada a 200 caracteres</div>
<div id="SL_Balloon_options" style="background: rgb(239, 239, 239) none repeat scroll 0% 0%;">
<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; display: block; left: 49px;"> </div>
diff --git a/files/pt-pt/web/api/webgl_api/constants/index.html b/files/pt-pt/web/api/webgl_api/constants/index.html
index 28bbc9b265..2ebc509bcd 100644
--- a/files/pt-pt/web/api/webgl_api/constants/index.html
+++ b/files/pt-pt/web/api/webgl_api/constants/index.html
@@ -3943,9 +3943,9 @@ var vendor = gl.getParameter(debugInfo.UNMASKED_VENDOR_WEBGL);</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" 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>
@@ -3957,7 +3957,7 @@ var vendor = gl.getParameter(debugInfo.UNMASKED_VENDOR_WEBGL);</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/web/api/webgl_api/data/index.html b/files/pt-pt/web/api/webgl_api/data/index.html
index 2b86ccb293..b085643358 100644
--- a/files/pt-pt/web/api/webgl_api/data/index.html
+++ b/files/pt-pt/web/api/webgl_api/data/index.html
@@ -57,9 +57,9 @@ original_slug: Web/API/WebGL_API/Dados
<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>
@@ -71,7 +71,7 @@ original_slug: Web/API/WebGL_API/Dados
<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/web/api/webgl_api/types/index.html b/files/pt-pt/web/api/webgl_api/types/index.html
index f70ff586bf..1228b2a17a 100644
--- a/files/pt-pt/web/api/webgl_api/types/index.html
+++ b/files/pt-pt/web/api/webgl_api/types/index.html
@@ -166,9 +166,9 @@ original_slug: Web/API/WebGL_API/Tipos
<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>
@@ -180,7 +180,7 @@ original_slug: Web/API/WebGL_API/Tipos
<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/web/api/webgl_api/using_extensions/index.html b/files/pt-pt/web/api/webgl_api/using_extensions/index.html
index ea07fcd613..30d87afbcd 100644
--- a/files/pt-pt/web/api/webgl_api/using_extensions/index.html
+++ b/files/pt-pt/web/api/webgl_api/using_extensions/index.html
@@ -642,9 +642,9 @@ original_slug: Web/API/WebGL_API/Utilizar_Extensões
<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>
@@ -656,7 +656,7 @@ original_slug: Web/API/WebGL_API/Utilizar_Extensões
<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/web/api/webglrenderingcontext/index.html b/files/pt-pt/web/api/webglrenderingcontext/index.html
index 7d9b4ef24e..e1558755ca 100644
--- a/files/pt-pt/web/api/webglrenderingcontext/index.html
+++ b/files/pt-pt/web/api/webglrenderingcontext/index.html
@@ -367,9 +367,9 @@ var gl = canvas.getContext('webgl');
<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>
@@ -381,7 +381,7 @@ var gl = canvas.getContext('webgl');
<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/web/api/webrtc_api/index.html b/files/pt-pt/web/api/webrtc_api/index.html
index 4597aadd44..a9bc4acd29 100644
--- a/files/pt-pt/web/api/webrtc_api/index.html
+++ b/files/pt-pt/web/api/webrtc_api/index.html
@@ -207,9 +207,9 @@ original_slug: Web/API/API_WebRTC
<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>
@@ -221,7 +221,7 @@ original_slug: Web/API/API_WebRTC
<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/web/api/window/open/index.html b/files/pt-pt/web/api/window/open/index.html
index bb64902182..0638235527 100644
--- a/files/pt-pt/web/api/window/open/index.html
+++ b/files/pt-pt/web/api/window/open/index.html
@@ -667,9 +667,9 @@ window.open("map.php", "BiggerMap");</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" 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>
@@ -681,7 +681,7 @@ window.open("map.php", "BiggerMap");</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/web/api/window/postmessage/index.html b/files/pt-pt/web/api/window/postmessage/index.html
index 50e5c91a5d..2787caaa32 100644
--- a/files/pt-pt/web/api/window/postmessage/index.html
+++ b/files/pt-pt/web/api/window/postmessage/index.html
@@ -256,9 +256,9 @@ window.addEventListener("message", receiveMessage, false);
<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>
@@ -270,7 +270,7 @@ window.addEventListener("message", receiveMessage, false);
<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/web/api/worker/index.html b/files/pt-pt/web/api/worker/index.html
index cdeee23a8a..ee53553220 100644
--- a/files/pt-pt/web/api/worker/index.html
+++ b/files/pt-pt/web/api/worker/index.html
@@ -193,9 +193,9 @@ first.onchange = function() {
<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>
@@ -207,7 +207,7 @@ first.onchange = function() {
<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/web/css/css_colors/color_picker_tool/index.html b/files/pt-pt/web/css/css_colors/color_picker_tool/index.html
index 8772d20f06..853610e804 100644
--- a/files/pt-pt/web/css/css_colors/color_picker_tool/index.html
+++ b/files/pt-pt/web/css/css_colors/color_picker_tool/index.html
@@ -9,7 +9,7 @@ tags:
translation_of: Web/CSS/CSS_Colors/Color_picker_tool
original_slug: Web/CSS/CSS_Colors/Ferramenta_selecao_cor
---
-<div style="display: none;">
+<div class="hidden">
<h2 id="ColorPicker_Tool" name="ColorPicker_Tool">ColorPicker tool</h2>
<h3 id="HTML">HTML</h3>
diff --git a/files/pt-pt/web/css/display/index.html b/files/pt-pt/web/css/display/index.html
index 43db53135e..db3e3150d1 100644
--- a/files/pt-pt/web/css/display/index.html
+++ b/files/pt-pt/web/css/display/index.html
@@ -626,9 +626,9 @@ display: unset;
<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>
@@ -640,7 +640,7 @@ display: unset;
<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/web/events/index.html b/files/pt-pt/web/events/index.html
index c778cec718..191f5abb6f 100644
--- a/files/pt-pt/web/events/index.html
+++ b/files/pt-pt/web/events/index.html
@@ -3000,9 +3000,9 @@ original_slug: Web/Eventos
<div id="SL_balloon_obj" style="display: block;">
<div class="SL_ImTranslatorLogo" id="SL_button" style="background: 0% 0% repeat scroll rgba(0, 0, 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>
@@ -3014,7 +3014,7 @@ original_slug: Web/Eventos
<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/web/guide/events/index.html b/files/pt-pt/web/guide/events/index.html
index 7d55886a4e..88b9c2f2c8 100644
--- a/files/pt-pt/web/guide/events/index.html
+++ b/files/pt-pt/web/guide/events/index.html
@@ -53,9 +53,9 @@ original_slug: Web/Guide/Eventos
<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: none; opacity: 1;"> </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>
diff --git a/files/pt-pt/web/html/applying_color/index.html b/files/pt-pt/web/html/applying_color/index.html
index fd91bc88b8..75c0e0f32b 100644
--- a/files/pt-pt/web/html/applying_color/index.html
+++ b/files/pt-pt/web/html/applying_color/index.html
@@ -503,7 +503,7 @@ colorPicker.addEventListener("change", function(event) {
<div id="SL_shadow_translation_result2" style="display: none; margin-top: 30px; margin-left: 1px; direction: ltr; text-align: left;"> </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>
@@ -515,7 +515,7 @@ colorPicker.addEventListener("change", function(event) {
<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/web/html/link_types/index.html b/files/pt-pt/web/html/link_types/index.html
index a91d1c85a0..7d26dd44bf 100644
--- a/files/pt-pt/web/html/link_types/index.html
+++ b/files/pt-pt/web/html/link_types/index.html
@@ -532,9 +532,9 @@ original_slug: Web/HTML/Tipos_de_hiperligacao
<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 @@ original_slug: Web/HTML/Tipos_de_hiperligacao
<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/web/javascript/reference/statements/throw/index.html b/files/pt-pt/web/javascript/reference/statements/throw/index.html
index ffea8a688e..59a0e32938 100644
--- a/files/pt-pt/web/javascript/reference/statements/throw/index.html
+++ b/files/pt-pt/web/javascript/reference/statements/throw/index.html
@@ -195,9 +195,9 @@ e = verifyZipCode('95060 1234'); // returns 95060 1234
<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>
@@ -209,7 +209,7 @@ e = verifyZipCode('95060 1234'); // returns 95060 1234
<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/web/security/insecure_passwords/index.html b/files/pt-pt/web/security/insecure_passwords/index.html
index e559b838d8..31344bf0ac 100644
--- a/files/pt-pt/web/security/insecure_passwords/index.html
+++ b/files/pt-pt/web/security/insecure_passwords/index.html
@@ -77,9 +77,9 @@ original_slug: Web/Seguranca/Palavras-passe_inseguras
<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: none; opacity: 1; 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>
@@ -91,7 +91,7 @@ original_slug: Web/Seguranca/Palavras-passe_inseguras
<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/web/security/secure_contexts/index.html b/files/pt-pt/web/security/secure_contexts/index.html
index d2de69988c..23ad21540d 100644
--- a/files/pt-pt/web/security/secure_contexts/index.html
+++ b/files/pt-pt/web/security/secure_contexts/index.html
@@ -125,7 +125,7 @@ translation_of: Web/Security/Secure_Contexts
<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/web/svg/applying_svg_effects_to_html_content/index.html b/files/pt-pt/web/svg/applying_svg_effects_to_html_content/index.html
index 6b97eae267..ad5df9bdda 100644
--- a/files/pt-pt/web/svg/applying_svg_effects_to_html_content/index.html
+++ b/files/pt-pt/web/svg/applying_svg_effects_to_html_content/index.html
@@ -180,7 +180,7 @@ pre.target:hover { filter:url(#f3); }
<p>{{EmbedLiveSample('Example_Filtering', 650, 200)}}</p>
-<p style="display: none;"><a class="button liveSample" href="/files/3329/filterdemo.xhtml">View this example live</a></p>
+<p class="hidden"><a class="button liveSample" href="/files/3329/filterdemo.xhtml">View this example live</a></p>
<h3 id="Example_Blurred_Text">Example: Blurred Text</h3>
@@ -225,7 +225,7 @@ pre.target:hover { filter:url(#f3); }
<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/web/svg/namespaces_crash_course/example/index.html b/files/pt-pt/web/svg/namespaces_crash_course/example/index.html
index 9a319f0673..7650c9e2fb 100644
--- a/files/pt-pt/web/svg/namespaces_crash_course/example/index.html
+++ b/files/pt-pt/web/svg/namespaces_crash_course/example/index.html
@@ -318,9 +318,9 @@ cy='150' r='7' fill='#0000ff' fill-opacity='0.5'/&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: 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>
@@ -332,7 +332,7 @@ cy='150' r='7' fill='#0000ff' fill-opacity='0.5'/&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/web/svg/namespaces_crash_course/index.html b/files/pt-pt/web/svg/namespaces_crash_course/index.html
index 54a6d077b4..25941a6733 100644
--- a/files/pt-pt/web/svg/namespaces_crash_course/index.html
+++ b/files/pt-pt/web/svg/namespaces_crash_course/index.html
@@ -189,9 +189,9 @@ image.setAttributeNS(XLink_NS, 'xlink:href', 'flower.png');
<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>
@@ -203,7 +203,7 @@ image.setAttributeNS(XLink_NS, 'xlink:href', 'flower.png');
<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/web/svg/tutorial/svg_in_html_introduction/index.html b/files/pt-pt/web/svg/tutorial/svg_in_html_introduction/index.html
index d8cfd63791..c1c37212b9 100644
--- a/files/pt-pt/web/svg/tutorial/svg_in_html_introduction/index.html
+++ b/files/pt-pt/web/svg/tutorial/svg_in_html_introduction/index.html
@@ -103,9 +103,9 @@ img.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:href", "move.png");
<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>
@@ -117,7 +117,7 @@ img.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:href", "move.png");
<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/web/xml/xml_introduction/index.html b/files/pt-pt/web/xml/xml_introduction/index.html
index b397f39c4b..ff94cb49c2 100644
--- a/files/pt-pt/web/xml/xml_introduction/index.html
+++ b/files/pt-pt/web/xml/xml_introduction/index.html
@@ -128,9 +128,9 @@ original_slug: Web/XML/Introducao_a_XML
<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>
@@ -142,7 +142,7 @@ original_slug: Web/XML/Introducao_a_XML
<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/ru/conflicting/glossary/chrome/index.html b/files/ru/conflicting/glossary/chrome/index.html
index eedafb7f55..bc6969d621 100644
--- a/files/ru/conflicting/glossary/chrome/index.html
+++ b/files/ru/conflicting/glossary/chrome/index.html
@@ -60,9 +60,9 @@ original_slug: Chrome
. Существует три базовых типа провайдеров chrome:</dd>
<dd>
<ul>
- <li><b><span id="cke_bm_101S" style="display: none;"> </span>Content</b>. Контент может состоять из файлов любого вида, видимых для Mozilla. В частности, ресурс <strong>content</strong>, как правило, состоит из набора <a href="en/XUL">XUL</a>, <a href="en/JavaScript">JavaScript</a> и сборочных файлов <a href="en/XBL">XBL</a>.</li>
+ <li><b><span id="cke_bm_101S" class="hidden"> </span>Content</b>. Контент может состоять из файлов любого вида, видимых для Mozilla. В частности, ресурс <strong>content</strong>, как правило, состоит из набора <a href="en/XUL">XUL</a>, <a href="en/JavaScript">JavaScript</a> и сборочных файлов <a href="en/XBL">XBL</a>.</li>
<li><b>Locale</b>. Переводы для поддержки нескольких языков. Здесь два основных типа файлов:  <a href="en/XUL_Tutorial/Localization">DTD</a> файлы и java-подобные <a href="en/XUL_Tutorial/Property_Files">файлы свойств</a>.</li>
- <li><b>Skin</b>. Ресурс <em>skin</em> предоставляет полные данные о внешнем виде UI. Состоит из <a href="en/CSS">CSS</a> файлов и изображений.<span id="cke_bm_101E" style="display: none;"> </span></li>
+ <li><b>Skin</b>. Ресурс <em>skin</em> предоставляет полные данные о внешнем виде UI. Состоит из <a href="en/CSS">CSS</a> файлов и изображений.<span id="cke_bm_101E" class="hidden"> </span></li>
</ul>
</dd>
</dl>
diff --git a/files/ru/conflicting/learn/css/building_blocks/selectors_918fb6c37a4d06789bc062c48d591992/index.html b/files/ru/conflicting/learn/css/building_blocks/selectors_918fb6c37a4d06789bc062c48d591992/index.html
index f66eb23b48..e005d04596 100644
--- a/files/ru/conflicting/learn/css/building_blocks/selectors_918fb6c37a4d06789bc062c48d591992/index.html
+++ b/files/ru/conflicting/learn/css/building_blocks/selectors_918fb6c37a4d06789bc062c48d591992/index.html
@@ -379,7 +379,7 @@ a.homepage:hover, a.homepage:focus, a.homepage:active {
<table style="border: 2px outset #3366bb; padding: 1em;">
<tbody>
<tr>
- <td><span class="short_text" id="result_box" lang="ru"><span>Перейдите к нашей</span></span> <a class="tutospecial" href="https://developer.mozilla.org/ru/docs/Web/Guide/CSS/Getting_started/Selectors#" title="Home page">Домашняя страница</a><span style="display: none;"> </span><span style="display: none;"> </span></td>
+ <td><span class="short_text" id="result_box" lang="ru"><span>Перейдите к нашей</span></span> <a class="tutospecial" href="https://developer.mozilla.org/ru/docs/Web/Guide/CSS/Getting_started/Selectors#" title="Home page">Домашняя страница</a><span class="hidden"> </span><span class="hidden"> </span></td>
</tr>
</tbody>
</table>
diff --git a/files/ru/conflicting/web/api/push_api/index.html b/files/ru/conflicting/web/api/push_api/index.html
index 1a1de71329..d4c8ee1d29 100644
--- a/files/ru/conflicting/web/api/push_api/index.html
+++ b/files/ru/conflicting/web/api/push_api/index.html
@@ -70,7 +70,7 @@ original_slug: Web/API/Push_API/Using_the_Push_API
<li>Поверх в сервис воркере настройте обработчик событий <code>push</code> для ответов на полученные push-сообщения.
<ol>
<li>Если вы хотите отвечать отправкой сообщения канала обратно основному контексту (смотри шаг 6), необходимо сначала получить ссылку на <code>port2,</code> который был отправлен контексту сервис воркера ({{domxref("MessagePort")}}). Это доступно в объекте  {{domxref("MessageEvent")}}, передаваемого обработчику <code>onmessage </code>({{domxref("ServiceWorkerGlobalScope.onmessage")}}). Конкретнее, он находится в свойстве <code>ports</code>, индекс 0. Когда это сделано, вы можете отправить сообщение обратно <code>port1</code>, используя {{domxref("MessagePort.postMessage()")}}.</li>
- <li>Если вы хотитет ответить запуском системного уведомления, вы можете сделать это, вызвав {{domxref("ServiceWorkerRegistration.showNotification()")}}. Заметте, что в нашем коде мы вызываем его внутри метода {{domxref("ExtendableEvent.waitUntil()")}} — это растягивает время жизни события, пока уведомление не будет запущено, так что мы можем убедиться, что все, что мы хотели, чтобы произошло, действительно произошло.<span id="cke_bm_307E" style="display: none;"> </span></li>
+ <li>Если вы хотитет ответить запуском системного уведомления, вы можете сделать это, вызвав {{domxref("ServiceWorkerRegistration.showNotification()")}}. Заметте, что в нашем коде мы вызываем его внутри метода {{domxref("ExtendableEvent.waitUntil()")}} — это растягивает время жизни события, пока уведомление не будет запущено, так что мы можем убедиться, что все, что мы хотели, чтобы произошло, действительно произошло.<span id="cke_bm_307E" class="hidden"> </span></li>
</ol>
</li>
</ol>
diff --git a/files/ru/conflicting/web/http/csp/index.html b/files/ru/conflicting/web/http/csp/index.html
index df563abc30..a424fc49db 100644
--- a/files/ru/conflicting/web/http/csp/index.html
+++ b/files/ru/conflicting/web/http/csp/index.html
@@ -39,6 +39,6 @@ original_slug: Web/Security/CSP
<li><a href="/docs/Apps/CSP">CSP restrictions for Open Web Apps</a></li>
</ul>
-<div id="__if72ru4rkjahiuyi_once" style="display: none;"> </div>
+<div id="__if72ru4rkjahiuyi_once" class="hidden"> </div>
-<div id="__hggasdgjhsagd_once" style="display: none;"> </div>
+<div id="__hggasdgjhsagd_once" class="hidden"> </div>
diff --git a/files/ru/learn/css/styling_text/styling_lists/index.html b/files/ru/learn/css/styling_text/styling_lists/index.html
index 401cd7e6e1..dfd19f97e8 100644
--- a/files/ru/learn/css/styling_text/styling_lists/index.html
+++ b/files/ru/learn/css/styling_text/styling_lists/index.html
@@ -125,7 +125,7 @@ dd {
<li>Первое правило устанавливает шрифт сайта и основной размер шрифта 10px. Они наследуются всеми на этой странице.</li>
<li>Правила 2 и 3 задают относительные размеры шрифтов заголовков, различных типов списков (их наследуют дочерние элементы списков) и параграфов. Это значит, что каждый параграф и список будут иметь одинаковый размер шрифта, а также верхний и нижний интервалы, помогая сохранить согласованность вертикального ритма.</li>
<li>Правило 4 задает одинаковую высоту {{cssxref("line-height")}} в параграфах и пунктах списка — так, что параграфы и каждый отдельный пункт списка будут иметь те же интервалы между строками. Это также поможет сохранить согласованность вертикального ритма.</li>
- <li>Правила 5 и 6 применяются к списку описаний — мы задаем одинаковую высоту <code>line-height</code> между терминами и описаниями списке описаний как мы это делали с параграфами и пунктами списка. И снова, согласованность хорошая! <span class="tlid-translation translation" lang="ru"><span title="">Мы также делаем описание терминов жирным шрифтом, чтобы они визуально выделялись легче.</span></span> <span id="cke_bm_126E" style="display: none;"> </span></li>
+ <li>Правила 5 и 6 применяются к списку описаний — мы задаем одинаковую высоту <code>line-height</code> между терминами и описаниями списке описаний как мы это делали с параграфами и пунктами списка. И снова, согласованность хорошая! <span class="tlid-translation translation" lang="ru"><span title="">Мы также делаем описание терминов жирным шрифтом, чтобы они визуально выделялись легче.</span></span> <span id="cke_bm_126E" class="hidden"> </span></li>
</ul>
<h2 id="Стили_специфичные_для_списков">Стили специфичные для списков</h2>
diff --git a/files/ru/learn/html/howto/index.html b/files/ru/learn/html/howto/index.html
index 06759fe76d..65c138e103 100644
--- a/files/ru/learn/html/howto/index.html
+++ b/files/ru/learn/html/howto/index.html
@@ -151,4 +151,4 @@ original_slug: Learn/HTML/Рецепты
</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/ru/learn/html/introduction_to_html/creating_hyperlinks/index.html b/files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.html
index a6cd7e7730..d252a56e21 100644
--- a/files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.html
+++ b/files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.html
@@ -355,9 +355,9 @@ original_slug: Learn/HTML/Введение_в_HTML/Создание_гиперс
<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>
@@ -369,7 +369,7 @@ original_slug: Learn/HTML/Введение_в_HTML/Создание_гиперс
<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/ru/learn/html/introduction_to_html/getting_started/index.html b/files/ru/learn/html/introduction_to_html/getting_started/index.html
index f27e4c5398..89f5077314 100644
--- a/files/ru/learn/html/introduction_to_html/getting_started/index.html
+++ b/files/ru/learn/html/introduction_to_html/getting_started/index.html
@@ -193,7 +193,7 @@ textarea.onkeyup = function(){
<h3 id="Вложенные_элементы">Вложенные элементы</h3>
-<h3 id="Nesting_elements" style="display: none;">Nesting_elements</h3>
+<h3 id="Nesting_elements" class="hidden">Nesting_elements</h3>
<p>Вы также можете вкладывать элементы внутрь других элементов — это называется <strong>вложенностью</strong>. Если мы хотим подчеркнуть, что наш кот <strong>очень</strong> сердитый, мы можем заключить слово "очень" в элемент {{htmlelement("strong")}} , который означает, что это слово крайне важно в данном контексте:</p>
@@ -207,7 +207,7 @@ textarea.onkeyup = function(){
<h3 id="Блочные_и_строчные_элементы">Блочные и строчные элементы</h3>
-<h3 id="Block_versus_inline_elements" style="display: none;">Block versus inline elements</h3>
+<h3 id="Block_versus_inline_elements" class="hidden">Block versus inline elements</h3>
<p>Существует две важных категории элементов в HTML, которые вам стоит знать — элементы блочного уровня и строчные элементы.</p>
@@ -241,7 +241,7 @@ textarea.onkeyup = function(){
<h3 id="Пустые_элементы">Пустые элементы</h3>
-<h3 id="Empty_elements" style="display: none;">Empty elements</h3>
+<h3 id="Empty_elements" class="hidden">Empty elements</h3>
<p>Не все элементы соответствуют вышеупомянутому шаблону: открывающий тег, контент, закрывающий тег. Некоторые элементы состоят из одного тега и обычно используются для вставки чего-либо в то место документа, где размещены. Например, элемент {{htmlelement("img")}} вставляет картинку на страницу в том самом месте, где он расположен:</p>
@@ -273,7 +273,7 @@ textarea.onkeyup = function(){
<h3 id="Активное_изучение_Добавление_атрибутов_в_элемент">Активное изучение: Добавление атрибутов в элемент</h3>
-<h3 id="Active_learning_Adding_attributes_to_an_element" style="display: none;">Active learning: Adding attributes to an element</h3>
+<h3 id="Active_learning_Adding_attributes_to_an_element" class="hidden">Active learning: Adding attributes to an element</h3>
<p>Возьмём для примера элемент {{htmlelement("a")}} — означает anchor (якорь) и делает текст внутри него гиперссылкой. Может иметь несколько атрибутов, вот несколько из них:</p>
@@ -410,7 +410,7 @@ textarea.onkeyup = function(){
<h3 id="Булевые_атрибуты">Булевые атрибуты</h3>
-<h3 id="Boolean_attributes" style="display: none;">Boolean attributes</h3>
+<h3 id="Boolean_attributes" class="hidden">Boolean attributes</h3>
<p>Иногда вы будете видеть атрибуты, написанные без значения — это совершенно допустимо.  Такие атрибуты называются булевые, и они могут иметь только одно значение, которое в основном совпадает с его именем. В качестве примера возьмем атрибут {{htmlattrxref("disabled", "input")}}, который можно назначить для формирования элементов ввода, если вы хотите, чтобы они были отключены (неактивны), так что пользователь не может вводить какие-либо данные в них.</p>
@@ -429,7 +429,7 @@ textarea.onkeyup = function(){
<h3 id="Опускание_кавычек_вокруг_значений_атрибутов">Опускание кавычек вокруг значений атрибутов</h3>
-<h3 id="Omitting_quotes_around_attribute_values" style="display: none;">Omitting quotes around attribute values</h3>
+<h3 id="Omitting_quotes_around_attribute_values" class="hidden">Omitting quotes around attribute values</h3>
<p>Осматриваясь во всемирной сети, вы будете встречать различные незнакомые способы написания разметки, включая написание значений атрибутов без кавычек. Это допустимо при определенных условиях, но разрушит вашу разметку при других. Например, возвращаясь к нашему упражнению с гиперссылкой, мы можем написать основной вариант только с атрибутом <code>href</code> так:</p>
@@ -447,7 +447,7 @@ textarea.onkeyup = function(){
<h3 id="Одинарные_или_двойные_кавычки">Одинарные или двойные кавычки?</h3>
-<h3 id="Single_or_double_quotes" style="display: none;">Single or double quotes?</h3>
+<h3 id="Single_or_double_quotes" class="hidden">Single or double quotes?</h3>
<p>В этой статье вы заметите, что все атрибуты заключены в двойные кавычки. Однако, вы можете видеть одинарные кавычки в HTML документах других людей. Это исключительно дело вкуса, и вы можете свободно выбирать, какие из них предпочитаете. Обе следующие строки эквивалентны:</p>
@@ -503,7 +503,7 @@ textarea.onkeyup = function(){
<h3 id="Активное_изучение_Добавление_элементов_в_ваш_HTML-документ">Активное изучение: Добавление элементов в ваш HTML-документ</h3>
-<h3 id="Active_learning_Adding_some_features_to_an_HTML_document" style="display: none;">Active learning: Adding some features to an HTML document</h3>
+<h3 id="Active_learning_Adding_some_features_to_an_HTML_document" class="hidden">Active learning: Adding some features to an HTML document</h3>
<p>Если вы хотите поэкспериментировать с написанием HTML на своём компьютере, то можете:</p>
@@ -660,7 +660,7 @@ textarea.onkeyup = function(){
<h3 id="Пробелы_в_HTML">Пробелы в HTML</h3>
-<h3 id="Whitespace_in_HTML" style="display: none;">Whitespace in HTML</h3>
+<h3 id="Whitespace_in_HTML" class="hidden">Whitespace in HTML</h3>
<p>Вы могли заметить, что в примерах кода из этой статьи много пробелов. Это вовсе не обязательно — следующие два примера эквивалентны:</p>
@@ -673,7 +673,7 @@ textarea.onkeyup = function(){
<h2 id="Ссылки_на_сущности_Включение_специальных_символов_в_HTML">Ссылки на сущности: Включение специальных символов в HTML</h2>
-<h2 id="Entity_references_Including_special_characters_in_HTML" style="display: none;">Entity references: Including special characters in HTML</h2>
+<h2 id="Entity_references_Including_special_characters_in_HTML" class="hidden">Entity references: Including special characters in HTML</h2>
<p>В HTML символы <code>&lt;</code>, <code>&gt;</code>, <code>"</code>, <code>'</code> и <code>&amp;</code> являются специальными. Они являются частью самого синтаксиса HTML. Так как же включить в текст один из этих специальных символов? Например, если вы хотите использовать амперсанд или знак «меньше» и не интерпретировать его как код.</p>
@@ -726,7 +726,7 @@ textarea.onkeyup = function(){
<h2 id="HTML_комментарии">HTML комментарии</h2>
-<h2 id="HTML_comments" style="display: none;">HTML comments</h2>
+<h2 id="HTML_comments" class="hidden">HTML comments</h2>
<p>В HTML, как и в большинстве языков программирования, есть возможность писать комментарии в коде. Комментарии игнорируются обозревателем и не видны пользователю, их добавляют для того, чтобы пояснить, как работает написанный код, что делают отдельные его части и т. д. Такая практика полезна, если вы возвращаетесь к коду, который давно не видели или когда хотите передать его кому-то другому.</p>
diff --git a/files/ru/mozilla/add-ons/webextensions/user_interface/popups/index.html b/files/ru/mozilla/add-ons/webextensions/user_interface/popups/index.html
index 23541f5a60..a6e6746c07 100644
--- a/files/ru/mozilla/add-ons/webextensions/user_interface/popups/index.html
+++ b/files/ru/mozilla/add-ons/webextensions/user_interface/popups/index.html
@@ -12,7 +12,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/user_interface/Popups
<p>When the user clicks the button, the popup is shown. When the user clicks anywhere outside the popup, the popup is closed. The popup can be closed programmatically by calling <code><a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/close">window.close()</a></code> from a script running in the popup. However, you can't open the popup programmatically from an extension's JavaScript: it can only be opened in response to a user action.</p>
-<p>You can define a keyboard shortcut that opens the popup using the <code>"_execute_browser_action"</code> and <code>"_execute_page_action"</code> shortcuts. See the documentation for the manifest.json key <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/commands">commands</a></code><span style="display: none;"> </span>.</p>
+<p>You can define a keyboard shortcut that opens the popup using the <code>"_execute_browser_action"</code> and <code>"_execute_page_action"</code> shortcuts. See the documentation for the manifest.json key <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/commands">commands</a></code><span class="hidden"> </span>.</p>
<h2 id="Specifying_a_popup">Specifying a popup</h2>
diff --git a/files/ru/web/api/audiobuffer/index.html b/files/ru/web/api/audiobuffer/index.html
index 3cd5485a68..b2972a1f78 100644
--- a/files/ru/web/api/audiobuffer/index.html
+++ b/files/ru/web/api/audiobuffer/index.html
@@ -17,9 +17,9 @@ translation_of: Web/API/AudioBuffer
<dl>
<dt>{{domxref("AudioBuffer.AudioBuffer", "AudioBuffer()")}}</dt>
- <dd><span style="display: none;"> </span>Создает и возвращает новый объект <code>AudioBuffer</code>.</dd>
+ <dd><span class="hidden"> </span>Создает и возвращает новый объект <code>AudioBuffer</code>.</dd>
<dt>
- <h2 id="Свойства"><span style="display: none;"> </span>Свойства</h2>
+ <h2 id="Свойства"><span class="hidden"> </span>Свойства</h2>
</dt>
<dt>{{domxref("AudioBuffer.sampleRate")}} {{readonlyInline}}</dt>
<dd>Возвращает число с плавающей точкой - частоту дискретизации (sample rate), хранящих в буфере данных ИКМ в звуковых фрагментах (samples) в секунду.</dd>
diff --git a/files/ru/web/api/canvasrenderingcontext2d/arc/index.html b/files/ru/web/api/canvasrenderingcontext2d/arc/index.html
index b6ab5c6600..80de2069c2 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/arc/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/arc/index.html
@@ -60,7 +60,7 @@ ctx.stroke();
<p>Вы можете редактировать код, представленный ниже, и сделанные вами изменения отобразятся на холсте в режиме реального времени (убедитесь, что вы используете браузер, поддерживающий данное свойство - смотрите таблицу совместимости):</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code" name="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
@@ -106,7 +106,7 @@ window.addEventListener("load", drawCanvas);
<p>В этом примере нарисованные разные формы чтобы показать возможности метода <code>arc()</code>.</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="HTML_2">HTML</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="150" height="200"&gt;&lt;/canvas&gt;
diff --git a/files/ru/web/api/canvasrenderingcontext2d/beginpath/index.html b/files/ru/web/api/canvasrenderingcontext2d/beginpath/index.html
index 2f6aa4c3e1..5b39c692a1 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/beginpath/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/beginpath/index.html
@@ -45,7 +45,7 @@ ctx.stroke();
<p>Отредактируйте код ниже чтобы увидеть изменения в canvas:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/ru/web/api/canvasrenderingcontext2d/beziercurveto/index.html b/files/ru/web/api/canvasrenderingcontext2d/beziercurveto/index.html
index 209c19e523..635c849882 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/beziercurveto/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/beziercurveto/index.html
@@ -76,7 +76,7 @@ ctx.fillRect(150, 70, 10, 10);</pre>
<p>Вы можете редактировать код, представленный ниже, и внесенные вами изменения отобразятся на холсте в режиме реального времени:</p>
-<div style="display: none;">
+<div class="hidden">
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
&lt;div class="playable-buttons"&gt;
  &lt;input id="edit" type="button" value="Edit" /&gt;
diff --git a/files/ru/web/api/canvasrenderingcontext2d/clearrect/index.html b/files/ru/web/api/canvasrenderingcontext2d/clearrect/index.html
index 33e198ddec..70352dbe22 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/clearrect/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/clearrect/index.html
@@ -62,7 +62,7 @@ ctx.clearRect(10, 10, 100, 100);
<p>Вы можете редактировать код, представленный ниже, и сделанные вами изменения отобразятся на холсте в режиме реального времени:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/ru/web/api/canvasrenderingcontext2d/drawimage/index.html b/files/ru/web/api/canvasrenderingcontext2d/drawimage/index.html
index 881eb779d2..8a510de988 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/drawimage/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/drawimage/index.html
@@ -65,7 +65,6 @@ void <var><em>ctx</em>.drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth,
<h4 id="HTML">HTML</h4>
<pre class="brush: html">&lt;canvas id="canvas"&gt;&lt;/canvas&gt;
-&lt;div style="display:none;"&gt;
&lt;img id="source" src="https://mdn.mozillademos.org/files/5397/rhino.jpg"
width="300" height="227"&gt;
&lt;/div&gt;
@@ -82,11 +81,10 @@ ctx.drawImage(image, 33, 71, 104, 124, 21, 20, 87, 104);
<p>Отредактируйте код ниже и посмотрите, как ваши изменения отражаются на холсте:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
-&lt;div style="display:none;"&gt;
&lt;img id="source" src="https://mdn.mozillademos.org/files/5397/rhino.jpg" width="300" height="227"&gt;
&lt;/div&gt;
&lt;div class="playable-buttons"&gt;
diff --git a/files/ru/web/api/canvasrenderingcontext2d/fill/index.html b/files/ru/web/api/canvasrenderingcontext2d/fill/index.html
index 25cc791848..d7ec3573d8 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/fill/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/fill/index.html
@@ -56,7 +56,7 @@ ctx.fill();
<p>Отредактируйте приведенный ниже код и посмотрите, как обновляется ваше обновление на холсте:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/ru/web/api/canvasrenderingcontext2d/fillrect/index.html b/files/ru/web/api/canvasrenderingcontext2d/fillrect/index.html
index 54a27df26c..806e126c78 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/fillrect/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/fillrect/index.html
@@ -55,7 +55,7 @@ ctx.fillRect(10, 10, 100, 100);
<p>Вы можете редактировать код, представленный ниже, и сделанные вами изменения отобразятся на холсте в режиме реального времени:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/ru/web/api/canvasrenderingcontext2d/filltext/index.html b/files/ru/web/api/canvasrenderingcontext2d/filltext/index.html
index 8a56e89043..112e89985f 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/filltext/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/filltext/index.html
@@ -52,7 +52,7 @@ ctx.fillText("Hello world", 50, 100);
<p>Вы можете редактировать код, представленный ниже, и сделанные вами изменения отобразятся на холсте в режиме реального времени:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html notranslate">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/ru/web/api/canvasrenderingcontext2d/linejoin/index.html b/files/ru/web/api/canvasrenderingcontext2d/linejoin/index.html
index afdeff96d3..4f42131284 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/linejoin/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/linejoin/index.html
@@ -130,7 +130,7 @@ for (let i = 0; i &lt; lineJoin.length; i++) {
<ul>
<li>
- <p>В<span id="cke_bm_84C" style="display: none;"> </span> браузерах на базе Webkit и Blink помимо этого свойства, также поддержвается нестадартный метод <code>ctx.setLineJoin()</code>.</p>
+ <p>В<span id="cke_bm_84C" class="hidden"> </span> браузерах на базе Webkit и Blink помимо этого свойства, также поддержвается нестадартный метод <code>ctx.setLineJoin()</code>.</p>
</li>
</ul>
diff --git a/files/ru/web/api/canvasrenderingcontext2d/moveto/index.html b/files/ru/web/api/canvasrenderingcontext2d/moveto/index.html
index e0ea2d18b0..7e2e0231e4 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/moveto/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/moveto/index.html
@@ -51,7 +51,7 @@ ctx.stroke();
<p>Вы можете редактировать код, представленный ниже, и сделанные вами изменения отобразятся на холсте в режиме реального времени:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/ru/web/api/canvasrenderingcontext2d/rect/index.html b/files/ru/web/api/canvasrenderingcontext2d/rect/index.html
index d5b1d4415f..532fdf1fdc 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/rect/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/rect/index.html
@@ -52,7 +52,7 @@ ctx.fill();
<p>Вы можете редактировать код, представленный ниже, и сделанные вами изменения отобразятся на холсте в режиме реального времени:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/ru/web/api/canvasrenderingcontext2d/rotate/index.html b/files/ru/web/api/canvasrenderingcontext2d/rotate/index.html
index ea206a5d1f..d750bcdee3 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/rotate/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/rotate/index.html
@@ -48,7 +48,7 @@ ctx.setTransform(1, 0, 0, 1, 0, 0);
<p>Отредактируйте приведенный ниже код и посмотрите, как обновляются ваши изменения на холсте:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/ru/web/api/canvasrenderingcontext2d/stroke/index.html b/files/ru/web/api/canvasrenderingcontext2d/stroke/index.html
index 1ac7882a57..4f5e3a7386 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/stroke/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/stroke/index.html
@@ -45,7 +45,7 @@ ctx.stroke();
<p>Отредактируйте приведенный ниже код и посмотрите, как обновляется рисунок на холсте:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/ru/web/api/canvasrenderingcontext2d/strokerect/index.html b/files/ru/web/api/canvasrenderingcontext2d/strokerect/index.html
index e211be454f..c03edf6b41 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/strokerect/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/strokerect/index.html
@@ -53,7 +53,7 @@ ctx.strokeRect(10, 10, 100, 100);
<p>Вы можете редактировать код, представленный ниже, и сделанные вами изменения отобразятся на холсте в режиме реального времени:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/ru/web/api/canvasrenderingcontext2d/stroketext/index.html b/files/ru/web/api/canvasrenderingcontext2d/stroketext/index.html
index e0e98fbc0a..8df446d693 100644
--- a/files/ru/web/api/canvasrenderingcontext2d/stroketext/index.html
+++ b/files/ru/web/api/canvasrenderingcontext2d/stroketext/index.html
@@ -49,7 +49,7 @@ ctx.strokeText("Hello world", 50, 100);
<p>Вы можете редактировать код, представленный ниже, и сделанные вами изменения отобразятся на холсте в режиме реального времени:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/ru/web/api/event/event/index.html b/files/ru/web/api/event/event/index.html
index ac31f2ee21..c18a0ab884 100644
--- a/files/ru/web/api/event/event/index.html
+++ b/files/ru/web/api/event/event/index.html
@@ -25,7 +25,7 @@ translation_of: Web/API/Event/Event
<ul>
<li><code>"bubbles"</code>: (<span class="short_text" id="result_box" lang="ru"><span>Необязательный</span></span>) логическое значение ({{jsxref("Boolean")}}) указывающее – будет ли событие всплывающим. По умолчанию <code>false</code>.</li>
<li><code>"cancelable"</code>: (<span class="short_text" id="result_box" lang="ru"><span>Необязательный</span></span>) логическое значение ({{jsxref("Boolean")}}) указывает, может ли событие быть отменено. По умолчанию <code>false</code>.</li>
- <li><code>"composed"</code>: (<span class="short_text" id="result_box" lang="ru"><span>Необязательный</span></span>) логическое значение {{jsxref("Boolean")}} указывающее – будет ли событие всплывать наружу за пределы shadow root. По умолчанию <code>false</code>.<span style="display: none;"> </span></li>
+ <li><code>"composed"</code>: (<span class="short_text" id="result_box" lang="ru"><span>Необязательный</span></span>) логическое значение {{jsxref("Boolean")}} указывающее – будет ли событие всплывать наружу за пределы shadow root. По умолчанию <code>false</code>.<span class="hidden"> </span></li>
</ul>
</dd>
</dl>
diff --git a/files/ru/web/api/htmltableelement/index.html b/files/ru/web/api/htmltableelement/index.html
index 31bfff1ca8..6817ae949d 100644
--- a/files/ru/web/api/htmltableelement/index.html
+++ b/files/ru/web/api/htmltableelement/index.html
@@ -197,4 +197,4 @@ translation_of: Web/API/HTMLTableElement
<li>Элемент HTML, реализующий данный интерфейс: {{HTMLElement("table")}}.</li>
</ul>
-<p><span id="cke_bm_222C" style="display: none;"> </span></p>
+<p><span id="cke_bm_222C" class="hidden"> </span></p>
diff --git a/files/ru/web/css/background-blend-mode/index.html b/files/ru/web/css/background-blend-mode/index.html
index bfcdd98ff3..e55a99aa83 100644
--- a/files/ru/web/css/background-blend-mode/index.html
+++ b/files/ru/web/css/background-blend-mode/index.html
@@ -34,7 +34,6 @@ background-blend-mode: unset;
<h2 id="Examples" name="Examples">Пример</h2>
-<pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;
&lt;select id="select"&gt;
    &lt;option&gt;normal&lt;/option&gt;
    &lt;option&gt;multiply&lt;/option&gt;
@@ -54,14 +53,14 @@ background-blend-mode: unset;
    &lt;option&gt;luminosity&lt;/option&gt;
&lt;/select&gt;</pre>
-<pre class="brush: css" style="display: none;">#div {
+<pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),url('https://mdn.mozillademos.org/files/8545/tr.png');
    background-blend-mode: screen;
}</pre>
-<pre class="brush: js" style="display: none;">document.getElementById("select").onchange = function(event) {
+<pre class="brush: js" class="hidden">document.getElementById("select").onchange = function(event) {
    document.getElementById("div").style.backgroundBlendMode = document.getElementById("select").selectedOptions[0].innerHTML;
}
console.log(document.getElementById('div'));</pre>
diff --git a/files/ru/web/css/blend-mode/index.html b/files/ru/web/css/blend-mode/index.html
index 382af5dae0..40125081d4 100644
--- a/files/ru/web/css/blend-mode/index.html
+++ b/files/ru/web/css/blend-mode/index.html
@@ -24,9 +24,8 @@ translation_of: Web/CSS/blend-mode
The effect is similar to two opaque pieces of paper overlapping.</p>
<div id="normal">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
@@ -44,9 +43,8 @@ translation_of: Web/CSS/blend-mode
The effect is similar to two images printed on transparent film overlapping.</p>
<div id="multiply">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
@@ -64,9 +62,8 @@ translation_of: Web/CSS/blend-mode
The effect is similar to two images shone onto a projection screen.</p>
<div id="screen">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
@@ -81,9 +78,8 @@ translation_of: Web/CSS/blend-mode
<dd>The final color is the result of <code>multiply</code> if the bottom color is darker, or <code>screen</code> if the bottom color is lighter.<br>
This blend mode is equivalent to <code>hard-light</code> but with the layers swapped.
<div id="overlay">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
@@ -99,9 +95,8 @@ translation_of: Web/CSS/blend-mode
<p>The final color is a color composed of the darkest values per color channel.</p>
<div id="darken">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
@@ -117,9 +112,8 @@ translation_of: Web/CSS/blend-mode
<p>The final color is a color composed of the lightest values per color channel.</p>
<div id="lighten">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
@@ -137,9 +131,8 @@ translation_of: Web/CSS/blend-mode
This blend mode is similar to screen, but the foreground need only be as light as the inverse of the backdrop to reach a fully lit color.</p>
<div id="color-dodge">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
@@ -157,9 +150,8 @@ translation_of: Web/CSS/blend-mode
This blend mode is similar to multiply, but the foreground need only be as dark as the inverse of the backdrop to make the final image black.</p>
<div id="color-burn">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
@@ -177,9 +169,8 @@ translation_of: Web/CSS/blend-mode
The effect is similar to shining a <em>harsh</em> spotlight on the backdrop.</p>
<div id="hard-light">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
@@ -197,9 +188,8 @@ translation_of: Web/CSS/blend-mode
The effect is similar to shining a <em>diffused</em> spotlight on the backdrop<em><code>.</code></em></p>
<div id="soft-light">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
@@ -216,9 +206,8 @@ translation_of: Web/CSS/blend-mode
A black layer has no effect, while a white layer inverts the other layer's color.</p>
<div id="difference">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
@@ -235,9 +224,8 @@ translation_of: Web/CSS/blend-mode
As with <code>difference</code>,  a black layer has no effect, while a white layer inverts the other layer's color.</p>
<div id="exclusion">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
@@ -253,9 +241,8 @@ translation_of: Web/CSS/blend-mode
<p>The final color has the <em>hue</em> of the top color, while using the <em>saturation</em> and <em>luminosity</em> of the bottom color.</p>
<div id="hue">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
@@ -272,9 +259,8 @@ translation_of: Web/CSS/blend-mode
A pure gray backdrop, having no saturation, will have no effect.</p>
<div id="saturation">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
@@ -291,9 +277,8 @@ translation_of: Web/CSS/blend-mode
The effect preserves gray levels and can be used to colorize the foreground.</p>
<div id="color">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
@@ -310,9 +295,8 @@ translation_of: Web/CSS/blend-mode
This blend mode is equivalent to color, but with the layers swapped.</p>
<div id="luminosity">
- <pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;</pre>
- <pre class="brush: css" style="display: none;">#div {
+ <pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),
diff --git a/files/ru/web/css/css_background_and_borders/border-image_generator/index.html b/files/ru/web/css/css_background_and_borders/border-image_generator/index.html
index 750bbe96f3..8e798f9292 100644
--- a/files/ru/web/css/css_background_and_borders/border-image_generator/index.html
+++ b/files/ru/web/css/css_background_and_borders/border-image_generator/index.html
@@ -8,7 +8,7 @@ translation_of: Web/CSS/CSS_Background_and_Borders/Border-image_generator
---
<p>Этот инструмент можно использовать, чтобы генерировать CSS3 значения {{cssxref("border-image")}}.</p>
-<div style="display: none;">
+<div class="hidden">
<h2 id="Border_Image_Generator" name="Border_Image_Generator">Border Image Generator</h2>
<h3 id="HTML_Content">HTML Content</h3>
diff --git a/files/ru/web/css/css_background_and_borders/border-radius_generator/index.html b/files/ru/web/css/css_background_and_borders/border-radius_generator/index.html
index 0dbb391c06..d8aafac807 100644
--- a/files/ru/web/css/css_background_and_borders/border-radius_generator/index.html
+++ b/files/ru/web/css/css_background_and_borders/border-radius_generator/index.html
@@ -6,7 +6,7 @@ original_slug: Web/CSS/CSS_Background_and_Borders/Border-radius_генерато
---
<p>С помощью этого инструмента вы можете создать CSS3 {{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="HTML_Content">HTML Content</h3>
diff --git a/files/ru/web/css/css_background_and_borders/box-shadow_generator/index.html b/files/ru/web/css/css_background_and_borders/box-shadow_generator/index.html
index a26dbc165d..4530073ad2 100644
--- a/files/ru/web/css/css_background_and_borders/box-shadow_generator/index.html
+++ b/files/ru/web/css/css_background_and_borders/box-shadow_generator/index.html
@@ -10,7 +10,7 @@ original_slug: Web/CSS/CSS_Box_Model/Box-shadow_generator
---
<p>Этот инструмент позволяет вам создавать CSS {{cssxref("box-shadow")}} эффекты, добавлять тени вашим элементам.</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/ru/web/css/css_colors/color_picker_tool/index.html b/files/ru/web/css/css_colors/color_picker_tool/index.html
index 105c608af3..499aa260fd 100644
--- a/files/ru/web/css/css_colors/color_picker_tool/index.html
+++ b/files/ru/web/css/css_colors/color_picker_tool/index.html
@@ -6,7 +6,7 @@ tags:
- инструменты
translation_of: Web/CSS/CSS_Colors/Color_picker_tool
---
-<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/ru/web/css/css_positioning/understanding_z_index/stacking_without_z-index/index.html b/files/ru/web/css/css_positioning/understanding_z_index/stacking_without_z-index/index.html
index 4ed7e1686d..7ab14098a2 100644
--- a/files/ru/web/css/css_positioning/understanding_z_index/stacking_without_z-index/index.html
+++ b/files/ru/web/css/css_positioning/understanding_z_index/stacking_without_z-index/index.html
@@ -127,7 +127,7 @@ original_slug: Web/Guide/CSS/Understanding_z_index/Stacking_without_z-index
<li><a href="/en/CSS/Understanding_z-index/The_stacking_context" title="en/CSS/Understanding_z-index/The_stacking_context">The stacking context</a> : Notes on the stacking context</li>
<li><a href="/en/CSS/Understanding_z-index/Stacking_context_example_1" title="en/CSS/Understanding_z-index/Stacking_context_example_1">Stacking context example 1</a> : 2-level HTML hierarchy, z-index on the last level</li>
<li><a href="/en/CSS/Understanding_z-index/Stacking_context_example_2" title="en/CSS/Understanding_z-index/Stacking_context_example_2">Stacking context example 2</a> : 2-level HTML hierarchy, z-index on all levels</li>
- <li><a href="/en/CSS/Understanding_z-index/Stacking_context_example_3" title="en/CSS/Understanding_z-index/Stacking_context_example_3">Stacking context example 3</a> : 3-level HTML hierarchy, z-index on the second level<span id="cke_bm_94E" style="display: none;"> </span></li>
+ <li><a href="/en/CSS/Understanding_z-index/Stacking_context_example_3" title="en/CSS/Understanding_z-index/Stacking_context_example_3">Stacking context example 3</a> : 3-level HTML hierarchy, z-index on the second level<span id="cke_bm_94E" class="hidden"> </span></li>
</ul>
<div class="originaldocinfo">
diff --git a/files/ru/web/css/css_transitions/using_css_transitions/index.html b/files/ru/web/css/css_transitions/using_css_transitions/index.html
index 2e75865c4d..fe9483eea9 100644
--- a/files/ru/web/css/css_transitions/using_css_transitions/index.html
+++ b/files/ru/web/css/css_transitions/using_css_transitions/index.html
@@ -73,7 +73,7 @@ translation_of: Web/CSS/CSS_Transitions/Using_CSS_transitions
<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;
@@ -138,7 +138,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;
@@ -203,7 +203,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;
@@ -268,7 +268,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;
@@ -337,7 +337,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;
@@ -400,7 +400,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;
@@ -463,7 +463,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;
@@ -526,7 +526,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;
@@ -593,7 +593,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;
@@ -665,7 +665,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;
@@ -737,7 +737,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;
@@ -809,7 +809,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/ru/web/css/filter/index.html b/files/ru/web/css/filter/index.html
index ba55a20e4a..63fa97d156 100644
--- a/files/ru/web/css/filter/index.html
+++ b/files/ru/web/css/filter/index.html
@@ -95,7 +95,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;
@@ -190,7 +190,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;
@@ -286,7 +286,7 @@ table.standard-table td {
&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;
@@ -397,7 +397,7 @@ table.standard-table td {
&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;
@@ -515,7 +515,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;
@@ -599,7 +599,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;
@@ -686,7 +686,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;
@@ -770,7 +770,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;
@@ -852,7 +852,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;
@@ -933,7 +933,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;
@@ -1017,7 +1017,7 @@ table.standard-table td {
<pre class="brush: css">filter: contrast(175%) brightness(103%)</pre>
-<div id="combination_example" style="display: none;">
+<div id="combination_example" class="hidden">
<pre class="brush: html">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
diff --git a/files/ru/web/css/transition-duration/index.html b/files/ru/web/css/transition-duration/index.html
index f40f16a273..7389a9a6f0 100644
--- a/files/ru/web/css/transition-duration/index.html
+++ b/files/ru/web/css/transition-duration/index.html
@@ -44,7 +44,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;
@@ -109,7 +109,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;
@@ -174,7 +174,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;
@@ -239,7 +239,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;
diff --git a/files/ru/web/css/using_css_custom_properties/index.html b/files/ru/web/css/using_css_custom_properties/index.html
index db7a1674bd..905cbffe8d 100644
--- a/files/ru/web/css/using_css_custom_properties/index.html
+++ b/files/ru/web/css/using_css_custom_properties/index.html
@@ -138,7 +138,7 @@ translation_of: Web/CSS/Using_CSS_custom_properties
</pre>
-<div style="display: none;">
+<div class="hidden">
<pre class="brush:html">&lt;div&gt;
&lt;div class="one"&gt;&lt;/div&gt;
&lt;div class="two"&gt;Text &lt;span class="five"&gt;- more text&lt;/span&gt;&lt;/div&gt;
diff --git a/files/ru/web/guide/audio_and_video_delivery/adding_captions_and_subtitles_to_html5_video/index.html b/files/ru/web/guide/audio_and_video_delivery/adding_captions_and_subtitles_to_html5_video/index.html
index fb9f4a9e19..f659c44aa3 100644
--- a/files/ru/web/guide/audio_and_video_delivery/adding_captions_and_subtitles_to_html5_video/index.html
+++ b/files/ru/web/guide/audio_and_video_delivery/adding_captions_and_subtitles_to_html5_video/index.html
@@ -339,7 +339,7 @@ var createMenuItem = function(id, lang, label) {
<div class="SL_BL_LABLE_OFF" 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=""> </div>
<div id="SL_alert_cont"> </div>
@@ -357,7 +357,7 @@ var createMenuItem = function(id, lang, label) {
<td class="SL_td"><select><option value="af">Afrikaans</option><option value="sq">Albanian</option><option value="ar">Arabic</option><option value="hy">Armenian</option><option value="az">Azerbaijani</option><option value="eu">Basque</option><option value="be">Belarusian</option><option value="bn">Bengali</option><option value="bs">Bosnian</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinese (Simplified)</option><option value="zh-TW">Chinese (Traditional)</option><option value="hr">Croatian</option><option value="cs">Czech</option><option value="da">Danish</option><option value="nl">Dutch</option><option value="en">English</option><option value="eo">Esperanto</option><option value="et">Estonian</option><option value="tl">Filipino</option><option value="fi">Finnish</option><option value="fr">French</option><option value="gl">Galician</option><option value="ka">Georgian</option><option value="de">German</option><option value="el">Greek</option><option value="gu">Gujarati</option><option value="ht">Haitian Creole</option><option value="ha">Hausa</option><option value="iw">Hebrew</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="hu">Hungarian</option><option value="is">Icelandic</option><option value="ig">Igbo</option><option value="id">Indonesian</option><option value="ga">Irish</option><option value="it">Italian</option><option value="ja">Japanese</option><option value="jw">Javanese</option><option value="kn">Kannada</option><option value="kk">Kazakh</option><option value="km">Khmer</option><option value="ko">Korean</option><option value="lo">Lao</option><option value="la">Latin</option><option value="lv">Latvian</option><option value="lt">Lithuanian</option><option value="mk">Macedonian</option><option value="mg">Malagasy</option><option value="ms">Malay</option><option value="ml">Malayalam</option><option value="mt">Maltese</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongolian</option><option value="my">Myanmar (Burmese)</option><option value="ne">Nepali</option><option value="no">Norwegian</option><option value="fa">Persian</option><option value="pl">Polish</option><option value="pt">Portuguese</option><option value="pa">Punjabi</option><option value="ro">Romanian</option><option value="ru">Russian</option><option value="sr">Serbian</option><option value="st">Sesotho</option><option value="si">Sinhala</option><option value="sk">Slovak</option><option value="sl">Slovenian</option><option value="so">Somali</option><option selected value="es">Spanish</option><option value="su">Sundanese</option><option value="sw">Swahili</option><option value="sv">Swedish</option><option value="tg">Tajik</option><option value="ta">Tamil</option><option value="te">Telugu</option><option value="th">Thai</option><option value="tr">Turkish</option><option value="uk">Ukrainian</option><option value="ur">Urdu</option><option value="uz">Uzbek</option><option value="vi">Vietnamese</option><option value="cy">Welsh</option><option value="yi">Yiddish</option><option value="yo">Yoruba</option><option value="zu">Zulu</option></select></td>
<td class="SL_td"> </td>
<td class="SL_td">
- <div id="SL_TTS_voice" style="display: none;" title="Listen to the translation"> </div>
+ <div id="SL_TTS_voice" class="hidden" title="Listen to the translation"> </div>
</td>
<td class="SL_td">
<div class="SL_copy_hand" id="SL_copy" style="" title="Copy translation"> </div>
@@ -385,7 +385,7 @@ var createMenuItem = function(id, lang, label) {
<div id="SL_player2" style="display: none; height: 0px;"> </div>
-<div id="SL_alert100" style="display: none;">Text-to-speech function is limited to 200 characters</div>
+<div id="SL_alert100" class="hidden">Text-to-speech function is limited to 200 characters</div>
<div id="SL_Balloon_options" style="background: rgb(239, 239, 239);">
<div id="SL_arrow_down" style="display: block; left: 123px;"> </div>
diff --git a/files/ru/web/html/element/a/index.html b/files/ru/web/html/element/a/index.html
index 57a577fb38..49ad727381 100644
--- a/files/ru/web/html/element/a/index.html
+++ b/files/ru/web/html/element/a/index.html
@@ -45,17 +45,17 @@ translation_of: Web/HTML/Element/a
<dl>
<dt><strong><code>{{htmlattrdef("download")}} {{HTMLVersionInline(5)}}</code></strong></dt>
<dd>Этот атрибут сообщает о том, что эта ссылка должна быть использована для скачивания файла, и, когда пользователь нажимает на ссылку, ему будет предложено сохранить файл как локальный. Если у этого атрибута есть значение, оно будет использовано как заполненное название файла в Окне сохранения, которое открывается, когда пользователь нажимает на ссылку (пользователь может поменять название перед сохранением файла). Ограничений на позволенные значения нет (хотя оно будет конвертировано в нижние подчёркивания, предотвращая специфичные пути), но стоит обратить внимание, что у большинства файловых систем есть ограничения на то, какие знаки препинания поддерживаются файловой системой, и браузеры регулируют названия согласно ограничениям.</dd>
- <dd><span style="display: none;"> </span></dd>
+ <dd><span class="hidden"> </span></dd>
</dl>
<div class="note">
<p><strong>Примечание:</strong></p>
<ul>
- <li>Атрибут может быть использован вместе с <a href="/ru/docs/Web/API/URL/createObjectURL">blob: URLs</a> и <code>data: URLs</code>, чтобы пользователи могли проще скачать контент, который сгенерирован с помощью <span style="display: none;"> </span>JavaScript (например, картинка, созданная с помощью онлайн-сайта для рисования).</li>
+ <li>Атрибут может быть использован вместе с <a href="/ru/docs/Web/API/URL/createObjectURL">blob: URLs</a> и <code>data: URLs</code>, чтобы пользователи могли проще скачать контент, который сгенерирован с помощью <span class="hidden"> </span>JavaScript (например, картинка, созданная с помощью онлайн-сайта для рисования).</li>
<li>Если представлен HTTP-заголовок <code>Content-Disposition:,</code> и он содержит иное название, у HTTP-заголовка есть преимущество над атрибутом.</li>
<li>Если этот атрибут установлен и <code>Content-Disposition:</code> установлен на <code>inline</code>, Firefox отдаёт преимущество <code>Content-Disposition</code>, но в тоже время Chrome отдаёт преимущество атрибуту <code>download</code>.</li>
- <li>Этот атрибут соблюдается только на ресурсах с тем же<span style="display: none;"> </span> доменом.</li>
+ <li>Этот атрибут соблюдается только на ресурсах с тем же<span class="hidden"> </span> доменом.</li>
</ul>
</div>
diff --git a/files/ru/web/html/element/input/number/index.html b/files/ru/web/html/element/input/number/index.html
index 93f1fb2525..0ee9046649 100644
--- a/files/ru/web/html/element/input/number/index.html
+++ b/files/ru/web/html/element/input/number/index.html
@@ -289,7 +289,6 @@ input:valid+span:after {
&lt;input id="meters" type="number" name="meters" step="0.01" min="0" placeholder="e.g. 1.78" required&gt;
&lt;span class="validity"&gt;&lt;/span&gt;
&lt;/div&gt;
- &lt;div class="feetInputGroup" style="display: none;"&gt;
&lt;span&gt;Enter your height — &lt;/span&gt;
&lt;label for="feet"&gt;feet:&lt;/label&gt;
&lt;input id="feet" type="number" name="feet" min="0" step="1"&gt;
@@ -308,7 +307,7 @@ input:valid+span:after {
<p>You'll see that we are using many of the attributes we've already looked at in the article earlier on. Since we want to accept a meter value in centimeters, we've set the <code>step</code> value to <code>0.01</code>, so that values like 1.78 are not seen as invalid. We've also provided a placeholder for that input.</p>
-<p>We've hidden the feet and inches inputs initially using <code>style="display: none;"</code> so that meters is the default entry type.</p>
+<p>We've hidden the feet and inches inputs initially using <code>class="hidden"</code> so that meters is the default entry type.</p>
<p>Now on to the CSS — this looks very similar to the validation styling we saw before; nothing remarkable here:</p>
diff --git a/files/ru/web/http/index.html b/files/ru/web/http/index.html
index 2cbcb5bc68..aec0b6c893 100644
--- a/files/ru/web/http/index.html
+++ b/files/ru/web/http/index.html
@@ -67,7 +67,7 @@ translation_of: Web/HTTP
<li>{{HTTPMethod("PATCH")}}</li>
<li>другие</li>
</ul>
- <span style="display: none;"> </span><span style="display: none;"> </span></dd>
+ <span class="hidden"> </span><span class="hidden"> </span></dd>
<dt><a href="/en-US/docs/Web/HTTP/Status">Коды ответа (HTTP response codes)</a></dt>
<dd>Коды ответа HTTP указывают на результат выполнения определенного HTTP-запроса. Ответы сгруппированы в пять категорий: информационные ответы, удачные ответы, перенаправления, ошибки клиента и ошибки сервера.</dd>
<dt><a href="/en-US/docs/Web/HTTP/Headers/Content-Security-Policy">Директивы CSP</a></dt>
diff --git a/files/ru/web/javascript/reference/errors/stmt_after_return/index.html b/files/ru/web/javascript/reference/errors/stmt_after_return/index.html
index fa7d1fe660..c1d429253b 100644
--- a/files/ru/web/javascript/reference/errors/stmt_after_return/index.html
+++ b/files/ru/web/javascript/reference/errors/stmt_after_return/index.html
@@ -81,4 +81,4 @@ function f() {
<li>{{jsxref("Statements/return", "Automatic Semicolon Insertion", "#Automatic_Semicolon_Insertion", 1)}}</li>
</ul>
-<div id="dc_vk_code" style="display: none;"> </div>
+<div id="dc_vk_code" class="hidden"> </div>
diff --git a/files/ru/web/javascript/reference/global_objects/promise/index.html b/files/ru/web/javascript/reference/global_objects/promise/index.html
index c4577ab151..0c730018b3 100644
--- a/files/ru/web/javascript/reference/global_objects/promise/index.html
+++ b/files/ru/web/javascript/reference/global_objects/promise/index.html
@@ -131,7 +131,7 @@ new Promise(function(resolve, reject) { ... });</pre>
<h3 id="Простой_пример">Простой пример</h3>
-<pre class="brush: html" style="display: none;">Создать промис!
+<pre class="brush: html" class="hidden">Создать промис!
</pre>
<pre class="brush: js">let myFirstPromise = new Promise((resolve, reject) =&gt; {
@@ -151,7 +151,7 @@ myFirstPromise.then((successMessage) =&gt; {
<h3 id="Продвинутый_пример">Продвинутый пример</h3>
-<pre class="brush: html" style="display: none;">Создать промис!
+<pre class="brush: html" class="hidden">Создать промис!
</pre>
<div id="log">
@@ -203,7 +203,7 @@ function testPromise() {
}
</pre>
-<pre class="brush:js" style="display: none;">if ("Promise" in window) {
+<pre class="brush:js" class="hidden">if ("Promise" in window) {
btn = document.getElementById("btn");
btn.addEventListener("click",testPromise);
}
diff --git a/files/ru/web/mathml/element/math/index.html b/files/ru/web/mathml/element/math/index.html
index a10a11cb22..d38e0232ad 100644
--- a/files/ru/web/mathml/element/math/index.html
+++ b/files/ru/web/mathml/element/math/index.html
@@ -204,7 +204,7 @@ translation_of: Web/MathML/Element/math
</table>
</div>
-<div id="compat-mobile" style="display: none;">
+<div id="compat-mobile" class="hidden">
<table class="compat-table">
<tbody>
<tr>
diff --git a/files/ru/web/media/formats/index.html b/files/ru/web/media/formats/index.html
index 9d4f181ae7..b11ddc3580 100644
--- a/files/ru/web/media/formats/index.html
+++ b/files/ru/web/media/formats/index.html
@@ -32,7 +32,7 @@ translation_of: Web/Media/Formats
<h3 id="Images">Images</h3>
<dl>
- <dt><span style="display: none;"> </span><a href="/en-US/docs/Web/Media/Formats/Image_types">Image file type and format guide</a></dt>
+ <dt><span class="hidden"> </span><a href="/en-US/docs/Web/Media/Formats/Image_types">Image file type and format guide</a></dt>
<dd>Covers support of image file types and content formats across the major web browsers, as well as providing basic information about each type: benefits, limitations, and use cases of interest to web designers and developers.</dd>
<dt><a href="/en-US/docs/Web/Media/Formats/Images_for_web_designers">Image file types for web designers</a></dt>
<dd>Fundamental information about the various image file types that may be useful for web designers, including best practices and use cases for each type, and guidelines for choosing the right image file format for specific types of content.</dd>
diff --git a/files/ru/web/svg/applying_svg_effects_to_html_content/index.html b/files/ru/web/svg/applying_svg_effects_to_html_content/index.html
index db88faea3f..337add0202 100644
--- a/files/ru/web/svg/applying_svg_effects_to_html_content/index.html
+++ b/files/ru/web/svg/applying_svg_effects_to_html_content/index.html
@@ -179,7 +179,7 @@ pre.target:hover { filter:url(#f3); }
<p>{{EmbedLiveSample('Example_Filtering', 650, 200)}}</p>
-<p style="display: none;"><a class="button liveSample" href="/files/3329/filterdemo.xhtml">View this example live</a></p>
+<p class="hidden"><a class="button liveSample" href="/files/3329/filterdemo.xhtml">View this example live</a></p>
<h3 id="Пример_размытый_текст">Пример: размытый текст</h3>
diff --git a/files/th/mdn/at_ten/index.html b/files/th/mdn/at_ten/index.html
index 092c8be575..02df910e96 100644
--- a/files/th/mdn/at_ten/index.html
+++ b/files/th/mdn/at_ten/index.html
@@ -4,11 +4,11 @@ slug: MDN/At_ten
translation_of: MDN_at_ten
original_slug: MDN_at_ten
---
-<p><span style="display: none;"> </span> </p>
+<p><span class="hidden"> </span> </p>
<p> </p>
-<p><span style="display: none;"> </span> </p>
+<p><span class="hidden"> </span> </p>
<div class="summary"><span class="seoSummary">Celebrate 10 years of documenting your Web.</span></div>
diff --git a/files/tr/learn/css/styling_text/styling_lists/index.html b/files/tr/learn/css/styling_text/styling_lists/index.html
index 7bdd698452..08e335a537 100644
--- a/files/tr/learn/css/styling_text/styling_lists/index.html
+++ b/files/tr/learn/css/styling_text/styling_lists/index.html
@@ -140,7 +140,7 @@ dt {
<li>İlk kural, site genelinde bir yazı tipi ve 10 piksellik yazı tipi boyutu belirler. Bunlar sayfadaki her öğe tarafından miras alınır.</li>
<li>2. ve 3. kurallar da, başlıklar farklı liste türleri(liste öğelerinin alt öğeleri bunları devralır) ve paragraflar için göreli yazı tipi boyutlarını belirler. Bu, her paragrafın ve listenin aynı yazı tipi boyutuna ve üst/alt aralığa sahip olacağı anlamına gelir ve bu da dikey ritmi tutarlı tutmaya yardımcı olur.</li>
<li>4. kural da, {{cssxref("line-height")}} niteliği ile dikey ritmin tutarlı tutmaya yardımcı olur. Paragraflarda ve liste öğelerinde aynı işlemi yapar ve böylece paragraflar ve her bir liste öğesi satırlar arasında aynı aralığa sahip olur.</li>
- <li>5. ve 6. kurallar da, açıklama listesine uygulanır. {{cssxref("line-height")}} niteliği ile paragraf ve liste öğelerinde yaptığımız gibi, açıklama listesi terimleri ve açıklamalarında da aynısını belirleriz. Yani tutarlılık iyidir! Ayrıca açıklama terimlerinin kalın yazı tipine sahip olmasını sağlayarak görsel olarak daha kolay öne çıkmasına yardımcı olduk.<span id="cke_bm_126E" style="display: none;"> </span></li>
+ <li>5. ve 6. kurallar da, açıklama listesine uygulanır. {{cssxref("line-height")}} niteliği ile paragraf ve liste öğelerinde yaptığımız gibi, açıklama listesi terimleri ve açıklamalarında da aynısını belirleriz. Yani tutarlılık iyidir! Ayrıca açıklama terimlerinin kalın yazı tipine sahip olmasını sağlayarak görsel olarak daha kolay öne çıkmasına yardımcı olduk.<span id="cke_bm_126E" class="hidden"> </span></li>
</ul>
<h2 id="Listeye_özgü_şekiller">Listeye özgü şekiller</h2>
diff --git a/files/tr/orphaned/mdn/editor/basics/index.html b/files/tr/orphaned/mdn/editor/basics/index.html
index 24d2d90a96..5a7aaea8c6 100644
--- a/files/tr/orphaned/mdn/editor/basics/index.html
+++ b/files/tr/orphaned/mdn/editor/basics/index.html
@@ -425,4 +425,4 @@ original_slug: MDN/Editor/Basics
</tr>
</tbody>
</table>
-<h6 id="EditorGuideQuicklinks">{{EditorGuideQuicklinks}}<span id="cke_bm_73C" style="display: none;"> </span></h6>
+<h6 id="EditorGuideQuicklinks">{{EditorGuideQuicklinks}}<span id="cke_bm_73C" class="hidden"> </span></h6>
diff --git a/files/tr/web/css/css_background_and_borders/box-shadow_generator/index.html b/files/tr/web/css/css_background_and_borders/box-shadow_generator/index.html
index 6dfce27d95..0e3e4b1b25 100644
--- a/files/tr/web/css/css_background_and_borders/box-shadow_generator/index.html
+++ b/files/tr/web/css/css_background_and_borders/box-shadow_generator/index.html
@@ -7,7 +7,7 @@ translation_of: Web/CSS/CSS_Background_and_Borders/Box-shadow_generator
---
<p>Bu araç {{cssxref("box-shadow")}}  CSS yapısı oluşturarak, CSS objelerinize box-shadow efekti vermenizi sağlar.</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/tr/web/guide/html/html5/index.html b/files/tr/web/guide/html/html5/index.html
index b2fc61ed8f..c59a8bd86f 100644
--- a/files/tr/web/guide/html/html5/index.html
+++ b/files/tr/web/guide/html/html5/index.html
@@ -199,9 +199,9 @@ original_slug: Web/HTML/HTML5
<p> </p>
<div>
-<div class="ImTranslatorLogo" id="SL_button" style="display: none;"> </div>
+<div class="ImTranslatorLogo" id="SL_button" class="hidden"> </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" style="background: rgb(244, 245, 245);">
diff --git a/files/uk/learn/css/styling_text/styling_lists/index.html b/files/uk/learn/css/styling_text/styling_lists/index.html
index 225418f69b..c47c3888c6 100644
--- a/files/uk/learn/css/styling_text/styling_lists/index.html
+++ b/files/uk/learn/css/styling_text/styling_lists/index.html
@@ -130,7 +130,7 @@ dd {
<li>Перше правило встановлює розмір шрифту на рівні сайту та розмір шрифту в базовому розмірі 10 пікселів. Вони успадковуються на всій сторінці.</li>
<li>Правила 2 та 3 встановлюють відносні розміри шрифтів для заголовків, різні типи списку (діти елементів списку успадковують їх) та абзаци. Це означає, що кожен параграф і список матимуть однаковий розмір шрифту та верхній та нижній інтервал, що допоможе зберегти вертикальний ритм узгоджено.</li>
<li>Правило 4 встановлює те ж саме {{cssxref("line-height")}} на абзаци та елементи списку - тому абзаци та окремий елемент списку матимуть однаковий інтервал між рядками. Це також допоможе зберегти вертикальний ритм узгоджено.</li>
- <li>Правила 5 та 6 застосовуються до списку опису - ми встановили те ж саме <code>line-height</code> в термінах та описі списку опису, як ми робили з абзацами та елементами списку. Знову ж таки, послідовність хороша! Ми також робимо, що описові терміни мають жирний шрифт, тому вони виглядають простіше.<span id="cke_bm_126E" style="display: none;"> </span></li>
+ <li>Правила 5 та 6 застосовуються до списку опису - ми встановили те ж саме <code>line-height</code> в термінах та описі списку опису, як ми робили з абзацами та елементами списку. Знову ж таки, послідовність хороша! Ми також робимо, що описові терміни мають жирний шрифт, тому вони виглядають простіше.<span id="cke_bm_126E" class="hidden"> </span></li>
</ul>
<h2 id="List-specific_styles">List-specific styles</h2>
diff --git a/files/uk/web/api/htmlformelement/index.html b/files/uk/web/api/htmlformelement/index.html
index 7871a2d052..537c56b222 100644
--- a/files/uk/web/api/htmlformelement/index.html
+++ b/files/uk/web/api/htmlformelement/index.html
@@ -79,10 +79,10 @@ translation_of: Web/API/HTMLFormElement
<dl>
<dt><code><a href="/en-US/docs/Web/API/HTMLFormElement/formdata_event">formdata</a></code></dt>
- <dd><span style="display: none;"> </span>The <code>formdata</code> event fires after the entry list representing the form's data is constructed.<br>
+ <dd><span class="hidden"> </span>The <code>formdata</code> event fires after the entry list representing the form's data is constructed.<br>
Also available via the <code><a href="/en-US/docs/Web/API/GlobalEventHandlers/onformdata">onformdata</a></code> property.</dd>
<dt><code><a href="/en-US/docs/Web/API/HTMLFormElement/reset_event">reset</a></code></dt>
- <dd><span style="display: none;"> </span>The <code>reset</code> event fires when a form is reset.<br>
+ <dd><span class="hidden"> </span>The <code>reset</code> event fires when a form is reset.<br>
Also available via the <code><a href="/en-US/docs/Web/API/GlobalEventHandlers/onreset">onreset</a></code> property.</dd>
<dt><code><a href="/en-US/docs/Web/API/HTMLFormElement/submit_event">submit</a></code></dt>
<dd>The <code>submit</code> event fires when a form is submitted.<br>
diff --git a/files/uk/web/css/filter/index.html b/files/uk/web/css/filter/index.html
index 9339974d94..ab71ae0512 100644
--- a/files/uk/web/css/filter/index.html
+++ b/files/uk/web/css/filter/index.html
@@ -88,7 +88,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;
@@ -181,7 +181,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;
@@ -277,7 +277,7 @@ table.standard-table td {
&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;
@@ -387,7 +387,7 @@ table.standard-table td {
&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;
@@ -505,7 +505,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;
@@ -589,7 +589,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;
@@ -676,7 +676,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;
@@ -760,7 +760,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;
@@ -842,7 +842,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;
@@ -923,7 +923,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;
@@ -1007,7 +1007,7 @@ table.standard-table td {
<pre class="brush: css">filter: contrast(175%) brightness(103%)</pre>
-<div id="combination_example" style="display: none;">
+<div id="combination_example" class="hidden">
<pre class="brush: html">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
diff --git a/files/uk/web/index.html b/files/uk/web/index.html
index 930adb586b..2ad9df36ea 100644
--- a/files/uk/web/index.html
+++ b/files/uk/web/index.html
@@ -53,7 +53,7 @@ translation_of: Web
<dd>Мова Математичної Розмітки дозволяє відтворювати складні математичні рівняння і синтаксис.</dd>
</dl>
</div>
-<span style="display: none;"> </span>
+<span class="hidden"> </span>
<div class="section">
<div>
@@ -116,6 +116,6 @@ translation_of: Web
<dl>
</dl>
</div>
-<span style="display: none;"> </span></div>
+<span class="hidden"> </span></div>
<p><span class="alllinks"><a href="/uk/docs/tag/Web">Дивитись все...</a></span></p>
diff --git a/files/uk/web/javascript/reference/global_objects/math/cos/index.html b/files/uk/web/javascript/reference/global_objects/math/cos/index.html
index 8cce369812..211b9040d1 100644
--- a/files/uk/web/javascript/reference/global_objects/math/cos/index.html
+++ b/files/uk/web/javascript/reference/global_objects/math/cos/index.html
@@ -14,7 +14,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Math/cos
---
<div>{{JSRef}}</div>
-<p><span style="display: none;"> </span><span class="seoSummary">Статична функція <strong><code>Math.cos()</code></strong> повертає {{interwiki("wikipedia", "косинус")}} поданого кута, який повинен бути вказаним у {{interwiki("wikipedia", "радіан", "радіанах")}}. Значення косинуса дорівнює відношенню</span><math style="display: inline;"><mstyle displaystyle="true"><mfrac><msub><mrow><mtext>довжини</mtext> </mrow><mrow><mrow><mtext>прилеглого катета</mtext> </mrow></mrow></msub><msub><mrow><mtext>довжини</mtext> </mrow><mrow><mrow><mtext>гіпотенузи</mtext> </mrow> </mrow> </msub> </mfrac> </mstyle> </math>.<span style="display: none;"> </span></p>
+<p><span class="hidden"> </span><span class="seoSummary">Статична функція <strong><code>Math.cos()</code></strong> повертає {{interwiki("wikipedia", "косинус")}} поданого кута, який повинен бути вказаним у {{interwiki("wikipedia", "радіан", "радіанах")}}. Значення косинуса дорівнює відношенню</span><math style="display: inline;"><mstyle displaystyle="true"><mfrac><msub><mrow><mtext>довжини</mtext> </mrow><mrow><mrow><mtext>прилеглого катета</mtext> </mrow></mrow></msub><msub><mrow><mtext>довжини</mtext> </mrow><mrow><mrow><mtext>гіпотенузи</mtext> </mrow> </mrow> </msub> </mfrac> </mstyle> </math>.<span class="hidden"> </span></p>
<div>{{EmbedInteractiveExample("pages/js/math-cos.html")}}</div>
diff --git a/files/vi/web/api/htmlformelement/index.html b/files/vi/web/api/htmlformelement/index.html
index 1df37a6657..d80fb120a2 100644
--- a/files/vi/web/api/htmlformelement/index.html
+++ b/files/vi/web/api/htmlformelement/index.html
@@ -75,7 +75,7 @@ translation_of: Web/API/HTMLFormElement
<dl>
<dt><code><a href="/en-US/docs/Web/API/HTMLFormElement/reset_event">reset</a></code></dt>
- <dd><span style="display: none;"> </span>The <code>reset</code> event fires when a form is reset.<br>
+ <dd><span class="hidden"> </span>The <code>reset</code> event fires when a form is reset.<br>
Also available via the <code><a href="/en-US/docs/Web/API/GlobalEventHandlers/onreset">onreset</a></code> property.</dd>
<dt><code><a href="/en-US/docs/Web/API/HTMLFormElement/submit_event">submit</a></code></dt>
<dd>The <code>submit</code> event fires when a form is submitted.<br>
diff --git a/files/vi/web/css/css_transitions/using_css_transitions/index.html b/files/vi/web/css/css_transitions/using_css_transitions/index.html
index e9a5bd6acd..3409d5313e 100644
--- a/files/vi/web/css/css_transitions/using_css_transitions/index.html
+++ b/files/vi/web/css/css_transitions/using_css_transitions/index.html
@@ -76,7 +76,7 @@ translation_of: Web/CSS/CSS_Transitions/Using_CSS_transitions
<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;
@@ -141,7 +141,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;
@@ -206,7 +206,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;
@@ -271,7 +271,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;
@@ -341,7 +341,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;
@@ -404,7 +404,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;
@@ -467,7 +467,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;
@@ -530,7 +530,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;
@@ -598,7 +598,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;
@@ -670,7 +670,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;
@@ -742,7 +742,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;
@@ -814,7 +814,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/zh-cn/conflicting/learn/css/building_blocks/selectors/index.html b/files/zh-cn/conflicting/learn/css/building_blocks/selectors/index.html
index 1ab629b72f..d2c7dcbbbb 100644
--- a/files/zh-cn/conflicting/learn/css/building_blocks/selectors/index.html
+++ b/files/zh-cn/conflicting/learn/css/building_blocks/selectors/index.html
@@ -358,7 +358,7 @@ a.homepage:hover, a.homepage:focus, a.homepage:active {
<table style="border: 2px outset #3366bb; padding: 1em;">
<tbody>
<tr>
- <td>Go to our <a class="tutospecial" href="#" title="Home page">Home page</a><span style="display: none;"> </span><span style="display: none;"> </span></td>
+ <td>Go to our <a class="tutospecial" href="#" title="Home page">Home page</a><span class="hidden"> </span><span class="hidden"> </span></td>
</tr>
</tbody>
</table>
diff --git a/files/zh-cn/conflicting/web/api/push_api/index.html b/files/zh-cn/conflicting/web/api/push_api/index.html
index 76526ed4ce..6f6f75ce4f 100644
--- a/files/zh-cn/conflicting/web/api/push_api/index.html
+++ b/files/zh-cn/conflicting/web/api/push_api/index.html
@@ -75,7 +75,7 @@ original_slug: Web/API/Push_API/Using_the_Push_API
<li>在你的 service worker 中,设置一个 <code>push</code> 事件句柄来响应接收到的推送消息。
<ol>
<li>如果你想要将一个信道消息发送回主 context(看第6步),你需要先取得之前发送给 service worker 的  <code>port2</code> 的引用 ({{domxref("MessagePort")}}) 。这个可以通过传给 <code>onmessage</code> handler ({{domxref("ServiceWorkerGlobalScope.onmessage")}}) 的{{domxref("MessageEvent")}} 对象取得。 具体地说,是 <code>ports</code> 属性的索引 0 。 之后你可以用 {{domxref("MessagePort.postMessage()")}} 来向 <code>port1</code> 发送消息 。</li>
- <li>如果你想要使用系统通知,可以调用 {{domxref("ServiceWorkerRegistration.showNotification()")}} 。注意,在我们的代码中,我们将其运行在一个 {{domxref("ExtendableEvent.waitUntil()")}} 方法中——这样做将事件的 生命周期(lifetime)扩展到了通知被处理后,使得我们可以确认事情像我们期望的那样进行。<span id="cke_bm_307E" style="display: none;"> </span></li>
+ <li>如果你想要使用系统通知,可以调用 {{domxref("ServiceWorkerRegistration.showNotification()")}} 。注意,在我们的代码中,我们将其运行在一个 {{domxref("ExtendableEvent.waitUntil()")}} 方法中——这样做将事件的 生命周期(lifetime)扩展到了通知被处理后,使得我们可以确认事情像我们期望的那样进行。<span id="cke_bm_307E" class="hidden"> </span></li>
</ol>
</li>
</ol>
diff --git a/files/zh-cn/games/tutorials/2d_breakout_game_pure_javascript/create_the_canvas_and_draw_on_it/index.html b/files/zh-cn/games/tutorials/2d_breakout_game_pure_javascript/create_the_canvas_and_draw_on_it/index.html
index 59b0b70392..543e8f1fdf 100644
--- a/files/zh-cn/games/tutorials/2d_breakout_game_pure_javascript/create_the_canvas_and_draw_on_it/index.html
+++ b/files/zh-cn/games/tutorials/2d_breakout_game_pure_javascript/create_the_canvas_and_draw_on_it/index.html
@@ -110,5 +110,5 @@ ctx.closePath();</pre>
<p>{{PreviousNext("Games/Workflows/2D_Breakout_game_pure_JavaScript", "Games/Workflows/2D_Breakout_game_pure_JavaScript/Move_the_ball")}}</p>
<p>
- <audio style="display: none;"> </audio>
+ <audio class="hidden"> </audio>
</p>
diff --git a/files/zh-cn/glossary/call_stack/index.html b/files/zh-cn/glossary/call_stack/index.html
index 3618bf4a21..5d88a7aeed 100644
--- a/files/zh-cn/glossary/call_stack/index.html
+++ b/files/zh-cn/glossary/call_stack/index.html
@@ -77,5 +77,5 @@ greeting();
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/glossary/tag/index.html b/files/zh-cn/glossary/tag/index.html
index 8d61a36bc9..49a896cecc 100644
--- a/files/zh-cn/glossary/tag/index.html
+++ b/files/zh-cn/glossary/tag/index.html
@@ -21,21 +21,21 @@ translation_of: Glossary/Tag
</ul>
<p>
- <audio style="display: none;"> </audio>
+ <audio class="hidden"> </audio>
</p>
<p>
- <audio style="display: none;"> </audio>
+ <audio class="hidden"> </audio>
</p>
<p>
- <audio style="display: none;"> </audio>
+ <audio class="hidden"> </audio>
</p>
<p>
- <audio style="display: none;"> </audio>
+ <audio class="hidden"> </audio>
</p>
<p>
- <audio style="display: none;"> </audio>
+ <audio class="hidden"> </audio>
</p>
diff --git a/files/zh-cn/learn/accessibility/what_is_accessibility/index.html b/files/zh-cn/learn/accessibility/what_is_accessibility/index.html
index 8d63d61112..f75d4f4472 100644
--- a/files/zh-cn/learn/accessibility/what_is_accessibility/index.html
+++ b/files/zh-cn/learn/accessibility/what_is_accessibility/index.html
@@ -221,7 +221,7 @@ translation_of: Learn/Accessibility/What_is_accessibility
<h2 id="另见">另见</h2>
<ul>
- <li><a href="/zh-CN/docs/"><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span></a><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span> <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG">WCAG</a><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span>
+ <li><a href="/zh-CN/docs/"><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span></a><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span> <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG">WCAG</a><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span>
<ul>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable">Perceivable</a></li>
diff --git a/files/zh-cn/learn/common_questions/checking_that_your_web_site_is_working_properly/index.html b/files/zh-cn/learn/common_questions/checking_that_your_web_site_is_working_properly/index.html
index 5b09080497..754f4732ff 100644
--- a/files/zh-cn/learn/common_questions/checking_that_your_web_site_is_working_properly/index.html
+++ b/files/zh-cn/learn/common_questions/checking_that_your_web_site_is_working_properly/index.html
@@ -56,7 +56,7 @@ translation_of: Learn/Common_questions/Checking_that_your_web_site_is_working_pr
<p>服务器在收到请求时会以一条状态信息作出响应。以下是最常见的状态:</p>
<dl>
- <dt><strong><span id="cke_bm_110S" style="display: none;"> </span>200: OK</strong></dt>
+ <dt><strong><span id="cke_bm_110S" class="hidden"> </span>200: OK</strong></dt>
<dd>你请求的资源已递送。</dd>
<dt><strong>301: Moved permanently</strong></dt>
<dd>资源已被移到新的位置。你将无法在浏览器中看到,但了解"301"是件好事,因为搜索引擎利用这条信息更新它们的索引。</dd>
diff --git a/files/zh-cn/learn/common_questions/upload_files_to_a_web_server/index.html b/files/zh-cn/learn/common_questions/upload_files_to_a_web_server/index.html
index d554870125..223672abc7 100644
--- a/files/zh-cn/learn/common_questions/upload_files_to_a_web_server/index.html
+++ b/files/zh-cn/learn/common_questions/upload_files_to_a_web_server/index.html
@@ -139,5 +139,5 @@ translation_of: Learn/Common_questions/Upload_files_to_a_web_server
<p> </p>
<p>
- <audio style="display: none;"> </audio>
+ <audio class="hidden"> </audio>
</p>
diff --git a/files/zh-cn/learn/css/styling_text/styling_lists/index.html b/files/zh-cn/learn/css/styling_text/styling_lists/index.html
index 57a4e0f189..0f9f57c243 100644
--- a/files/zh-cn/learn/css/styling_text/styling_lists/index.html
+++ b/files/zh-cn/learn/css/styling_text/styling_lists/index.html
@@ -124,7 +124,7 @@ dd {
<li>第一条规则集设置一个网站字体,基准字体大小为10px。 页面上的所有内容都将继承该规则集。</li>
<li>规则集2和3为标题、不同的列表类型和段落以及设置了相对字体大小(这些列表的子元素将会继承该规则集),这就意味着每个段落和列表都将拥有相同的字体大小和上下间距,有助于保持垂直间距一致。</li>
<li>规则集4在段落和列表项目上设置相同的 {{cssxref("line-height")}} ,因此段落和每个单独的列表项目将在行之间具有相同的间距。 这也将有助于保持垂直间距一致。</li>
- <li>规则集5-7适用于描述列表 - 我们在描述列表的术语和其描述上设置与段落和列表项相同的行高,以及 {{cssxref("margin-bottom")}} 为1.5 rem(与段落(p)和列表项目(li))相同。 再次强调一遍,这里很好地实现了一致性! 我们还使描述术语具有粗体字体,因此它们在视觉上脱颖而出。<span id="cke_bm_126E" style="display: none;"> </span></li>
+ <li>规则集5-7适用于描述列表 - 我们在描述列表的术语和其描述上设置与段落和列表项相同的行高,以及 {{cssxref("margin-bottom")}} 为1.5 rem(与段落(p)和列表项目(li))相同。 再次强调一遍,这里很好地实现了一致性! 我们还使描述术语具有粗体字体,因此它们在视觉上脱颖而出。<span id="cke_bm_126E" class="hidden"> </span></li>
</ul>
<h2 id="列表特定样式">列表特定样式</h2>
diff --git a/files/zh-cn/learn/forms/advanced_form_styling/index.html b/files/zh-cn/learn/forms/advanced_form_styling/index.html
index 7add8a555f..57337e054e 100644
--- a/files/zh-cn/learn/forms/advanced_form_styling/index.html
+++ b/files/zh-cn/learn/forms/advanced_form_styling/index.html
@@ -464,5 +464,5 @@ option {
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/learn/forms/form_validation/index.html b/files/zh-cn/learn/forms/form_validation/index.html
index 0cdfdd07f1..ba067365aa 100644
--- a/files/zh-cn/learn/forms/form_validation/index.html
+++ b/files/zh-cn/learn/forms/form_validation/index.html
@@ -846,7 +846,7 @@ addEvent(form, "submit", function () {
<li>jQuery 插件:
<ul>
<li><a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/" rel="external" title="http://bassistance.de/jquery-plugins/jquery-plugin-validation/">Validation</a></li>
- <li><a href="http://unwrongest.com/projects/valid8/" rel="external" title="http://unwrongest.com/projects/valid8/">Valid8</a><span style="display: none;"> </span></li>
+ <li><a href="http://unwrongest.com/projects/valid8/" rel="external" title="http://unwrongest.com/projects/valid8/">Valid8</a><span class="hidden"> </span></li>
</ul>
</li>
</ul>
diff --git a/files/zh-cn/learn/html/howto/index.html b/files/zh-cn/learn/html/howto/index.html
index cf467bb4cf..5da29d0bf2 100644
--- a/files/zh-cn/learn/html/howto/index.html
+++ b/files/zh-cn/learn/html/howto/index.html
@@ -150,8 +150,8 @@ translation_of: Learn/HTML/Howto
</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>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/learn/javascript/first_steps/strings/index.html b/files/zh-cn/learn/javascript/first_steps/strings/index.html
index 36352b5f48..aa67e2a0e5 100644
--- a/files/zh-cn/learn/javascript/first_steps/strings/index.html
+++ b/files/zh-cn/learn/javascript/first_steps/strings/index.html
@@ -284,5 +284,5 @@ typeof myString;</pre>
<p>{{PreviousMenuNext("Learn/JavaScript/First_steps/Math", "Learn/JavaScript/First_steps/Useful_string_methods", "Learn/JavaScript/First_steps")}}</p>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/learn/javascript/first_steps/what_is_javascript/index.html b/files/zh-cn/learn/javascript/first_steps/what_is_javascript/index.html
index 39461e4c4e..313a02adc1 100644
--- a/files/zh-cn/learn/javascript/first_steps/what_is_javascript/index.html
+++ b/files/zh-cn/learn/javascript/first_steps/what_is_javascript/index.html
@@ -497,5 +497,5 @@ for (let i = 0; i &lt; buttons.length; i++) {
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/learn/server-side/express_nodejs/forms/create_genre_form/index.html b/files/zh-cn/learn/server-side/express_nodejs/forms/create_genre_form/index.html
index ffee2341cf..939ab8fe41 100644
--- a/files/zh-cn/learn/server-side/express_nodejs/forms/create_genre_form/index.html
+++ b/files/zh-cn/learn/server-side/express_nodejs/forms/create_genre_form/index.html
@@ -217,9 +217,9 @@ block content
<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: none; text-shadow: rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 0px 3px, rgb(0, 0, 0) 0px 0px 4px, rgb(0, 0, 0) 0px 0px 5px !important; opacity: 1;"> </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%; text-shadow: rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 0px 3px, rgb(0, 0, 0) 0px 0px 4px, rgb(0, 0, 0) 0px 0px 5px !important;"> </div>
@@ -231,7 +231,7 @@ block content
<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%; text-shadow: rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 0px 3px, rgb(0, 0, 0) 0px 0px 4px, rgb(0, 0, 0) 0px 0px 5px !important;"> </div>
<div id="SL_alert_cont"> </div>
diff --git a/files/zh-cn/mozilla/add-ons/webextensions/api/downloads/download/index.html b/files/zh-cn/mozilla/add-ons/webextensions/api/downloads/download/index.html
index c7b6216ee8..4183d09422 100644
--- a/files/zh-cn/mozilla/add-ons/webextensions/api/downloads/download/index.html
+++ b/files/zh-cn/mozilla/add-ons/webextensions/api/downloads/download/index.html
@@ -40,7 +40,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/downloads/download
<dd>一个 <code>boolean</code>,启用后即使遇到HTTP错误仍然继续下载。 例如,可以使用该标志下载服务错误页面。默认值为<code>false</code>. 当设置为以下值时:
<ul>
<li><code>false</code>,遇到HTTP错误时下载会被取消。</li>
- <li><code>true</code>, 即使遇到HTTP错误也会继续下载,并且不会弹出HTTP服务错误报告。但是,如果下载失败的原因是文件相关,网络相关,用户相关,或者说其他错误,仍然会报错。<span style="display: none;"> </span></li>
+ <li><code>true</code>, 即使遇到HTTP错误也会继续下载,并且不会弹出HTTP服务错误报告。但是,如果下载失败的原因是文件相关,网络相关,用户相关,或者说其他错误,仍然会报错。<span class="hidden"> </span></li>
</ul>
</dd>
<dt><code>body</code>{{optional_inline}}</dt>
diff --git a/files/zh-cn/mozilla/add-ons/webextensions/api/runtime/onconnect/index.html b/files/zh-cn/mozilla/add-ons/webextensions/api/runtime/onconnect/index.html
index d51cb8abbc..283b0e64da 100644
--- a/files/zh-cn/mozilla/add-ons/webextensions/api/runtime/onconnect/index.html
+++ b/files/zh-cn/mozilla/add-ons/webextensions/api/runtime/onconnect/index.html
@@ -147,9 +147,9 @@ browser<span class="punctuation token">.</span>browserAction<span class="punctua
<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>
@@ -161,7 +161,7 @@ browser<span class="punctuation token">.</span>browserAction<span class="punctua
<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/zh-cn/mozilla/add-ons/webextensions/api/tabs/create/index.html b/files/zh-cn/mozilla/add-ons/webextensions/api/tabs/create/index.html
index 82921cc3ea..ed2c15777d 100644
--- a/files/zh-cn/mozilla/add-ons/webextensions/api/tabs/create/index.html
+++ b/files/zh-cn/mozilla/add-ons/webextensions/api/tabs/create/index.html
@@ -55,7 +55,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/tabs/create
<li>javascript: URLs</li>
<li>data: URLs</li>
<li>file: URLs (i.e., files on the filesystem. However, to use a file packaged inside the extension, see below)</li>
- <li>privileged about: URLs (for example, <code>about:config</code>, <code>about:addons</code>, <code>about:debugging</code>)<span style="display: none;"> </span>. Non-privileged URLs (e.g., <code>about:blank</code>) are allowed.</li>
+ <li>privileged about: URLs (for example, <code>about:config</code>, <code>about:addons</code>, <code>about:debugging</code>)<span class="hidden"> </span>. Non-privileged URLs (e.g., <code>about:blank</code>) are allowed.</li>
<li>The New Tab page (<code>about:newtab</code>) can be opened if no value for URL is provided.</li>
</ul>
diff --git a/files/zh-cn/mozilla/add-ons/webextensions/your_first_webextension/index.html b/files/zh-cn/mozilla/add-ons/webextensions/your_first_webextension/index.html
index b08f114ba1..037ef931b0 100644
--- a/files/zh-cn/mozilla/add-ons/webextensions/your_first_webextension/index.html
+++ b/files/zh-cn/mozilla/add-ons/webextensions/your_first_webextension/index.html
@@ -157,9 +157,9 @@ cd borderify</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%; display: none; opacity: 1; left: 556px; top: 6804px;"></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>
@@ -171,7 +171,7 @@ cd borderify</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/zh-cn/orphaned/mdn/editor/basics/index.html b/files/zh-cn/orphaned/mdn/editor/basics/index.html
index 5029a1fba0..df07a8a2fc 100644
--- a/files/zh-cn/orphaned/mdn/editor/basics/index.html
+++ b/files/zh-cn/orphaned/mdn/editor/basics/index.html
@@ -59,4 +59,4 @@ original_slug: MDN/Editor/Basics
<li><a href="https://docs.ckeditor.com/">CKEditor User's Guide</a></li>
</ul>
-<h6 id="EditorGuideQuicklinks">{{EditorGuideQuicklinks}}<span id="cke_bm_73C" style="display: none;"> </span></h6>
+<h6 id="EditorGuideQuicklinks">{{EditorGuideQuicklinks}}<span id="cke_bm_73C" class="hidden"> </span></h6>
diff --git a/files/zh-cn/tools/page_inspector/how_to/work_with_animations/index.html b/files/zh-cn/tools/page_inspector/how_to/work_with_animations/index.html
index 8a957c3596..bf345080ca 100644
--- a/files/zh-cn/tools/page_inspector/how_to/work_with_animations/index.html
+++ b/files/zh-cn/tools/page_inspector/how_to/work_with_animations/index.html
@@ -107,12 +107,12 @@ translation_of: Tools/Page_Inspector/How_to/Work_with_animations
<li>The <code>img#icon</code> animation:
<ul>
<li>animated the <code><a href="/en-US/docs/Web/CSS/filter">filter</a></code> and <code><a href="/en-US/docs/Web/CSS/transform">transform</a></code> properties, to scale the icon and color it</li>
- <li><span style="display: none;"> </span><span style="display: none;"> </span> lasted 750ms, had an <code>endDelay</code> of 100ms</li>
+ <li><span class="hidden"> </span><span class="hidden"> </span> lasted 750ms, had an <code>endDelay</code> of 100ms</li>
<li>used the compositor thread</li>
<li>was given an <code><a href="/en-US/docs/Web/API/AnimationEffectTimingProperties/easing">easing</a></code> value of <code>ease-in</code>: you can see this by the concave shape of the green bar.</li>
</ul>
</li>
- <li><span style="display: none;"> </span><span style="display: none;"> </span>The <code>span#note</code> animation:
+ <li><span class="hidden"> </span><span class="hidden"> </span>The <code>span#note</code> animation:
<ul>
<li>animated the <code><a href="/en-US/docs/Web/CSS/width">width</a></code> and <code><a href="/en-US/docs/Web/CSS/opacity">opacity</a></code> properties, to make the name gradually appear</li>
<li>lasted 500ms, and had a <code>delay</code> of 150ms</li>
diff --git a/files/zh-cn/web/api/analysernode/index.html b/files/zh-cn/web/api/analysernode/index.html
index 00b6ff8de8..69149d77f2 100644
--- a/files/zh-cn/web/api/analysernode/index.html
+++ b/files/zh-cn/web/api/analysernode/index.html
@@ -54,7 +54,7 @@ translation_of: Web/API/AnalyserNode
<p><em>继承属性自 </em><em>{{domxref("AudioNode")}}。</em></p>
<dl>
- <dt><span id="cke_bm_91S" style="display: none;"> </span>{{domxref("AnalyserNode.fftSize")}}</dt>
+ <dt><span id="cke_bm_91S" class="hidden"> </span>{{domxref("AnalyserNode.fftSize")}}</dt>
<dd>一个无符号长整形(unsigned long)的值,代表了用于计算频域信号时使用的 FFT (<a href="https://zh.wikipedia.org/zh-cn/%E5%BF%AB%E9%80%9F%E5%82%85%E9%87%8C%E5%8F%B6%E5%8F%98%E6%8D%A2">快速傅里叶变换</a>) 的窗口大小。</dd>
<dt>{{domxref("AnalyserNode.frequencyBinCount")}} {{readonlyInline}}</dt>
<dd>一个无符号长整形(unsigned long)的值, 值为fftSize的一半。这通常等于将要用于可视化的数据值的数量。</dd>
diff --git a/files/zh-cn/web/api/animationevent/animationevent/index.html b/files/zh-cn/web/api/animationevent/animationevent/index.html
index 071cb39e9e..7df7872946 100644
--- a/files/zh-cn/web/api/animationevent/animationevent/index.html
+++ b/files/zh-cn/web/api/animationevent/animationevent/index.html
@@ -125,4 +125,4 @@ translation_of: Web/API/AnimationEvent/AnimationEvent
<li>The {{domxref("AnimationEvent")}} interface it belongs to.</li>
</ul>
-<div id="sVim-command" style="display: none;">-- NORMAL --</div>
+<div id="sVim-command" class="hidden">-- NORMAL --</div>
diff --git a/files/zh-cn/web/api/body/arraybuffer/index.html b/files/zh-cn/web/api/body/arraybuffer/index.html
index 3cf99f2e58..de711b01b9 100644
--- a/files/zh-cn/web/api/body/arraybuffer/index.html
+++ b/files/zh-cn/web/api/body/arraybuffer/index.html
@@ -139,4 +139,4 @@ play.onclick = function() {
<li><a href="/en-US/docs/Web/HTTP">HTTP</a></li>
</ul>
-<div id="sVim-command" style="display: none;">-- NORMAL --</div>
+<div id="sVim-command" class="hidden">-- NORMAL --</div>
diff --git a/files/zh-cn/web/api/canvasgradient/addcolorstop/index.html b/files/zh-cn/web/api/canvasgradient/addcolorstop/index.html
index 1fd9a8152f..3d8de40534 100644
--- a/files/zh-cn/web/api/canvasgradient/addcolorstop/index.html
+++ b/files/zh-cn/web/api/canvasgradient/addcolorstop/index.html
@@ -45,7 +45,7 @@ ctx.fillRect(10,10,200,100);
<p>编辑以下代码可看到画布变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/addhitregion/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/addhitregion/index.html
index 1b1d7fc589..aa6c90b2ed 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/addhitregion/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/addhitregion/index.html
@@ -77,7 +77,7 @@ ctx.stroke();
<p>修改下面的代码并在线查看canvas的变化(如果你没有看到全部的效果,请查看浏览器兼容性列表。如果你当前的浏览器支持点击区域,你需要激活偏好设置) 。</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/arc/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/arc/index.html
index 05b8ea3b62..5201304b84 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/arc/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/arc/index.html
@@ -52,7 +52,7 @@ ctx.stroke();
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code" name="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
@@ -98,7 +98,7 @@ window.addEventListener("load", drawCanvas);
<p>在此例中,使用 arc() 尽可能地绘制不同的形状。</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="HTML_2">HTML</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="150" height="200"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/arcto/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/arcto/index.html
index 8c8e2dc5ff..0754d05560 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/arcto/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/arcto/index.html
@@ -75,7 +75,7 @@ ctx.stroke();
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<pre class="brush: html">&lt;canvas id="canvas" class="playable-canvas" height="200" width="400"&gt;&lt;/canvas&gt;
&lt;div class="playable-buttons"&gt;
  &lt;input id="edit" type="button" value="Edit" /&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/beginpath/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/beginpath/index.html
index 427a3a062d..31b8890dd2 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/beginpath/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/beginpath/index.html
@@ -45,7 +45,7 @@ ctx.stroke();
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/beziercurveto/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/beziercurveto/index.html
index 5a66c1f6e8..bbcf56f458 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/beziercurveto/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/beziercurveto/index.html
@@ -74,7 +74,7 @@ ctx.fillRect(150, 70, 10, 10);</pre>
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
&lt;div class="playable-buttons"&gt;
  &lt;input id="edit" type="button" value="Edit" /&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/clip/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/clip/index.html
index fd68c7e3b6..03fbe7848a 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/clip/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/clip/index.html
@@ -56,7 +56,7 @@ ctx.fillRect(0, 0, 100,100);
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/closepath/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/closepath/index.html
index 8446adbac8..cc8d70d2cf 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/closepath/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/closepath/index.html
@@ -38,7 +38,7 @@ ctx.stroke();
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/createlineargradient/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/createlineargradient/index.html
index d7e9536d37..4df64d94c4 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/createlineargradient/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/createlineargradient/index.html
@@ -70,7 +70,7 @@ ctx.fillRect(20, 20, 200, 100);</pre>
<h4 id="结果">结果</h4>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html notranslate">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/createradialgradient/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/createradialgradient/index.html
index df820f2cbb..b2121ce17c 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/createradialgradient/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/createradialgradient/index.html
@@ -61,7 +61,7 @@ ctx.fillRect(0,0,200,200);
<p>修改下面的代码并在线查看 canvas的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html notranslate">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/drawfocusifneeded/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/drawfocusifneeded/index.html
index 1dc87fb0b2..ec92b0754d 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/drawfocusifneeded/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/drawfocusifneeded/index.html
@@ -50,7 +50,7 @@ ctx.drawFocusIfNeeded(button);
<p>修改下面的代码并在线查看 canvas的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html notranslate">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/drawimage/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/drawimage/index.html
index b0d477e9e8..dc126e4ad4 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/drawimage/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/drawimage/index.html
@@ -66,7 +66,6 @@ void <var><em>ctx</em>.drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth,
<h4 id="HTML">HTML</h4>
<pre class="brush: html">&lt;canvas id="canvas"&gt;&lt;/canvas&gt;
-&lt;div style="display:none;"&gt;
&lt;img id="source" src="https://mdn.mozillademos.org/files/5397/rhino.jpg"
width="300" height="227"&gt;
&lt;/div&gt;
@@ -87,7 +86,6 @@ ctx.drawImage(image, 33, 71, 104, 124, 21, 20, 87, 104);
<h3 id="HTML_2">HTML</h3>
<pre class="brush: html">&lt;canvas id="canvas"&gt;&lt;/canvas&gt;
-&lt;div style="display:none;"&gt;
&lt;img id="source"
src="https://mdn.mozillademos.org/files/5397/rhino.jpg"
width="300" height="227"&gt;
@@ -109,11 +107,10 @@ image.addEventListener('load', e =&gt; {
<h4 id="结果">结果</h4>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
-&lt;div style="display:none;"&gt;
&lt;img id="source" src="https://mdn.mozillademos.org/files/5397/rhino.jpg" width="300" height="227"&gt;
&lt;/div&gt;
&lt;div class="playable-buttons"&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/ellipse/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/ellipse/index.html
index d46c4acb87..d39d8dcc7b 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/ellipse/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/ellipse/index.html
@@ -63,7 +63,7 @@ ctx.stroke();</code></pre>
<p>修改下面的代码并在线查看 canvas 的变化(如果椭圆没有绘制,请在兼容性列表中检查你的浏览器是否支持):</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code" name="Playable_code">Playable code</h6>
<pre class="brush: html notranslate">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/fill/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/fill/index.html
index a7dadcff17..a117a7eabd 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/fill/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/fill/index.html
@@ -50,7 +50,7 @@ ctx.fill();
<p>修改下面的代码并在线查看 canvas 变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/fillrect/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/fillrect/index.html
index ddd97227f0..81cff04162 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/fillrect/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/fillrect/index.html
@@ -51,7 +51,7 @@ ctx.fillRect(20, 10, 150, 100);</pre>
<h4 id="结果">结果</h4>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html notranslate">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/filltext/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/filltext/index.html
index 6cbff0639b..bfb0e5f33b 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/filltext/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/filltext/index.html
@@ -52,7 +52,7 @@ ctx.fillText("Hello world", 50, 100);
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html notranslate">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/getlinedash/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/getlinedash/index.html
index f96faf7401..5286c3e2d5 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/getlinedash/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/getlinedash/index.html
@@ -46,7 +46,7 @@ ctx.stroke();
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/ispointinpath/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/ispointinpath/index.html
index bd95a9038a..aa8ad34a6e 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/ispointinpath/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/ispointinpath/index.html
@@ -65,7 +65,7 @@ console.log(ctx.isPointInPath(10, 10)); // true
<p>修改下面的代码, 在线查看 canvas的变化并在你的 <a href="/en-US/docs/Tools/Browser_Console">控制台</a> 中观察日志信息:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/ispointinstroke/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/ispointinstroke/index.html
index 8732970d18..b0c116ee37 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/ispointinstroke/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/ispointinstroke/index.html
@@ -58,7 +58,7 @@ console.log(ctx.isPointInStroke(10, 10)); // true
<p>修改线面的代码,在线查看 canvas 的变化,并在你的<a href="/en-US/docs/Tools/Browser_Console">控制台</a>查看日至信息:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/linedashoffset/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/linedashoffset/index.html
index 44b8c1ad65..aa8f1c33ec 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/linedashoffset/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/linedashoffset/index.html
@@ -47,7 +47,7 @@ ctx.stroke();
<p>修改下面的代码并在线查看 canvas 变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/lineto/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/lineto/index.html
index f171b170fd..5365698d00 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/lineto/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/lineto/index.html
@@ -45,7 +45,7 @@ ctx.stroke();
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/moveto/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/moveto/index.html
index eb99c51967..772c0ae0c5 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/moveto/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/moveto/index.html
@@ -45,7 +45,7 @@ ctx.stroke();
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/putimagedata/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/putimagedata/index.html
index 2719f7901c..3bdb9fab21 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/putimagedata/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/putimagedata/index.html
@@ -92,7 +92,7 @@ putImageData(ctx, imagedata, 150, 0, 50, 50, 25, 25);
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/quadraticcurveto/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/quadraticcurveto/index.html
index d1794c5043..4082363eb5 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/quadraticcurveto/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/quadraticcurveto/index.html
@@ -142,7 +142,7 @@ ctx.stroke();
</pre>
</div>
-<div style="display: none;">
+<div class="hidden">
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
&lt;div class="playable-buttons"&gt;
  &lt;input id="edit" type="button" value="Edit" /&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/rect/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/rect/index.html
index 4053d0f387..f34e1b54ad 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/rect/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/rect/index.html
@@ -46,7 +46,7 @@ ctx.fill();
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/resettransform/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/resettransform/index.html
index 47a91eacbf..5c9cd7bd24 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/resettransform/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/resettransform/index.html
@@ -37,7 +37,7 @@ ctx.resetTransform();
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/restore/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/restore/index.html
index c35d6ce849..f807b5b521 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/restore/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/restore/index.html
@@ -40,7 +40,7 @@ ctx.fillRect(150, 75, 100, 100);
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/rotate/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/rotate/index.html
index f6ae42b495..5d92a9a718 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/rotate/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/rotate/index.html
@@ -54,7 +54,7 @@ ctx.setTransform(1, 0, 0, 1, 0, 0);
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/save/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/save/index.html
index 167c40fd19..3560f8a771 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/save/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/save/index.html
@@ -49,7 +49,7 @@ ctx.fillRect(150, 75, 100, 100);
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/scale/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/scale/index.html
index db95fca214..a67cfa6985 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/scale/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/scale/index.html
@@ -117,17 +117,17 @@ ctx.setTransform(1, 0, 0, 1, 0, 0);
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/scrollpathintoview/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/scrollpathintoview/index.html
index 222fb61aa0..b2edfdbe08 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/scrollpathintoview/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/scrollpathintoview/index.html
@@ -43,7 +43,7 @@ ctx.scrollPathIntoView();
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/setlinedash/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/setlinedash/index.html
index 710d8f9e53..16a66f36e2 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/setlinedash/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/setlinedash/index.html
@@ -68,7 +68,7 @@ ctx.stroke();
<h4 id="结果">结果</h4>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/settransform/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/settransform/index.html
index 23302386e7..0d47fe8d4c 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/settransform/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/settransform/index.html
@@ -57,7 +57,7 @@ ctx.fillRect(0,0,100,100);
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html notranslate">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/stroke/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/stroke/index.html
index 0eaef6e3af..e7dca45c16 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/stroke/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/stroke/index.html
@@ -41,7 +41,7 @@ ctx.stroke();
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/stroketext/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/stroketext/index.html
index 404998a247..8161bda3f2 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/stroketext/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/stroketext/index.html
@@ -52,7 +52,7 @@ ctx.strokeText("Hello world", 50, 100);
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/transform/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/transform/index.html
index f56c5a48ff..ac274f9891 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/transform/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/transform/index.html
@@ -55,7 +55,7 @@ ctx.fillRect(0,0,100,100);
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/translate/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/translate/index.html
index f4dd697342..a466b1d181 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/translate/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/translate/index.html
@@ -50,7 +50,7 @@ ctx.setTransform(1, 0, 0, 1, 0, 0);
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/channel_messaging_api/index.html b/files/zh-cn/web/api/channel_messaging_api/index.html
index 6e7591d531..936886c81a 100644
--- a/files/zh-cn/web/api/channel_messaging_api/index.html
+++ b/files/zh-cn/web/api/channel_messaging_api/index.html
@@ -85,5 +85,5 @@ translation_of: Web/API/Channel_Messaging_API
</ul>
<p>
- <audio style="display: none;"> </audio>
+ <audio class="hidden"> </audio>
</p>
diff --git a/files/zh-cn/web/api/css/index.html b/files/zh-cn/web/api/css/index.html
index 4a835d0bc8..460f39dfc4 100644
--- a/files/zh-cn/web/api/css/index.html
+++ b/files/zh-cn/web/api/css/index.html
@@ -69,7 +69,7 @@ translation_of: Web/API/CSS
</tbody>
</table>
-<p><span style="display: none;"> </span></p>
+<p><span class="hidden"> </span></p>
<dl>
</dl>
diff --git a/files/zh-cn/web/api/cssstylesheet/insertrule/index.html b/files/zh-cn/web/api/cssstylesheet/insertrule/index.html
index a46b91f5cc..4b89a1584e 100644
--- a/files/zh-cn/web/api/cssstylesheet/insertrule/index.html
+++ b/files/zh-cn/web/api/cssstylesheet/insertrule/index.html
@@ -202,5 +202,5 @@ function addStylesheetRules (decls) {
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/api/document/adoptnode/index.html b/files/zh-cn/web/api/document/adoptnode/index.html
index 1f502e20a6..74d824966f 100644
--- a/files/zh-cn/web/api/document/adoptnode/index.html
+++ b/files/zh-cn/web/api/document/adoptnode/index.html
@@ -17,8 +17,8 @@ translation_of: Web/API/Document/adoptNode
</pre>
<dl>
- <dt><code><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span>node</code></dt>
- <dd>导入当前文档的新节点. 新节点的 <code><a href="https://developer.mozilla.org/zh-cn/DOM/Node.parentNode" title="zh-cn/DOM/Node.parentNode">parentNode</a></code> 是 <code>null</code>, 因为它还没有插入当前文档的文档树中,属于游离状态.<span style="display: none;">  </span><span style="display: none;"> </span></dd>
+ <dt><code><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span>node</code></dt>
+ <dd>导入当前文档的新节点. 新节点的 <code><a href="https://developer.mozilla.org/zh-cn/DOM/Node.parentNode" title="zh-cn/DOM/Node.parentNode">parentNode</a></code> 是 <code>null</code>, 因为它还没有插入当前文档的文档树中,属于游离状态.<span class="hidden">  </span><span class="hidden"> </span></dd>
<dt><code>externalNode</code></dt>
<dd>将要从外部文档导入的节点。</dd>
</dl>
diff --git a/files/zh-cn/web/api/element/insertadjacenthtml/index.html b/files/zh-cn/web/api/element/insertadjacenthtml/index.html
index e0ea9cda90..c84cd34a65 100644
--- a/files/zh-cn/web/api/element/insertadjacenthtml/index.html
+++ b/files/zh-cn/web/api/element/insertadjacenthtml/index.html
@@ -23,10 +23,10 @@ translation_of: Web/API/Element/insertAdjacentHTML
<dt><code>position</code></dt>
<dd>一个 {{domxref("DOMString")}},表示插入内容相对于元素的位置,并且必须是以下字符串之一:
<ul>
- <li><code><span style="display: none;"> </span><span style="display: none;"> </span>'beforebegin'</code>:元素自身的前面。</li>
+ <li><code><span class="hidden"> </span><span class="hidden"> </span>'beforebegin'</code>:元素自身的前面。</li>
<li><code>'afterbegin'</code>:<font face="Open Sans, Arial, sans-serif">插入元素内部的第一个子节点之前</font>。</li>
<li><code>'beforeend'</code>:插入元素内部的最后一个子节点之后。</li>
- <li><code>'afterend'</code>:元素自身的后面。<span style="display: none;"> </span><span style="display: none;"> </span></li>
+ <li><code>'afterend'</code>:元素自身的后面。<span class="hidden"> </span><span class="hidden"> </span></li>
</ul>
</dd>
<dt><code>text</code></dt>
diff --git a/files/zh-cn/web/api/eventtarget/addeventlistener/index.html b/files/zh-cn/web/api/eventtarget/addeventlistener/index.html
index 7414ff3c38..0abe412321 100644
--- a/files/zh-cn/web/api/eventtarget/addeventlistener/index.html
+++ b/files/zh-cn/web/api/eventtarget/addeventlistener/index.html
@@ -677,7 +677,7 @@ window.addEventListener('scroll', function(event) {
<div class="outputBox-2JiL2_0"></div>
-<div class="outputBox-EXeNH_0" style="display: none;">
+<div class="outputBox-EXeNH_0" class="hidden">
<div></div>
</div>
</div>
diff --git a/files/zh-cn/web/api/globaleventhandlers/onpointerout/index.html b/files/zh-cn/web/api/globaleventhandlers/onpointerout/index.html
index e702faa2a7..8eeea33ae1 100644
--- a/files/zh-cn/web/api/globaleventhandlers/onpointerout/index.html
+++ b/files/zh-cn/web/api/globaleventhandlers/onpointerout/index.html
@@ -75,5 +75,5 @@ function init() {
</ul>
<p>
- <audio style="display: none;"> </audio>
+ <audio class="hidden"> </audio>
</p>
diff --git a/files/zh-cn/web/api/globaleventhandlers/onwheel/index.html b/files/zh-cn/web/api/globaleventhandlers/onwheel/index.html
index b657f2f4b0..217a85c8da 100644
--- a/files/zh-cn/web/api/globaleventhandlers/onwheel/index.html
+++ b/files/zh-cn/web/api/globaleventhandlers/onwheel/index.html
@@ -170,13 +170,13 @@ document.onwheel = zoom;</pre>
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/api/headers/keys/index.html b/files/zh-cn/web/api/headers/keys/index.html
index add32d5afb..508b884090 100644
--- a/files/zh-cn/web/api/headers/keys/index.html
+++ b/files/zh-cn/web/api/headers/keys/index.html
@@ -56,5 +56,5 @@ vary</pre>
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/api/htmlelement/input_event/index.html b/files/zh-cn/web/api/htmlelement/input_event/index.html
index 12164b4ed4..f2921d53e2 100644
--- a/files/zh-cn/web/api/htmlelement/input_event/index.html
+++ b/files/zh-cn/web/api/htmlelement/input_event/index.html
@@ -154,5 +154,5 @@ function updateValue(e) {
<p>此外,还有一个类似的 <code><a href="https://developer.mozilla.org/en-US/docs/Web/Reference/Events/change">change</a></code> 事件。change 触发的频率低于 <code>input</code> - 它只会在用户提交更改时触发。</p>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/api/htmlselectelement/remove/index.html b/files/zh-cn/web/api/htmlselectelement/remove/index.html
index 6cb7046a6e..f19cc16900 100644
--- a/files/zh-cn/web/api/htmlselectelement/remove/index.html
+++ b/files/zh-cn/web/api/htmlselectelement/remove/index.html
@@ -90,5 +90,5 @@ sel.remove(1);
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/api/imagedata/imagedata/index.html b/files/zh-cn/web/api/imagedata/imagedata/index.html
index fc2b782cd0..10281c10da 100644
--- a/files/zh-cn/web/api/imagedata/imagedata/index.html
+++ b/files/zh-cn/web/api/imagedata/imagedata/index.html
@@ -22,7 +22,7 @@ translation_of: Web/API/ImageData/ImageData
<dd>包含图像隐藏像素的 {{jsxref("Uint8ClampedArray")}} 数组。如果数组没有给定,指定大小的黑色矩形图像将会被创建。</dd>
<dt><code>width</code></dt>
<dd>无符号长整型(unsigned long)数值,描述图像的宽度。</dd>
- <dt><span style="display: none;"> </span><code>height</code></dt>
+ <dt><span class="hidden"> </span><code>height</code></dt>
<dd>      无符号长整型(unsigned long)数值,描述图像的高度。</dd>
<dd>如果已给定数组,这个值是可选的:它将通过它的大小和给定的宽度进行推断。</dd>
</dl>
diff --git a/files/zh-cn/web/api/keyboardevent/keycode/index.html b/files/zh-cn/web/api/keyboardevent/keycode/index.html
index c41e21285f..f3eeaf1a9e 100644
--- a/files/zh-cn/web/api/keyboardevent/keycode/index.html
+++ b/files/zh-cn/web/api/keyboardevent/keycode/index.html
@@ -411,7 +411,7 @@ translation_of: Web/API/KeyboardEvent/keyCode
<th scope="row"><code>"KeyD"</code></th>
<td colspan="3" rowspan="1"><code>0x44 (68)</code></td>
<td colspan="3" rowspan="1"><code>0x44 (68)</code></td>
- <td colspan="3" rowspan="1"><code>0x44 (68)<span style="display: none;"> </span></code></td>
+ <td colspan="3" rowspan="1"><code>0x44 (68)<span class="hidden"> </span></code></td>
<td colspan="3" rowspan="1"><code>0x44 (68)</code></td>
<td colspan="3" rowspan="1"><code>0x44 (68)</code></td>
<td colspan="3" rowspan="1"><code>0x44 (68)</code></td>
diff --git a/files/zh-cn/web/api/mutationobserver/mutationobserver/index.html b/files/zh-cn/web/api/mutationobserver/mutationobserver/index.html
index efa1d1a8f0..b911350da3 100644
--- a/files/zh-cn/web/api/mutationobserver/mutationobserver/index.html
+++ b/files/zh-cn/web/api/mutationobserver/mutationobserver/index.html
@@ -21,8 +21,8 @@ translation_of: Web/API/MutationObserver/MutationObserver
<h3 id="参数">参数</h3>
<dl>
- <dt><code><span style="display: none;"> </span><span style="display: none;"> </span>callback</code></dt>
- <dd>一个回调函数,每当被指定的节点或子树以及配置项有Dom变动时会被调用。回调函数拥有两个参数:一个是描述所有被触发改动的 {{domxref("MutationRecord")}} 对象数组,另一个是调用该函数的<code>MutationObserver</code> 对象。参见下方的{{anch("Example", "示例")}}了解更多细节<span style="display: none;"> </span><span style="display: none;"> </span></dd>
+ <dt><code><span class="hidden"> </span><span class="hidden"> </span>callback</code></dt>
+ <dd>一个回调函数,每当被指定的节点或子树以及配置项有Dom变动时会被调用。回调函数拥有两个参数:一个是描述所有被触发改动的 {{domxref("MutationRecord")}} 对象数组,另一个是调用该函数的<code>MutationObserver</code> 对象。参见下方的{{anch("Example", "示例")}}了解更多细节<span class="hidden"> </span><span class="hidden"> </span></dd>
</dl>
<h3 id="返回值">返回值</h3>
diff --git a/files/zh-cn/web/api/nodeiterator/index.html b/files/zh-cn/web/api/nodeiterator/index.html
index 2b2795b6a0..756dad125d 100644
--- a/files/zh-cn/web/api/nodeiterator/index.html
+++ b/files/zh-cn/web/api/nodeiterator/index.html
@@ -210,5 +210,5 @@ translation_of: Web/API/NodeIterator
</ul>
<p>
- <audio style="display: none;"> </audio>
+ <audio class="hidden"> </audio>
</p>
diff --git a/files/zh-cn/web/api/path2d/addpath/index.html b/files/zh-cn/web/api/path2d/addpath/index.html
index a19a3ce8cf..656c35342c 100644
--- a/files/zh-cn/web/api/path2d/addpath/index.html
+++ b/files/zh-cn/web/api/path2d/addpath/index.html
@@ -53,7 +53,7 @@ ctx.fill(p1);
<p>修改下面的代码并在线查看 canvas 的变化 (查看浏览器兼容性列表,确定你目前的浏览器是否支持这个方法):</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/path2d/path2d/index.html b/files/zh-cn/web/api/path2d/path2d/index.html
index f606aa678d..16a681cedf 100644
--- a/files/zh-cn/web/api/path2d/path2d/index.html
+++ b/files/zh-cn/web/api/path2d/path2d/index.html
@@ -47,7 +47,7 @@ ctx.stroke(path2);
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
@@ -107,7 +107,7 @@ ctx.fill(p);
<p>修改下面的代码并在线查看 canvas 的变化:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code2">Playable code2</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-cn/web/api/request/headers/index.html b/files/zh-cn/web/api/request/headers/index.html
index 37e7f41654..f09ee2af07 100644
--- a/files/zh-cn/web/api/request/headers/index.html
+++ b/files/zh-cn/web/api/request/headers/index.html
@@ -70,9 +70,9 @@ myContentType = myRequest.headers.get('Content-Type'); // returns 'image/jpeg'</
<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: none; opacity: 1; 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>
@@ -84,7 +84,7 @@ myContentType = myRequest.headers.get('Content-Type'); // returns 'image/jpeg'</
<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/zh-cn/web/api/rtcsessiondescription/index.html b/files/zh-cn/web/api/rtcsessiondescription/index.html
index ff94b0eb5f..32edee10c0 100644
--- a/files/zh-cn/web/api/rtcsessiondescription/index.html
+++ b/files/zh-cn/web/api/rtcsessiondescription/index.html
@@ -67,7 +67,7 @@ translation_of: Web/API/RTCSessionDescription
<dd>返回一个{{Glossary("JSON")}} 描述对象. 该对象包含两个值, {{domxref("RTCSessionDescription.type", "type")}} 和{{domxref("RTCSessionDescription.sdp", "sdp")}}。</dd>
</dl>
-<h2 id="Example">Example<span id="cke_bm_72C" style="display: none;"> </span></h2>
+<h2 id="Example">Example<span id="cke_bm_72C" class="hidden"> </span></h2>
<pre class="brush: js">signalingChannel.onmessage = function (evt) {
if (!pc)
diff --git a/files/zh-cn/web/api/wakelock/request/index.html b/files/zh-cn/web/api/wakelock/request/index.html
index 11605b1ab9..eeb1962d44 100644
--- a/files/zh-cn/web/api/wakelock/request/index.html
+++ b/files/zh-cn/web/api/wakelock/request/index.html
@@ -82,5 +82,5 @@ tryKeepScreenAlive(10);
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/api/websocket/index.html b/files/zh-cn/web/api/websocket/index.html
index dc534d928a..b7d624f8b7 100644
--- a/files/zh-cn/web/api/websocket/index.html
+++ b/files/zh-cn/web/api/websocket/index.html
@@ -153,5 +153,5 @@ socket.addEventListener('message', function (event) {
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/api/websocket/readystate/index.html b/files/zh-cn/web/api/websocket/readystate/index.html
index e4d7bd23fb..57247d931e 100644
--- a/files/zh-cn/web/api/websocket/readystate/index.html
+++ b/files/zh-cn/web/api/websocket/readystate/index.html
@@ -56,5 +56,5 @@ translation_of: Web/API/WebSocket/readyState
<p>{{Compat("api.WebSocket.readyState")}}</p>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/api/windoworworkerglobalscope/createimagebitmap/index.html b/files/zh-cn/web/api/windoworworkerglobalscope/createimagebitmap/index.html
index 72e7b8433e..7d55152960 100644
--- a/files/zh-cn/web/api/windoworworkerglobalscope/createimagebitmap/index.html
+++ b/files/zh-cn/web/api/windoworworkerglobalscope/createimagebitmap/index.html
@@ -203,5 +203,5 @@ image.src = 'sprites.png';
</ul>
<p>
- <audio style="display: none;"> </audio>
+ <audio class="hidden"> </audio>
</p>
diff --git a/files/zh-cn/web/css/@media/device-height/index.html b/files/zh-cn/web/css/@media/device-height/index.html
index 284c9a1b41..20445c8a43 100644
--- a/files/zh-cn/web/css/@media/device-height/index.html
+++ b/files/zh-cn/web/css/@media/device-height/index.html
@@ -48,5 +48,5 @@ translation_of: Web/CSS/@media/device-height
<p>{{Compat("css.at-rules.media.device-height")}}</p>
<p>
- <audio style="display: none;"> </audio>
+ <audio class="hidden"> </audio>
</p>
diff --git a/files/zh-cn/web/css/_colon_checked/index.html b/files/zh-cn/web/css/_colon_checked/index.html
index 4a95ab5060..85b7dbe44c 100644
--- a/files/zh-cn/web/css/_colon_checked/index.html
+++ b/files/zh-cn/web/css/_colon_checked/index.html
@@ -27,7 +27,7 @@ translation_of: 'Web/CSS/:checked'
<h3 id="基础示例">基础示例</h3>
-<h3 id="Basic_example" style="display: none;">Basic example</h3>
+<h3 id="Basic_example" class="hidden">Basic example</h3>
<h4 id="HTML">HTML</h4>
@@ -86,7 +86,7 @@ option:checked {
<h3 id="借用隐藏的checkbox来切换元素的样式(显示隐藏)">借用隐藏的checkbox来切换元素的样式(显示/隐藏)</h3>
-<h3 id="Toggling_elements_with_a_hidden_checkbox" style="display: none;">Toggling elements with a hidden checkbox</h3>
+<h3 id="Toggling_elements_with_a_hidden_checkbox" class="hidden">Toggling elements with a hidden checkbox</h3>
<p>这个例子利用了<code>:checked</code>伪类,让用户基于复选框的状态切换内容,而无需使用JavaScript。</p>
diff --git a/files/zh-cn/web/css/appearance/index.html b/files/zh-cn/web/css/appearance/index.html
index 00980a5dea..bcc7adce7a 100644
--- a/files/zh-cn/web/css/appearance/index.html
+++ b/files/zh-cn/web/css/appearance/index.html
@@ -52,7 +52,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>none</code></td>
<td>
- <div id="sampleNone" style="display: none;">
+ <div id="sampleNone" class="hidden">
<pre class="brush:css">
div {-moz-appearance: none; -webkit-appearance: none; color: black;}</pre>
@@ -67,7 +67,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>button</code></td>
<td>
- <div id="sampleButton" style="display: none;">
+ <div id="sampleButton" class="hidden">
<pre class="brush:css">
div {-moz-appearance: button; -webkit-appearance: button; color: black; }</pre>
@@ -81,7 +81,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>button-arrow-down</code></td>
<td>
- <div id="sampleButtonArrowDown" style="display: none;">
+ <div id="sampleButtonArrowDown" class="hidden">
<pre class="brush:css">
div {-moz-appearance: button-arrow-down; -webkit-appearance: button-arrow-down; color: black; }</pre>
@@ -95,7 +95,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>button-arrow-next</code></td>
<td>
- <div id="sampleButtonArrowNext" style="display: none;">
+ <div id="sampleButtonArrowNext" class="hidden">
<pre class="brush:css">
div {-moz-appearance: button-arrow-next; -webkit-appearance: button-arrow-next; color: black; }</pre>
@@ -109,7 +109,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>button-arrow-previous</code></td>
<td>
- <div id="sampleButtonArrowPrevious" style="display: none;">
+ <div id="sampleButtonArrowPrevious" class="hidden">
<pre class="brush:css">
div {-moz-appearance: button-arrow-previous; -webkit-appearance: button-arrow-previous; color: black; }</pre>
@@ -123,7 +123,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>button-arrow-up</code></td>
<td>
- <div id="sampleButtonArrowUp" style="display: none;">
+ <div id="sampleButtonArrowUp" class="hidden">
<pre class="brush:css">
div {-moz-appearance: button-arrow-up; -webkit-appearance: button-arrow-up; color: black; }</pre>
@@ -137,7 +137,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>button-bevel</code></td>
<td>
- <div id="sampleButtonBevel" style="display: none;">
+ <div id="sampleButtonBevel" class="hidden">
<pre class="brush:css">
div {-moz-appearance: button-bevel; -webkit-appearance: button-bevel; color: black; }</pre>
@@ -157,7 +157,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>button-focus</code></td>
<td>
- <div id="sampleButtonFocus" style="display: none;">
+ <div id="sampleButtonFocus" class="hidden">
<pre class="brush:css">
div {-moz-appearance: button-focus; -webkit-appearance: button-focus; color: black; }</pre>
@@ -171,7 +171,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>caret</code></td>
<td>
- <div id="sampleCaret" style="display: none;">
+ <div id="sampleCaret" class="hidden">
<pre class="brush:css">
div {-moz-appearance: caret; -webkit-appearance: caret; color: black; }</pre>
@@ -185,7 +185,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>checkbox</code></td>
<td>
- <div id="sampleCheckbox" style="display: none;">
+ <div id="sampleCheckbox" class="hidden">
<pre class="brush:css">
div {-moz-appearance: checkbox; -webkit-appearance: checkbox; color: black; }</pre>
@@ -199,7 +199,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>checkbox-container</code></td>
<td>
- <div id="sampleCheckboxContainer" style="display: none;">
+ <div id="sampleCheckboxContainer" class="hidden">
<pre class="brush:css">
div {-moz-appearance: checkbox-container; -webkit-appearance: checkbox-container; color: black; }</pre>
@@ -213,7 +213,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>checkbox-label</code></td>
<td>
- <div id="sampleCheckboxLabel" style="display: none;">
+ <div id="sampleCheckboxLabel" class="hidden">
<pre class="brush:css">
div {-moz-appearance: checkbox-label; -webkit-appearance: checkbox-label; color: black; }</pre>
@@ -227,7 +227,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>checkmenuitem</code></td>
<td>
- <div id="sampleCheckmenuitem" style="display: none;">
+ <div id="sampleCheckmenuitem" class="hidden">
<pre class="brush:css">
div {-moz-appearance: checkmenuitem; -webkit-appearance: checkmenuitem; height: 20px; color: black; }</pre>
@@ -241,7 +241,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>dualbutton</code></td>
<td>
- <div id="sampleDualButton" style="display: none;">
+ <div id="sampleDualButton" class="hidden">
<pre class="brush:css">
div {-moz-appearance: dualbutton; -webkit-appearance: dualbutton; color: black; }</pre>
@@ -255,7 +255,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>groupbox</code></td>
<td>
- <div id="sampleGroupbox" style="display: none;">
+ <div id="sampleGroupbox" class="hidden">
<pre class="brush:css">
div {-moz-appearance: groupbox; -webkit-appearance: groupbox; color: black; }</pre>
@@ -275,7 +275,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>listbox</code></td>
<td>
- <div id="sampleListBox" style="display: none;">
+ <div id="sampleListBox" class="hidden">
<pre class="brush:css">
div {-moz-appearance: listbox; -webkit-appearance: listbox; height:20px; color: black; }</pre>
@@ -289,7 +289,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>listitem</code></td>
<td>
- <div id="sampleListItem" style="display: none;">
+ <div id="sampleListItem" class="hidden">
<pre class="brush:css">
div {-moz-appearance: listitem; -webkit-appearance: listitem; color: black; }</pre>
@@ -393,7 +393,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menuarrow</code></td>
<td>
- <div id="sampleMenuArrow" style="display: none;">
+ <div id="sampleMenuArrow" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menuarrow; -webkit-appearance: menuarrow; color: black; }</pre>
@@ -407,7 +407,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menubar</code></td>
<td>
- <div id="sampleMenubar" style="display: none;">
+ <div id="sampleMenubar" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menubar; -webkit-appearance: menubar; color: balck; }</pre>
@@ -421,7 +421,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menucheckbox</code></td>
<td>
- <div id="sampleMenuCheckbox" style="display: none;">
+ <div id="sampleMenuCheckbox" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menucheckbox; -webkit-appearance: menucheckbox; color: black; }</pre>
@@ -435,7 +435,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menuimage</code></td>
<td>
- <div id="sampleMenuImage" style="display: none;">
+ <div id="sampleMenuImage" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menuimage; -webkit-appearance: menuimage; color: black; }</pre>
@@ -449,7 +449,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menuitem</code></td>
<td>
- <div id="sampleMenuItem" style="display: none;">
+ <div id="sampleMenuItem" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menuitem; -webkit-appearance: menuitem; color: black; }</pre>
@@ -463,7 +463,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menuitemtext</code></td>
<td>
- <div id="sampleMenuItemText" style="display: none;">
+ <div id="sampleMenuItemText" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menuitemtext; -webkit-appearance: menuitemtext; color: black; }</pre>
@@ -477,7 +477,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menulist</code></td>
<td>
- <div id="sampleMenuList" style="display: none;">
+ <div id="sampleMenuList" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menulist; -webkit-appearance: menulist; color: black; }</pre>
@@ -493,7 +493,7 @@ translation_of: Web/CSS/appearance
<td>
</td><td><code>menulist-button</code></td>
<td>
- <div id="sampleMenuListButton" style="display: none;">
+ <div id="sampleMenuListButton" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menulist-button; -webkit-appearance: menulist-button; color: black; }</pre>
@@ -507,7 +507,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menulist-text</code></td>
<td>
- <div id="sampleMenuListText" style="display: none;">
+ <div id="sampleMenuListText" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menulist-text; -webkit-appearance: menulist-text; color: black; }</pre>
@@ -521,7 +521,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menulist-textfield</code></td>
<td>
- <div id="sampleMenuListTextfield" style="display: none;">
+ <div id="sampleMenuListTextfield" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menulist-textfield; -webkit-appearance: menulist-textfield; color: black; }</pre>
@@ -533,7 +533,7 @@ translation_of: Web/CSS/appearance
<td>这个元素将被作为菜单列表中的文本框绘制。(未在 Windows 平台下实现)</td>
<td><code>menupopup</code></td>
<td>
- <div id="sampleMenuPopup" style="display: none;">
+ <div id="sampleMenuPopup" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menupopup; -webkit-appearance: menupopup; color: black; }</pre>
@@ -547,7 +547,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menuradio</code></td>
<td>
- <div id="sampleMenuRadio" style="display: none;">
+ <div id="sampleMenuRadio" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menuradio; -webkit-appearance: menuradio; color: black; }</pre>
@@ -561,7 +561,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>menuseparator</code></td>
<td>
- <div id="sampleMenuSeparator" style="display: none;">
+ <div id="sampleMenuSeparator" class="hidden">
<pre class="brush:css">
div {-moz-appearance: menuseparator; -webkit-appearance: menuseparator; color: transparent; }</pre>
@@ -581,7 +581,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>meterbar</code></td>
<td>
- <div id="sampleMeterbar" style="display: none;">
+ <div id="sampleMeterbar" class="hidden">
<pre class="brush:css">
div {-moz-appearance: meterbar; -webkit-appearance: meterbar; color: black; }</pre>
@@ -595,7 +595,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>meterchunk</code></td>
<td>
- <div id="sampleMeterchunk" style="display: none;">
+ <div id="sampleMeterchunk" class="hidden">
<pre class="brush:css">
div {-moz-appearance: meterchunk; -webkit-appearance: meterchunk; color: black; }</pre>
@@ -621,7 +621,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>progressbar</code></td>
<td>
- <div id="sampleProgressBar" style="display: none;">
+ <div id="sampleProgressBar" class="hidden">
<pre class="brush:css">
div {-moz-appearance: progressbar; -webkit-appearance: progressbar; color: black; }</pre>
@@ -635,7 +635,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>progressbar-vertical</code></td>
<td>
- <div id="sampleProgressBarVertical" style="display: none;">
+ <div id="sampleProgressBarVertical" class="hidden">
<pre class="brush:css">
div {-moz-appearance: progressbar-vertical; -webkit-appearance: preogressbar-vertical; color: transparent; }</pre>
@@ -649,7 +649,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>progresschunk</code></td>
<td>
- <div id="sampleProgressChunk" style="display: none;">
+ <div id="sampleProgressChunk" class="hidden">
<pre class="brush:css">
div {-moz-appearance: progresschunk; -webkit-appearance: progresschunk; color: black; }</pre>
@@ -663,7 +663,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>progresschunk-vertical</code></td>
<td>
- <div id="sampleProgressChunkVertical" style="display: none;">
+ <div id="sampleProgressChunkVertical" class="hidden">
<pre class="brush:css">
div {-moz-appearance: progresschunk-vertical; -webkit-appearance: progresschunk-vertical; color: black; }</pre>
@@ -683,7 +683,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>radio</code></td>
<td>
- <div id="sampleRadio" style="display: none;">
+ <div id="sampleRadio" class="hidden">
<pre class="brush:css">
div {-moz-appearance: radio; -webkit-appearance: radio; color: black; }</pre>
@@ -698,7 +698,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>radio-container</code></td>
<td>
- <div id="sampleRadioContainer" style="display: none;">
+ <div id="sampleRadioContainer" class="hidden">
<pre class="brush:css">
div {-moz-appearance: radio-container; -webkit-appearance: radio-container; color: black; }</pre>
@@ -712,7 +712,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>radio-label</code></td>
<td>
- <div id="sampleRadioLabel" style="display: none;">
+ <div id="sampleRadioLabel" class="hidden">
<pre class="brush:css">
div {-moz-appearance: radio-label; -webkit-appearance: radio-label; color: black; }</pre>
@@ -726,7 +726,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>radiomenuitem</code></td>
<td>
- <div id="sampleRadioMenuItem" style="display: none;">
+ <div id="sampleRadioMenuItem" class="hidden">
<pre class="brush:css">
div {-moz-appearance: radiomenuitem; -webkit-appearance: radiomenuitem; color: black; }</pre>
@@ -740,7 +740,7 @@ translation_of: Web/CSS/appearance
<tr>
<td>range</td>
<td>
- <div id="sampleRange" style="display: none;">
+ <div id="sampleRange" class="hidden">
<pre class="brush:css">
div {-moz-appearance: range; -webkit-appearance: radiomenuitem; color: black; }</pre>
range
@@ -755,7 +755,7 @@ translation_of: Web/CSS/appearance
<tr>
<td>range-thumb</td>
<td>
- <div id="sampleRangeThumb" style="display: none;">
+ <div id="sampleRangeThumb" class="hidden">
<pre class="brush:css">
div {-moz-appearance: range-thumb; -webkit-appearance: range-thumb; color: black; }</pre>
@@ -769,7 +769,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>resizer</code></td>
<td>
- <div id="sampleResizer" style="display: none;">
+ <div id="sampleResizer" class="hidden">
<pre class="brush:css">
div {-moz-appearance: resizer; -webkit-appearance: resizer; color: transparent; }</pre>
@@ -783,7 +783,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>resizerpanel</code></td>
<td>
- <div id="sampleResizerPanel" style="display: none;">
+ <div id="sampleResizerPanel" class="hidden">
<pre class="brush:css">
div {-moz-appearance: resizerpanel; -webkit-appearance: resizerpanel; color: black; }</pre>
@@ -797,7 +797,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scale-horizontal</code></td>
<td>
- <div id="sampleScaleHorizontal" style="display: none;">
+ <div id="sampleScaleHorizontal" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scale-horizontal; -webkit-appearance: scale-horizontal; color: transparent; }</pre>
@@ -811,7 +811,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scalethumbend</code></td>
<td>
- <div id="sampleThumbEnd" style="display: none;">
+ <div id="sampleThumbEnd" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scalethumbend; -webkit-appearance: scalethumbend; color: black; }</pre>
@@ -825,7 +825,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scalethumb-horizontal</code></td>
<td>
- <div id="sampleScaleThumbHorizontal" style="display: none;">
+ <div id="sampleScaleThumbHorizontal" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scalethumb-horizontal; -webkit-appearance: scalethumb-horizontal; color: transparent; }</pre>
@@ -839,7 +839,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scalethumbstart</code></td>
<td>
- <div id="sampleScaleThumbStart" style="display: none;">
+ <div id="sampleScaleThumbStart" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scalethumbstart; -webkit-appearance: scalethumbstart; color: black; }</pre>
@@ -853,7 +853,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scalethumbtick</code></td>
<td>
- <div id="sampleScaleThumbTick" style="display: none;">
+ <div id="sampleScaleThumbTick" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scalethumbtick; -webkit-appearance: scalethumbtick; color: black; }</pre>
@@ -867,7 +867,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scalethumb-vertical</code></td>
<td>
- <div id="sampleScaleThumbVertical" style="display: none;">
+ <div id="sampleScaleThumbVertical" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scalethumb-vertical; -webkit-appearance: scalethumb-vertical; color: black; }</pre>
@@ -881,7 +881,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scale-vertical</code></td>
<td>
- <div id="sampleScaleVertical" style="display: none;">
+ <div id="sampleScaleVertical" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scale-vertical; -webkit-appearance: scale-vertical; color: transparent; }</pre>
@@ -895,7 +895,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scrollbarbutton-down</code></td>
<td>
- <div id="sampleScrollbarButtonDown" style="display: none;">
+ <div id="sampleScrollbarButtonDown" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scrollbarbutton-down; -webkit-appearance: scrollbarbutton-down; color: black; }</pre>
@@ -909,7 +909,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scrollbarbutton-left</code></td>
<td>
- <div id="sampleScrollbarButtonLeft" style="display: none;">
+ <div id="sampleScrollbarButtonLeft" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scrollbarbutton-left; -webkit-appearance: scrollbarbutton-left; color: black; }</pre>
@@ -923,7 +923,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scrollbarbutton-right</code></td>
<td>
- <div id="sampleScrollbarButtonRight" style="display: none;">
+ <div id="sampleScrollbarButtonRight" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scrollbarbutton-right; -webkit-appearance: scrollbarbutton-right; color: black; }</pre>
@@ -937,7 +937,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scrollbarbutton-up</code></td>
<td>
- <div id="sampleScrollbarButtonUp" style="display: none;">
+ <div id="sampleScrollbarButtonUp" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scrollbarbutton-up; -webkit-appearance: scrollbarbutton-up; color: black; }</pre>
@@ -951,7 +951,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scrollbarthumb-horizontal</code></td>
<td>
- <div id="sampleScrollbarThumbHorizontal" style="display: none;">
+ <div id="sampleScrollbarThumbHorizontal" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scrollbarthumb-horizontal; -webkit-appearance: scrollbarthumb-horizontal; color: black; }</pre>
@@ -965,7 +965,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scrollbarthumb-vertical</code></td>
<td>
- <div id="sampleScrollbarThumbVertical" style="display: none;">
+ <div id="sampleScrollbarThumbVertical" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scrollbarthumb-vertical; -webkit-appearance: scrollbarthumb-vertical; color: black; }</pre>
@@ -979,7 +979,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scrollbartrack-horizontal</code></td>
<td>
- <div id="sampleScrollbarTrackHorizontal" style="display: none;">
+ <div id="sampleScrollbarTrackHorizontal" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scrollbartrack-horizontal; -webkit-appearance: scrollbartrack-horizontal; color: black; }</pre>
@@ -993,7 +993,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>scrollbartrack-vertical</code></td>
<td>
- <div id="sampleScrollbarTrackVertical" style="display: none;">
+ <div id="sampleScrollbarTrackVertical" class="hidden">
<pre class="brush:css">
div {-moz-appearance: scrollbartrack-vertical; -webkit-appearance: scrollbarbartrack-vertical; color: black; }</pre>
@@ -1007,7 +1007,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>searchfield</code></td>
<td>
- <div id="sampleSearchField" style="display: none;">
+ <div id="sampleSearchField" class="hidden">
<pre class="brush:css">
div {-moz-appearance: searchfield; -webkit-appearance: searchfield; color: black; }</pre>
@@ -1027,7 +1027,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>separator</code></td>
<td>
- <div id="sampleSeparator" style="display: none;">
+ <div id="sampleSeparator" class="hidden">
<pre class="brush:css">
div {-moz-appearance: separator; -webkit-appearance: separator; color: transparent; }</pre>
@@ -1041,7 +1041,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>sheet</code></td>
<td>
- <div id="sampleSheet" style="display: none;">
+ <div id="sampleSheet" class="hidden">
<pre class="brush:css">
div {-moz-appearance: sheet; -webkit-appearance: sheet; color: black; }</pre>
@@ -1079,7 +1079,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>spinner</code></td>
<td>
- <div id="sampleSpinner" style="display: none;">
+ <div id="sampleSpinner" class="hidden">
<pre class="brush:css">
div {-moz-appearance: spinner; -webkit-appearance: spinner; color: transparent; }</pre>
@@ -1093,7 +1093,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>spinner-downbutton</code></td>
<td>
- <div id="sampleSpinnerDownbutton" style="display: none;">
+ <div id="sampleSpinnerDownbutton" class="hidden">
<pre class="brush:css">
div {-moz-appearance: spinner-downbutton; -webkit-appearance: spinner-downbutton; color: black; }</pre>
@@ -1107,7 +1107,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>spinner-textfield</code></td>
<td>
- <div id="sampleSpinnerTextfield" style="display: none;">
+ <div id="sampleSpinnerTextfield" class="hidden">
<pre class="brush:css">
div {-moz-appearance: spinner-textfield; -webkit-appearance: spinner-textfield; color: black; }</pre>
@@ -1121,7 +1121,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>spinner-upbutton</code></td>
<td>
- <div id="sampleSpinnerUpbutton" style="display: none;">
+ <div id="sampleSpinnerUpbutton" class="hidden">
<pre class="brush:css">
div {-moz-appearance: spinner-upbutton; -webkit-appearance: spinner-upbutton; color: black; }</pre>
@@ -1135,7 +1135,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>splitter</code></td>
<td>
- <div id="sampleSplitter" style="display: none;">
+ <div id="sampleSplitter" class="hidden">
<pre class="brush:css">
div {-moz-appearance: splitter; -webkit-appearance: splitter; color: transparent; }</pre>
@@ -1155,7 +1155,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>statusbar</code></td>
<td>
- <div id="sampleStatusBar" style="display: none;">
+ <div id="sampleStatusBar" class="hidden">
<pre class="brush:css">
div {-moz-appearance: statusbar; -webkit-appearance: statusbar; color: black; }</pre>
@@ -1169,7 +1169,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>statusbarpanel</code></td>
<td>
- <div id="sampleStatusBarPanel" style="display: none;">
+ <div id="sampleStatusBarPanel" class="hidden">
<pre class="brush:css">
div {-moz-appearance: statusbarpanel; -webkit-appearance: statusbarpanel; color: black; }</pre>
@@ -1183,7 +1183,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>tab</code></td>
<td>
- <div id="sampleTab" style="display: none;">
+ <div id="sampleTab" class="hidden">
<pre class="brush:css">
div {-moz-appearance: tab; -webkit-appearance: tab; height: 20px; color: black; }</pre>
@@ -1197,7 +1197,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>tabpanel</code></td>
<td>
- <div id="sampleTabPanel" style="display: none;">
+ <div id="sampleTabPanel" class="hidden">
<pre class="brush:css">
div {-moz-appearance: tabpanel; -webkit-appearance: tabpanel; color: black; }</pre>
@@ -1211,7 +1211,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>tabpanels</code></td>
<td>
- <div id="sampleTabPanels" style="display: none;">
+ <div id="sampleTabPanels" class="hidden">
<pre class="brush:css">
div {-moz-appearance: tabpanels; -webkit-appearance: tabpanels; color: black; }</pre>
@@ -1225,7 +1225,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>tab-scroll-arrow-back</code></td>
<td>
- <div id="sampleTabScrollArrowBack" style="display: none;">
+ <div id="sampleTabScrollArrowBack" class="hidden">
<pre class="brush:css">
div {-moz-appearance: tab-scroll-arrow-back; -webkit-appearance: tab-scroll-arrow-back; color: black; }</pre>
@@ -1239,7 +1239,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>tab-scroll-arrow-forward</code></td>
<td>
- <div id="sampleTabScrollArrowForward" style="display: none;">
+ <div id="sampleTabScrollArrowForward" class="hidden">
<pre class="brush:css">
div {-moz-appearance: tab-scroll-arrow-forward; -webkit-appearance: tab-scroll-arrow-forward; color: black; }</pre>
@@ -1259,7 +1259,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>textfield</code></td>
<td>
- <div id="sampleTextField" style="display: none;">
+ <div id="sampleTextField" class="hidden">
<pre class="brush:css">
div {-moz-appearance: textfield; -webkit-appearance: textfield; color: black; }</pre>
@@ -1273,7 +1273,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>textfield-multiline</code></td>
<td>
- <div id="sampleTextfieldMultiline" style="display: none;">
+ <div id="sampleTextfieldMultiline" class="hidden">
<pre class="brush:css">
div {-moz-appearance: textfield-multiline; -webkit-appearance: textfield-multiline; color: black; }</pre>
@@ -1287,7 +1287,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>toolbar</code></td>
<td>
- <div id="sampleToolbar" style="display: none;">
+ <div id="sampleToolbar" class="hidden">
<pre class="brush:css">
div {-moz-appearance: toolbar; -webkit-appearance: toolbar; color: black; }</pre>
@@ -1301,7 +1301,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>toolbarbutton</code></td>
<td>
- <div id="sampleToolbarButton" style="display: none;">
+ <div id="sampleToolbarButton" class="hidden">
<pre class="brush:css">
div {-moz-appearance: toolbarbutton; -webkit-appearance: toolbarbutton; color: black; }</pre>
@@ -1315,7 +1315,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>toolbarbutton-dropdown</code></td>
<td>
- <div id="sampleToolbarButtonDropdown" style="display: none;">
+ <div id="sampleToolbarButtonDropdown" class="hidden">
<pre class="brush:css">
div {-moz-appearance: toolbarbutton-dropdown; -webkit-appearance: toolbarbutton-dropdown; color: black; }</pre>
@@ -1329,7 +1329,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>toolbargripper</code></td>
<td>
- <div id="sampleToolbarGripper" style="display: none;">
+ <div id="sampleToolbarGripper" class="hidden">
<pre class="brush:css">
div {-moz-appearance: toolbargripper; -webkit-appearance: toolbargripper; color: black; }</pre>
@@ -1343,7 +1343,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>toolbox</code></td>
<td>
- <div id="sampleToolbox" style="display: none;">
+ <div id="sampleToolbox" class="hidden">
<pre class="brush:css">
div {-moz-appearance: toolbox; -webkit-appearance: toolbox; color: black; }</pre>
@@ -1357,7 +1357,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>tooltip</code></td>
<td>
- <div id="sampleTooltip" style="display: none;">
+ <div id="sampleTooltip" class="hidden">
<pre class="brush:css">
div {-moz-appearance: tooltip; -webkit-appearance: tooltip; color: black; }</pre>
@@ -1371,7 +1371,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>treeheader</code></td>
<td>
- <div id="sampleTreeHeader" style="display: none;">
+ <div id="sampleTreeHeader" class="hidden">
<pre class="brush:css">
div {-moz-appearance: treeheader; -webkit-appearance: treeheader; color: black; }</pre>
@@ -1385,7 +1385,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>treeheadercell</code></td>
<td>
- <div id="sampleTreeHeaderCell" style="display: none;">
+ <div id="sampleTreeHeaderCell" class="hidden">
<pre class="brush:css">
div {-moz-appearance: treeheadercell; -webkit-appearance: treeheadercell; height:20px; color: black; }</pre>
@@ -1399,7 +1399,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>treeheadersortarrow</code></td>
<td>
- <div id="sampleTreeHeaderSortArrow" style="display: none;">
+ <div id="sampleTreeHeaderSortArrow" class="hidden">
<pre class="brush:css">
div {-moz-appearance: treeheadersortarrow; -webkit-appearance: treeheadersortarrow; color: black; }</pre>
@@ -1413,7 +1413,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>treeitem</code></td>
<td>
- <div id="sampleTreeItem" style="display: none;">
+ <div id="sampleTreeItem" class="hidden">
<pre class="brush:css">
div {-moz-appearance: treeitem; -webkit-appearance: treeitem; color: black; }</pre>
@@ -1427,7 +1427,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>treeline</code></td>
<td>
- <div id="sampleTreeLine" style="display: none;">
+ <div id="sampleTreeLine" class="hidden">
<pre class="brush:css">
div {-moz-appearance: treeline; -webkit-appearance: treeline; color: black; }</pre>
@@ -1441,7 +1441,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>treetwisty</code></td>
<td>
- <div id="sampleTreeTwisty" style="display: none;">
+ <div id="sampleTreeTwisty" class="hidden">
<pre class="brush:css">
div {-moz-appearance: treetwisty; -webkit-appearance: treetwisty; color: transparent; }</pre>
@@ -1455,7 +1455,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>treetwistyopen</code></td>
<td>
- <div id="sampleTreeTwistyOpen" style="display: none;">
+ <div id="sampleTreeTwistyOpen" class="hidden">
<pre class="brush:css">
div {-moz-appearance: treetwistyopen; -webkit-appearance: treetwistyopen; color: transparent; }</pre>
@@ -1469,7 +1469,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>treeview</code></td>
<td>
- <div id="sampleTreeView" style="display: none;">
+ <div id="sampleTreeView" class="hidden">
<pre class="brush:css">
div {-moz-appearance: treeview; -webkit-appearance: treeview; color: black; }</pre>
@@ -1483,7 +1483,7 @@ translation_of: Web/CSS/appearance
<tr>
<td>{{gecko_minversion_inline("2.0")}} <code>-moz-win-borderless-glass</code></td>
<td>
- <div id="sampleWinBorderlessGlass" style="display: none;">
+ <div id="sampleWinBorderlessGlass" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-win-borderless-glass; color: black; }</pre>
@@ -1497,7 +1497,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-win-browsertabbar-toolbox</code></td>
<td>
- <div id="sampleWinBrowsertabbarToolbox" style="display: none;">
+ <div id="sampleWinBrowsertabbarToolbox" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-win-browsertabbar-toolbox; color: black; }</pre>
@@ -1511,7 +1511,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-win-browsertabbar-toolbox</code></td>
<td>
- <div id="sampleWinBrowsertabbarToolbox" style="display: none;">
+ <div id="sampleWinBrowsertabbarToolbox" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-win-browsertabbar-toolbox; color: black; }</pre>
@@ -1525,7 +1525,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-win-communicationstext</code></td>
<td>
- <div id="sampleWinCommunicationstext" style="display: none;">
+ <div id="sampleWinCommunicationstext" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-win-communicationstext; color: black; }</pre>
@@ -1539,7 +1539,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-win-communications-toolbox</code></td>
<td>
- <div id="sampleWinCommunicationsToolbox" style="display: none;">
+ <div id="sampleWinCommunicationsToolbox" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-win-communications-toolbox; color: black; }</pre>
@@ -1553,7 +1553,7 @@ translation_of: Web/CSS/appearance
<tr>
<td>{{gecko_minversion_inline("6.0")}} <code>-moz-win-exclude-glass</code></td>
<td>
- <div id="sampleWinExcludeGlass" style="display: none;">
+ <div id="sampleWinExcludeGlass" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-win-exclude-glass; color: black; }</pre>
@@ -1567,7 +1567,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-win-glass</code></td>
<td>
- <div id="sampleWinGlass" style="display: none;">
+ <div id="sampleWinGlass" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-win-glass; color: black; }</pre>
@@ -1581,7 +1581,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-win-mediatext</code></td>
<td>
- <div id="sampleWinMediaText" style="display: none;">
+ <div id="sampleWinMediaText" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-win-mediatext; color: black; }</pre>
@@ -1601,7 +1601,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-win-media-toolbox</code></td>
<td>
- <div id="sampleWinMediaToolbox" style="display: none;">
+ <div id="sampleWinMediaToolbox" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-win-media-toolbox; color: black; }</pre>
@@ -1615,7 +1615,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-button-box</code></td>
<td>
- <div id="sampleWindowButtonBox" style="display: none;">
+ <div id="sampleWindowButtonBox" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-button-box; color: black; }</pre>
@@ -1629,7 +1629,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-button-box-maximized</code></td>
<td>
- <div id="sampleWindowButtonBoxMaximized" style="display: none;">
+ <div id="sampleWindowButtonBoxMaximized" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-button-box-maximized; color: black; }</pre>
@@ -1643,7 +1643,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-button-close</code></td>
<td>
- <div id="sampleWindowButtonClose" style="display: none;">
+ <div id="sampleWindowButtonClose" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-button-close; color: black; }</pre>
@@ -1657,7 +1657,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-button-maximize</code></td>
<td>
- <div id="sampleWindowButtonMaximize" style="display: none;">
+ <div id="sampleWindowButtonMaximize" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-button-maximize; color: black; }</pre>
@@ -1671,7 +1671,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-button-minimize</code></td>
<td>
- <div id="sampleWindowButtonMinimize" style="display: none;">
+ <div id="sampleWindowButtonMinimize" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-button-minimize; color: black; }</pre>
@@ -1685,7 +1685,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-button-restore</code></td>
<td>
- <div id="sampleWindowButtonRestore" style="display: none;">
+ <div id="sampleWindowButtonRestore" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-button-restore; color: black; }</pre>
@@ -1699,7 +1699,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-frame-bottom</code></td>
<td>
- <div id="sampleWindowFrameBottom" style="display: none;">
+ <div id="sampleWindowFrameBottom" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-frame-bottom; color: black; }</pre>
@@ -1713,7 +1713,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-frame-left</code></td>
<td>
- <div id="sampleWindowFrameLeft" style="display: none;">
+ <div id="sampleWindowFrameLeft" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-frame-left; color: black; }</pre>
@@ -1727,7 +1727,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-frame-right</code></td>
<td>
- <div id="sampleWindowFrameRight" style="display: none;">
+ <div id="sampleWindowFrameRight" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-frame-right; color: black; }</pre>
@@ -1741,7 +1741,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-titlebar</code></td>
<td>
- <div id="sampleWindowTitlebar" style="display: none;">
+ <div id="sampleWindowTitlebar" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-titlebar; color: black; }</pre>
@@ -1755,7 +1755,7 @@ translation_of: Web/CSS/appearance
<tr>
<td><code>-moz-window-titlebar-maximized</code></td>
<td>
- <div id="sampleWindowTitlebarMaximized" style="display: none;">
+ <div id="sampleWindowTitlebarMaximized" class="hidden">
<pre class="brush:css">
div {-moz-appearance: -moz-window-titlebar-maximized; color: black; }</pre>
diff --git a/files/zh-cn/web/css/background-blend-mode/index.html b/files/zh-cn/web/css/background-blend-mode/index.html
index 0a56ddcfa5..4c063163f1 100644
--- a/files/zh-cn/web/css/background-blend-mode/index.html
+++ b/files/zh-cn/web/css/background-blend-mode/index.html
@@ -38,7 +38,6 @@ background-blend-mode: unset;
<h2 id="Examples" name="Examples">示例</h2>
-<pre class="brush: html" style="display: none;">&lt;div id="div"&gt;&lt;/div&gt;
&lt;select id="select"&gt;
    &lt;option&gt;normal&lt;/option&gt;
    &lt;option&gt;multiply&lt;/option&gt;
@@ -58,14 +57,14 @@ background-blend-mode: unset;
    &lt;option&gt;luminosity&lt;/option&gt;
&lt;/select&gt;</pre>
-<pre class="brush: css" style="display: none;">#div {
+<pre class="brush: css" class="hidden">#div {
    width: 300px;
    height: 300px;
    background: url('https://mdn.mozillademos.org/files/8543/br.png'),url('https://mdn.mozillademos.org/files/8545/tr.png');
    background-blend-mode: screen;
}</pre>
-<pre class="brush: js" style="display: none;">document.getElementById("select").onchange = function(event) {
+<pre class="brush: js" class="hidden">document.getElementById("select").onchange = function(event) {
    document.getElementById("div").style.backgroundBlendMode = document.getElementById("select").selectedOptions[0].innerHTML;
}
console.log(document.getElementById('div'));</pre>
diff --git a/files/zh-cn/web/css/border-block-end/index.html b/files/zh-cn/web/css/border-block-end/index.html
index 88755b3ea1..4c152ed08b 100644
--- a/files/zh-cn/web/css/border-block-end/index.html
+++ b/files/zh-cn/web/css/border-block-end/index.html
@@ -107,7 +107,7 @@ border-block-end: medium dashed blue;
<div class="outputBox-2sJgr_0"> </div>
-<div class="outputBox-17RAm_0" style="display: none;">
+<div class="outputBox-17RAm_0" class="hidden">
<div> </div>
</div>
</div>
diff --git a/files/zh-cn/web/css/border-bottom-left-radius/index.html b/files/zh-cn/web/css/border-bottom-left-radius/index.html
index 4f33b40f4c..38df1781cc 100644
--- a/files/zh-cn/web/css/border-bottom-left-radius/index.html
+++ b/files/zh-cn/web/css/border-bottom-left-radius/index.html
@@ -69,7 +69,7 @@ border-bottom-left-radius: inherit;
<tr>
<td style="padding: 1.5em;">
<div style="background-color: lightgreen; border: solid 1px black; border-bottom-left-radius: 40px 40px; width: 100px; height: 100px;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>An arc of circle is used as the border
@@ -83,7 +83,7 @@ div {
<tr>
<td style="padding: 1.5em;">
<div style="background-color: lightgreen; border: solid 1px black; border-bottom-left-radius: 40px 20px; width: 100px; height: 100px;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>An arc of ellipse is used as the border
@@ -97,7 +97,7 @@ div {
<tr>
<td style="padding: 1.5em;">
<div style="background-color: lightgreen; border: solid 1px black; border-bottom-left-radius: 40%; width: 100px; height: 100px;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>The box is a square: an arc of circle is used as the border
@@ -111,7 +111,7 @@ div {
<tr>
<td style="padding: 1.5em;">
<div style="background-color: lightgreen; border: solid 1px black; border-bottom-left-radius: 40%; width: 100px; height: 200px;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>The box is not a square: an arc of ellipse is used as the border
@@ -125,7 +125,7 @@ div {
<tr>
<td style="padding: 1.5em;">
<div style="border: black 3px double; border-bottom-left-radius: 40%; height: 100px; width: 100px; background-color: rgb(250,20,70); background-clip: content-box;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>The background color is clipped at the border
diff --git a/files/zh-cn/web/css/border-bottom-right-radius/index.html b/files/zh-cn/web/css/border-bottom-right-radius/index.html
index d63776da87..8c69521fce 100644
--- a/files/zh-cn/web/css/border-bottom-right-radius/index.html
+++ b/files/zh-cn/web/css/border-bottom-right-radius/index.html
@@ -71,7 +71,7 @@ border-bottom-right-radius: inherit;</pre>
<tr>
<td style="padding: 1.5em;">
<div style="background-color: lightgreen; border: solid 1px black; border-bottom-right-radius: 40px 40px; width: 100px; height: 100px;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>An arc of circle is used as the border
@@ -85,7 +85,7 @@ div {
<tr>
<td style="padding: 1.5em;">
<div style="background-color: lightgreen; border: solid 1px black; border-bottom-right-radius: 40px 20px; width: 100px; height: 100px;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>An arc of ellipse is used as the border
@@ -99,7 +99,7 @@ div {
<tr>
<td style="padding: 1.5em;">
<div style="background-color: lightgreen; border: solid 1px black; border-bottom-right-radius: 40%; width: 100px; height: 100px;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>The box is a square: an arc of circle is used as the border
@@ -113,7 +113,7 @@ div {
<tr>
<td style="padding: 1.5em;">
<div style="background-color: lightgreen; border: solid 1px black; border-bottom-right-radius: 40%; width: 100px; height: 200px;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>The box is not a square: an arc of ellipse is used as the border
@@ -127,7 +127,7 @@ div {
<tr>
<td style="padding: 1.5em;">
<div style="border: black 3px double; border-bottom-right-radius: 40%; height: 100px; width: 100px; background-color: rgb(250,20,70); background-clip: content-box;">
- <div style="display: none;">.</div>
+ <div class="hidden">.</div>
</div>
</td>
<td>The background color is clipped at the border
diff --git a/files/zh-cn/web/css/css_background_and_borders/border-image_generator/index.html b/files/zh-cn/web/css/css_background_and_borders/border-image_generator/index.html
index 64fde3e7f7..85b576cfd7 100644
--- a/files/zh-cn/web/css/css_background_and_borders/border-image_generator/index.html
+++ b/files/zh-cn/web/css/css_background_and_borders/border-image_generator/index.html
@@ -8,7 +8,7 @@ translation_of: Web/CSS/CSS_Background_and_Borders/Border-image_generator
---
<p>这个工具用于生成 CSS3 {{cssxref("border-image")}} 的值.</p>
-<div style="display: none;">
+<div class="hidden">
<h2 id="Border_Image_Generator" name="Border_Image_Generator">Border Image Generator</h2>
<h3 id="HTML_Content">HTML Content</h3>
diff --git a/files/zh-cn/web/css/css_background_and_borders/border-radius_generator/index.html b/files/zh-cn/web/css/css_background_and_borders/border-radius_generator/index.html
index dce36347b6..70ffc1aad1 100644
--- a/files/zh-cn/web/css/css_background_and_borders/border-radius_generator/index.html
+++ b/files/zh-cn/web/css/css_background_and_borders/border-radius_generator/index.html
@@ -6,7 +6,7 @@ original_slug: Web/CSS/CSS_Background_and_Borders/圆角边框发生器
---
<p>使用<em>Border-radius generator</em>生成 CSS3 {{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="HTML_Content">HTML Content</h3>
diff --git a/files/zh-cn/web/css/css_background_and_borders/box-shadow_generator/index.html b/files/zh-cn/web/css/css_background_and_borders/box-shadow_generator/index.html
index 05235e41f1..79b9abe9e2 100644
--- a/files/zh-cn/web/css/css_background_and_borders/box-shadow_generator/index.html
+++ b/files/zh-cn/web/css/css_background_and_borders/box-shadow_generator/index.html
@@ -6,7 +6,7 @@ original_slug: Web/CSS/CSS_Box_Model/Box-shadow_generator
---
<p>这个可视化工具可以帮助你生成一个元素的CSS{{cssxref("box-shadow")}}相关代码,添加box shadow效果到你的CSS对象上。</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/zh-cn/web/css/css_colors/color_picker_tool/index.html b/files/zh-cn/web/css/css_colors/color_picker_tool/index.html
index ba1302f370..aa796d7ede 100644
--- a/files/zh-cn/web/css/css_colors/color_picker_tool/index.html
+++ b/files/zh-cn/web/css/css_colors/color_picker_tool/index.html
@@ -10,7 +10,7 @@ tags:
- 颜色选择
translation_of: Web/CSS/CSS_Colors/Color_picker_tool
---
-<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/zh-cn/web/css/css_flexible_box_layout/basic_concepts_of_flexbox/index.html b/files/zh-cn/web/css/css_flexible_box_layout/basic_concepts_of_flexbox/index.html
index 236fd280c0..bf0724514e 100644
--- a/files/zh-cn/web/css/css_flexible_box_layout/basic_concepts_of_flexbox/index.html
+++ b/files/zh-cn/web/css/css_flexible_box_layout/basic_concepts_of_flexbox/index.html
@@ -229,5 +229,5 @@ translation_of: Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox
<p>在读完这篇文章之后,你应该掌握了flexbox的基本特性。在下一篇文章中,我们将会学习如何与其他CSS一起使用。</p>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/css/css_positioning/understanding_z_index/stacking_context_example_1/index.html b/files/zh-cn/web/css/css_positioning/understanding_z_index/stacking_context_example_1/index.html
index 6f274711be..8704e3aa76 100644
--- a/files/zh-cn/web/css/css_positioning/understanding_z_index/stacking_context_example_1/index.html
+++ b/files/zh-cn/web/css/css_positioning/understanding_z_index/stacking_context_example_1/index.html
@@ -120,7 +120,7 @@ original_slug: Web/Guide/CSS/Understanding_z_index/Stacking_context_example_1
<li><a href="/en/CSS/Understanding_z-index/Adding_z-index" title="en/CSS/Understanding_z-index/Adding_z-index">Adding z-index</a> : Using z-index to change default stacking</li>
<li><a href="/en/CSS/Understanding_z-index/The_stacking_context" title="en/CSS/Understanding_z-index/The_stacking_context">The stacking context</a> : Notes on the stacking context</li>
<li><a href="/en/CSS/Understanding_z-index/Stacking_context_example_2" title="en/CSS/Understanding_z-index/Stacking_context_example_2">Stacking context example 2</a> : 2-level HTML hierarchy, z-index on all levels</li>
- <li><a href="/en/CSS/Understanding_z-index/Stacking_context_example_3" title="en/CSS/Understanding_z-index/Stacking_context_example_3">Stacking context example 3</a> : 3-level HTML hierarchy, z-index on the second level<span id="cke_bm_89E" style="display: none;"> </span></li>
+ <li><a href="/en/CSS/Understanding_z-index/Stacking_context_example_3" title="en/CSS/Understanding_z-index/Stacking_context_example_3">Stacking context example 3</a> : 3-level HTML hierarchy, z-index on the second level<span id="cke_bm_89E" class="hidden"> </span></li>
</ul>
<div class="originaldocinfo">
diff --git a/files/zh-cn/web/css/css_positioning/understanding_z_index/stacking_without_z-index/index.html b/files/zh-cn/web/css/css_positioning/understanding_z_index/stacking_without_z-index/index.html
index 609ffc446d..59f44fd152 100644
--- a/files/zh-cn/web/css/css_positioning/understanding_z_index/stacking_without_z-index/index.html
+++ b/files/zh-cn/web/css/css_positioning/understanding_z_index/stacking_without_z-index/index.html
@@ -144,7 +144,7 @@ span.bold { font-weight: bold; }
<li><a href="/zh-CN/CSS/Understanding_z-index/The_stacking_context" title="en/CSS/Understanding_z-index/The_stacking_context">堆叠上下文</a> : 堆叠上下文的注意事项</li>
<li><a href="/zh-CN/CSS/Understanding_z-index/Stacking_context_example_1" title="en/CSS/Understanding_z-index/Stacking_context_example_1">堆叠上下文示例 1</a> : 在两层元素的第二层上使用 z-index</li>
<li><a href="/zh-CN/CSS/Understanding_z-index/Stacking_context_example_2" title="en/CSS/Understanding_z-index/Stacking_context_example_2">堆叠上下文示例 2</a> : 在两层元素的所有层上使用 z-index</li>
- <li><a href="/zh-CN/CSS/Understanding_z-index/Stacking_context_example_3" title="en/CSS/Understanding_z-index/Stacking_context_example_3">堆叠上下文示例 3</a> : 在三层元素的第二层上使用 z-index<span id="cke_bm_94E" style="display: none;"> </span></li>
+ <li><a href="/zh-CN/CSS/Understanding_z-index/Stacking_context_example_3" title="en/CSS/Understanding_z-index/Stacking_context_example_3">堆叠上下文示例 3</a> : 在三层元素的第二层上使用 z-index<span id="cke_bm_94E" class="hidden"> </span></li>
</ul>
<p> </p>
diff --git a/files/zh-cn/web/css/css_transitions/using_css_transitions/index.html b/files/zh-cn/web/css/css_transitions/using_css_transitions/index.html
index 9cc37073b1..2a9dd87fdf 100644
--- a/files/zh-cn/web/css/css_transitions/using_css_transitions/index.html
+++ b/files/zh-cn/web/css/css_transitions/using_css_transitions/index.html
@@ -81,7 +81,7 @@ translation_of: Web/CSS/CSS_Transitions/Using_CSS_transitions
<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;
@@ -146,7 +146,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;
@@ -211,7 +211,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;
@@ -276,7 +276,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;
@@ -346,7 +346,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;
@@ -409,7 +409,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;
@@ -472,7 +472,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;
@@ -535,7 +535,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;
@@ -603,7 +603,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;
@@ -670,7 +670,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;
@@ -737,7 +737,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;
@@ -804,7 +804,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/zh-cn/web/css/filter/index.html b/files/zh-cn/web/css/filter/index.html
index 4b8ab9fcdb..2720d90030 100644
--- a/files/zh-cn/web/css/filter/index.html
+++ b/files/zh-cn/web/css/filter/index.html
@@ -126,7 +126,7 @@ filter: unset;</pre>
&lt;/svg&gt;
</pre>
-<div id="contrast_example" style="display: none;">
+<div id="contrast_example" class="hidden">
<pre class="brush: html notranslate">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -241,7 +241,7 @@ table.standard-table td {
<pre class="brush: css notranslate">filter: grayscale(100%)</pre>
-<div id="grayscale_example" style="display: none;">
+<div id="grayscale_example" class="hidden">
<pre class="brush: html notranslate">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -331,7 +331,7 @@ table.standard-table td {
&lt;filter /&gt;
&lt;/svg&gt;</pre>
-<div id="huerotate_example" style="display: none;">
+<div id="huerotate_example" class="hidden">
<pre class="brush: html notranslate">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -412,7 +412,7 @@ table.standard-table td {
<pre class="brush: css notranslate">filter: invert(100%)</pre>
-<div id="invert_example" style="display: none;">
+<div id="invert_example" class="hidden">
<pre class="brush: html notranslate">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -496,7 +496,7 @@ table.standard-table td {
<pre class="brush: css notranslate">filter: opacity(50%)</pre>
-<div id="opacity_example" style="display: none;">
+<div id="opacity_example" class="hidden">
<pre class="brush: html notranslate">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -578,7 +578,7 @@ table.standard-table td {
<pre class="brush: css notranslate">filter: saturate(200%)</pre>
-<div id="saturate_example" style="display: none;">
+<div id="saturate_example" class="hidden">
<pre class="brush: html notranslate">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -659,7 +659,7 @@ table.standard-table td {
<pre class="brush: css notranslate">filter: sepia(100%)</pre>
-<div id="sepia_example" style="display: none;">
+<div id="sepia_example" class="hidden">
<pre class="brush: html notranslate">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
@@ -743,7 +743,7 @@ table.standard-table td {
<pre class="brush: css notranslate">filter: contrast(175%) brightness(3%)</pre>
-<div id="combination_example" style="display: none;">
+<div id="combination_example" class="hidden">
<pre class="brush: html notranslate">&lt;table class="standard-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
diff --git a/files/zh-cn/web/css/font/index.html b/files/zh-cn/web/css/font/index.html
index 6a5b733707..a8464557d8 100644
--- a/files/zh-cn/web/css/font/index.html
+++ b/files/zh-cn/web/css/font/index.html
@@ -109,9 +109,8 @@ translation_of: Web/CSS/font
<h3 id="live_sample" name="live_sample">实样</h3>
-<p id="HTML_Content" style="display: none;">HTML Content</p>
+<p id="HTML_Content" class="hidden">HTML Content</p>
-<pre class="brush: html" style="display: none;">&lt;p&gt;
    Change the radio buttons below to see the generated shorthand and it's effect.
&lt;/p&gt;
&lt;form action="createShortHand()"&gt;
@@ -203,9 +202,9 @@ translation_of: Web/CSS/font
&lt;/div&gt;
</pre>
-<p id="CSS_Content" style="display: none;">CSS Content</p>
+<p id="CSS_Content" class="hidden">CSS Content</p>
-<pre class="brush: css" style="display: none;">body, input {
+<pre class="brush: css" class="hidden">body, input {
font: 14px arial;
}
@@ -252,9 +251,9 @@ translation_of: Web/CSS/font
text-align: right;
}</pre>
-<p id="JavaScript_Content" style="display: none;">JavaScript Content</p>
+<p id="JavaScript_Content" class="hidden">JavaScript Content</p>
-<pre class="brush: js" style="display: none;">var textAreas = document.getElementsByClassName("curCss"),
+<pre class="brush: js" class="hidden">var textAreas = document.getElementsByClassName("curCss"),
    shortText = "",
    getCheckedValue,
    setCss,
diff --git a/files/zh-cn/web/css/overscroll-behavior/index.html b/files/zh-cn/web/css/overscroll-behavior/index.html
index 047444d023..728f41aa94 100644
--- a/files/zh-cn/web/css/overscroll-behavior/index.html
+++ b/files/zh-cn/web/css/overscroll-behavior/index.html
@@ -108,5 +108,5 @@ overflow: unset;
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/css/padding-top/index.html b/files/zh-cn/web/css/padding-top/index.html
index ad13e5ef19..1b1e3f2db3 100644
--- a/files/zh-cn/web/css/padding-top/index.html
+++ b/files/zh-cn/web/css/padding-top/index.html
@@ -146,5 +146,5 @@ padding-top: unset;
</ul>
<p>
- <audio style="display: none;"> </audio>
+ <audio class="hidden"> </audio>
</p>
diff --git a/files/zh-cn/web/css/repeating-linear-gradient()/index.html b/files/zh-cn/web/css/repeating-linear-gradient()/index.html
index 1fe6e76b86..39c25687f3 100644
--- a/files/zh-cn/web/css/repeating-linear-gradient()/index.html
+++ b/files/zh-cn/web/css/repeating-linear-gradient()/index.html
@@ -90,7 +90,7 @@ where <code>&lt;side-or-corner&gt; = [left | right] || [top | bottom]</code>
&lt;/ol&gt;</pre>
</div>
-<div id="Example_hidden" style="display: none;">
+<div id="Example_hidden" class="hidden">
<pre class="brush: css notranslate">div {
display: block;
width: 50%;
diff --git a/files/zh-cn/web/css/repeating-radial-gradient()/index.html b/files/zh-cn/web/css/repeating-radial-gradient()/index.html
index 822bab8e6d..94cf5f2d19 100644
--- a/files/zh-cn/web/css/repeating-radial-gradient()/index.html
+++ b/files/zh-cn/web/css/repeating-radial-gradient()/index.html
@@ -86,9 +86,8 @@ where &lt;extent-keyword&gt; = closest-corner | closest-side | farthest-corner |
<h3 id="黑白相间的渐变">黑白相间的渐变</h3>
-<pre class="brush: html notranslate" style="display: none;">&lt;div id="grad1"&gt;Black white&lt;/div&gt;</pre>
-<pre class="brush: css notranslate" style="display: none;">div {
+<pre class="brush: css notranslate" class="hidden">div {
display: block;
width: 50%;
height: 80px;
@@ -114,9 +113,8 @@ where &lt;extent-keyword&gt; = closest-corner | closest-side | farthest-corner |
<h3 id="Farthest-corner渐变">Farthest-corner渐变</h3>
-<pre class="brush: html notranslate" style="display: none;">&lt;div id="grad1"&gt;Farthest-corner&lt;/div&gt;</pre>
-<pre class="brush: css notranslate" style="display: none;">div {
+<pre class="brush: css notranslate" class="hidden">div {
display: block;
width: 50%;
height: 80px;
diff --git a/files/zh-cn/web/css/text-decoration-style/index.html b/files/zh-cn/web/css/text-decoration-style/index.html
index 33d3cce79b..0285e527f8 100644
--- a/files/zh-cn/web/css/text-decoration-style/index.html
+++ b/files/zh-cn/web/css/text-decoration-style/index.html
@@ -60,7 +60,7 @@ text-decoration-style: unset;
<h2 id="示例">示例</h2>
<div id="Examples">
-<pre class="brush: css" style="display: none;">.example {
+<pre class="brush: css" class="hidden">.example {
-moz-text-decoration-line: underline;
-moz-text-decoration-style: wavy;
-moz-text-decoration-color: red;
diff --git a/files/zh-cn/web/css/text-shadow/index.html b/files/zh-cn/web/css/text-shadow/index.html
index 3d0ce10c68..7522026848 100644
--- a/files/zh-cn/web/css/text-shadow/index.html
+++ b/files/zh-cn/web/css/text-shadow/index.html
@@ -152,9 +152,9 @@ text-shadow: unset;</pre>
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/css/transition-delay/index.html b/files/zh-cn/web/css/transition-delay/index.html
index 19ba83c5b8..e573d84328 100644
--- a/files/zh-cn/web/css/transition-delay/index.html
+++ b/files/zh-cn/web/css/transition-delay/index.html
@@ -49,7 +49,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;
@@ -116,7 +116,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;
@@ -183,7 +183,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;
@@ -250,7 +250,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/zh-cn/web/css/transition-duration/index.html b/files/zh-cn/web/css/transition-duration/index.html
index b3db77b492..55f561a7a0 100644
--- a/files/zh-cn/web/css/transition-duration/index.html
+++ b/files/zh-cn/web/css/transition-duration/index.html
@@ -44,7 +44,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;
@@ -109,7 +109,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;
@@ -174,7 +174,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;
@@ -239,7 +239,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;
diff --git a/files/zh-cn/web/css/transition-timing-function/index.html b/files/zh-cn/web/css/transition-timing-function/index.html
index 3cceed4dfc..8733097d9b 100644
--- a/files/zh-cn/web/css/transition-timing-function/index.html
+++ b/files/zh-cn/web/css/transition-timing-function/index.html
@@ -48,7 +48,7 @@ transition-timing-function: inherit
<div id="ttf_ease">
<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;
@@ -111,7 +111,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="ttf_easein" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-timing-function: ease-in</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;
@@ -174,7 +174,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="ttf_easeout" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-timing-function: ease-out</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;
@@ -237,7 +237,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="ttf_easeinout" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-timing-function: ease-in-out</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;
@@ -301,7 +301,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;
@@ -364,7 +364,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="ttf_stepstart" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-timing-function: step-start</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;
@@ -427,7 +427,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;
@@ -490,7 +490,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;
diff --git a/files/zh-cn/web/guide/html/html5/index.html b/files/zh-cn/web/guide/html/html5/index.html
index cf907d36d7..34bd9fb118 100644
--- a/files/zh-cn/web/guide/html/html5/index.html
+++ b/files/zh-cn/web/guide/html/html5/index.html
@@ -182,5 +182,5 @@ translation_of: Web/Guide/HTML/HTML5
<p>被废弃的重复链接:https://developer.mozilla.org/zh-CN/docs/HTML5_junk</p>
<p>
- <audio style="display: none;"> </audio>
+ <audio class="hidden"> </audio>
</p>
diff --git a/files/zh-cn/web/html/element/iframe/index.html b/files/zh-cn/web/html/element/iframe/index.html
index c25323e8f6..f67d286d24 100644
--- a/files/zh-cn/web/html/element/iframe/index.html
+++ b/files/zh-cn/web/html/element/iframe/index.html
@@ -134,10 +134,10 @@ translation_of: Web/HTML/Element/iframe
</dd>
</dl>
-<h3 id="非标准属性_non-standard_inline">非标准属性 {{non-standard_inline}}<span style="display: none;"> </span><span style="display: none;"> </span></h3>
+<h3 id="非标准属性_non-standard_inline">非标准属性 {{non-standard_inline}}<span class="hidden"> </span><span class="hidden"> </span></h3>
<dl>
- <dt><strong>{{htmlattrdef("mozbrowser")}} {{non-standard_inline}} </strong><span style="display: none;"> </span><span style="display: none;"> </span></dt>
+ <dt><strong>{{htmlattrdef("mozbrowser")}} {{non-standard_inline}} </strong><span class="hidden"> </span><span class="hidden"> </span></dt>
</dl>
<div class="blockIndicator note">
diff --git a/files/zh-cn/web/html/element/input/number/index.html b/files/zh-cn/web/html/element/input/number/index.html
index ef7aec6323..4baa8ba6ee 100644
--- a/files/zh-cn/web/html/element/input/number/index.html
+++ b/files/zh-cn/web/html/element/input/number/index.html
@@ -233,7 +233,6 @@ input:valid+span:after {
&lt;input id="meters" type="number" name="meters" step="0.01" min="0" placeholder="e.g. 1.78" required&gt;
&lt;span class="validity"&gt;&lt;/span&gt;
&lt;/div&gt;
- &lt;div class="feetInputGroup" style="display: none;"&gt;
&lt;span&gt;Enter your height — &lt;/span&gt;
&lt;label for="feet"&gt;feet:&lt;/label&gt;
&lt;input id="feet" type="number" name="feet" min="0" step="1"&gt;
@@ -252,7 +251,7 @@ input:valid+span:after {
<p>You'll see that we are using many of the attributes we've already looked at in the article earlier on. Since we want to accept a meter value in centimeters, we've set the <code>step</code> value to <code>0.01</code>, so that values like 1.78 are not seen as invalid. We've also provided a placeholder for that input.</p>
-<p>We've hidden the feet and inches inputs initially using <code>style="display: none;"</code> so that meters is the default entry type.</p>
+<p>We've hidden the feet and inches inputs initially using <code>class="hidden"</code> so that meters is the default entry type.</p>
<p>Now on to the CSS — this looks very similar to the validation styling we saw before; nothing remarkable here:</p>
diff --git a/files/zh-cn/web/html/global_attributes/index.html b/files/zh-cn/web/html/global_attributes/index.html
index 86a17db9f7..3654265669 100644
--- a/files/zh-cn/web/html/global_attributes/index.html
+++ b/files/zh-cn/web/html/global_attributes/index.html
@@ -22,7 +22,7 @@ translation_of: Web/HTML/Global_attributes
<li><a href="https://developer.mozilla.org/zh-CN/docs/Web/Guide/Events/Event_handlers">事件处理程序</a> 属性:<strong><code>onabort</code></strong>, <code><strong>onautocomplete</strong></code>, <code><strong>onautocompleteerror</strong></code>, <code><strong>onblur</strong></code>, <code><strong>oncancel</strong></code>, <code><strong>oncanplay</strong></code>, <code><strong>oncanplaythrough</strong></code>, <code><strong>onchange</strong></code>, <code><strong>onclick</strong></code>, <code><strong>onclose</strong></code>, <code><strong>oncontextmenu</strong></code>, <code><strong>oncuechange</strong></code>, <code><strong>ondblclick</strong></code>, <code><strong>ondrag</strong></code>, <code><strong>ondragend</strong></code>, <code><strong>ondragenter</strong></code>, <code><strong>ondragexit</strong></code>, <code><strong>ondragleave</strong></code>, <code><strong>ondragover</strong></code>, <code><strong>ondragstart</strong></code>, <code><strong>ondrop</strong></code>, <code><strong>ondurationchange</strong></code>, <code><strong>onemptied</strong></code>, <code><strong>onended</strong></code>, <code><strong>onerror</strong></code>, <code><strong>onfocus</strong></code>, <code><strong>oninput</strong></code>, <code><strong>oninvalid</strong></code>, <code><strong>onkeydown</strong></code>, <code><strong>onkeypress</strong></code>, <code><strong>onkeyup</strong></code>, <code><strong>onload</strong></code>, <code><strong>onloadeddata</strong></code>, <code><strong>onloadedmetadata</strong></code>, <code><strong>onloadstart</strong></code>, <code><strong>onmousedown</strong></code>, <code><strong>onmouseenter</strong></code>, <code><strong>onmouseleave</strong></code>, <code><strong>onmousemove</strong></code>, <code><strong>onmouseout</strong></code>, <code><strong>onmouseover</strong></code>, <code><strong>onmouseup</strong></code>, <code><strong>onmousewheel</strong></code>, <code><strong>onpause</strong></code>, <code><strong>onplay</strong></code>, <code><strong>onplaying</strong></code>, <code><strong>onprogress</strong></code>, <code><strong>onratechange</strong></code>, <code><strong>onreset</strong></code>, <code><strong>onresize</strong></code>, <code><strong>onscroll</strong></code>, <code><strong>onseeked</strong></code>, <code><strong>onseeking</strong></code>, <code><strong>onselect</strong></code>, <code><strong>onshow</strong></code>, <code><strong>onsort</strong></code>, <code><strong>onstalled</strong></code>, <code><strong>onsubmit</strong></code>, <code><strong>onsuspend</strong></code>, <code><strong>ontimeupdate</strong></code>, <code><strong>ontoggle</strong></code>, <code><strong>onvolumechange</strong></code>, <code><strong>onwaiting</strong></code>.</li>
</ul>
-<h2 id="全局属性列表">全局属性列表<span style="display: none;"> </span><span style="display: none;"> </span></h2>
+<h2 id="全局属性列表">全局属性列表<span class="hidden"> </span><span class="hidden"> </span></h2>
<ul>
</ul>
diff --git a/files/zh-cn/web/javascript/guide/regular_expressions/unicode_property_escapes/index.html b/files/zh-cn/web/javascript/guide/regular_expressions/unicode_property_escapes/index.html
index 0b0252022a..5ef6c0ec75 100644
--- a/files/zh-cn/web/javascript/guide/regular_expressions/unicode_property_escapes/index.html
+++ b/files/zh-cn/web/javascript/guide/regular_expressions/unicode_property_escapes/index.html
@@ -39,7 +39,7 @@ translation_of: Web/JavaScript/Guide/Regular_Expressions/Unicode_Property_Escape
<li><a href="https://unicode.org/reports/tr24/#Script_Extensions">Script_Extensions</a> (<code>scx</code>)</li>
</ul>
-<p>参考 <a href="https://www.unicode.org/Public/UCD/latest/ucd/PropertyValueAliases.txt">PropertyValueAliases.txt<span style="display: none;"> </span></a></p>
+<p>参考 <a href="https://www.unicode.org/Public/UCD/latest/ucd/PropertyValueAliases.txt">PropertyValueAliases.txt<span class="hidden"> </span></a></p>
<dl>
<dt>UnicodeBinary属性名</dt>
diff --git a/files/zh-cn/web/javascript/reference/global_objects/atomics/index.html b/files/zh-cn/web/javascript/reference/global_objects/atomics/index.html
index 4c80b3f868..b00344ba74 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/atomics/index.html
+++ b/files/zh-cn/web/javascript/reference/global_objects/atomics/index.html
@@ -24,7 +24,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Atomics
<h2 id="方法">方法</h2>
<dl>
- <dt><span style="display: none;"> </span></dt>
+ <dt><span class="hidden"> </span></dt>
<dt>{{jsxref("Atomics.add()")}}</dt>
<dd>将指定位置上的数组元素与给定的值相加,并返回相加前该元素的值。</dd>
<dt><strong>{{jsxref("Atomics.and()")}}</strong></dt>
diff --git a/files/zh-cn/web/javascript/reference/global_objects/bigint64array/index.html b/files/zh-cn/web/javascript/reference/global_objects/bigint64array/index.html
index 23a2a114b6..e1cdb4179e 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/bigint64array/index.html
+++ b/files/zh-cn/web/javascript/reference/global_objects/bigint64array/index.html
@@ -39,13 +39,13 @@ translation_of: Web/JavaScript/Reference/Global_Objects/BigInt64Array
<dt>{{jsxref("TypedArray.prototype.byteOffset", "BigInt64Array.prototype.byteOffset")}}</dt>
<dd>返回 <code>BigInt64Array</code> 从{jsxref(“ArrayBuffer”)}}开始的偏移量(以字节为单位)。这在构造时已被固定的,因此是只读。</dd>
<dt>{{jsxref("TypedArray.prototype.length", "BigInt64Array.prototype.length")}}</dt>
- <dd><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span>
- <p>返回 <code>BigInt64Array</code> 中被<span style="display: none;"> </span>保留的元<span style="display: none;"> </span>素个数。这<span style="display: none;"> </span><span style="display: none;"> </span>在构造时是固定的,因此是只读<span style="display: none;"> </span>。<span style="display: none;"> </span><span style="display: none;"> </span><strong><span style="display: none;"> </span></strong></p>
+ <dd><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span>
+ <p>返回 <code>BigInt64Array</code> 中被<span class="hidden"> </span>保留的元<span class="hidden"> </span>素个数。这<span class="hidden"> </span><span class="hidden"> </span>在构造时是固定的,因此是只读<span class="hidden"> </span>。<span class="hidden"> </span><span class="hidden"> </span><strong><span class="hidden"> </span></strong></p>
- <p><span style="display: none;"> </span><span style="display: none;"> </span></p>
- <span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span>
+ <p><span class="hidden"> </span><span class="hidden"> </span></p>
+ <span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span>
- <h2 id="sect1"><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span></h2>
+ <h2 id="sect1"><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span></h2>
</dd>
</dl>
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/getday/index.html b/files/zh-cn/web/javascript/reference/global_objects/date/getday/index.html
index 20147639c4..86fa7a85d4 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/getday/index.html
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/getday/index.html
@@ -51,7 +51,7 @@ console.log(new Intl.DateTimeFormat('de-DE', options).format(Xmas95));
<th scope="col">注解</th>
</tr>
<tr>
- <td>{{SpecName('ESDraft', '#sec-date.prototype.getday', 'Date.prototype.getDay')}}<span style="display: none;"> </span><span style="display: none;"> </span></td>
+ <td>{{SpecName('ESDraft', '#sec-date.prototype.getday', 'Date.prototype.getDay')}}<span class="hidden"> </span><span class="hidden"> </span></td>
<td>{{Spec2('ESDraft')}}  </td>
<td></td>
</tr>
diff --git a/files/zh-cn/web/javascript/reference/global_objects/decodeuri/index.html b/files/zh-cn/web/javascript/reference/global_objects/decodeuri/index.html
index dfaaf7e104..c3cd66adae 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/decodeuri/index.html
+++ b/files/zh-cn/web/javascript/reference/global_objects/decodeuri/index.html
@@ -113,9 +113,9 @@ translation_of: Web/JavaScript/Reference/Global_Objects/decodeURI
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/javascript/reference/global_objects/decodeuricomponent/index.html b/files/zh-cn/web/javascript/reference/global_objects/decodeuricomponent/index.html
index 07070206e4..a45b313f7c 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/decodeuricomponent/index.html
+++ b/files/zh-cn/web/javascript/reference/global_objects/decodeuricomponent/index.html
@@ -146,5 +146,5 @@ translation_of: Web/JavaScript/Reference/Global_Objects/decodeURIComponent
</ul>
<p>
- <audio style="display: none;"> </audio>
+ <audio class="hidden"> </audio>
</p>
diff --git a/files/zh-cn/web/javascript/reference/global_objects/function/index.html b/files/zh-cn/web/javascript/reference/global_objects/function/index.html
index 217ac78e3d..5358d39627 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/function/index.html
+++ b/files/zh-cn/web/javascript/reference/global_objects/function/index.html
@@ -38,7 +38,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Function
<p>使用 <code>Function</code> 构造器生成的 <code>Function</code> 对象是在函数创建时解析的。这比你使用<a href="/zh-CN/docs/Web/JavaScript/Reference/Operators/function">函数声明</a>或者<a href="/zh-CN/docs/Web/JavaScript/Reference/Operators/function">函数表达式</a>并在你的代码中调用更为低效,因为使用后者创建的函数是跟其他代码一起解析的。</p>
-<p>所有被传递到构造函数中的参数,都将被视为将被创建的函数的参数,并且是相同的标示符名称和传递顺序。<a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/eval"><span style="display: none;"> </span></a></p>
+<p>所有被传递到构造函数中的参数,都将被视为将被创建的函数的参数,并且是相同的标示符名称和传递顺序。<a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/eval"><span class="hidden"> </span></a></p>
<p>以调用函数的方式调用 <code>Function</code> 的构造函数(而不是使用 <code>new</code> 关键字) 跟以构造函数来调用是一样的。</p>
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/floor/index.html b/files/zh-cn/web/javascript/reference/global_objects/math/floor/index.html
index f41d9aedfc..91e6f0c395 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/floor/index.html
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/floor/index.html
@@ -146,7 +146,7 @@ Math.ceil10(-59, 1); // -50
<td></td>
</tr>
<tr>
- <td>{{SpecName('ES6', '#sec-math.floor', 'Math.floor')}}<span style="display: none;"> </span></td>
+ <td>{{SpecName('ES6', '#sec-math.floor', 'Math.floor')}}<span class="hidden"> </span></td>
<td>{{Spec2('ES6')}}</td>
<td></td>
</tr>
diff --git a/files/zh-cn/web/javascript/reference/global_objects/set/index.html b/files/zh-cn/web/javascript/reference/global_objects/set/index.html
index 6d4dca88c9..bcd764b394 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/set/index.html
+++ b/files/zh-cn/web/javascript/reference/global_objects/set/index.html
@@ -269,5 +269,5 @@ new Set("firefox") // Set(6) [ "f", "i", "r", "e", "o", "x" ]
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/lastindexof/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/lastindexof/index.html
index 5dca3e48d4..3c3e51d666 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/string/lastindexof/index.html
+++ b/files/zh-cn/web/javascript/reference/global_objects/string/lastindexof/index.html
@@ -3,7 +3,7 @@ title: String.prototype.lastIndexOf()
slug: Web/JavaScript/Reference/Global_Objects/String/lastIndexOf
translation_of: Web/JavaScript/Reference/Global_Objects/String/lastIndexOf
---
-<p><span style="display: none;"> </span>{{JSRef}}</p>
+<p><span class="hidden"> </span>{{JSRef}}</p>
<p> <strong><code>lastIndexOf()</code></strong> 方法返回调用{{jsxref("String")}} 对象的指定值最后一次出现的索引,在一个字符串中的指定位置 <code>fromIndex</code>处从后向前搜索。如果没找到这个特定值则返回-1 。</p>
diff --git a/files/zh-cn/web/javascript/reference/global_objects/typedarray/index.html b/files/zh-cn/web/javascript/reference/global_objects/typedarray/index.html
index 3ccd0fd6f2..9be826cd36 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/typedarray/index.html
+++ b/files/zh-cn/web/javascript/reference/global_objects/typedarray/index.html
@@ -295,13 +295,13 @@ for (var k in typedArrayTypes)
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/javascript/reference/operators/division_assignment/index.html b/files/zh-cn/web/javascript/reference/operators/division_assignment/index.html
index 25f93e997b..a5afd52f49 100644
--- a/files/zh-cn/web/javascript/reference/operators/division_assignment/index.html
+++ b/files/zh-cn/web/javascript/reference/operators/division_assignment/index.html
@@ -54,5 +54,5 @@ bar /= 0 // Infinity</pre>
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/javascript/reference/operators/exponentiation/index.html b/files/zh-cn/web/javascript/reference/operators/exponentiation/index.html
index e9299d7f8f..957cc40de2 100644
--- a/files/zh-cn/web/javascript/reference/operators/exponentiation/index.html
+++ b/files/zh-cn/web/javascript/reference/operators/exponentiation/index.html
@@ -103,5 +103,5 @@ NaN ** 2 // NaN
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/javascript/reference/operators/exponentiation_assignment/index.html b/files/zh-cn/web/javascript/reference/operators/exponentiation_assignment/index.html
index 12f77694c7..f9f53ca532 100644
--- a/files/zh-cn/web/javascript/reference/operators/exponentiation_assignment/index.html
+++ b/files/zh-cn/web/javascript/reference/operators/exponentiation_assignment/index.html
@@ -55,5 +55,5 @@ bar **= 'foo' // NaN</pre>
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/javascript/reference/operators/left_shift/index.html b/files/zh-cn/web/javascript/reference/operators/left_shift/index.html
index aba9c6bee2..83fe088941 100644
--- a/files/zh-cn/web/javascript/reference/operators/left_shift/index.html
+++ b/files/zh-cn/web/javascript/reference/operators/left_shift/index.html
@@ -68,5 +68,5 @@ translation_of: Web/JavaScript/Reference/Operators/Left_shift
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/javascript/reference/operators/left_shift_assignment/index.html b/files/zh-cn/web/javascript/reference/operators/left_shift_assignment/index.html
index 3ebe7cef88..ccf5bbce00 100644
--- a/files/zh-cn/web/javascript/reference/operators/left_shift_assignment/index.html
+++ b/files/zh-cn/web/javascript/reference/operators/left_shift_assignment/index.html
@@ -55,5 +55,5 @@ a &lt;&lt;= 2; // 20
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/javascript/reference/operators/logical_not/index.html b/files/zh-cn/web/javascript/reference/operators/logical_not/index.html
index 75084956a7..f05bfb180a 100644
--- a/files/zh-cn/web/javascript/reference/operators/logical_not/index.html
+++ b/files/zh-cn/web/javascript/reference/operators/logical_not/index.html
@@ -100,5 +100,5 @@ n6 = !!Boolean(false) // !!falsy returns false</pre>
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/javascript/reference/operators/right_shift/index.html b/files/zh-cn/web/javascript/reference/operators/right_shift/index.html
index 267a2c0ccc..f049a499a9 100644
--- a/files/zh-cn/web/javascript/reference/operators/right_shift/index.html
+++ b/files/zh-cn/web/javascript/reference/operators/right_shift/index.html
@@ -71,5 +71,5 @@ translation_of: Web/JavaScript/Reference/Operators/Right_shift
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/javascript/reference/operators/right_shift_assignment/index.html b/files/zh-cn/web/javascript/reference/operators/right_shift_assignment/index.html
index d4163c0f4d..f9e8b3c8c4 100644
--- a/files/zh-cn/web/javascript/reference/operators/right_shift_assignment/index.html
+++ b/files/zh-cn/web/javascript/reference/operators/right_shift_assignment/index.html
@@ -55,5 +55,5 @@ b &gt;&gt;= 2; // -2 (-00000000000000000000000000000010)</pre>
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/javascript/reference/operators/subtraction/index.html b/files/zh-cn/web/javascript/reference/operators/subtraction/index.html
index 6bb33366e8..00dcee2a1e 100644
--- a/files/zh-cn/web/javascript/reference/operators/subtraction/index.html
+++ b/files/zh-cn/web/javascript/reference/operators/subtraction/index.html
@@ -63,5 +63,5 @@ translation_of: Web/JavaScript/Reference/Operators/Subtraction
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/javascript/reference/operators/subtraction_assignment/index.html b/files/zh-cn/web/javascript/reference/operators/subtraction_assignment/index.html
index 8286c2010b..93dc5a138b 100644
--- a/files/zh-cn/web/javascript/reference/operators/subtraction_assignment/index.html
+++ b/files/zh-cn/web/javascript/reference/operators/subtraction_assignment/index.html
@@ -55,5 +55,5 @@ bar -= 'foo' // NaN</pre>
</ul>
<p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
</p>
diff --git a/files/zh-cn/web/mathml/attribute/index.html b/files/zh-cn/web/mathml/attribute/index.html
index 9341e1e996..802b8a6db9 100644
--- a/files/zh-cn/web/mathml/attribute/index.html
+++ b/files/zh-cn/web/mathml/attribute/index.html
@@ -16,7 +16,7 @@ translation_of: Web/MathML/Attribute
<thead>
<tr>
<th>名(Name)</th>
- <th><span style="display: none;"> </span><span style="display: none;"> </span>元素接受的属性(Elements accepting attribute)<span style="display: none;"> </span><span style="display: none;"> </span></th>
+ <th><span class="hidden"> </span><span class="hidden"> </span>元素接受的属性(Elements accepting attribute)<span class="hidden"> </span><span class="hidden"> </span></th>
<th>描述(Description)</th>
</tr>
</thead>
diff --git a/files/zh-cn/web/media/formats/index.html b/files/zh-cn/web/media/formats/index.html
index a08d7b2faa..0139d4b701 100644
--- a/files/zh-cn/web/media/formats/index.html
+++ b/files/zh-cn/web/media/formats/index.html
@@ -32,7 +32,7 @@ translation_of: Web/Media/Formats
<h3 id="Images">Images</h3>
<dl>
- <dt><span style="display: none;"> </span><a href="/en-US/docs/Web/Media/Formats/Image_types">Image file type and format guide</a></dt>
+ <dt><span class="hidden"> </span><a href="/en-US/docs/Web/Media/Formats/Image_types">Image file type and format guide</a></dt>
<dd>Covers support of image file types and content formats across the major web browsers, as well as providing basic information about each type: benefits, limitations, and use cases of interest to web designers and developers.</dd>
<dt><a href="/en-US/docs/Web/Media/Formats/Images_for_web_designers">Image file types for web designers</a></dt>
<dd>Fundamental information about the various image file types that may be useful for web designers, including best practices and use cases for each type, and guidelines for choosing the right image file format for specific types of content.</dd>
diff --git a/files/zh-cn/web/svg/applying_svg_effects_to_html_content/index.html b/files/zh-cn/web/svg/applying_svg_effects_to_html_content/index.html
index 5ba1fd3b42..a9f4d59fba 100644
--- a/files/zh-cn/web/svg/applying_svg_effects_to_html_content/index.html
+++ b/files/zh-cn/web/svg/applying_svg_effects_to_html_content/index.html
@@ -185,7 +185,7 @@ pre.target:hover { filter:url(#f3); }
<p>{{EmbedLiveSample('Example_Filtering', 650, 200)}}</p>
-<p style="display: none;"><a class="button liveSample" href="/files/3329/filterdemo.xhtml">View this example live</a></p>
+<p class="hidden"><a class="button liveSample" href="/files/3329/filterdemo.xhtml">View this example live</a></p>
<h3 id="例子_Blurred_Text">例子: Blurred Text</h3>
diff --git a/files/zh-cn/web/svg/attribute/fx/index.html b/files/zh-cn/web/svg/attribute/fx/index.html
index 20f6861f37..9a7a0d2e91 100644
--- a/files/zh-cn/web/svg/attribute/fx/index.html
+++ b/files/zh-cn/web/svg/attribute/fx/index.html
@@ -70,5 +70,5 @@ translation_of: Web/SVG/Attribute/fx
</ul>
<p>
- <audio style="display: none;"> </audio>
+ <audio class="hidden"> </audio>
</p>
diff --git a/files/zh-tw/learn/html/howto/index.html b/files/zh-tw/learn/html/howto/index.html
index 9a14c26039..e5de7808db 100644
--- a/files/zh-tw/learn/html/howto/index.html
+++ b/files/zh-tw/learn/html/howto/index.html
@@ -147,4 +147,4 @@ translation_of: Learn/HTML/Howto
</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/zh-tw/learn/javascript/howto/index.html b/files/zh-tw/learn/javascript/howto/index.html
index 5e5f7257c2..aa65f2730f 100644
--- a/files/zh-tw/learn/javascript/howto/index.html
+++ b/files/zh-tw/learn/javascript/howto/index.html
@@ -23,7 +23,7 @@ translation_of: Learn/JavaScript/Howto
<thead>
<tr>
<th scope="col"><strong>正確</strong></th>
- <th scope="col"><strong><span style="display: none;"> </span>錯誤<span style="display: none;"> </span></strong></th>
+ <th scope="col"><strong><span class="hidden"> </span>錯誤<span class="hidden"> </span></strong></th>
</tr>
</thead>
<tbody>
diff --git a/files/zh-tw/learn/server-side/express_nodejs/forms/create_genre_form/index.html b/files/zh-tw/learn/server-side/express_nodejs/forms/create_genre_form/index.html
index 3e648e48ea..a97bcd3ed4 100644
--- a/files/zh-tw/learn/server-side/express_nodejs/forms/create_genre_form/index.html
+++ b/files/zh-tw/learn/server-side/express_nodejs/forms/create_genre_form/index.html
@@ -213,9 +213,9 @@ block content
<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: none; text-shadow: rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 0px 3px, rgb(0, 0, 0) 0px 0px 4px, rgb(0, 0, 0) 0px 0px 5px !important; opacity: 1;"> </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%; text-shadow: rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 0px 3px, rgb(0, 0, 0) 0px 0px 4px, rgb(0, 0, 0) 0px 0px 5px !important;"> </div>
@@ -227,7 +227,7 @@ block content
<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%; text-shadow: rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 0px 3px, rgb(0, 0, 0) 0px 0px 4px, rgb(0, 0, 0) 0px 0px 5px !important;"> </div>
<div id="SL_alert_cont"> </div>
diff --git a/files/zh-tw/orphaned/mdn/editor/basics/index.html b/files/zh-tw/orphaned/mdn/editor/basics/index.html
index 6fa44f3dbd..e088c854cb 100644
--- a/files/zh-tw/orphaned/mdn/editor/basics/index.html
+++ b/files/zh-tw/orphaned/mdn/editor/basics/index.html
@@ -53,4 +53,4 @@ original_slug: MDN/Editor/Basics
<li><a href="http://docs.cksource.com/CKEditor_3.x/Users_Guide">CKEditor User's Guide</a></li>
</ul>
-<h6 id="EditorGuideQuicklinks">{{EditorGuideQuicklinks}}<span id="cke_bm_73C" style="display: none;"> </span></h6>
+<h6 id="EditorGuideQuicklinks">{{EditorGuideQuicklinks}}<span id="cke_bm_73C" class="hidden"> </span></h6>
diff --git a/files/zh-tw/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html b/files/zh-tw/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html
index 86e41e3476..65e2a5055d 100644
--- a/files/zh-tw/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html
+++ b/files/zh-tw/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html
@@ -610,7 +610,7 @@ var ptrn = ctx.createPattern(img,'repeat');
<pre class="brush: js">draw();</pre>
-<p>結果如下<span style="display: none;"> </span>:</p>
+<p>結果如下<span class="hidden"> </span>:</p>
</div>
<p>{{EmbedLiveSample("A_createPattern_example", "180", "180", "https://mdn.mozillademos.org/files/222/Canvas_createpattern.png")}}</p>
diff --git a/files/zh-tw/web/api/canvasrenderingcontext2d/clearrect/index.html b/files/zh-tw/web/api/canvasrenderingcontext2d/clearrect/index.html
index e5792ffade..c6f1baaaa8 100644
--- a/files/zh-tw/web/api/canvasrenderingcontext2d/clearrect/index.html
+++ b/files/zh-tw/web/api/canvasrenderingcontext2d/clearrect/index.html
@@ -60,7 +60,7 @@ ctx.clearRect(10, 10, 100, 100);
<p>Edit the code below and see your changes update live in the canvas:</p>
-<div style="display: none;">
+<div class="hidden">
<h6 id="Playable_code">Playable code</h6>
<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/zh-tw/web/api/xmlhttprequest/index.html b/files/zh-tw/web/api/xmlhttprequest/index.html
index 3258579e62..35d87072c6 100644
--- a/files/zh-tw/web/api/xmlhttprequest/index.html
+++ b/files/zh-tw/web/api/xmlhttprequest/index.html
@@ -111,7 +111,7 @@ translation_of: Web/API/XMLHttpRequest
<dd>初始化一個請求。此方法用於 JavaScript 中;若要在 native code 中初始化請求,請以 <a class="internal" href="/zh-TW/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIXMLHttpRequest#openRequest()"><code>openRequest()</code></a> 作為替代。</dd>
<dt>{{domxref("XMLHttpRequest.overrideMimeType()")}}</dt>
<dd>覆寫伺服器回傳的 MIME type。</dd>
- <dt>{{domxref("XMLHttpRequest.send()")}}<span style="display: none;"> </span></dt>
+ <dt>{{domxref("XMLHttpRequest.send()")}}<span class="hidden"> </span></dt>
<dd>發送請求。如果為非同步請求(預設值),此方法將在發出請求後便立即回傳(return)。</dd>
<dt>{{domxref("XMLHttpRequest.setRequestHeader()")}}</dt>
<dd>設定 HTTP 請求標頭(request header)值。<code>setRequestHeader()</code> 可被呼叫的時間點必須於 <a href="#open"><code>open()</code></a> 之後、在 <code>send()</code> 之前。</dd>
diff --git a/files/zh-tw/web/css/css_colors/color_picker_tool/index.html b/files/zh-tw/web/css/css_colors/color_picker_tool/index.html
index 367e58ce23..2073e7d61b 100644
--- a/files/zh-tw/web/css/css_colors/color_picker_tool/index.html
+++ b/files/zh-tw/web/css/css_colors/color_picker_tool/index.html
@@ -6,7 +6,7 @@ tags:
- Tools
translation_of: Web/CSS/CSS_Colors/Color_picker_tool
---
-<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/zh-tw/web/css/css_positioning/understanding_z_index/stacking_context_example_1/index.html b/files/zh-tw/web/css/css_positioning/understanding_z_index/stacking_context_example_1/index.html
index 26771f0fbb..1baae44ba6 100644
--- a/files/zh-tw/web/css/css_positioning/understanding_z_index/stacking_context_example_1/index.html
+++ b/files/zh-tw/web/css/css_positioning/understanding_z_index/stacking_context_example_1/index.html
@@ -123,7 +123,7 @@ span.bold {字體重量:大膽的; </font><font>}</font></font>
<li><a href="/en/CSS/Understanding_z-index/Adding_z-index" title="EN / CSS / Understanding_z指數/ Adding_z指數"><font><font>添加的z-index</font></font></a><font><font>  :使用的z-index來改變默認的堆疊</font></font></li>
<li><a href="/en/CSS/Understanding_z-index/The_stacking_context" title="EN / CSS / Understanding_z指數/ The_stacking_context"><font><font>堆疊背景</font></font></a><font><font>  :在堆疊環境票據</font></font></li>
<li><a href="/en/CSS/Understanding_z-index/Stacking_context_example_2" title="EN / CSS / Understanding_z指數/ Stacking_context_example_2"><font><font>堆疊環境例子2</font></font></a><font><font>  :在所有層面上2級HTML層次,Z指數</font></font></li>
- <li><a href="/en/CSS/Understanding_z-index/Stacking_context_example_3" title="EN / CSS / Understanding_z指數/ Stacking_context_example_3"><font><font>堆疊上下文例3</font></font></a><font><font>  :3級的HTML等級,在第二級上的z索引</font></font><span id="cke_bm_89E" style="display: none;"> </span></li>
+ <li><a href="/en/CSS/Understanding_z-index/Stacking_context_example_3" title="EN / CSS / Understanding_z指數/ Stacking_context_example_3"><font><font>堆疊上下文例3</font></font></a><font><font>  :3級的HTML等級,在第二級上的z索引</font></font><span id="cke_bm_89E" class="hidden"> </span></li>
</ul>
<div class="originaldocinfo">
diff --git a/files/zh-tw/web/css/transition-duration/index.html b/files/zh-tw/web/css/transition-duration/index.html
index f29fa166ca..d03125128e 100644
--- a/files/zh-tw/web/css/transition-duration/index.html
+++ b/files/zh-tw/web/css/transition-duration/index.html
@@ -49,7 +49,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;
@@ -114,7 +114,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;
@@ -179,7 +179,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;
@@ -244,7 +244,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;
diff --git a/files/zh-tw/web/css/transition-timing-function/index.html b/files/zh-tw/web/css/transition-timing-function/index.html
index 492a4e3c3e..467fcf51b5 100644
--- a/files/zh-tw/web/css/transition-timing-function/index.html
+++ b/files/zh-tw/web/css/transition-timing-function/index.html
@@ -68,7 +68,7 @@ transition-timing-function: ease-in, ease-out; // ease-in to width and ease-out
<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;
@@ -131,7 +131,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="ttf_easein" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-timing-function: ease-in</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;
@@ -194,7 +194,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="ttf_easeout" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-timing-function: ease-out</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="ttf_easeinout" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-timing-function: ease-in-out</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;
@@ -321,7 +321,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;
@@ -384,7 +384,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="ttf_stepstart" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-timing-function: step-start</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;
@@ -447,7 +447,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;
@@ -510,7 +510,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;
diff --git a/files/zh-tw/web/html/element/form/index.html b/files/zh-tw/web/html/element/form/index.html
index 07a2e91254..ddd66d3dd7 100644
--- a/files/zh-tw/web/html/element/form/index.html
+++ b/files/zh-tw/web/html/element/form/index.html
@@ -73,7 +73,7 @@ translation_of: Web/HTML/Element/form
<dd>Indicates whether input elements can by default have their values automatically completed by the browser. <code>autocomplete</code> attributes on form elements override it on <code>&lt;form&gt;</code>. Possible values:
<ul>
<li><code>off</code>: The browser may not automatically complete entries. (Browsers tend to ignore this for suspected login forms; see <a href="/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion#The_autocomplete_attribute_and_login_fields">The autocomplete attribute and login fields</a>.)</li>
- <li><code>on</code>: The browser may automatically complete entries.<span style="display: none;"> </span></li>
+ <li><code>on</code>: The browser may automatically complete entries.<span class="hidden"> </span></li>
</ul>
</dd>
<dt>{{htmlattrdef("enctype")}}</dt>
diff --git a/files/zh-tw/web/media/formats/index.html b/files/zh-tw/web/media/formats/index.html
index 9d4f181ae7..b11ddc3580 100644
--- a/files/zh-tw/web/media/formats/index.html
+++ b/files/zh-tw/web/media/formats/index.html
@@ -32,7 +32,7 @@ translation_of: Web/Media/Formats
<h3 id="Images">Images</h3>
<dl>
- <dt><span style="display: none;"> </span><a href="/en-US/docs/Web/Media/Formats/Image_types">Image file type and format guide</a></dt>
+ <dt><span class="hidden"> </span><a href="/en-US/docs/Web/Media/Formats/Image_types">Image file type and format guide</a></dt>
<dd>Covers support of image file types and content formats across the major web browsers, as well as providing basic information about each type: benefits, limitations, and use cases of interest to web designers and developers.</dd>
<dt><a href="/en-US/docs/Web/Media/Formats/Images_for_web_designers">Image file types for web designers</a></dt>
<dd>Fundamental information about the various image file types that may be useful for web designers, including best practices and use cases for each type, and guidelines for choosing the right image file format for specific types of content.</dd>