Jump to navigation
Jump to search
.t-tabs-container {
float: right;
clear: right;
border: 1px solid #d6d3d1;
text-align: center;
padding: .5em;
margin: 0.5em 0 0.5em 1.4em;
}
.t-tabs-title {
font-weight: 800;
font-size: 1.1em;
}
.tabheader {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.5em;
margin: .5em;
}
.tabheader .tab {
background-color: #f9f9f9;
border: 1px solid #d6d3d1;
border-radius: 0.375em;
cursor: pointer;
font-weight: 500;
padding: .5em;
white-space: nowrap;
}
.tabheader .tab:hover {
background-color: #f2f2f2;
}
.tabheader .tab.active {
background-color: #aaa;
}
.tabcontents > .content {
display: none;
}
.tabcontents > .content--active {
display: block;
}