diff --git a/css/base.css b/css/base.css
index 2237852..4688976 100644
--- a/css/base.css
+++ b/css/base.css
@@ -27,3 +27,7 @@ div.lastpost { font-size: 90%; text-align: right !important; }
 
 code { overflow: auto; width: 100%; white-space: pre; display: block; }
 code br { display: none; }
+
+.pstspl1 {opacity:0;}
+.pstspl1:hover {opacity:1;}
+.pstspl2 {background:#000;color:#FFF;display:block;}
diff --git a/lib/function.php b/lib/function.php
index d7e83ec..9fddcaa 100644
--- a/lib/function.php
+++ b/lib/function.php
@@ -528,8 +528,8 @@ function doreplace2($msg, $options='0|0'){
 	$msg=str_replace('[/quote]','<hr></blockquote>',$msg);
 	$msg=preg_replace("'\[sp=(.*?)\](.*?)\[/sp\]'si", '<span style="border-bottom: 1px dotted #f00;" title="did you mean: \\1">\\2</span>', $msg);
 	$msg=preg_replace("'\[abbr=(.*?)\](.*?)\[/abbr\]'si", '<span style="border-bottom: 1px dotted;" title="\\1">\\2</span>', $msg);
-	$msg=str_replace('[spoiler]','<div style=color:black;background:black class=fonts><font color=white><b>Spoiler:</b></font><br>',$msg);
-	$msg=str_replace('[/spoiler]','</div>',$msg);
+	$msg=str_replace('[spoiler]','<div class="fonts pstspl2"><b>Spoiler:</b><div class="pstspl1">',$msg);
+	$msg=str_replace('[/spoiler]','</div></div>',$msg);
 	$msg=preg_replace("'\[(b|i|u|s)\]'si",'<\\1>',$msg);
 	$msg=preg_replace("'\[/(b|i|u|s)\]'si",'</\\1>',$msg);
 	$msg=preg_replace("'\[img\](.*?)\[/img\]'si", '<img src=\\1>', $msg);