Chemicals and Hazardous Substances

Developer
Marcus Macmillan
Size
9,057 Kb
Views
18,216
  1. Chemicals and Hazardous Substances Previews
  2. Chemicals and Hazardous Substances HTML Codes
  3. Chemicals and Hazardous Substances CSS Codes
  4. Chemicals and Hazardous Substances JS Codes

How do I make an chemicals and hazardous substances?

What is a chemicals and hazardous substances? How do you make a chemicals and hazardous substances? This script and codes were developed by Marcus Macmillan on 23 September 2022, Friday.

Chemicals and Hazardous Substances Previews
IQ Test

Chemicals and Hazardous Substances - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Chemicals and Hazardous Substances</title> <link rel='stylesheet prefetch' href='https://www.education.tas.gov.au/documentcentre/Documents/HazardsRisksPagesStyle_1.css'>
<link rel='stylesheet prefetch' href='https://www.education.tas.gov.au/documentcentre/Documents/Menu.css'>
<link rel='stylesheet prefetch' href='https://www.education.tas.gov.au/documentcentre/Documents/Chemicals_and_Hazardous_Substances.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <body> <!--DIV CONTAINER FOR MEDIA QUERY--> <div id="Container"> <!--DIV LEFT PADDING FOR WEB PAGE--> <div id="PageMargin"> <!--HAZARDS AND RISKS HEADER!--> <img id="Header" src="https://www.education.tas.gov.au/documentcentre/Documents/(2)Hazards%20and%20Risks.PNG" /> <!--Menu Container--> <div id="MenuContainer" onclick="openNav()"> <div id="NewHeader">Chemicals and Hazardous Substances</div> <div class="Menu1"></div> <div class="Menu2"></div> <div class="Menu3"></div> </div> <!--End of div Menu Container--> <!--Side Navigation Bar Menu--> <div id="mySidenav" class="sidenav"> <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">x</a> <a href="https://www.education.tas.gov.au/intranet/CSD/HR/whs/SitePages/Home.aspx">Home</a> <a href="https://www.education.tas.gov.au/documentcentre/Documents/(1)%20Managing%20Health%20and%20Safety_1.html">Managing Work Health &amp; Safety</a> <a href="https://www.education.tas.gov.au/documentcentre/Documents/(2)Hazards%20and%20Risks_1.html"> Hazards &amp; Risks</a> <a href="https://www.education.tas.gov.au/documentcentre/Documents/(4)%20WHS%20Alerts_1.html">Work Health &amp; Safety Alerts</a> <a href="https://www.education.tas.gov.au/documentcentre/Documents/(5)%20WHS%20Resources%20Page.html">WHS Resources Page</a> <a href="https://www.education.tas.gov.au/documentcentre/Documents/(6)%20WHS%20Events_1.html">WHS Events</a> <a href="https://www.education.tas.gov.au/documentcentre/Documents/(7)Emergency%20Management_1.html">Emergency Management</a> <a href="https://www.education.tas.gov.au/documentcentre/Documents/(8)Training%20and%20Development_1.html">Training &amp; Development</a> <a href="https://www.education.tas.gov.au/documentcentre/Documents/(9)%20WHS%20Management%20System_1.html">Work Health &amp; Safety Management System</a> <a href="https://www.education.tas.gov.au/documentcentre/Documents/(10)%20Incident%20Notification%20Procedures_1.html">Incident Notification Procedures</a> </div> <!-- End of SideNav div--> <!--PAGE HEADER CHEMICALS AND HAZARDOUS SUBSTANCES <div id="Header1">Chemicals and Hazardous Substances</div>--> <p>Workplace hazardous chemicals are substances, mixtures and articles used in the workplace that can be classified according to their health, physical and chemical &#40;physicochemical&#41; hazards. Health hazards are hazards like skin irritants, carcinogens or respiratory sensitisers that have an adverse effect on a worker's health as a result of direct contact with or exposure to the chemical, usually through inhalation, skin contact or ingestion. Physicochemical hazards generally result from the physical or chemical properties, like flammable, corrosive, oxidising or explosive substances.</p> <p>Manufacturers, importers, suppliers and users of hazardous chemicals have duties to manage the risks associated with hazardous chemicals in the workplace. This includes ensuring the safe use, handling and storage of chemicals, as well as specific duties under the model Work Health and Safety Regulations. Further information can be found in the <a class="link2" href="https://www.safeworkaustralia.gov.au/sites/SWA/about/Publications/Documents/697/Managing%20Risks%20of%20Hazardous%20Chemicals2.pdf">model code of practice &ndash; Managing the Risks of Hazardous Chemicals in the Workplace.</a></p> <p></p> <button class="accordion">Classification of Workplace Hazardous Chemicals</button> <div class="panel"> <p>Since the introduction of the NOHSC model Regulations for the control of workplace hazardous substances &#40;1994&#41; and the Dangerous Goods Standard &#40;2001&#41;, hazardous chemicals have been classified by the Approved Criteria for Classifying Hazardous Substances and the Australian Code for the Transport of Dangerous Goods by Road and Rail &#40;ADG Code&#41;.</p> <p>In 2012, following the adoption of the model Work Health and Safety Regulations, Australia began to transition to the Globally Harmonised System of Classification and Labelling of Chemicals &#40;GHS&#41;, an international system used to classify and communicate chemical hazards.</p> </div> <!--END OF DIV FOR ACCORDION--> <p></p> <button class="accordion">Globally Harmonised System of Classification and Labelling of Chemicals</button> <div class="panel"> <p><strong>What is the Globally Harmonised System of Classification and Labelling of Chemicals &#40;GHS&#41;?</strong></p> <p>The GHS is a system used to classify and communicate chemical hazards using internationally consistent terms and information on chemical labels and Safety Data Sheets.</p> <p>The GHS provides criteria for the classification on physical hazards &#40;e.g. flammable liquids&#41;; health hazards &#40;e.g. carcinogens&#41;; and environmental hazards &#40;e.g. aquatic toxicty&#41;.</p> <p>Australia has adopted the 3rd revised edition of the GHS under the model Work Health and Safety Laws. A copy of this edition can be downloaded from the <a class="link2" href="http://www.unece.org/trans/danger/publi/ghs/ghs_rev03/03files_e.html">United Nations Economic Commission for Europe Website</a>.</p> <p>In Australia the GHS is supported by: <div class="Border2"> <p><a href="https://www.safeworkaustralia.gov.au/sites/SWA/about/Publications/Documents/643/COP_Labelling_of_Workplace_Hazardous_Chemicals.pdf">the model Code of Practice &ndash; Labelling of Workplace Hazardous Chemicals</a></p> <p><a href="https://www.safeworkaustralia.gov.au/sites/SWA/about/Publications/Documents/642/Preparation_of_Safety_Data_Sheet_for_Hazardous_Chemicals2.pdf">the model Code of Practice &ndash; Preparation of Safety Data Sheets for Hazardous Chemicals</a></p> </div> </p> <p><strong>Why are we using the GHS in Australia?</strong></p> <p>The GHS was created by the United Nations to create a single worldwide methodology for chemical classification, labelling and Safety Data Sheets &#40;SDS&#41;. The system ensures that users are provided with practical, reliable and easy to understand information on chemical hazards, and can take the appropriate preventive and protective measures for their health and safety.</p> <p>The GHS is expected to provide significant trade benefits to industry as well as improved health and safety outcomes by introducing internationally consistent assessment criteria, labels and SDS for hazardous chemicals.</p> <p><strong>What is changing under the GHS?</strong></p> <p>The GHS will updated the way in which information about the hazards of chemicals and any precautions necessary to ensure safe storage, handling and disposal, is conveyed to users of chemicals. The GHS uses pictograms, signal words, and hazard and precautionary statements to communicate this information.</p> <p>Please note the GHS does not change your general duties relating to the management of hazardous chemicals in the workplace.</p> <p><i><u>Pictograms</u></i></p> <p>There are nine hazard pictograms in the GHS which represent the physical, health and environmental hazards. These are named Explosives, Flammables, Oxidisers, Gasses under pressure. Corrosives, Acute toxicity, Environmental hazard. Harmful/irritant Harmful to ozone layer and Severe health hazards.</p> <img id="Pictograms" src="https://www.education.tas.gov.au/documentcentre/Documents/Pictograms.PNG"></img> <p></p> <p><i><u>Signal words</u></i></p> <p>The GHS uses &lsquo;Danger&rsquo; and &lsquo;Warning&rsquo; as signal words to indicate the relative level of severity of a hazard. &lsquo;Danger&rsquo; is used for the more severe or a significant hazard, while &lsquo;Warning&rsquo; is used for the less severe hazards. <p><i><u>Hazard and precautionary statements</u></i></p> <p>Hazards statements are assigned to a class and category that describes the nature of the hazards of a chemical, including, where appropriate, the degree of hazard. For example, the hazard statement &lsquo;Toxic if swallowed&rsquo; is the hazard statement for Acute toxicity category 3 &#40;Oral&#41;.</p> <p>Precautionary statements describe the recommended measures that should be taken to minimise or prevent adverse effects resulting from exposure, or improper storage or handling of a hazardous chemical. The GHS precautionary statements cover prevention, response, storage and disposal.</p> <p>Hazard and precautinoary statements replace the &lsquo;risk&rsquo; and &lsquo;safety&rsquo; phrases required under previous laws.</p> <p>For more information, see the <a class="link2" href="https://www.safeworkaustralia.gov.au/sites/SWA/about/Publications/Documents/679/Classification_and_labelling_workplace_hazardous_chemicals_poster%20-A4.pdf">Classification and Labelling for Workplace Hazardous Chemicals Poster.</a></p> <p><i><u>When will the GHS be introduced</u></i></p> <p>The GHS becomes mandatory on 1 January 2017. The GHS was introduced in Australia on 1 January 2012 under the Model Work Health and Safety laws, with a transition period of five years. This transition period allows chemical manufacturers and importers enough time to reclassify chemicals and implement necessary changes to labels and SDS.</p> <p>During the transition period, the GHS or the previous hazardous substances and dangerous goods arrangements may be used for classification, labelling and &#40;M&#41;SDS.</p> <p><i><u>Who will be affected by the GHS?</u></i></p> <p><b>Manufacturers, importers and suppliers</b> of hazardous chemicals will be the most affected by the introduction of the GHS. The model Work Health and Safety laws impose a duty on manufacturers and importers of chemicals supplied to a workplace to determine if a chemical is hazardous and to correctly classify the chemical according to the GHS. Manufacturers and importers are also responsible for ensuring that correct labels and SDS are prepared for hazardous chemicals.</p> <p><b>Suppliers</b> may continue to supply other workplaces with stock they have on hand after 1 January 2017 providing it was manufactured or imported prior to this date and correctly labelled at that time. From 1 January 2017 suppliers shouls only accespt stock with GHS compliant labels. Suppliers will also need to have GHS compliant SDS available from this date.</p> <p><b>End users</b> of hazardous chemicals will be affected to a lesser extent. Users of hazardous chemicals are not required to relabel or dispose of existing stock. Hazardous chemicals manufactured or imported after 1 January 2017 must only be received if they are labelled according to the requirements of the model WHS Regulations.</p> <p><i><u>GHS Hazardous Chemicals Information System</u></i></p> <p>THe <a class="link2" href="https://hcis.safeworkaustralia.gov.au/">Hazardous Chemicals Information System</a> &#40HCIS&#41; is a database of information on chemicals that have been classified in accordance with the Globally Harmonised System of Classification and Labelling of Chemicals &#40;GHS&#41;. HCIS contains GHS classification and labelling information for over 4,500 chemicals and a searchable database of workplace exposure standards. HCIS replaces the previous <a href="https://hsis.safeworkaustralia.gov.au/">Hazardous Substance Information System &#40;HSIS&#41;.</a></p> <p></p> <!--END OF DIV FOR ACCORDION--> </div> <p></p> <button class="accordion">Safety Duties</button> <div class="panel"> <p>A person conducting a business or undertaking &#40;PCBU&#41; at a workplace, which uses, handles, stores or generates hazardous chemicals, must ensure that:</p> <!--UNORDERED LIST!--> <ul class="No1"> <li>all hazardous chemicals are correctly labeled</li> <li>Safety Data Sheets applying to hazardous chemicals are obtained, updated as necessary and made accessible</li> <li>a register of all hazardous chemicals at the workplace is provided and maintained</li> <li>health monitoring is conducted where there is a significant risk of exposure for a worker using, storing or handling specific hazardous chemicals in a workplace</li> <li>information, training, instruction and supervision is provided to workers who may be exposed to hazardous chemicals.</li> </ul> <!--END OF UNORDERED LIST!--> <p>A PCBU must also implement risk control measures to:</p> <!--UNORDERED LIST!--> <ul class="No1"> <li>contain risks of a leak or a spill</li> <li>protect containers and pipes from damage</li> <li>keep hazardous chemicals stable</li> <li>manage any risks of physical or chemical reactions</li> <li>prevent fire and explosion</li> <li>control risks from storage and handling systems &#40;e.g. packages, tanks and vessels&#41;</li> <li>ensure that an emergency plan and safety equipment is provided</li> <li>ensure that atmospheric concentrations of substances or mixtures do not exceed the exposure standard</li> <li>manage risks from hazardous atmospheres particularly where the concentration of flammable vapour exceeds five per cent of the lower explosive limit</li> <li>keep the amount of flammable and combustible substances at the lowest practicable quantity</li> </ul> <!--END OF UNORDERED LIST!--> <p>A PCBU at a workplace which stores, handles or processes hazardous chemicals above the manifest quantity in schedule 11 must:</p> <ul class="No2"> <li>notify the regulator</li> <li>prepare a manifest of hazardous chemicals</li> <li>make the manifest available to an inspector and the emergency services</li> </ul> <p>Manufacturers, importers and suppliers of hazardous chemicals must:</p> <ul class="No2"> <li>ensure that all such goods are safe for their use, storage and handling</li> <li>provide information regarding safe use, storage and handling with the hazardous chemicals, as well as safety data sheets for each type of goods supplied</li> <li>provide a label on all containers</li> </ul> </div> <!--END OF DIV FOR ACCORDION--> <p></p> <!--CODES OF PRACTCICE ETC LINKS!--> <button class="accordion">Resources</button> <div class="panel"> <div class="Border1"> <p><a href="https://www.safeworkaustralia.gov.au/sites/SWA/about/Publications/Documents/679/Classification_and_labelling_workplace_hazardous_chemicals_poster%20-A4.pdf">Classification and Labelling for Workplace Hazardous Chemicals Poster</a></p> <p><a href="https://www.safeworkaustralia.gov.au/sites/swa/whs-information/hazardous-chemicals/classifying-chemicals/pages/classification">Classifying Workplace Hazardous Chemicals</a></p> <p><a href="https://www.safeworkaustralia.gov.au/sites/SWA/about/Publications/Documents/643/COP_Labelling_of_Workplace_Hazardous_Chemicals.pdf">Code of Practice &ndash; Labelling of Workplace Hazardous Chemicals</a></p> <p><a href="https://www.safeworkaustralia.gov.au/sites/SWA/about/Publications/Documents/697/Managing%20Risks%20of%20Hazardous%20Chemicals2.pdf">Code of Practice &ndash; Managing Risks of Hazardous Chemicals in the Workplace</a></p> <p><a href="https://www.safeworkaustralia.gov.au/sites/SWA/about/Publications/Documents/642/Preparation_of_Safety_Data_Sheet_for_Hazardous_Chemicals2.pdf">Code of Practice &ndash; Preparation of Safety Data Sheets for Hazardous Chemicals</a></p> <p><a href="https://www.safeworkaustralia.gov.au/sites/swa/whs-information/hazardous-chemicals/faqs/pages/faqs">GHS Frequently Asked Questions</a></p> <p><a href="https://www.safeworkaustralia.gov.au/sites/SWA/about/Publications/Documents/966/GHS-Information-sheet-23052016.pdf">GHS Information sheet</a></p> <p><a href="https://www.safeworkaustralia.gov.au/sites/SWA/about/Publications/Documents/682/Classification%20Hazardous%20Chemicals.pdf">Guidance on the Classification of Hazardous Chemicals Under the WHS Regulations</a></p> <p><a href="https://www.safeworkaustralia.gov.au/sites/SWA/about/Publications/Documents/683/Hazardous_Chemical_Register_factsheet.pdf">Hazardous Chemicals Register Information Sheet</a></p> <p><a href="https://www.safeworkaustralia.gov.au/sites/SWA/about/Publications/Documents/765/Hazardous-chemicals-requiring-health-monitoring.pdf">Hazardous Chemicals Requiring Health Monitoring</a></p> <p><a href="https://www.safeworkaustralia.gov.au/sites/swa/whs-information/hazardous-chemicals/labelling/pages/labelling">Labelling of Workplace Hazardous Chemicals</a></p> <p><a href="https://www.safeworkaustralia.gov.au/sites/swa/whs-information/hazardous-chemicals/sds/pages/sds">Safety Data Sheets &#40;SDS&#41;</a></p> </div> </div> <!--END OF DIV FOR ACCORDION--> <p></p> <!--UNDERLINE CHEMWATCH TEXT!--> <button class="accordion">Chemwatch</button> <div class="panel"> <div class="Border1"> <p><a href="http://jr.chemwatch.net/chemwatch.web/account/login?ReturnUrl=%2fchemwatch.web">Chemwatch Gold FFX Website</a></p> <p><a href="https://www.education.tas.gov.au/documentcentre/Documents/Chemwatch%20Live%20Help.pdf">Chemwatch Live Help</a></p> <p><a href="https://www.education.tas.gov.au/documentcentre/Documents/Chemwatch%20Bulletins.html">Chemwatch Bulletins</a></p> <p><a href="http://jr.chemwatch.net/8uehfjnkzdf8r/">Chemwatch Gold FFX &lsquo;Elearning Link&rsquo;</a></p> <p><a href="http://jr.chemwatch.net/7u89i8uyjh7uyj/">Chemwatch D-GEN &lsquo;Elearning Link&rsquo;</a></p> <p><a href="http://jr.chemwatch.net/b234jhjh34iop/">Chemwatch Credo &lsquo;Elearning Link&rsquo;</a></p> </div> </div> <!--END OF DIV FOR ACCORDION--> <p></p> <button class="accordion">DoE Resources</button> <div class="panel"> <p>The Department Of Education also has a number of policies, plans and procedures to manage chemicals in the workplace and these too should be consulted:</p> <div class="Border2"> <p><a href="https://www.education.tas.gov.au/documentcentre/Documents/Chemicals%20Checklist.docx">Chemicals Checklist</a></p> <p><a href="https://www.education.tas.gov.au/documentcentre/Documents/Chemical%20Register.docx">Chemical Register</a></p> <p><a href="https://www.education.tas.gov.au/documentcentre/Documents/Procedures-for-school-Science-practical-work.pdf">Procedures for School Science Practical Work</a></p> <p><a href="https://www.education.tas.gov.au/documentcentre/Documents/Safety-Checklist-Grounds-Stores-Sheds.doc">Safety Checklist Ground/Store Sheds</a></p> <p><a href="https://www.education.tas.gov.au/documentcentre/Documents/Solid-and-Liquid-Waste-Removal-and-Disposal-Services-Contract.pdf">Waste Removal &amp; Disposal Contract &ndash; Controlled Waste Disposal &#40;Page 16&#41;</a></p> </div> <!--END OF DIV FOR ACCORDION--> </div> <div> <br> <!--No padding for footer!--> <img id="Footer" src="https://www.education.tas.gov.au/documentcentre/Documents/WHS%20Footer.PNG" /> </div> <!--END OF CONTAINER FOR PAGE MEDIA FORMATTING--> <!--SCRIPT SOURCE FOR JAVASCRIPT--> <script src="Chemicals.js"></script> <script src="Menu.js"></script>
</body> <script src='https://www.education.tas.gov.au/documentcentre/Documents/Menu.js'></script> <script src="js/index.js"></script>
</body>
</html>

Chemicals and Hazardous Substances - Script Codes CSS Codes

/*CHEMICALS AND HAZARDDOUS SUBSTANCES CSS*/
#Pictograms { margin-top: 1%; margin-left: 25%; margin-right: 25%; margin-bottom: 1%; width: 50%; height: 300px;
}
#NewHeader { font-size: 30px; color: yellow; font-weight: bold; padding-left: 30%; padding-top: 0.5%; position: absolute;
}
/*Colour for every second line*/
div.Border1 p:nth-child(even),
div.Border2 p:nth-child(even) { background-color: white; padding-top: 1%; padding-bottom: 1%; margin-right: 2%; padding-left: 1%; margin-left: -1%;
}
/*Colour for every 2 link*/
div.Border1 p:nth-child(even) a,
div.Border2 p:nth-child(even) a { color: gray;
}
/* Style the buttons that are used to open and close the accordion panel */
button.accordion { font-size: 22px; font-weight: bold; background-color: #cccccc; color: white; /*color: #4d4d4d;*/ cursor: pointer; padding: 18px; width: 100%; text-align: left; border-radius: 16px; border-style: none; border: none; outline: none; transition: 0.4s;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
button.accordion.active,
button.accordion:hover { background-color: #bfbfbf;
}
/* Style the accordion panel. Note: hidden by default */
div.panel { padding: 0 18px; background-color: white; max-height: 0; overflow: hidden; transition: 0.6s ease-in-out; opacity: 0
}
/* The "show" class is added to the accordion panel when the user clicks on one of the buttons. This will show the panel content */
div.panel.show { opacity: 1; /* max-height: 1300px;*/ max-height: 2550px;
}
/*Button symbols to indicate whether the collapsable content is open or closed*/
button.accordion:after { content: '\02795'; /* Unicode character for "plus" sign (+) */ font-size: 16px; /*color: 4d4d4d;*/ font-weight: bold; float: right; margin-left: 5px;
}
button.accordion.active:after { /*content: "\2796";*/ content: "\2716"; /* Unicode character for "minus" sign (-) */
}
ul.No1 { list-style-type: square; list-style-position: inside; padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 50px; background-color: #cccccc; border-radius: 60px; margin-left: 20px; margin-right: 20px; line-height: 40px;
}
ul.No2 { list-style-type: square; list-style-position: inside; padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 50px; background-color: #cccccc; border-radius: 40px; margin-left: 20px; margin-right: 20px; line-height: 40px;
}
/*FIRST MEDIA SCREEN SIZE SET CONTAINER WIDTH TO 100% FOR SIZING */
/*MEDIA SCREEN SIZE FOR LARGE SCREENS*/
@media screen and (max-width: 1820px) { #Container { width: 100%; } #Header { width: 100%; height: 200px; } #Footer { width: 100%; height: 120px; }
}
/*MEDIA SCREEN SIZE FOR MINIMIZED LARGE SCREEN DESKTOPS AND LAPTOPS*/
@media screen and (max-width: 1500px) { #Container { width: 100%; } p { font-size: 20px; } ul { font-size: 20px; } #Header { width: 100%; height: 150px; } #Footer { width: 100%; height: 75px; } #PageMargin { margin-left: 20px; } #NewHeader { font-size: 28px; padding-top: 1px; padding-left: 31%; } #Pictograms { height: 240px; } /* Style the buttons that are used to open and close the accordion panel */ button.accordion { font-size: 20px; padding: 16px; border-radius: 14px; } /* Style the accordion panel. Note: hidden by default */ div.panel { padding: 0 16px; } /* The "show" class is added to the accordion panel when the user clicks on one of the buttons. This will show the panel content */ div.panel.show { opacity: 1; max-height: 2550px; } /*Button symbols to indicate whether the collapsable content is open or closed*/ button.accordion:after { font-size: 15px; margin-left: 5px; }
}
/*MEDIA SCREEN SIZE FORIPADS- LANDSCAPE*/
@media screen and (max-width: 1024px) { #Container { width: 100%; } p { font-size: 18px; } ul { font-size: 18px; } #Header { width: 100%; height: 100px; } #Footer { width: 100%; height: 75px; } #PageMargin { margin-left: 15px; } #NewHeader { font-size: 20px; padding-top: 0.3%; } #Header2 { font-size: 18px; border-width: 4px; border-radius: 5px; padding: 5px; box-shadow: 5px 5px 2px #B5B5B5; } #Pictograms { height: 200px; } /* Style the buttons that are used to open and close the accordion panel */ button.accordion { font-size: 18px; padding: 14px; border-radius: 12px; } /* Style the accordion panel. Note: hidden by default */ div.panel { padding: 0 14px; } /* The "show" class is added to the accordion panel when the user clicks on one of the buttons. This will show the panel content */ div.panel.show { opacity: 1; max-height: 2600px; } /*Button symbols to indicate whether the collapsable content is open or closed*/ button.accordion:after { font-size: 15px; margin-left: 5px; } ul.No1 { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 30px; border-radius: 40px; margin-left: 5px; margin-right: 5px; line-height: 30px; } ul.No2 { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 30px; border-radius: 25px; margin-left: 5px; margin-right: 5px; line-height: 30px; }
}
/*MEDIA SCREEN SIZE FOR IPADS- PORTRAIT*/
@media screen and (max-width: 768px) { #Container { width: 100%; } p { font-size: 14px; } ul { font-size: 14px; } #Header { width: 100%; height: 75px; } #Footer { width: 100%; height: 50px; } #PageMargin { margin-left: 10px; } #NewHeader { font-size: 16px; padding-top: 0.2%; padding-left: 28%; } #Header2 { font-size: 14px; border-width: 2px; border-radius: 5px; padding: 4px; box-shadow: 5px 5px 2px #B5B5B5 } #Pictograms { height: 130px; } /* Style the buttons that are used to open and close the accordion panel */ button.accordion { font-size: 14px; padding: 10px; border-radius: 8px; } /* Style the accordion panel. Note: hidden by default */ div.panel { padding: 0 10px; } /* The "show" class is added to the accordion panel when the user clicks on one of the buttons. This will show the panel content */ div.panel.show { opacity: 1; max-height: 2800px; } /*Button symbols to indicate whether the collapsable content is open or closed*/ button.accordion:after { font-size: 13px; margin-left: 5px; } ul.No1 { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 20px; border-radius: 30px; margin-left: 5px; margin-right: 5px; line-height: 20px; } ul.No2 { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 20px; border-radius: 20px; margin-left: 5px; margin-right: 5px; line-height: 20px; }
}
/*MEDIA SCREEN PADDING FOR NEW MENU HEADER*/
@media screen and (max-width: 500px) { #NewHeader { font-size: 14px; padding-top: 0.2%; padding-left: 15%; }
}
/*SET SMALLEST SCREEN SIZE ALLOWABLE*/
@media screen and (max-width: 360px) { #Container { width: 320px; } p { font-size: 12px; } ul { font-size: 12px; } #Header { width: 100%; height: 75px; } #Footer { width: 100%; height: 25px; } #PageMargin { margin-left: 5px; } #NewHeader { font-size: 12px; padding-top: 0.1%; } #Header2 { font-size: 12px; border-width: 2px; border-radius: 5px; padding: 2px; box-shadow: 5px 5px 2px #B5B5B5; } #Pictograms { height: 100px; } /* Style the buttons that are used to open and close the accordion panel */ button.accordion { font-size: 12px; padding: 5px; border-radius: 6px; } /* Style the accordion panel. Note: hidden by default */ div.panel { padding: 0 10px; } /* The "show" class is added to the accordion panel when the user clicks on one of the buttons. This will show the panel content */ div.panel.show { opacity: 1; max-height: 2200px; } /*Button symbols to indicate whether the collapsable content is open or closed*/ button.accordion:after { font-size: 11px; margin-left: 5px; } ul.No1 { padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 10px; border-radius: 25px; margin-left: 0px; margin-right: 0px; line-height: 25px; } ul.No2 { padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 10px; border-radius: 15px; margin-left: 0px; margin-right: 0px; line-height: 25px; }
}

Chemicals and Hazardous Substances - Script Codes JS Codes

//SCRIPT TO OPEN PANELS ON ACCORDION
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) { acc[i].onclick = function() { //Make accordion class active and show open (-) this.classList.toggle("active"); //show div.panel this.nextElementSibling.classList.toggle("show"); }
}
//SCRIPT TO OPEN FIRST PANEL ONLY ON SCREEN LOAD
//myClick Function to insitgate panel click for
//body onload even in html document
function myClick() { var x = document.querySelectorAll("button.accordion"); var y = document.querySelectorAll("div.panel"); //Make 1st accordion class active and show open (-) x[0].classList.toggle("active"); //show 1st div panel y[0].classList.toggle("show"); //perform click of div panel y[0].classList.click();
}
//Add event listener for myClick function
window.addEventListener("load", myClick);
Chemicals and Hazardous Substances - Script Codes
Chemicals and Hazardous Substances - Script Codes
Home Page Home
Developer Marcus Macmillan
Username Marcus666
Uploaded September 23, 2022
Rating 3
Size 9,057 Kb
Views 18,216
Do you need developer help for Chemicals and Hazardous Substances?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Marcus Macmillan (Marcus666) Script Codes
Name
Hazards and Risks
Infection Control
Endless Scrolling Bar
Managing the Risks of Falls
Managing HS
MDT WHS Considerations
Workplace Bullying
Asbsestos Management
WHS Resources
Work Related Stress
Create amazing web content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!