User:Harimaron/Sandbox/Template:Navbox/styles.css: Difference between revisions

Revision as of 18:11, 11 April 2024

table.navbox {
	margin: auto;
	width: 80%;
	border-radius: 20px;
	border-spacing: 2px;
}
table.navbox > tbody > tr:first-child > td > div {
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	margin-left: 56px;
}
table.navbox > tbody > tr:not(:first-child) > td {
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 18px;
	padding: 0;
}
table.navbox > tbody > tr:not(:first-child) > td > div {
	box-shadow: 0 0 15px rgba(255, 255, 255, 0.5) inset;
	border-radius: 18px;
	padding: 4px 4px 0 4px;
}

table.navbox-group {
	border: 2px solid;
	border-radius: 14px;
	width: 100%;
	border-spacing: 2px;
	margin-bottom: 4px;
}
table.navbox-group > tbody > tr > th:first-child {
	border-radius: 11px 0 0 11px;
	text-align: center;
	font-weight: bold;
}

@media (max-width: 850px) {
	table.navbox {
		display: table !important; /* remove the `display:inline-table` property so that the table can be centred */
		width: 100% !important;
	}

	table.navbox-group > tbody > tr {
		display: flex !important;
		flex-flow: column;
	}
	table.navbox-group > tbody > tr > th {
		width: unset !important;
		border-radius: 11px !important;
	}
	table.navbox-group > tbody > tr > td {
		width: unset !important;
	}
}

@media (min-width: 650px) and (max-width: 850px) {
	table.navbox {
		width: 630px !important;
	}
}