Plantilla:Ficha de mes/styles.css

.infobox-calendar-table {
	width: 100%;
	border-spacing: 0;
	text-align: center;
	margin-left: 0;
	margin-right: 0;
}
.infobox-calendar-table th:first-child {
	width: 13.2%;
}
.infobox-calendar-table td {
	width: 12.4%;
}

.infobox-calendar-table {
	background-color: #fff;
	border: 1px solid #ccf;
	border-bottom-width: 3px;
}
.infobox-calendar-table tr:first-child {
	background-color: #eaeaff; /* #ccf; */
}
.infobox-calendar-table tr:first-child th {
	border-bottom: 1px solid #ccf;
}
.infobox-calendar-table tr:not(:first-child) th:first-child {
	background-color: #eaeaff; /* #e6e8fa; */
	border-right: 1px solid #ccf;
}
.infobox-calendar-table th a .enhanced {
	color: #cc2a2a; /* --color-link-red */
}
.infobox-calendar-table a .enhanced {
	color: var(--color-link-red, #d73333);
}
.infobox-calendar-table a:hover .enhanced {
	color: var(--color-link-red--hover, #ff4242);
}
.infobox-calendar-table a:active .enhanced {
	color: var(--color-link-red--active, #b32424);
}
.infobox-calendar-table a:visited .enhanced {
	color: var(--color-link-red--visited, #a55858);
}
.infobox-calendar-table a .disabled {
	color: #757575;
}
.infobox-calendar-table .selected {
	background-color: #cfc;
	font-weight: bold;
}

@media screen {
	html.skin-theme-clientpref-night .infobox-calendar-table {
		background-color: var(--background-color-base, #121418);
		border: 1px solid var(--border-color-base, #72777d);
		border-bottom-width: 3px;
	}
	html.skin-theme-clientpref-night .infobox-calendar-table tr:first-child {
		background-color: var(--background-color-base, #121418);
	}
	html.skin-theme-clientpref-night .infobox-calendar-table tr:first-child th {
		border-bottom: 1px solid var(--border-color-base, #72777d);
	}
	html.skin-theme-clientpref-night .infobox-calendar-table tr:not(:first-child) th:first-child {
		background-color: var(--background-color-base, #121418);
		border-right: 1px solid var(--border-color-base, #72777d);
	}
	html.skin-theme-clientpref-night .infobox-calendar-table a .enhanced {
		color: var(--color-link-red, #ff4242);
	}
	html.skin-theme-clientpref-night .infobox-calendar-table a .disabled {
		color: #7f7f7f; /* #757575 */
	}
	html.skin-theme-clientpref-night .infobox-calendar-table .selected {
		background-color: #00261e; /* [notheme] --background-color-success-subtle in dark mode */
		color: #fff;
		font-weight: bold;
	}
	html.skin-theme-clientpref-night .infobox-calendar-table .selected a {
		color: #fff !important; /* [notheme] */
	}
	html.skin-theme-clientpref-night .infobox-calendar-table .selected a .enhanced {
		color: #f04c4c;
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .infobox-calendar-table {
		background-color: var(--background-color-base, #121418);
		border: 1px solid var(--border-color-base, #72777d);
		border-bottom-width: 3px;
	}
	html.skin-theme-clientpref-os .infobox-calendar-table tr:first-child {
		background-color: var(--background-color-base, #121418);
	}
	html.skin-theme-clientpref-os .infobox-calendar-table tr:first-child th {
		border-bottom: 1px solid var(--border-color-base, #72777d);
	}
	html.skin-theme-clientpref-os .infobox-calendar-table tr:not(:first-child) th:first-child {
		background-color: var(--background-color-base, #121418);
		border-right: 1px solid var(--border-color-base, #72777d);
	}
	html.skin-theme-clientpref-os .infobox-calendar-table a .enhanced {
		color: var(--color-link-red, #ff4242);
	}
	html.skin-theme-clientpref-os .infobox-calendar-table a .disabled {
		color: #7f7f7f; /* #757575 */
	}
	html.skin-theme-clientpref-os .infobox-calendar-table .selected {
		background-color: #00261e; /* [notheme] --background-color-success-subtle in dark mode */
		color: #fff;
		font-weight: bold;
	}
	html.skin-theme-clientpref-os .infobox-calendar-table .selected a {
		color: #fff !important; /* [notheme] */
	}
	html.skin-theme-clientpref-os .infobox-calendar-table .selected a .enhanced {
		color: #f04c4c;
	}
}