Internet Roadtrip - Odometer sticky note

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;
    }
  }
}
}

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址