From 9e6dd5d4c7bbba64f111e93f2482e327376ba87e Mon Sep 17 00:00:00 2001 From: Yuval Adam <_@yuv.al> Date: Thu, 27 Feb 2025 13:55:01 +0100 Subject: margin fix --- lemmings/index.html | 29 +++++++++++++++++------------ 1 file changed, 17 insertions(+), 12 deletions(-) diff --git a/lemmings/index.html b/lemmings/index.html index f9e9cf4..b4d3d9d 100644 --- a/lemmings/index.html +++ b/lemmings/index.html @@ -50,7 +50,8 @@ position: absolute; width: 20px; height: 30px; - background-color: #5b9bd5; /* Blue body */ + background-color: #5b9bd5; + /* Blue body */ border-radius: 10px 10px 0 0; z-index: 10; image-rendering: pixelated; @@ -62,7 +63,8 @@ position: absolute; width: 8px; height: 8px; - background-color: #5b9bd5; /* Blue tail to match body */ + background-color: #5b9bd5; + /* Blue tail to match body */ border-radius: 0 0 50% 50%; bottom: -6px; left: 6px; @@ -74,7 +76,8 @@ position: absolute; width: 16px; height: 16px; - background-color: #70ad47; /* Green head */ + background-color: #70ad47; + /* Green head */ border-radius: 50%; top: -10px; left: 2px; @@ -85,7 +88,8 @@ position: absolute; width: 4px; height: 4px; - background-color: #000000; /* Black eye */ + background-color: #000000; + /* Black eye */ border-radius: 50%; top: -5px; left: 8px; @@ -95,11 +99,12 @@ position: absolute; width: 10px; height: 5px; - background-color: #4a7a31; /* Darker green hair */ + background-color: #4a7a31; + /* Darker green hair */ top: -15px; left: 5px; } - + /* Add whiskers */ .lemming .whisker { position: absolute; @@ -108,12 +113,12 @@ background-color: #ffffff; top: -2px; } - + .lemming .whisker.left { left: -4px; transform: rotate(-15deg); } - + .lemming .whisker.right { right: -4px; transform: rotate(15deg); @@ -243,10 +248,10 @@ text-shadow: 3px 3px 0px rgba(255, 110, 196, 0.5); z-index: 100; } - + .subtitle { position: absolute; - top: 60px; + top: 100px; left: 0; right: 0; text-align: center; @@ -345,12 +350,12 @@ const eye = document.createElement('div'); eye.className = 'eye'; lemming.appendChild(eye); - + // Add whiskers const leftWhisker = document.createElement('div'); leftWhisker.className = 'whisker left'; lemming.appendChild(leftWhisker); - + const rightWhisker = document.createElement('div'); rightWhisker.className = 'whisker right'; lemming.appendChild(rightWhisker); -- cgit v1.3.1