Blooncyclopedia

Template:BTD6 stats/style.css: Difference between revisions

Polavux (talk | contribs)
Bureaucrats, Interface administrators, Administrators
63,192 edits
Created page with "→[[Category:Template styles]]: .stats-outer-block { background: var(--background-color-object-base); border: 1px solid var(--border-color-object-base); margin: 1em 0; padding: 3px 4px 4px; } .stats-outer-block .flex-wrapper { width: 100%; margin-top: 2px; display: flex; flex-wrap: wrap; gap: 2px; } .stats-outer-block .flex-head { text-align: center; font-weight: bold; font-size: 1.1em; } .stats-outer-block .flex-item { flex: 1 1 350px; background-col..."
 
mNo edit summary
 
(19 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* [[Category:Template styles]] */
/* [[Category:Template styles]] */
.stats-wrapper {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 1em 0;
}
.stats-wrapper dt {
font-weight: normal;
}
.stats-outer-block {
.stats-outer-block {
background: var(--background-color-object-base);
background: var(--background-color-object-base);
border: 1px solid var(--border-color-object-base);
border: 1px solid var(--border-color-object-base);
margin: 1em 0;
padding: 3px 4px 4px;
padding: 3px 4px 4px;
}
 
.stats-outer-block .flex-wrapper {
width: 100%;
margin-top: 2px;
display: flex;
display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
gap: 2px;
gap: 2px;
align-self: flex-start;
}
.stats-outer-block.horizontal {
flex: 1 1 800px;
}
.stats-outer-block.vertical {
flex: 1 1 300px;
flex-direction: column;
}
}


.stats-outer-block .flex-head {
.stats-outer-block > .head {
text-align: center;
text-align: center;
font-weight: bold;
font-weight: bold;
Line 21: Line 37:
}
}


.stats-outer-block .flex-item {
.stats-outer-block.horizontal > .head {
flex: 1 1 350px;
flex: 1 1 100%;
background-color: var(--background-color-object-neutral);
}
 
.stats-outer-block .stats-inner-block {
font-size: 90%;
font-size: 90%;
}
}


.stats-outer-block .flex-item.half-width {
.stats-outer-block.horizontal .stats-inner-block {
flex: 0.5 1 174px;
flex: 1 1 400px;
}
}


.stats-outer-block .flex-item.double-width {
.stats-outer-block.vertical .stats-inner-block {
flex: 2 1 701px;
flex: 1;
}
}


.stats-outer-block .flex-item.triple-width {
.stats-outer-block .stats-inner-block .subtable {
flex: 3 1 1052px;
height: 100%;
}
}


.stats-outer-block .flex-item-header {
.stats-outer-block .stats-inner-block .subtable td {
font-weight: bold;
width: 100%;
text-align: center;
padding: .1em .2em;
background-color: var(--background-color-object-neutral-subtle);
border-bottom: 2px solid var(--background-color-object-base);
}
}


.stats-outer-block .flex-item-body {
.stats-outer-block .stats-inner-block .subtable .head {
padding: .2em .3em;
height: 0;
}
}
Retrieved from "https://www.bloonswiki.com/Template:BTD6_stats/style.css"