_ _    _ _____  ___   __                       
 __      _(_) | _(_)___ / ( _ ) / /_   ___ ___  _ __ ___  
 \ \ /\ / / | |/ / | |_ \ / _ \| '_ \ / __/ _ \| '_ ` _ \ 
  \ V  V /| |   <| |___) | (_) | (_) | (_| (_) | | | | | |
   \_/\_/ |_|_|\_\_|____/ \___/ \___(_)___\___/|_| |_| |_|

Template:Main Page toolbox/styles.css

In this article, we will thoroughly explore the topic of Template:Main Page toolbox/styles.css and all aspects related to it. From its origin to its relevance today, through its possible future implications, we will immerse ourselves in an exhaustive analysis that will cover both historical and contemporary aspects. Template:Main Page toolbox/styles.css is a topic of great interest and with a significant impact in various areas, so it is essential to understand it in its entirety. Through this article, we aim to provide the reader with a complete and detailed vision of Template:Main Page toolbox/styles.css, with the aim of generating solid and enriching knowledge on this topic.
/* {{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;
	}
}