Cleaning up some old and busted CSS syntax

2 files changed, 6 insertions, 11 deletions

diff --git a/xslt/common/html.xsl b/xslt/common/html.xsl
index 7301169a..dc11dd76 100644
--- a/xslt/common/html.xsl
+++ b/xslt/common/html.xsl
@@ -959,7 +959,7 @@ main > div.page {
   display: flex;
   flex-flow: column;
   align-items: stretch;
-  justify-content: flext-start;
+  justify-content: flex-start;
   min-height: 100vh;
 }
 div.page > article { flex: 1 0 100%; }
@@ -1498,7 +1498,7 @@ ol.steps, ul.steps {
 ol.steps .steps {
   padding: 0;
   border: none;
-  background-color: none;
+  background-color: unset;
   box-shadow: none;
 }
 li.steps { margin-</xsl:text><xsl:value-of select="$left"/><xsl:text>: 1.44em; }
@@ -1515,7 +1515,7 @@ div.synopsis > div.contents, div.synopsis > pre.contents {
 }
 div.synopsis > div.inner > div.region > div.desc { font-style: italic; }
 div.synopsis div.code {
-  background: none;
+  background: unset;
   border: none;
   padding: 0;
 }
@@ -1538,8 +1538,8 @@ span.cmd {
     <xsl:value-of select="$color.bg.gray"/><xsl:text>;
   padding: 0 0.2em 0 0.2em;
 }
-span.cmd span.cmd { background-color: none; padding: 0; }
-pre span.cmd { background-color: none; padding: 0; }
+span.cmd span.cmd { background-color: unset; padding: 0; }
+pre span.cmd { background-color: unset; padding: 0; }
 span.code {
   font-family: monospace,monospace; font-size: 0.83em;
   border-bottom: solid 1px </xsl:text><xsl:value-of select="$color.bg.dark"/><xsl:text>;
@@ -1571,8 +1571,6 @@ kbd {
     <xsl:value-of select="$color.bg.gray"/><xsl:text>;
   border: solid 1px </xsl:text>
     <xsl:value-of select="$color.gray"/><xsl:text>;
-  -moz-border-radius: 2px;
-  -webkit-border-radius: 2px;
   border-radius: 2px;
   box-shadow: 1px 1px 2px </xsl:text>
     <xsl:value-of select="$color.gray"/><xsl:text>;
diff --git a/xslt/mallard/html/mal2html-page.xsl b/xslt/mallard/html/mal2html-page.xsl
index e725b788..03dc10f4 100644
--- a/xslt/mallard/html/mal2html-page.xsl
+++ b/xslt/mallard/html/mal2html-page.xsl
@@ -1005,9 +1005,7 @@ a.ui-overlay-close {
   border: none;
   border-radius: 50%;
   background-color: </xsl:text><xsl:value-of select="$color.fg"/><xsl:text>;
-  background-image: -moz-radial-gradient(50% 30%, circle farthest-corner, </xsl:text><xsl:value-of select="$color.fg.dark"/><xsl:text>, </xsl:text><xsl:value-of select="$color.fg"/><xsl:text>);
-  background-image: radial-gradient(50% 30%, circle farthest-corner, </xsl:text><xsl:value-of select="$color.fg.dark"/><xsl:text>, </xsl:text><xsl:value-of select="$color.fg"/><xsl:text>);
-  background-image: -webkit-radial-gradient(50% 30%, circle farthest-corner, </xsl:text><xsl:value-of select="$color.fg.dark"/><xsl:text>, </xsl:text><xsl:value-of select="$color.fg"/><xsl:text>);
+  background-image: radial-gradient(circle farthest-corner at 50% 30%, </xsl:text><xsl:value-of select="$color.fg.dark"/><xsl:text>, </xsl:text><xsl:value-of select="$color.fg"/><xsl:text>);
   border: 3px solid </xsl:text><xsl:value-of select="$color.bg"/><xsl:text>; 
   color: </xsl:text><xsl:value-of select="$color.bg"/><xsl:text>;
   box-shadow: 0 2px 2px </xsl:text><xsl:value-of select="$color.fg"/><xsl:text>;
@@ -1345,7 +1343,6 @@ dd.gloss-def {
   padding-</xsl:text><xsl:value-of select="$left"/><xsl:text>: 1em;
 }
 a.gloss-term {
-  tabindex: 0;
   border-bottom: dashed 1px </xsl:text>
     <xsl:value-of select="$color.blue"/><xsl:text>;
 }