Blooncyclopedia

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

← Older edit
Polavux (talk | contribs)
Bureaucrats, Interface administrators, Administrators
63,191 edits
mNo edit summary
mNo edit summary
 
(7 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 {
align-items: flex-start;
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;
}
}
Retrieved from "https://www.bloonswiki.com/Template:Upgrade_row/style.css"