2012-12-12, 09:49 AM
This is a minor edit to ghoku's Spoiler using CSS mod. This mod allows to assign a name to a spoiler. This thing works best in collaboration with his mod.
Regular Expression:
Replacement:
Preview:
![[Image: 0iCsu.png]](https://camo.mybb.com/295d220b84104064f50ca441f07dc72119d88d01/687474703a2f2f692e696d6775722e636f6d2f30694373752e706e67)
You can change the style of the spoiler to anything you like, no bounds.
Regular Expression:
\[spoiler=(.*?)\](.*?)\[/spoiler\]
Replacement:
<div align="left"><div style="margin: 5px 20px 20px; width: 60%;"><div style="text-align: left; padding: 4px; background: #85B1EE; repeat-x scroll 0% 0% transparent; border: 1px solid #6F9DD9; -moz-border-radius:5px; color:#ffffff; text-shadow:0 -1px #6F9DD9; font-weight:bold; ">$1 <input type="button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="width: 45px; font-size: 10px; margin: 0px; padding: 0px;" value="Show"></div><div class="quotecontent"><div style="border-left: 1px solid #000000; border-width: 0px 1px 1px; border-style: none solid solid; border-color: #6F9DD9; padding: 4px; -moz-border-radius:5px; display: none;">$2</div></div></div></div>
Preview:
You can change the style of the spoiler to anything you like, no bounds.