Plantilla:Mantenimiento/styles.css

.mantenimiento {
	display: inline;
	text-align: center;
	border-collapse: separate;
}
.mantenimiento caption {
	position: relative;
	background-color: #cde;
	font-weight: bold;
}
.mantenimiento caption div {
	display: inline-block;
}
.mantenimiento caption div:first-of-type {
	position: absolute;
	left: 1em;
	user-select: none;
}
.mantenimiento caption div:last-of-type {
	position: absolute;
	right: 1em;
	user-select: none;
}
.mantenimiento th {
	background-color: #def;
	font-weight: normal;
}
.mantenimiento td {
	position: relative;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	background-color: #eee;
	vertical-align: middle;
}
.mantenimiento td:after {
	display: inline-block;
	position: absolute;
	bottom: -1px;
	right: -1px;
	padding: 0 3px;
	background-color: #777;
	color: #fff;
	font-family: Verdana;
	font-size: 8px;
	font-weight: bold;
	border: 1px solid #fff;
	cursor: pointer;
	z-index: 1;
	content: attr(data-pagesincat);
}
.mantenimiento td:not(.disabled):not(.selected):hover {
	background-color: #ccc;
}
.mantenimiento td.selected {
	background-color: #bdf;
}
.mantenimiento td.selected:after {
	background-color: #36c; /* #d33 */
}
.mantenimiento td.disabled {
	background-color: #fff;
	color: #888;
	user-select: none;
}
.mantenimiento td.disabled:after,
.mantenimiento td[data-pagesincat="0"]:after,
.mantenimiento td:not([data-pagesincat]):after{
	display: none;
}
.mantenimiento th.disabled {
	background-color: transparent;
	text-align: right;
	font-weight: normal;
	font-size: smaller;
	user-select: none;
}