User:Harimaron/common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

@media (max-width: 850px) {
	table.navbox {
		/*display: grid !important; /* remove the `display:inline-table` property */
		display: table !important; /* remove the `display:inline-table` property */
		width: 100% !important; /* just in case the user agent does not support min/max */
		width: min(max(80%, 400px), 100%) !important;
	}
	table.navbox > tbody {
		/*display: contents; /* make the tbody DOM-transparent */
	}
	table.navbox > tbody > tr {
		/*display: contents; /* make the tr DOM-transparent */
	}
	table.navbox > tbody > tr:first-child > td {
	}
	table.navbox > tbody > tr:not(:first-child) > td {
	}
	table.navbox > tbody > tr:not(:first-child) > td > div > table {
		/*display: grid !important;*/
		/*grid: 100% / auto-flow;*/
	}
	table.navbox > tbody > tr:not(:first-child) > td > div > table > tbody {
		/*display: contents;*/
	}
	table.navbox > tbody > tr:not(:first-child) > td > div > table > tbody > tr {
		/*display: contents;*/
		display: flex !important;
		flex-flow: column;
	}
	table.navbox > tbody > tr:not(:first-child) > td > div > table > tbody > tr > th {
		/*display: contents;*/
		width: unset !important;
		border-radius: 11px !important;
	}
}