Template:Upgrade row/style.css: Difference between revisions

From Blooncyclopedia, the independent Bloons knowledge base
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
 
(6 intermediate revisions by the same user not shown)
Line 4: Line 4:
flex-wrap: wrap;
flex-wrap: wrap;
gap: 2px;
gap: 2px;
font-size: 0.9em;
}
}


Line 22: Line 21:
padding: .3em .4em;
padding: .3em .4em;
width: 100%;
width: 100%;
font-size: 1.1em;
display: flex;
font-weight: bold;
flex-wrap: wrap;
align-items: center;
gap: 10px;
}
 
.ur-wrapper .ur-head .ur-name {
flex: 3 1 400px;
}
 
.ur-wrapper .ur-head .ur-xp {
flex: 1 1 100px;
}
 
.ur-wrapper .ur-head .ur-cost {
flex: 2 1 300px;
column-width: 150px;
}
}


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


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


Line 61: Line 41:
}
}


.ur-wrapper .flex-left-icon-wrapper {
.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;
align-items: center;
}
}

Latest revision as of 22:50, 6 September 2026

/* [[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: 1 1 300px;
	background-color: var(--background-color-object-neutral);
	padding: .2em .3em;
	box-sizing: border-box;
	font-size: 0.9em;
}

.ur-wrapper .flex-item-long {
	flex: 2 1 600px;
}

.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;
}