diff --git a/index.php b/index.php
index 409ea7e..ff1a42a 100644
--- a/index.php
+++ b/index.php
@@ -239,11 +239,14 @@ if (isset($_GET['notice'])) {
 					$monthsOld = floor(($now - $age) / 2592000);
 					if ($monthsOld > 50) $monthsOld = 50;
 					
-					// Minimum is 15% opacity
+					// Set opacity in steps of 5
 					$opacity = 100 - 2 * $monthsOld;
+					$opacity = ceil($opacity / 5) * 5;
+					
+					// Minimum is 15% opacity
 					if ($opacity < 15) $opacity = 15;
 
-					$homepagesOutput .= '<a style="opacity:'.$opacity.'%" href="/~'.$user.'/">~'.$user.'</a>';
+					$homepagesOutput .= '<a data-op="'.$opacity.'" href="/~'.$user.'/">'.$user.'</a>';
 				} 
 
 				$homepagesOutput .= '</div>';	
diff --git a/style.css b/style.css
index 7d5b588..8764700 100644
--- a/style.css
+++ b/style.css
@@ -152,6 +152,36 @@ code > span.fl {
 	flex: 10em;
 }
 
+	.user-list a:before {
+		content:"~";
+	}
+
+	[data-op="5"]   { opacity:5%; } 
+	[data-op="10"]  { opacity:10%; } 
+	[data-op="15"]  { opacity:15%; } 
+	[data-op="20"]  { opacity:20%; } 
+	[data-op="25"]  { opacity:25%; } 
+	[data-op="30"]  { opacity:30%; } 
+	[data-op="35"]  { opacity:35%; } 
+	[data-op="40"]  { opacity:40%; } 
+	[data-op="45"]  { opacity:45%; } 
+	[data-op="50"]  { opacity:50%; } 
+	[data-op="55"]  { opacity:55%; } 
+	[data-op="60"]  { opacity:60%; } 
+	[data-op="65"]  { opacity:65%; } 
+	[data-op="70"]  { opacity:70%; } 
+	[data-op="75"]  { opacity:75%; } 
+	[data-op="80"]  { opacity:80%; } 
+	[data-op="85"]  { opacity:85%; } 
+	[data-op="90"]  { opacity:90%; } 
+	[data-op="95"]  { opacity:95%; } 
+	[data-op="100"] { opacity:100%; } 
+
+	.user-list a:hover {
+		background:#f70;
+		color:#000;
+	}
+
 .user-list b {
     background-color: #fb5;
 	color:#000;