in discussion Hidden / Per page discussions » Spoiler tags
This works pretty well to allow the spoiler to be small when hidden and expand on hover. It acts a bit like a pop-up. I tweaked the colors and added some rounded corners.
/* Add a spoiler tag */ .spoiler { background-color: #FF0000; padding: 3px 10px; color: #FF0000; width: 5px; height: 5px; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .spoiler:hover { background-color: #E5FFE7; color: #000000; width: 100%; height: 100%; }
You can test it on this site on the sample above using Firefox with Web Developer or Firebug.
[edit - I just included this on one of my sites. View live demo.]
-Ed





