setup fronts and tracks

1 files changed, 48 insertions, 1 deletions

diff --git a/land-and-freedom.css b/land-and-freedom.css
index 5928f57..6b4db57 100644
--- a/land-and-freedom.css
+++ b/land-and-freedom.css
@@ -40,9 +40,19 @@ main {
   box-sizing: border-box;
   width: 93px;
   height: 102px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 4px;
+}
+
+.front .value {
+  font-weight: bold;
+  font-size: 30px;
+  margin-top: auto;
 }
 
-.front[data-front-id="3"] {
+.front[data-front-id=m] {
   width: 104px;
   height: 114px;
 }
@@ -302,3 +312,40 @@ main {
 .card[data-card-id="62"] {
   background-image: url("images/cards100/card_62.png");
 }
+
+.card.event {
+  position: absolute;
+  width: 132px;
+  height: 180px;
+}
+
+.standee {
+  box-sizing: border-box;
+  position: absolute;
+  width: 29px;
+  height: 35px;
+  background-size: cover;
+  background-repeat: no-repeat;
+  border-radius: 4px;
+  box-shadow: 0 0 0 1px #333;
+}
+
+.standee[data-standee-id="0"] {
+  background-image: url("images/standees/standee_0.png");
+}
+
+.standee[data-standee-id="1"] {
+  background-image: url("images/standees/standee_1.png");
+}
+
+.standee[data-standee-id="2"] {
+  background-image: url("images/standees/standee_2.png");
+}
+
+.standee[data-standee-id="3"] {
+  background-image: url("images/standees/standee_3.png");
+}
+
+.standee[data-standee-id="4"] {
+  background-image: url("images/standees/standee_4.png");
+}