Template:Signpost/Crossword/sandbox/styles.css

.signpost-crossword {
	outline: 4px dashed rgb(64, 64, 64);
	border: 1px dashed rgb(64, 64, 64);
	border-collapse: collapse;
	margin: 1em 0;
	background: rgb(64, 64, 64);
}
.signpost-crossword-cell, .signpost-crossword-null {
	padding: 0;
	margin: 0;
	border: 0;
	height: 2.5em;
	width: 2.5em;
}
.signpost-crossword-bgtext-wrap {
	position: relative;
}
.signpost-crossword-bgtext-number {
	position: absolute;
	top: 0.1rem;
	left: 0.2rem;
	font-size: 70%;
	line-height: 1.1em;
	font-weight: 700;
	color: var(--color-subtle, grey);
	user-select: none;
}
.signpost-crossword-inputbox {
	outline: 1px solid rgb(64, 64, 64);
}
.signpost-crossword-inputbox .commentboxInput {
	width: 2.5em;
	min-height: 2.5em;
	text-transform: uppercase;
	text-align: center;
}

@media screen {
	/*
	 * Override for skin Timeless, which has a convoluted selector with
	 * a non-zero margin for some <input> tags.
	 */
	.signpost-crossword .signpost-crossword-cell .signpost-crossword-bgtext-wrap 
		.signpost-crossword-inputbox .mw-inputbox-centered .commentbox.mw-inputbox-form-inline 
		.cdx-text-input input.commentboxInput.cdx-text-input__input
	{
		margin: 0;
	}
}
.signpost-crossword-inputbox .cdx-button--action-progressive {
	display: none;
}

.signpost-crossword-cluetable {
	border-collapse: collapse;
}

.signpost-crossword-cluetable tr {
	border-bottom: 0.1em solid rgba(128, 128, 128, 0.3);
	vertical-align: top;
}

.signpost-crossword-cluetable-answer,
.signpost-crossword-cluetable-answer a {
	font-family: monospace;
	color: var(--color-base, #000);
	background-color: var(--color-base, #000);
	text-transform: uppercase;
}