Template:Time travel/styles.css

#time-nav-title {
  background: linear-gradient(180deg, #fff, #38495a);
  background-clip: text;
  color: transparent;
  font-size: 4rem;
  font-variant: small-caps;
  font-family: Tahoma, sans-serif;
  font-weight: bold;
  font-style: italic;
  line-height: 3.3rem;
  padding: 1rem 0rem 0.6rem 0rem;
}
.time-nav .view-more .mw-collapsible-toggle-default, .time-nav .view-more .mw-collapsible-toggle-default::after {
  color: #fff;
}
.time-nav .view-more .mw-collapsible-toggle-default::after {
	transform: none;
	transform-origin: initial;
}
.time-nav .simple-content a {
  color: #fff;
  font-family: Verdana, sans-serif;
}
.time-nav .simple-content ul {
  padding: 0.4rem;
}
.time-nav .simple-content ul li:not(:last-child)::after {
  content: " ∆ ";
  color: #F9A825;
}
#time-nav-group {
  background: radial-gradient(circle, #f2f2f2, #38495a);
}
#time-nav-group a {
  display: inline-block;
  background: rgb(255,248,0);
  background: linear-gradient(348deg, rgba(255,248,0,1) 25%, rgba(255,59,0,1) 50%, rgba(255,248,0,1) 75%);
  background-clip: text;
  text-shadow:1px 1px 1px rgba(0,0,0,0.2);
  font-variant: all-small-caps;
  font-size:1.4rem;
  color: transparent;
  text-decoration: none;
  transform: 100ms ease-in;
}
#time-nav-group a:hover {
  background: linear-gradient(90deg, rgba(209,0,255,1) 25%, rgba(0,14,255,1) 50%, rgba(209,0,255,1) 75%);
  background-clip: text;
}