Template:TableturfShape/style.css: Difference between revisions

From Inkipedia, the Splatoon wiki
(Improved styles.)
(Added styles that used to be inline.)
Line 1: Line 1:
div.tableturf_shape {
div.tableturf_shape {
display: inline-grid;
grid-template-columns: repeat(8, auto);
border-right: 1px solid #666666;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
border-bottom: 1px solid #666666;

Revision as of 02:14, 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;
}

div.tableturf_shape .⬛ {
	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);
}