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

From Blooncyclopedia, the independent Bloons knowledge base
Jump to navigation Jump to search
m i think it's done now
mNo edit summary
 
(45 intermediate revisions by the same user not shown)
Line 2: Line 2:
.ur-wrapper {
.ur-wrapper {
display: flex;
display: flex;
flex-wrap: wrap;
gap: 2px;
gap: 2px;
margin-top: 2px;
}
.ur-head {
background-color: var(--background-color-object-neutral-subtle);
display: flex;
align-items: center;
font-weight: bold;
font-size: 1.2em;
text-align: center;
padding: 5px;
}
}


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


.flex-wrapper {
.ur-wrapper .flex-wrapper {
display: flex;
display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
Line 29: Line 17:
}
}


.flex-wrapper-vertical {
.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;
display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
gap: 2px;
gap: 0 10px;
width: 100%;
align-items: center;
}
}


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


.flex-item-body {
.ur-wrapper .ur-upgrade-data .flex-left-icon-wrapper {
background-color: var(--background-color-object-neutral);
flex: 3 1 500px;
font-size: 90%;
align-items: center;
padding: .2em .3em;
box-sizing: border-box;
width: 100%;
}
}

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