Template:Tab/styles.css: Difference between revisions

Latest revision as of 22:27, 31 January 2024

.t-tabs-container {
	clear: both;
	text-align: center;
	padding: 0.5em;
	border: 2px solid #6e3c80;
	border-radius: 20px;
}

.t-tabs-header {
	border: 1px solid #6e3c80;
	border-radius: 15px;
	background-color: #1f0827;
	font-weight: 800;
	font-size: 1.1em;
}

.tabheader {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5em;
	margin: 0.5em;
}

.tabheader .tab {
	background-color: #3c0252;
	border: 1px solid #6e3c80;
	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 {
	border-radius: 15px;
	overflow: hidden;
	font-size: 90%;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #1f0827;
	border: 1px solid #6e3c80;
}

.tabcontents > .content {
	display: none;
}

.tabcontents > .content--active {
	display: block;
}