Template:Upgrade row/style.css

From Blooncyclopedia, the independent Bloons knowledge base
Jump to navigation Jump to search
/* [[Category:Template styles]] */
.ur-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
}

.ur-subtable-wrapper {
	margin: 1em 0;
}

.ur-wrapper .flex-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
	width: 100%;
}

.ur-wrapper .ur-head {
	background-color: var(--background-color-object-neutral-subtle);
	padding: .3em .4em;
	width: 100%;
	font-size: 1.1em;
	font-weight: bold;
}

.ur-wrapper .flex-item {
	flex: 2 1 600px;
	background-color: var(--background-color-object-neutral);
	padding: .2em .3em;
	box-sizing: border-box;
	font-size: 0.9em;
}

.ur-wrapper .flex-item-short {
	flex: 1 1 300px;
}

.ur-wrapper .flex-item-long {
	flex: 3 1 901px;
}

.ur-wrapper .flex-item p {
	margin: 0;
}

.ur-wrapper .ur-upgrade-data {
	display: flex;
	flex-wrap: wrap;
	gap: 0 10px;
	align-items: center;
}

.ur-wrapper .ur-upgrade-data div {
	flex: 1 1 310px;
}

.ur-wrapper .ur-upgrade-data .flex-left-icon-wrapper {
	flex: 3 1 500px;
	align-items: center;
}