X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fsass%2Fcommon.scss;h=4d603f06a3b4926d0a8706e4e1ffdd0cf35477fa;hb=b45c183b7ba39080b6438c6238bad614c4d3953e;hp=14cbd07be4a3d4178d66b3da3bf0c4a52224b65c;hpb=be4ba270ffdcc484c3502c74a01872a9d8a68175;p=alttp.git

diff --git a/resources/sass/common.scss b/resources/sass/common.scss
index 14cbd07..4d603f0 100644
--- a/resources/sass/common.scss
+++ b/resources/sass/common.scss
@@ -23,6 +23,43 @@ h1 {
 	max-width: none !important;
 }
 
+.pic-end {
+	float: right;
+	margin-left: 1rem;
+	margin-bottom: 1rem;
+}
+
+.pic-start {
+	float: left;
+	margin-right: 1rem;
+	margin-bottom: 1rem;
+}
+
+.png-player {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+
+	.screen {
+		background: black;
+		display: flex;
+		width: 100%;
+		height: auto;
+
+		canvas {
+			flex-grow: 1;
+			-ms-interpolation-mode: nearest-neighbor;
+			image-rendering: crisp-edges;
+			image-rendering: pixelated;
+		}
+	}
+
+	.controls {
+		margin-top: 0.5rem;
+		margin-bottom: 0.5rem;
+	}
+}
+
 .quote-alert {
 	position: relative;
 	&::after {
@@ -35,6 +72,12 @@ h1 {
 	}
 }
 
+.raw-html {
+	img[type="image/apng"] {
+		cursor: pointer;
+	}
+}
+
 .snes-button-a,
 .snes-button-b,
 .snes-button-x,