css: update icon rendering.

micrypt · web-flow · commit 8e6372f5c770 · 2022-12-18T20:17:56.000Z
diff --git a/css/micrypt.css b/css/micrypt.css
@@ -256,23 +256,26 @@ padding: 10px 15px;
 text-indent: -9999px;
 width: 20px;
 }
-#footer div div div#links ul li a#twitter {
-background:url("/images/site/icons.svg") no-repeat scroll 10px 10px transparent
+#footer div div div#links ul li a#mastodon {
+background:url("/images/site/icons.svg") no-repeat scroll 10px 10px transparent;
+background-size: 140px;
 }
 #footer div div div#links ul li a#flickr {
-background:url("/images/site/icons.svg") no-repeat scroll -45px 10px transparent
+background:url("/images/site/icons.svg") no-repeat scroll -45px 10px transparent;
+background-size: 140px;
 }
 #footer div div div#links ul li a#tumblr {
-background:url("/images/site/icons.svg") no-repeat scroll -95px 10px transparent
+background:url("/images/site/icons.svg") no-repeat scroll -95px 10px transparent;
+background-size: 140px;
 }
-#footer div div div#links ul li a#twitter:hover {
-background:url("/images/site/icons.svg") no-repeat scroll 10px -20px transparent
+#footer div div div#links ul li a#mastodon:hover {
+opacity: .8;
 }
 #footer div div div#links ul li a#flickr:hover {
-background:url("/images/site/icons.svg") no-repeat scroll -45px -20px transparent
+opacity: .8;
 }
 #footer div div div#links ul li a#tumblr:hover {
-background:url("/images/site/icons.svg") no-repeat scroll -95px -20px transparent
+opacity: .8;
 }
 #footer div div div#titles {
 clear: both;

Original file line number	Diff line number	Diff line change
`@@ -256,23 +256,26 @@ padding: 10px 15px;`
`256`	`256`	`text-indent: -9999px;`
`257`	`257`	`width: 20px;`
`258`	`258`	`}`
`259`		`-#footer div div div#links ul li a#twitter {`
`260`		`-background:url("/images/site/icons.svg") no-repeat scroll 10px 10px transparent`
	`259`	`+#footer div div div#links ul li a#mastodon {`
	`260`	`+background:url("/images/site/icons.svg") no-repeat scroll 10px 10px transparent;`
	`261`	`+background-size: 140px;`
`261`	`262`	`}`
`262`	`263`	`#footer div div div#links ul li a#flickr {`
`263`		`-background:url("/images/site/icons.svg") no-repeat scroll -45px 10px transparent`
	`264`	`+background:url("/images/site/icons.svg") no-repeat scroll -45px 10px transparent;`
	`265`	`+background-size: 140px;`
`264`	`266`	`}`
`265`	`267`	`#footer div div div#links ul li a#tumblr {`
`266`		`-background:url("/images/site/icons.svg") no-repeat scroll -95px 10px transparent`
	`268`	`+background:url("/images/site/icons.svg") no-repeat scroll -95px 10px transparent;`
	`269`	`+background-size: 140px;`
`267`	`270`	`}`
`268`		`-#footer div div div#links ul li a#twitter:hover {`
`269`		`-background:url("/images/site/icons.svg") no-repeat scroll 10px -20px transparent`
	`271`	`+#footer div div div#links ul li a#mastodon:hover {`
	`272`	`+opacity: .8;`
`270`	`273`	`}`
`271`	`274`	`#footer div div div#links ul li a#flickr:hover {`
`272`		`-background:url("/images/site/icons.svg") no-repeat scroll -45px -20px transparent`
	`275`	`+opacity: .8;`
`273`	`276`	`}`
`274`	`277`	`#footer div div div#links ul li a#tumblr:hover {`
`275`		`-background:url("/images/site/icons.svg") no-repeat scroll -95px -20px transparent`
	`278`	`+opacity: .8;`
`276`	`279`	`}`
`277`	`280`	`#footer div div div#titles {`
`278`	`281`	`clear: both;`