Template:WPVG sidebar/styles.css

.wpvg-sidebar {
	background: var(--background-color-neutral-subtle, #F9F9F9);
	float: right;
	clear: right;
	border: 1px solid #aaa;
	border-collapse: collapse;
	margin: 0 0 1em 1em;
	font-size: 90%;
	width: 15.5em;
	white-space: nowrap;
}

.wpvg-sidebar table {
	border-collapse: collapse;
	width: 100%;
}

.wpvg-sidebar table th {
	text-align: left;
	border-top: 1px solid #aaa;
	background: var(--background-color-neutral, #EFEFEF);
}

/* header-cont is the odd man out
it might be worth seeing if box shadow might work instead */
.wpvg-sidebar td,
.wpvg-sidebar th,
.wpvg-sidebar .wpvg-sidebar-header-cont,
.wpvg-sidebar .wpvg-sidebar-bottom {
	padding: 3px;
}

.wpvg-sidebar > tbody > tr > td,
.wpvg-sidebar > tbody > tr > th {
	padding: 0;
}

td.wpvg-sidebar-subitem {
	padding-left: 2em;
}

.wpvg-sidebar-talk {
	width: 20%;
}

.wpvg-sidebar-shortcut {
	text-align: center;
	font-size: 95%;
	font-weight: bold;
}

.wpvg-sidebar-header-cont {
	text-align: center;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

.wpvg-sidebar-header {
	background: var(--background-color-neutral, #EFEFEF);
}

/* with nowrap on parent table, these cells don't wrap right */
.wpvg-sidebar-archives-cont {
	white-space: normal;
}

/* hits all the sub-table td */
.wpvg-sidebar-archives-cont td {
	line-height: 1.25em;
}

/* weird th */
.wpvg-sidebar-archives > tbody > tr > th {
	font-weight: normal;
	border-top: none;
	background: transparent;
}

/* weird td too */
.wpvg-sidebar-archives > tbody > tr > td {
	text-align: center;
}

.wpvg-sidebar-bottom {
	text-align: center;
	border-top: 1px solid #aaa;
}

.wpvg-sidebar-bottom div {
	padding-top: 1em;
	padding-bottom: 0.2em;
}

.wpvg-sidebar-bottom ul {
	padding-bottom: 0.8em;
	font-size: 95%;
}

@media (max-width: 720px) {
	.wpvg-sidebar {
		width: 100%;
	}
}