Template:TableturfShape/style.css: Difference between revisions

From Inkipedia, the Splatoon wiki
(Added styles that used to be inline.)
(Made dark gray the default background color so template invocations don't need to specify all 64 squares.)
Line 10: Line 10:
height: 10px;
height: 10px;
box-shadow: inset 1px 1px 0 #666666;
box-shadow: inset 1px 1px 0 #666666;
}
div.tableturf_shape .⬛ {
background-color: #444444;
background-color: #444444;
}
}

Revision as of 02:32, 18 August 2022

div.tableturf_shape {
	display: inline-grid;
	grid-template-columns: repeat(8, auto);
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

div.tableturf_shape s {
	width: 10px;
	height: 10px;
	box-shadow: inset 1px 1px 0 #666666;
	background-color: #444444;
}

div.tableturf_shape .🟨 {
	background-color: #eeff00;
	box-shadow: inset 0 -1px 2px rgba(0, 102, 0, 0.5), inset 0 2px 2px rgba(255, 255, 255, 0.5);
}

div.tableturf_shape .🟧 {
	background-color: #ff7f00;
	box-shadow: inset 0 -1px 2px rgba(102, 51, 0, 0.5), inset 0 2px 2px rgba(255, 255, 255, 0.5);
}