From 990683043b46d69a5993b429490d5c93f043435c Mon Sep 17 00:00:00 2001
From: Thomas Voss <mail@thomasvoss.com>
Date: Sun, 2 Jul 2023 18:24:43 +0200
Subject: Support proof coins properly

---
 src/style.css | 65 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 65 insertions(+)

(limited to 'src/style.css')

diff --git a/src/style.css b/src/style.css
index 4868b3f..00b95ef 100644
--- a/src/style.css
+++ b/src/style.css
@@ -435,6 +435,69 @@ main section {
 .not-minted { background-color: black;      }
 .unknown    { background-color: grey;       }
 .error      { background-color: red;        }
+.have-proof {
+	background-color: #5DBB63;
+	position: relative;
+}
+
+.have-proof:after {
+	content: '';
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	z-index: 1;
+	animation: slide 6s infinite 0s;
+
+	background: -moz-linear-gradient(
+		left,
+		rgba(255, 255, 255, 0.0)   0%,
+		rgba(255, 255, 255, 0.4)  50%,
+		rgba(255, 255, 255, 0.0) 100%
+	);
+	background: -webkit-linear-gradient(
+		left,
+		rgba(255, 255, 255, 0.0)   0%,
+		rgba(255, 255, 255, 0.4)  50%,
+		rgba(255, 255, 255, 0.0) 100%
+	);
+	background: -ms-linear-gradient(
+		left,
+		rgba(255, 255, 255, 0.0)   0%,
+		rgba(255, 255, 255, 0.4)  50%,
+		rgba(255, 255, 255, 0.0) 100%
+	);
+	background: -o-linear-gradient(
+		left,
+		rgba(255, 255, 255, 0.0)   0%,
+		rgba(255, 255, 255, 0.4)  50%,
+		rgba(255, 255, 255, 0.0) 100%
+	);
+	background: linear-gradient(
+		to right,
+		rgba(255, 255, 255, 0.0)   0%,
+		rgba(255, 255, 255, 0.4)  50%,
+		rgba(255, 255, 255, 0.0) 100%
+	);
+	background: -webkit-gradient(
+		linear, left top, right top,
+		color-stop(  0%, rgba(255, 255, 255, 0.0)),
+		color-stop( 50%, rgba(255, 255, 255, 0.4)),
+		color-stop(100%, rgba(255, 255, 255, 0.0))
+	);
+
+	filter: progid:DXImageTransform.Microsoft.gradient(
+		startColorstr="#00FFFFFF",
+		endColorstr="#007DB9E8",
+		GradientType=1
+	);
+}
+
+@keyframes slide {
+	  0% { transform: translateX(-100%); }
+	100% { transform: translateX(+100%); }
+}
 
 #table-key {
 	background-color: var(--secondary-color);
@@ -443,6 +506,7 @@ main section {
 
 #table-key td {
 	padding: 0;
+	overflow: hidden;
 }
 
 #table-key tr td:first-child {
@@ -626,6 +690,7 @@ div .country-table:not(:first-child) {
 .coin-table .have,
 .coin-table .nifc,
 .coin-table .have-nifc,
+.coin-table .have-proof,
 .coin-table .not-minted {
 	color: black;
 }
-- 
cgit v1.2.3