Welcome to Wars Wiki! |
---|
Welcome, new users! For help on where to start, look at our getting started page and our manual of style. Need more help? Ask a staff member! |
Template:Tabs/styles.css: Difference between revisions
From Wars Wiki
Jump to navigationJump to search
(only for use within infoboxes) |
(move buttons closer together) |
||
Line 14: | Line 14: | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
justify-content: | justify-content: center; | ||
gap: .5em; | |||
margin: .5em; | margin: .5em; | ||
} | } |
Latest revision as of 05:17, 27 July 2023
.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; }