Template:TableturfShape/style.css: Difference between revisions
From Inkipedia, the Splatoon wiki
(Changed from inline-grid to regular grid to avoid line-height being added above the grid.) |
(Added styles to center shapes when they appear in tables.) |
||
| Line 5: | Line 5: | ||
border-right: 1px solid #666666; | border-right: 1px solid #666666; | ||
border-bottom: 1px solid #666666; | border-bottom: 1px solid #666666; | ||
} | |||
.wikitable div.tableturf_shape { | |||
margin-left: auto; | |||
margin-right: auto; | |||
} | } | ||
Latest revision as of 16:56, 14 September 2022
div.tableturf_shape {
display: grid;
grid-template-columns: repeat(8, auto);
width: min-content;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
}
.wikitable div.tableturf_shape {
margin-left: auto;
margin-right: auto;
}
div.tableturf_shape s {
width: 1em;
height: 1em;
box-shadow: inset 1px 1px 0 #666666;
background-color: #444444;
}
div.tableturf_shape .c1,
div.tableturf_shape .c🟨 {
background-color: #eeff00;
box-shadow: inset 0 -0.1em 0.2em rgba(0, 102, 0, 0.5), inset 0 0.2em 0.2em rgba(255, 255, 255, 0.9);
}
div.tableturf_shape .c2,
div.tableturf_shape .c🟧 {
background-color: #ff7f00;
box-shadow: inset 0 -0.1em 0.2em rgba(51, 0, 0, 0.5), inset 0 0.2em 0.2em rgba(255, 255, 255, 0.6);
}
