View source for User:Coffeesaga/Sandbox/Deck registrations

<html>
<style>

.registered-decks {
  display:grid;
  grid-template-columns:auto;
  grid-row-gap:0px;
  border:5px solid #b0b0b0;
  font-family:lato,zilla slab;
  box-sizing:border-box;
  font-size:1.1em;
  text-align:center;
  max-width:300px;
  border-radius:10px;
  padding:10px;
  background-color:#e0e0e0;
}

.registered-decks span {
  background-color:#ffffff;
  padding:5px 0px 5px 0px;
}

.registered-decks span:nth-of-type(even) {
  border-bottom:1px solid #c0c0c0;
  background-color:#ffffff;
  font-family:zilla slab;
}

.registered-decks img {
  height:30px;
  width:auto;
}

.registered-decks .deck-registration-title {
  font-size:1em;
  font-family:castoro;
  color:#303030;
  background-color:#ffffff;
}

.registered-decks .deck-registration-title:first-line {
  font-size:1.3em;
  color:navy;
  font-family:castoro;
}
</style>

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Zilla Slab' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Castoro' rel='stylesheet'>

<div class="registered-decks">
  <span class="deck-registration-title"><img src="/images/f/f6/Line_graph_symbol.png" alt="Upward arrow from a line chart">Deck Registrations<br>Updated Weekly</span>
  <span>Total decks registered:</span><span class="total_deck_count"></span>
  <span>Decks registered last month: </span><span class="month_deck_count"></span>
  <span>Decks registered last week:</span><span class="week_deck_count"></span>
</div>
</html>