Add nsfw mask for status media

1 files changed, 24 insertions, 0 deletions

diff --git a/static/main.css b/static/main.css
index 89bb9cd..2dcb4a6 100644
--- a/static/main.css
+++ b/static/main.css
@@ -97,6 +97,7 @@
 	max-height: 180px;
 	max-width: 220px;
 	width: auto;
+	vertical-align: bottom;
 }
 
 .page-title {
@@ -280,4 +281,27 @@
 
 .img-link {
 	display: inline-block;
+	position: relative;
+}
+
+.status-nsfw-overlay {
+	height: 100%;
+	width: 100%;
+	background: black;
+	position: absolute;
+	top: 0;
+	left: 0;
+}
+
+.img-link:hover .status-nsfw-overlay {
+	display: none;
+}
+
+.status-video-container {
+	display: inline-block;
+	position: relative;
+}
+
+.status-video-container:hover .status-nsfw-overlay {
+	display: none;
 }