<div class="fadeIn fadeIn-3s fadeIn-Delay-3s"><img src="itsdark.png" /><br>Its dark in [[here]]</div>
<div class="fadeIn fadeIn-5s fadeIn-Delay-5s"><img src="skeleton.png" /><br>The skeleton do not want to hear<br>Maybe because they lack an [[ear]] </div>
#passages\n{\n font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;\n font-style:italic;\n}\n\na\n{\n color: gray;\n font-style:bold;\n}\n\n.centerw\n{\n display: block;\n margin-left: auto;\n margin-right: auto;\n text-align: center;\n}\n\n.fadeIn {\n\n\n display: block;\n margin-left: auto;\n margin-right: auto;\n text-align: center;\n \n\n opacity:0;\n -webkit-animation:fadeIn ease-in 1;\n -moz-animation:fadeIn ease-in 1;\n -o-animation:fadeIn ease-in 1;\n animation:fadeIn ease-in 1;\n -webkit-animation-fill-mode:forwards;\n -moz-animation-fill-mode:forwards;\n -o-animation-fill-mode:forwards;\n animation-fill-mode:forwards;\n}\n\n.fadeOut {\n\n\n display: block;\n margin-left: auto;\n margin-right: auto;\n text-align: center;\n \n\n opacity:1;\n -webkit-animation:fadeOut ease-in 1;\n -moz-animation:fadeOut ease-in 1;\n -o-animation:fadeOut ease-in 1;\n animation:fadeOut ease-in 1;\n -webkit-animation-fill-mode:forwards;\n -moz-animation-fill-mode:forwards;\n -o-animation-fill-mode:forwards;\n animation-fill-mode:forwards;\n}\n\n\n\n/* Animation Times - Time for image to fade in\n---------------------------------------------------- */\n.fadeIn-3s {\n -webkit-animation-duration:3s;\n -moz-animation-duration:3s;\n -o-animation-duration:3s;\n animation-duration:3s;\n}\n\n.fadeIn-5s {\n -webkit-animation-duration:1s;\n -moz-animation-duration:1s;\n -o-animation-duration:1s;\n animation-duration:1s;\n}\n\n.fadeOut-5s {\n -webkit-animation-duration:1s;\n -moz-animation-duration:1s;\n -o-animation-duration:1s;\n animation-duration:1s;\n}\n\n\n/* Animation Delay - Time for image to be delayed\n---------------------------------------------------- */\n.fadeIn-Delay-3s {\n -webkit-animation-delay:3s;\n -moz-animation-delay:3s;\n -o-animation-delay:3s;\n animation-delay:3s;\n}\n\n.fadeIn-Delay-5s {\n -webkit-animation-delay:1s;\n -moz-animation-delay:1s;\n -o-animation-delay:1s;\n animation-delay:1s;\n}\n\n.fadeOut-Delay-5s {\n -webkit-animation-delay:1s;\n -moz-animation-delay:1s;\n -o-animation-delay:1s;\n animation-delay:1s;\n}\n\n\n@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }\n@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }\n@-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }\n@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }\n@-webkit-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }\n@-moz-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }\n@-o-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }\n@keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
<div class="fadeIn fadeIn-5s fadeIn-Delay-5s"><img src="snake.png" /><br>The snakes just seem to dissappear<br>But there are more things left to [[fear]] </div>
<<display actualStart>>
It's Dark In Here
Murph
<div class="fadeIn fadeIn-5s fadeIn-Delay-5s"><img src="spider.png" /><br>Spiders from their webs at me do seem to peer<br>What they want is not [[clear]] </div>
<div class="fadeOut fadeOut-5s fadeOut-Delay-5s"><img src="last.png" /></div>\n<div class="centerw" ><br>I don't want to alarm you dear<br>I think the end is very near</div>
(function () {\n var bs = String.fromCharCode(92);\n Wikifier.formatters.unshift({\n name: "htmltag",\n match: "<"+bs+"w+(?:(?:"+bs+"s+"+bs+"w+(?:"+bs+"s*="+bs+"s*(?:"+'"'+".*?"+'"'+"|'.*?'|[^'"+'"'+">"+bs+"s]+))?)+"+bs+"s*|"+bs+"s*)"+bs+"/?>",\n tagname: "<("+bs+"w+)",\n voids: ["br", "hr", "area", "img", "input", "embed", "param", "source", "track"],\n handler: function (a) {\n var re, tn, e;\n re = new RegExp(this.tagname).exec(a.matchText);\n tn = re && re[1];\n if(tn) {\n e = document.createElement(a.output.tagName);\n e.innerHTML = a.matchText;\n e = e.firstChild;\n if(this.voids.indexOf(tn.toLowerCase()) == -1) {\n a.subWikify(e, "<" + bs + "/" + bs + "s*" + tn + bs + "s*>");\n }\n a.output.appendChild(e);\n }\n }\n });\n}());