Convert the 1st digit of a 5 digit odometer in neal.fun/internet-roadtrip into a sticky note. To be used with jdranczewski's "Internet Roadtrip Fix odometer" userscript.
/* ==UserStyle==
@name Internet Roadtrip - Odometer sticky note
@description Convert the 1st digit of a 5 digit odometer in neal.fun/internet-roadtrip into a sticky note. To be used with jdranczewski's "Internet Roadtrip Fix odometer" userscript.
@version 0.0.2
@namespace me.netux.site/user-styles/internet-roadtrip/odometer-sticky-note
@license MIT
==/UserStyle== */
@-moz-document url-prefix("https://neal.fun/internet-roadtrip/") {
.odometer {
position: relative;
overflow: revert !important;
&:has(.digit + .digit + .digit + .digit + .digit) .digit:nth-child(1) {
position: absolute;
top: 0;
left: -29px;
rotate: -4deg;
background-color: #F1F119;
border-radius: 1px 4px 1px 0px;
box-shadow: none;
scale: 1.1;
&.show-0 {
display: none;
}
& .number {
font-family: cursive;
font-size: 90%;
}
& .digit-inner {
transition: none;
}
&::after {
content: "";
position: absolute;
width: 0;
height: 0;
top: -1px;
bottom: initial;
right: 0;
left: initial;
border-style: solid;
border-width: 0 14px 7px 0;
border-color: transparent rgba(161, 153, 61, .37) transparent transparent;
}
}
}
}