Collapsible Sections with Rounded Corners body { font-family: Helvetica, Arial, sans-serif; margin: 0; padding: 0; box-sizing: border-box; color: black; overflow-x: hidden; } a { color: blue; text-decoration: none; } a:hover { text-decoration: underline; } .tab-links { display: flex; justify-content: space-between; margin-bottom: 0; background: #fff; padding: 0; } .tab-links button { flex-grow: 1; padding: 12px 20px; border: none; background-color: #f2f2f2; cursor: pointer; outline: none; border-top-left-radius: 8px; border-top-right-radius: 8px; transition: background-color 0.3s; border-bottom: 2px solid transparent; color: black; } .tab-links button:hover { background-color: orange; } .tab-links button.active { background-color: #ccc; border-bottom-color: #ccc; font-weight: bold; } .tab-content { display: none; padding: 20px; border: 1px solid #ccc; border-radius: 8px; border-top-left-radius: 0; border-top-right-radius: 0; } .tab-content.active { display: block; } .collapsible { background-color: #f2f2f2; color: black; cursor: pointer; padding: 10px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; display: flex; justify-content: flex-start; align-items: center; transition: background-color 0.3s; border-top: 1px solid white; border-radius: 8px; } .collapsible:first-of-type { border-top: none; } .collapsible.active { background-color: #e2e2e2; } .collapsible span { font-size: 18px; margin-right: 10px; transition: transform 0.3s ease; } .collapsible.active span { transform: rotate(45deg); } .collapsible-content { max-height: 0; padding: 0 18px; overflow: hidden; background-color: white; border-top: none; border-radius: 8px; transition: max-height 0.3s ease-out, padding 0.3s ease-out; } .collapsible-content.active { max-height: 1000px; padding: 18px; } @media (max-width: 600px) { .tab-links button { padding: 15px 10px; } .tab-content { padding: 15px; } } @media (max-width: 600px) { .tab-content img { width: 100%; height: auto; object-fit: contain; max-width: 100%; } } /* Add styling for video size */ .video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 aspect ratio */ height: 0; overflow: hidden; max-width: 100%; background: #000; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Grey box styling for downloads */ .gray-box { background-color: #f2f2f2; padding: 10px; border-radius: 8px; margin-bottom: 10px; display: inline-block; } .gray-box a { color: black; text-decoration: none; } .gray-box a:hover { text-decoration: underline; } Description Specs Use The Mega Slap Mat® is our larger version of our pure 100% first-grade silicone mat and will not be harmed by printer resins, most chemicals, or most glues! Mega Slap Mat® is also great as a general craft mat, protecting your work surface from gluing, body putty, or painting even resisting melted solder and the tip of most soldering irons for up to 3 minutes, so use them under electronics. We utilize thicker 100% high-quality first-grade silicon, as opposed to the lower-grade alternatives commonly found in online discount stores. This choice results in a mat with a more robust surface, facilitating easy removal of resins and other materials. It also makes transporting the mat easier as it’s stiffer. Additionally, our mats boast enhanced durability and prolonged resistance to heat and various chemicals compared to standard silicon mats found elsewhere. As a result, our mats stand out as among the strongest, if not the strongest, available on the market. See more Slap Mat® products here . Size: 345 mm x 700 mm (13.6 in x 25.5 in) Thickness: 2 mm center and 4 mm for lip **Advisory Note:** Using baking soda as an accelerator with glue directly on the Slap Mat® is not recommended. Over time, this can degrade the silicone material of the mat. To prevent this, apply a wax protective layer or place a barrier over the Slap Mat® when using such chemical combinations. Clean Up: Put on the proper safety equipment for resin like gloves and mask. Then carefully take the mat with 2 hands and transport it outside in the sunlight. Wait for the resin to harden. Then simply flex it off. Wipe any leftover resin off with IPA and a paper towel. Glues and other epoxies should just flex off when dry or you can just wipe them off with IPA. Helpful Videos: In Action Slap Mat Family Uncle Jessy review function openTab(event, tabName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tab-content"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].classList.remove("active"); } tablinks = document.getElementsByClassName("tab-link"); for (i = 0; i < tablinks.length; i++) { tablinks[i].classList.remove("active"); } document.getElementById(tabName).classList.add("active"); event.currentTarget.classList.add("active"); } document.addEventListener("DOMContentLoaded", function () { var collapsibles = document.getElementsByClassName("collapsible"); for (var i = 0; i < collapsibles.length; i++) { collapsibles[i].addEventListener("click", function () { this.classList.toggle("active"); var content = this.nextElementSibling; content.classList.toggle("active"); }); } });
Related
Related
Related
Related