Template:Main Page toolbox/sandbox/styles.css

/* {{pp-template}} */
.mp-toolbox {
	border: 1px solid var(--border-color-base, #a2ab91);
	background-color: var(--background-color-neutral-subtle, #f8f9fa);
	/* @noflip */
	margin: 0.5em 0 0.5em 1em;
	/* @noflip */
	float: right;
	/* @noflip */
	clear: right;
	line-height: 1.5em;
	padding: 0;
	font-size: 90%;
	text-align: center;
}

.mp-toolbox-label {
	padding: 1px 0;
	font-size: larger;
	font-weight: bold;
}

.mp-toolbox-daily {
	border: 1px solid var(--border-color-base, #a2ab91);
	border-spacing: 3px;
	background-color: var(--background-color-neutral-subtle, #f8f9fa);
	line-height: 1.5em;
	border-collapse: collapse;
	width: 100%;
	padding: 0;
	margin: 0;
}

.mp-toolbox-daily td,
.mp-toolbox-daily th {
	/*	text-align: center; */
	vertical-align: top;
	border: 1px solid var(--border-color-base, #a2ab91);
}

.mp-toolbox-daily th,
td.mp-toolbox-tfl-not {
	background: var(--background-color-neutral, #eaecf0);
}

body.ns-talk .mp-toolbox,
body.ns-talk .mp-toolbox-daily {
	border: 1px solid var(--border-color-content-removed, #ffe49c);
	background-color: var(--background-color-warning-subtle, #fef6e7);
}

body.ns-talk .mp-toolbox-daily td,
body.ns-talk .mp-toolbox-daily th {
	border: 1px solid var(--border-color-content-removed, #ffe49c);
}

body.ns-talk .mp-toolbox-daily th,
body.ns-talk .mp-toolbox-tfl-not {
	background: var(--background-color-content-removed, #ffe49c);
}

.mp-toolbox-potd-mp td,
body.ns-talk .mp-toolbox-potd-mp td {
	border-bottom: none;
	white-space: nowrap;
}

.mp-toolbox-potd td,
body.ns-talk .mp-toolbox-potd td {
	border-top: none;
	white-space: nowrap;
}

.mp-toolbox-daily,
body.ns-talk .mp-toolbox-daily,
.mp-toolbox-tfl td,
body.ns-talk .mp-toolbox-tfl td {
	border-bottom: none;
}

.mp-toolbox-daily,
.mp-toolbox-daily .mp-toolbox-tfl-not,
.mp-toolbox-daily .mp-toolbox-tfl-not-3,
body.ns-talk .mp-toolbox-daily,
body.ns-talk .mp-toolbox-daily .mp-toolbox-tfl-not,
body.ns-talk .mp-toolbox-daily .mp-toolbox-tfl-not-3 {
	border-right: none;
	border-left: none;
	box-sizing: border-box;
}

.mp-toolbox-daily tr td:nth-child(1),
.mp-toolbox-daily tr th:nth-child(1),
body.ns-talk .mp-toolbox-daily,
body.ns-talk .mp-toolbox-daily tr td:nth-child(1),
body.ns-talk .mp-toolbox-daily tr th:nth-child(1) {
	border-left: none;
	box-sizing: border-box;
}

.mp-toolbox-daily tr td:nth-child(3),
.mp-toolbox-daily tr th:nth-child(3),
body.ns-talk .mp-toolbox-daily tr td:nth-child(3),
body.ns-talk .mp-toolbox-daily tr th:nth-child(3) {
	border-right: none;
	box-sizing: border-box;
}

/*
-following from here
*/
.mp-toolbox-following {
	clear: both;
}

.mp-toolbox-following > div {
	border-top: 1px solid var(--border-color-base, #a2ab91);
	padding: 1px;
}

body.ns-talk .mp-toolbox-following > div {
	border-top: 1px solid var(--border-color-content-removed, #ffe49c);
}

.mp-toolbox-tfl span,
.mp-toolbox-following span,
.mp-toolbox-purge {
	font-weight: bold;
}

.mp-toolbox .hlist ul,
.mp-toolbox .hlist dl {
	width: 27em;
	margin: 0 auto;
}

@media all and (max-width: 720px ) {
	.mp-toolbox {
		margin: 0.5em 0;
		width: 100%;
		float: none;
		clear: both;
	}
	
	.mp-toolbox-daily {
		display: table; /* override Minerva silliness */
	}
	
	.mp-toolbox .hlist ul,
	.mp-toolbox .hlist dl {
		width: inherit;
	}
}