Template:TableturfShape/style.css: Difference between revisions
From Inkipedia, the Splatoon wiki
(Added styles that used to be inline.) |
(Added styles to center shapes when they appear in tables.) |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
div.tableturf_shape { | div.tableturf_shape { | ||
display: | display: grid; | ||
grid-template-columns: repeat(8, auto); | grid-template-columns: repeat(8, auto); | ||
width: min-content; | |||
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; | |||
} | } | ||
div.tableturf_shape s { | div.tableturf_shape s { | ||
width: | width: 1em; | ||
height: | height: 1em; | ||
box-shadow: inset 1px 1px 0 #666666; | box-shadow: inset 1px 1px 0 #666666; | ||
background-color: #444444; | background-color: #444444; | ||
} | } | ||
div.tableturf_shape . | div.tableturf_shape .c1, | ||
div.tableturf_shape .c🟨 { | |||
background-color: #eeff00; | background-color: #eeff00; | ||
box-shadow: inset 0 - | 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 . | div.tableturf_shape .c2, | ||
div.tableturf_shape .c🟧 { | |||
background-color: #ff7f00; | background-color: #ff7f00; | ||
box-shadow: inset 0 - | 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); | ||
} | } | ||
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);
}
