National Register of Historic Places listings

web/shuffle/example.css

@@ -205,126 +205,168 @@ body {
   content: "K";
 }
 .card.spades.rank1 .face {
-  background-image: url("faces/c01.png");
+  background-image: url("faces/L01.png");
 }
 .card.spades.rank2 .face {
-  background-image: url("faces/c02.png");
+  background-image: url("faces/L02.png");
 }
 .card.spades.rank3 .face {
-  background-image: url("faces/c03.png");
+  background-image: url("faces/L03.png");
 }
 .card.spades.rank4 .face {
-  background-image: url("faces/c04.png");
+  background-image: url("faces/L04.png");
 }
 .card.spades.rank5 .face {
-  background-image: url("faces/c05.png");
+  background-image: url("faces/L05.png");
 }
 .card.spades.rank6 .face {
-  background-image: url("faces/c06.png");
+  background-image: url("faces/L06.png");
 }
 .card.spades.rank7 .face {
-  background-image: url("faces/c07.png");
+  background-image: url("faces/L07.png");
 }
 .card.spades.rank8 .face {
-  background-image: url("faces/c08.png");
+  background-image: url("faces/L08.png");
 }
 .card.spades.rank9 .face {
-  background-image: url("faces/c09.png");
+  background-image: url("faces/L09.png");
 }
 .card.spades.rank10 .face {
-  background-image: url("faces/c10.png");
+  background-image: url("faces/L10.png");
 }
 .card.spades.rank11 .face {
-  background-image: url("faces/c11.png");
+  background-image: url("faces/L11.png");
 }
 .card.spades.rank12 .face {
-  background-image: url("faces/c12.png");
+  background-image: url("faces/L12.png");
 }
 .card.spades.rank13 .face {
-  background-image: url("faces/c13.png");
+  background-image: url("faces/L13.png");
 }
 .card.spades.rank14 .face {
-  background-image: url("faces/c14.png");
+  background-image: url("faces/L14.png");
 }
 .card.spades.rank15 .face {
-  background-image: url("faces/c15.png");
+  background-image: url("faces/L15.png");
 }
 .card.spades.rank16 .face {
-  background-image: url("faces/c16.png");
+  background-image: url("faces/L16.png");
 }
 .card.spades.rank17 .face {
-  background-image: url("faces/c17.png");
+  background-image: url("faces/L17.png");
 }
-.card.spades.rank18 .face {
-  background-image: url("faces/c18.png");
-}
-
 
 .card.hearts.rank1 .face {
-  background-image: url("faces/c19.png");
+  background-image: url("faces/o01.png");
 }
 .card.hearts.rank2 .face {
-  background-image: url("faces/c20.png");
+  background-image: url("faces/o02.png");
 }
 .card.hearts.rank3 .face {
-  background-image: url("faces/c21.png");
+  background-image: url("faces/o03.png");
 }
 .card.hearts.rank4 .face {
-  background-image: url("faces/c22.png");
+  background-image: url("faces/o04.png");
 }
 .card.hearts.rank5 .face {
-  background-image: url("faces/c23.png");
+  background-image: url("faces/o05.png");
 }
 .card.hearts.rank6 .face {
-  background-image: url("faces/c24.png");
+  background-image: url("faces/o06.png");
 }
 .card.hearts.rank7 .face {
-  background-image: url("faces/c25.png");
+  background-image: url("faces/o07.png");
 }
 .card.hearts.rank8 .face {
-  background-image: url("faces/c26.png");
+  background-image: url("faces/o08.png");
 }
 .card.hearts.rank9 .face {
-  background-image: url("faces/c27.png");
+  background-image: url("faces/o09.png");
 }
 .card.hearts.rank10 .face {
-  background-image: url("faces/c28.png");
+  background-image: url("faces/o10.png");
 }
 .card.hearts.rank11 .face {
-  background-image: url("faces/c29.png");
+  background-image: url("faces/o11.png");
 }
 .card.hearts.rank12 .face {
-  background-image: url("faces/c30.png");
+  background-image: url("faces/o12.png");
 }
 .card.hearts.rank13 .face {
-  background-image: url("faces/c31.png");
+  background-image: url("faces/o13.png");
 }
 .card.hearts.rank14 .face {
-  background-image: url("faces/c32.png");
+  background-image: url("faces/o14.png");
 }
 .card.hearts.rank15 .face {
-  background-image: url("faces/c33.png");
+  background-image: url("faces/o15.png");
 }
 .card.hearts.rank16 .face {
-  background-image: url("faces/c34.png");
+  background-image: url("faces/o16.png");
 }
 .card.hearts.rank17 .face {
-  background-image: url("faces/c35.png");
-}
+  background-image: url("faces/o17.png");
 }
 .card.hearts.rank18 .face {
-  background-image: url("faces/c36.png");
+  background-image: url("faces/o18.png");
+}
+.card.hearts.rank19 .face {
+  background-image: url("faces/o19.png");
+}
+.card.hearts.rank20 .face {
+  background-image: url("faces/o20.png");
+}
+.card.hearts.rank21 .face {
+  background-image: url("faces/o21.png");
+}
+
+.card.clubs.rank1 .face {
+  background-image: url("faces/q01.png");
+}
+.card.clubs.rank2 .face {
+  background-image: url("faces/q02.png");
+}
+.card.clubs.rank3 .face {
+  background-image: url("faces/q03.png");
+}
+.card.clubs.rank4 .face {
+  background-image: url("faces/q04.png");
+}
+.card.clubs.rank5 .face {
+  background-image: url("faces/q05.png");
+}
+.card.clubs.rank6 .face {
+  background-image: url("faces/q06.png");
+}
+.card.clubs.rank7 .face {
+  background-image: url("faces/q07.png");
+}
+.card.clubs.rank8 .face {
+  background-image: url("faces/q08.png");
+}
+.card.clubs.rank9 .face {
+  background-image: url("faces/q09.png");
+}
+.card.clubs.rank10 .face {
+  background-image: url("faces/q10.png");
+}
+.card.clubs.rank11 .face {
+  background-image: url("faces/q11.png");
+}
+.card.clubs.rank12 .face {
+  background-image: url("faces/q12.png");
+}
+.card.clubs.rank13 .face {
+  background-image: url("faces/q13.png");
+}
+.card.clubs.rank14 .face {
+  background-image: url("faces/q14.png");
 }
 
 .card.joker.rank1 .face {
-  background-image: url("faces/c37.svg");
-}
-.card.joker.rank2 .face {
-  background-image: url("faces/c38.svg");
-}
-.card.joker.rank3 .face {
-  background-image: url("faces/c39.svg");
+  background-image: url("faces/q14.png");
 }
+
 @media (max-width: 540px) {
   #topbar {
     text-align: left;