Bước tới nội dung

Bản mẫu:Page tabs/styles.css

Bách khoa toàn thư mở Wikipedia
.template-page-tabs {	background: #F8FCFF;    color:black;	width: 100%;	display: flex;	flex-wrap: wrap;	margin-bottom: -4px;}.template-page-tabs > span {	padding: 0.5em;	line-height: 0.95em;	border: solid 2px #a3b1bf;	white-space: nowrap;	margin-bottom: 4px;}.template-page-tabs > span.spacer {	display: flex; /* hides any whitespace we put inside */	padding: 0;	flex: 9px;	border-width: 0 0 2px 0;}.template-page-tabs > span.spacer:last-child {	/* We want this to get first priority, which flexbox doesn't really understand but hopefully this will do. */	flex: 1000 1 0;}/* Vector 2022 and Minerva Dark Theme Compatibility *//* Active tabs */@media screen {	html.skin-theme-clientpref-night .template-page-tabs > span[style*="font-weight:bold"] {		background-color: #1c252e !important;		color: var(--color-base, #ffffff) !important;		border-bottom: 0;	}}@media screen and (prefers-color-scheme: dark) {	html.skin-theme-clientpref-os .template-page-tabs > span[style*="font-weight:bold"] {		background-color: #1c252e !important;		color: var(--color-base, #ffffff) !important;		border-bottom: 0;	}}/* Inactive tabs */@media screen {	html.skin-theme-clientpref-night .template-page-tabs,	html.skin-theme-clientpref-night .template-page-tabs > span {		background: var(--background-color-base, #000000) !important;		color: var(--color-base, #ffffff) !important;		border-color: #333333;	}}@media screen and (prefers-color-scheme: dark) {	html.skin-theme-clientpref-os .template-page-tabs,	html.skin-theme-clientpref-os .template-page-tabs > span {		background: var(--background-color-base, #000000) !important;		color: var(--color-base, #ffffff) !important;		border-color: #333333;	}}