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:
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.