/* Local styles for the existing footer timer and badges. */
#workboard {
margin: 0.5rem auto;
line-height: 1.8;
text-align: center;
}
#workboard .boardsign {
max-width: 100%;
vertical-align: middle;
}
#workboard [id="runtime"] {
padding-inline: 5px;
font-family: Consolas, "Courier New", monospace;
font-variant-numeric: tabular-nums;
}
#workboard #heartbeat {
display: inline-block;
animation: footer-heartbeat 1.2s ease-in-out infinite;
}
a.github-badge:hover::before {
position: fixed;
top: 10%;
right: 0;
left: 0;
z-index: 100;
width: fit-content;
max-width: calc(100vw - 2rem);
margin: auto;
padding: 10px;
border-radius: 10px;
background-color: var(--text-bg-hover, #49b1f5);
color: #fff;
content: attr(data-title);
font-size: 20px;
text-align: center;
pointer-events: none;
}
[data-theme="dark"] a.github-badge:hover::before {
background-color: rgba(18, 18, 18, 0.8);
}
@keyframes footer-heartbeat {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.12); }
}
@media (prefers-reduced-motion: reduce) {
#workboard #heartbeat { animation: none; }
}