Make inscription text white on inscription page (#1079)

ordinals · Dec 26, 2022 · 9f52d68 · 9f52d68
1 parent 88fc7a2
commit 9f52d68
Showing 1 changed file with 14 additions and 17 deletions.
diff --git a/static/index.css b/static/index.css
@@ -1,18 +1,18 @@
 :root {
+  --common: grey;
   --dark-bg: hsl(200, 7%, 8%);
   --dark-fg: #98a3ad;
+  --epic: darkorchid;
+  --legendary: gold;
   --light-bg: #292c2f;
   --light-fg: #a1adb8;
+  --link: #4169e1;
+  --mythic: #f2a900;
+  --rare: cornflowerblue;
   --search-bg: #b7b7b7;
-  --search-fg: #000000;
   --search-border: #aaaaaa;
-  --common: grey;
+  --search-fg: #000000;
   --uncommon: forestgreen;
-  --rare: cornflowerblue;
-  --epic: darkorchid;
-  --legendary: gold;
-  --mythic: #f2a900;
-  --link: #4169e1;
 }
 
 html {
@@ -165,27 +165,23 @@ a.mythic {
 
 .inscriptions > a {
   aspect-ratio: 1 / 1;
-  width: 23%;
+  border-radius: 2%;
   margin: 1%;
   overflow: hidden;
-  border-radius: 2%;
   text-decoration: none;
+  width: 23%;
 }
 
 .inscriptions img.inscription {
-  overflow: auto;
   max-width: 100%;
   min-width: 100%;
+  overflow: auto;
 }
 
 .inscriptions iframe.inscription {
-  width: 101%;
   height: 101%;
   overflow: hidden;
-}
-
-.inscriptions pre.inscription {
-  color: white;
+  width: 101%;
 }
 
 .content {
@@ -213,16 +209,17 @@ a.content {
 }
 
 img.inscription {
-  image-rendering: pixelated;
   background-color: white;
+  image-rendering: pixelated;
 }
 
 iframe.inscription {
+  background-color: white;
   border: none;
   pointer-events: none;
-  background-color: white;
 }
 
 pre.inscription {
+  color: white;
   white-space: pre-wrap;
 }