Template:Tabs/styles.css

.t-tabs-container { border: 1px solid #d6d3d1; text-align: center; padding: .5em; margin: auto; }

.t-tabs-title { font-weight: 800; font-size: 1.1em; }

.tabheader { display: flex; flex-wrap: wrap; justify-content: center; gap: .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; }