C.F.A. Couplings
.carandina-tabs { text-align: center; margin-bottom: 15px; } .carandina-tab-btn { background-color: #f4f5f7; border: 1px solid #ccc; padding: 10px 20px; cursor: pointer; font-weight: bold; color: #0a2044; border-radius: 5px 5px 0 0; margin: 0 5px; } .carandina-tab-btn.active { background-color: #ffcc00; border-color: #ffcc00; } .carandina-tab-content { display: none; } .carandina-tab-content.active { display: block; }
function switchTab(evt, tabName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("carandina-tab-content"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("carandina-tab-btn"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(tabName).style.display = "block"; evt.currentTarget.className += " active"; }
.carandina-tabs { text-align: center; margin-bottom: 15px; } .carandina-tab-btn { background-color: #f4f5f7; border: 1px solid #ccc; padding: 10px 20px; cursor: pointer; font-weight: bold; color: #0a2044; border-radius: 5px 5px 0 0; margin: 0 5px; } .carandina-tab-btn.active { background-color: #ffcc00; border-color: #ffcc00; } .carandina-tab-content { display: none; } .carandina-tab-content.active { display: block; }
function switchTab(evt, tabName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("carandina-tab-content"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("carandina-tab-btn"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(tabName).style.display = "block"; evt.currentTarget.className += " active"; }
.carandina-tabs { text-align: center; margin-bottom: 15px; } .carandina-tab-btn { background-color: #f4f5f7; border: 1px solid #ccc; padding: 10px 20px; cursor: pointer; font-weight: bold; color: #0a2044; border-radius: 5px 5px 0 0; margin: 0 5px; } .carandina-tab-btn.active { background-color: #ffcc00; border-color: #ffcc00; } .carandina-tab-content { display: none; } .carandina-tab-content.active { display: block; }
function switchTab(evt, tabName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("carandina-tab-content"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("carandina-tab-btn"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(tabName).style.display = "block"; evt.currentTarget.className += " active"; }
.carandina-tabs { text-align: center; margin-bottom: 15px; } .carandina-tab-btn { background-color: #f4f5f7; border: 1px solid #ccc; padding: 10px 20px; cursor: pointer; font-weight: bold; color: #0a2044; border-radius: 5px 5px 0 0; margin: 0 5px; } .carandina-tab-btn.active { background-color: #ffcc00; border-color: #ffcc00; } .carandina-tab-content { display: none; } .carandina-tab-content.active { display: block; }
function switchTab(evt, tabName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("carandina-tab-content"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("carandina-tab-btn"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(tabName).style.display = "block"; evt.currentTarget.className += " active"; }