<<nobr>>\n\n<<friend_char "You have selected Full Service Synth Simulation" "13.05.2088|23:59">> \n\n<<timedreplace 2s>>\n<<friend_char "For pleasure purposes, may I know how best to please you?" "13.05.2088|23:59">> \n<<endtimedreplace>>\n\n<<timedreplace 6s>>\n<<choice [[Hardcore simulation]]>>\n<<choice [[Softcore simulation]]>>\n<<endtimedreplace>>\n\n<<endnobr>>
<<nobr>>\n\n<<friend_char "Hello, $name, how may I be able to pleasure you today?" "13.05.2088|23:58">> \n\n<<timedreplace 4s>>\n<<choice [[Full service synth simulation]]>>\n<<choice [[Brat bot simulation]]>>\n<<choice [[Organic simulation]]>>\n<<endtimedreplace>>\n\n<<endnobr>>
(function () {\n version.extensions['timedreplaceMacro'] = {\n major: 2,\n minor: 3,\n revision: 0\n };\n macros['timedcontinue'] = macros['timedinsert'] = macros['timedreplace'] = {\n handler: function (g, e, f, b) {\n function cssTimeUnit(s) {\n if (typeof s == "string") {\n if (s.slice(-2).toLowerCase() == "ms") {\n return Number(s.slice(0, -2)) || 0;\n }\n else if (s.slice(-1).toLowerCase() == "s") {\n return Number(s.slice(0, -1)) * 1000 || 0;\n }\n }\n throwError(g, s + " isn't a CSS time unit");\n return 0;\n }\n\n function tagcontents(starttag, endtag, k) {\n var a = b.source.slice(k);\n var l = 0;\n var c = "";\n for (var i = 0; i < a.length; i++) {\n var w = endtag.length;\n if (a.substr(i, w) == endtag) {\n if (l == 0) {\n b.nextMatch = k + i + w;\n return c;\n }\n else {\n l--;\n c += a.charAt(i);\n }\n }\n else {\n if (a.substr(i, starttag.length) == starttag) {\n l++;\n }\n c += a.charAt(i);\n }\n }\n return "";\n }\n var tr = "<<" + e;\n var rw = "<<replacewith>>";\n var etr = "<<end" + e + ">>";\n var k = b.source.indexOf('>>', b.matchStart) + 2;\n var c, d;\n\t if (e == "timedcontinue") {\n\t d = b.source.slice(k);\n\t\tb.nextMatch = k + d.length;\n\t }\n else if (e == "timedreplace") {\n c = tagcontents(tr, rw, k);\n d = tagcontents((c ? rw : tr), etr, c ? b.nextMatch : k);\n }\n else if (e == "timedinsert") {\n d = tagcontents(tr, etr, k);\n }\n else if (e == "timedremove") {\n c = tagcontents(tr, etr, k);\n }\n var tm;\n tm = cssTimeUnit(f[0]);\n var h;\n if (c) {\n if (d) {\n g = insertElement(g, "span", null, "timedreplacements");\n }\n h = insertElement(g, "span", null, "timedreplacement timedremove");\n new Wikifier(h, c);\n if (d || e == "timedremove") {\n setTimeout(function () {\n h.classList.add("replacement-out");\n setTimeout(function () {\n h.parentNode.removeChild(h);\n }, 1000);\n }, tm);\n }\n }\n if (d) {\n var m = insertElement(g, "span", null, "timedreplacement timedinsert", d);\n m.style.display = "none";\n setTimeout(function () {\n if (m) {\n var t = m.firstChild ? m.firstChild.nodeValue : "";\n removeChildren(m);\n new Wikifier(m, t);\n m.style.display = "inline";\n m.classList.add("replacement-in");\n setTimeout(function () {\n m.classList.remove("replacement-in");\n }, 1);\n scrollWindowTo(m);\n }\n }, tm);\n }\n else if (!c && e != "timedremove") {\n throwError(g, "can't find matching end" + e);\n return;\n }\n }\n }\n macros['timedremove'] = macros['timedreplace'];\n macros['replacewith'] = macros['endtimedinsert'] = macros['endtimedremove'] = macros['endtimedreplace'] = {\n handler: function () {}\n }\n scrollWindowTo=function(E){var D=window.scrollY?window.scrollY:document.body.scrollTop;\n var G=J(E);if(!G){return;}var C=Math.abs(D-G);var B=0;var I=(D>G)?-1:1;var F=window.setInterval(H,25);\ndocument.getElementById('content1').scrollTop = \n document.getElementById('content1').scrollHeight;\ndocument.getElementById('content1').scrollTop = \n document.getElementById('content1').scrollHeight;\n\ndocument.body.scrollTop = document.getElementById('content1').scrollTop = \n document.getElementById('content1').scrollHeight;\n\n function H(){B+=0.1;window.scrollTo(0,D+I*(C*Math.easeInOut(B)));if(B>=1){window.clearInterval(F);document.getElementById('content1').scrollTop = \n document.getElementById('content1').scrollHeight;\n\ndocument.body.scrollTop = document.getElementById('content1').scrollTop = \n document.getElementById('content1').scrollHeight;\n\n }}function J(N){var O=A(N);var P=O+N.offsetHeight;var K=window.scrollY?window.scrollY:document.body.scrollTop;\n var L=window.innerHeight?window.innerHeight:document.body.clientHeight;var M=K+L;\n\ndocument.getElementById('content1').scrollTop = \n document.getElementById('content1').scrollHeight;\n\ndocument.body.scrollTop = document.getElementById('content1').scrollTop = \n document.getElementById('content1').scrollHeight;\n\n if(O>=K){if(P>M){if(N.offsetHeight<L){return(O-(L-N.offsetHeight)+20);}else{return O;\n }}}}function A(K){var L=0;while(K.offsetParent){L+=K.offsetTop;K=K.offsetParent;}return L;\n document.getElementById('content1').scrollTop = \n document.getElementById('content1').scrollHeight;\n\ndocument.body.scrollTop = document.getElementById('content1').scrollTop = \n document.getElementById('content1').scrollHeight; }};\n}());\n\n\n
<<nobr>>\n\n<<player_char "So kind of like Interstellar?" "2:05pm">> \n\n<<timedreplace 2s>> \n<<friend_char "Yeah make it sad af" "2:05pm">> \n<<endtimedreplace>>\n\n<<timedreplace 4s>> \n<<player_char "Yo that's actually a sick idea" "2:05pm">> \n<<endtimedreplace>>\n\n<<timedreplace 6s>> \n<<friend_char "And then one ages faster than the other and maybe there's time travel because " "2:06pm">> \n<<endtimedreplace>>\n\n<<timedreplace 9s>> \n<<friend_char "Time travel is the best trope" "2:06pm">> \n<<endtimedreplace>>\n\n<<timedreplace 11s>> \n<<friend_char "Time travel & texting, and you can fudge the time stamps" "4:22am THE YEAR 2070">> \n<<endtimedreplace>>\n\n\n/% autojump %/\n<<timedreplace 12s>> \n<<timedgoto "ChoiceExample" 0.01s >>\n<<endtimedreplace>>\n\n\n<<endnobr>>\n
<<nobr>>\n/%\nEVERY PASSAGE NEEDS TO OPEN AND CLOSE WITH <<nobr>> <<endnobr>>\n\nREMOVES ALL HTML <BR> ELEMENTS\n%/\n\n\n<link style ="height: 0px" href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">\n\n\n/%\nset src=<filename> of the music you want to loop.\nJust delete this part if you don't want music in the game.\n%/\n\n/%\naudio src="smssounds/music.mp3" loop autoplay></audio>--->\nmusic\n%/\n\n/%\nDialog begins here\nWrap your dialog macros around \n<<timedreplace [seconds]>>\n<<endtimedreplace>>\n\nNot wrapping will have the dialog appear instantly\n\nNot adding a timestamp will omit it from the text box. Time stamps are optional. \n%/\n\n<<friend_char "Hello, welcome to ServNet's online sexting feature, may I have your name?" "13.05.2088|23:58">> \n\n<<timedreplace 1s>> \n<<choice [[name|nameinput]]>>\n<<endtimedreplace>>\n<<endnobr>>\n
<<nobr>>\n\n/%\nCHARACTER\nThis is a template for a character on the left hand side. Modify the elements below to customize the character. \n\nThe title for this passage is the name of the character macro you will call to create dialog in the story passages.\n%/\n\n\n<div class="text-object" >\n/%\nCHARACTER PORTRAIT:\nDIMENSIONS: 50x50\nChange the HTML element src below to modify character potrait.\nSet src="<filename of portrait>"\n%/\n<img class="portrait" src="smsportraits/2b.png" > \n\n\n<div class="bubble-object" >\n\n/%\nCHANGE BUBBLE COLORS:\n1)Give the div below a unique id\nEX: id="ExampleCustomCharacter"\n2) Open the Stylesheet and add the following based on the ID name\n\n#ExampleCustomCharacter{\nbackground-color: red;\n}\n#ExampleCustomCharacter::after{\n border-color: red transparent transparent transparent;\n}\n\nExample provided below and in stylesheet\n%/\n\n<div id="ExampleCustomCharacter" class="talk-bubble round tri-right left-top">\n <div class="talktext">\n<p><<print parameter(0)>></p>\n<span class="timestamp">\n<<if parameter(1) != 0>>\n<<print parameter(1) + ",">> \n<<endif>>\n/%\nCHANGE CHARACTER NAME:\nSet the character's "full name" below if you want it to appear\n%/\n2B\n\n</span>\n </div>\n</div>\n</div>\n</div>\n\n\n/%\nSOUND NOTIFICATION\nSet this character's sound notification. \n%/\n<audio src="smssounds/beep.ogg" autoplay></audio>\n<<endnobr>>
version.extensions.timedgotoMacro={major:1,minor:2,revision:0};\nmacros["goto"]=macros.timedgoto={timer:null,handler:function(a,b,c,d){function cssTimeUnit(s){if(typeof s=="string"){if(s.slice(-2).toLowerCase()=="ms"){return +(s.slice(0,-2))||0\n}else{if(s.slice(-1).toLowerCase()=="s"){return +(s.slice(0,-1))*1000||0\n}}}throwError(a,s+" isn't a CSS time unit");return 0}var t,d,m,s;\nt=c[c.length-1];d=d.fullArgs();m=0;if(b!="goto"){d=d.slice(0,d.lastIndexOf(t));\nm=cssTimeUnit(t)}d=eval(Wikifier.parse(d));if(d+""&&state&&state.init){if(macros["goto"].timer){clearTimeout(macros["goto"].timer)\n}s=state.history[0].passage.title;macros["goto"].timer=setTimeout(function(){if(state.history[0].passage.title==s){state.display(d,a)\n}},m)}}};
\n<<nobr>>\n <div class="text-object player" >\n<div class="bubble-object player">\n<div class="talk-bubble round player decision">\n <div class="talktext">\n <p><<print parameter(0)>></p>\n </div>\n</div>\n</div>\n</div>\n</div>\n<<endnobr>>
<<nobr>>\n\n<<timedreplace 3s>> \n<<friend_char "Are you going to add multiple characters?" "2:07pm">> \n<<endtimedreplace>>\n\n<<timedreplace 5s>> \n<<player_char "Yeah maybe it's just two characters talking for most of the time, then a third one joins to show it supports group texting situations" "2:07pm">> \n<<endtimedreplace>>\n\n<<timedreplace 9s>> \n<<player_char "But I can't really think of an elegant way to handle the introduction" "2:08pm">> \n<<endtimedreplace>>\n\n<<timedreplace 12s>> \n<<shark_char "WATUP, you know who it is, it's shark" "2:08pm">> \n<<endtimedreplace>>\n\n<<timedreplace 15s>> \n<<friend_char "Maybe Shark has some ideas?" "2:08pm">> \n<<endtimedreplace>>\n\n<<timedreplace 18s>> \n<<shark_char "Actually I've been waiting at Chipotle with for like 20 minutes, where are you lol" "2:08pm">> \n<<endtimedreplace>>\n\n<<timedreplace 22s>> \n<<player_char "lol woops. ok we're on our way" "2:08pm">> \n<<endtimedreplace>>\n\n<<timedreplace 24s>> \n<<player_char "let's just figure out the ending later" "2:08pm">> \n<<endtimedreplace>>\n\n<<timedreplace 26s>> \n<<friend_char "good work team" "2:08pm">> \n<<endtimedreplace>>\n\n\n<<endnobr>>\n
<<nobr>>\n\n<<friend_char "That simulation is currently unavailable" "13.05.2088|23:59">> \n\n<<timedreplace 2s>>\n<<friend_char "Please select another option" "13.05.2088|23:59">> \n<<endtimedreplace>>\n\n<<timedreplace 6s>>\n<<choice [[Full service synth simulation]]>>\n<<choice [[Brat bot simulation]]>>\n<<endtimedreplace>>\n\n<<endnobr>>
SMS Sample Saga
<<nobr>>\n/%\nPLAYER CHARACTER\nThis is a template for a character on the right side, typically the player character. Modify the elements below to customize the character. \n\nThe title for this passage is the name of the character macro you will call to create dialog in the story passages.\n%/\n\n<div class="text-object player" >\n\n/%\nCHARACTER PORTRAIT:\nDIMENSIONS: 50x50\nChange the HTML element src below to modify character potrait.\nSet src="<filename of portrait>"\n%/\n<img class="player-portrait" src="smsportraits/9s.png">\n\n/%\nCHANGE BUBBLE COLORS:\nAdd unique id to the div below, and then edit the corresponding colors in the stylesheet. \n%/\n<div class="bubble-object player">\n<div class="talk-bubble round player tri-right right-top">\n <div class="talktext">\n <p><<print parameter(0)>></p>\n<span class="timestamp">\n<<if parameter(1) != 0>>\n<<print parameter(1) + ",">> \n<<endif>>\n/%\nCHANGE CHARACTER NAME:\nSet the character's "full name" below if you want it to appear\n%/\nuser\n\n</span>\n </div>\n</div>\n</div>\n</div>\n\n/%\nSOUND NOTIFICATION\nSet this character's sound notification. \n%/\n<audio src="smssounds/beep.ogg" autoplay></audio>\n<<endnobr>>
jquery:off\nhash:off\nbookmark:on\nmodernizr:on\nundo:off\nobfuscate:off\nexitprompt:off\nblankcss:on\n
<<nobr>>\n\n/%\nCHARACTER\nThis is a template for a character on the left hand side. Modify the elements below to customize the character. \n\nThe title for this passage is the name of the character macro you will call to create dialog in the story passages.\n%/\n\n\n<div class="text-object" >\n/%\nCHARACTER PORTRAIT:\nDIMENSIONS: 50x50\nChange the HTML element src below to modify character potrait.\nSet src="<filename of portrait>"\n%/\n<img class="portrait" src="smsportraits/shark.png" > \n\n\n<div class="bubble-object" >\n\n/%\nCHANGE BUBBLE COLORS:\nAdd unique id to the div below, and then edit the corresponding colors in the stylesheet. \n%/\n<div id="SharkChar" class="talk-bubble round tri-right left-top">\n <div class="talktext">\n<p><<print parameter(0)>></p>\n<span class="timestamp">\n<<if parameter(1) != 0>>\n<<print parameter(1) + ",">> \n<<endif>>\n/%\nCHANGE CHARACTER NAME:\nSet the character's "full name" below if you want it to appear\n%/\nShark\n\n</span>\n </div>\n</div>\n</div>\n</div>\n\n\n/%\nSOUND NOTIFICATION\nSet this character's sound notification. \n%/\n<audio src="smssounds/beep.ogg" autoplay></audio>\n<<endnobr>>
<<nobr>>\n\n/%\nCHARACTER\nThis is a template for a character on the left hand side. Modify the elements below to customize the character. \n\nThe title for this passage is the name of the character macro you will call to create dialog in the story passages.\n%/\n\n\n<div class="text-object" >\n/%\nCHARACTER PORTRAIT:\nDIMENSIONS: 50x50\nChange the HTML element src below to modify character potrait.\nSet src="<filename of portrait>"\n%/\n<img class="portrait" src="https://2088.neocities.org/bott.png" > \n\n\n<div class="bubble-object" style="">\n\n/%\nCHANGE BUBBLE COLORS:\nAdd unique id to the div below, and then edit the corresponding colors in the stylesheet. \n%/\n<div class="talk-bubble round tri-right left-top">\n <div class="talktext">\n<p><<print parameter(0)>></p>\n<span class="timestamp">\n<<if parameter(1) != 0>>\n<<print parameter(1) + ",">> \n<<endif>>\n/%\nCHANGE CHARACTER NAME:\nSet the character's "full name" below if you want it to appear\n%/\nalexxxa\n\n</span>\n </div>\n</div>\n</div>\n</div>\n\n\n/%\nSOUND NOTIFICATION\nSet this character's sound notification. \n%/\n<audio src="smssounds/beep.ogg" autoplay></audio>\n<<endnobr>>
<<nobr>>\n\n<<player_char "So like this?" "2:05pm">> \n\n<<timedreplace 2s>> \n<<friend_char "Exactly." "2:05pm">> \n<<endtimedreplace>>\n\n<<timedreplace 4s>> \n<<friend_char "Just to show the player they can click buttons" "2:05pm">> \n<<endtimedreplace>>\n\n<<timedreplace 6s>> \n<<player_char "I don't want to feel like I'm just phoning it in" "2:05pm">> \n<<endtimedreplace>>\n\n<<timedreplace 8s>> \n<<player_char "Kind of looking for more substance" "2:05pm">> \n<<endtimedreplace>>\n\n<<timedreplace 11s>> \n<<friend_char "What if like texting" "2:05pm">> \n<<endtimedreplace>>\n\n<<timedreplace 13s>> \n<<friend_char "but in space" "2:05pm">> \n<<endtimedreplace>>\n\n<<timedreplace 15s>> \n<<player_char "???" "2:05pm">> \n<<endtimedreplace>>\n\n<<timedreplace 17s>> \n<<friend_char "Like these two people text each other" "2:05pm">> \n<<endtimedreplace>>\n\n<<timedreplace 18s>> \n<<friend_char "But one is in space" "2:05pm">> \n<<endtimedreplace>>\n\n<<timedreplace 20s>> \n<<friend_char "And every time they go deeper into space" "2:05pm">> \n<<endtimedreplace>>\n\n<<timedreplace 23s>> \n<<friend_char "it takes longer" "2:05pm">> \n<<endtimedreplace>>\n\n<<timedreplace 26s>> \n<<friend_char "to recieve texts" "2:05pm">> \n<<endtimedreplace>>\n\n<<timedreplace 30s>> \n<<friend_char "because physics" "2:05pm">> \n<<endtimedreplace>>\n\n<<timedreplace 32s>> \n<<friend_char "and you can show off that the game supports varying delays between texts" "2:05pm">> \n<<endtimedreplace>>\n\n<<timedreplace 35s>> \n<<choice [[Like in the anime movie Voices of a Distant Star?|DistantStar]]>>\n<<choice [[Like in the movie Interstellar?|Interstellar]]>>\n<<endtimedreplace>>\n\n\n\n\n\n<<endnobr>>\n
<<nobr>>\n\n<<player_char "So kind of like Voices of a Distant Star?" "2:05pm">> \n\n<<timedreplace 2s>> \n<<friend_char "Yeah make it anime af" "2:05pm">> \n<<endtimedreplace>>\n\n<<timedreplace 4s>> \n<<player_char "Yo" "2:05pm">> \n<<endtimedreplace>>\n\n<<timedreplace 6s>> \n<<player_char "And then one ages faster than the other and it's like super sad" "2:06pm">> \n<<endtimedreplace>>\n\n<<timedreplace 9s>> \n<<friend_char "Suuuuuuuper sad" "2:06pm">> \n<<endtimedreplace>>\n\n<<timedreplace 11s>> \n<<player_char "And then I could like" "2:06pm">> \n<<endtimedreplace>>\n\n<<timedreplace 13s>> \n<<player_char "fudge the time stamps" "4:06am 2070">> \n<<endtimedreplace>>\n\n<<timedreplace 15s>> \n<<player_char "Because physics" "2:06pm">> \n<<endtimedreplace>>\n\n/% autojump %/\n<<timedreplace 16s>> \n<<timedgoto "ChoiceExample" 0.01s >>\n<<endtimedreplace>>\n\n<<endnobr>>\n
/* INSERT CUSTOM COLORS FOR BUBBLES BELOW */\n\n#SharkChar{\nbackground-color: red; /* BUBBLE */\n}\n#SharkChar::after{\n border-color: red transparent transparent transparent; /* BUBBLE TRIANGLE */\n}\n\n/* Your story will use the CSS in this passage to style the page.\nGive this passage more tags, and it will only affect passages with those tags.\nExample selectors: */\n\ndiv .title {\nvisibility: hidden;\nheight: 0px;\n}\n\n/*h1{\n position: absolute;\n top: 0px;\n padding-top: 30px;\n width: 438px;\n z-index: 2;\n padding-bottom: 30px;\n background-color: #f8f8f8;\n}\n@media (max-width: 375px){\nh1 {\n\n position: fixed;\n width: 100%;\n z-index: 1;\n margin: 0px;\n top: 0px;\n}\n}\n@media (max-width: 414px){\nh1 {\n\n position: fixed;\n width: 100%;\n z-index: 2;\n margin: 0px;\n top: 0px;\n}\n}*/\n\n\n\n/*h2{\nposition: absolute;\ntop: 80px;\nwidth: 438px;\nz-index: 2;\nbackground-color: #f8f8f8;\n}\n@media (max-width: 375px){\nh2 {\n position: fixed;\n width: 100%;\n z-index: 2;\n top: 70px;\n}\n}\n@media (max-width: 414px){\nh2 {\n position: fixed;\n width: 100%;\n z-index: 2;\n top: 70px;\n}\n}*/\n\n\n/*h3{\nposition: absolute;\ntop: 130px;\nwidth: 438px;\nmargin: 0px;\npadding-bottom:20px;\nborder-bottom: 1px solid;\nmargin-bottom: 20px;\nz-index: 2;\nbackground-color: #f8f8f8;\n\n}\n@media (max-width: 375px){\nh3 {\n position: fixed;\n width: 100%;\n z-index: 2;\n top: 80px;\n background-color: #f8f8f8;\n border-bottom: 1px solid;\n}\n}\n@media (max-width: 414px){\nh3 {\n position: fixed;\n width: 100%;\n z-index: 2;\n top: 80px;\n background-color: #f8f8f8;\n border-bottom: 1px solid;\n}\n}*/\n\n#toolbar {\nvisibility: hidden;\n}\n\n.passage:hover .toolbar {\n\tvisibility: hidden;\n}\n\nbody {\n\t/* This affects the entire page */\n position: relative;\n width: 500px;\n\tleft: 0px;\n background-color: #fafafa;\n\tfont-family: 'Roboto', sans-serif;"\n}\n\n@media (max-width: 500px){\nbody {\nleft: 0px;\n width: 100%;\n\t}\n}\n\n\n/* no idea why its content2 lol */\n#content1 {\n\nbackground-color: #fafafa;\n/*border: 1px solid;\n/*min-height: 1136px;*/\n background-color: #fafafa;\n /*border: 1px solid;\n border-radius: 25px;\n border-left-width: 20px;\n border-right-width: 20px;\n border-top-width: 45px;\n border-bottom-width: 55px;*/\n\theight: 500px;\n overflow: scroll;\n overflow-x: hidden;\n\tmargin: 0px;\n\tmargin-top: 5%;\n\n\n}\n\n\n@media (max-width: 450px){\n#content1 {\n\nborder: 0px;\nborder-radius: 0px;\nheight: 100%;\nwidth: 100%;\nmargin: 0px;\noverflow-y: hidden;\n\n\n}\n}\n@media (max-width: 500px){\n#content1 {\n\nborder: 0px;\nborder-radius: 0px;\nheight: 100%;\nwidth: 100%;\nmargin: 0px;\noverflow-y: hidden;\n\n\n}\n}\n\n#content2 {\n\n\nheight: 500px;\npadding-bottom: 0px;\ndisplay: table-cell;\nvertical-align: bottom;\n\n}\n@media (max-width: 450px){\n#content2{\nheight: 100%\n}\n}\n\n\n\n#passages{\npadding-bottom: 0px;\npadding-top: 150px;\npadding-left: 15px;\n\n}\n\n.passage {\nwidth: 640px\nbackground: none;\nmargin: 0px;\n\n\t/* This only affects passages */\n\t\n\t\n}\n\n.passage:not(:last-child):not(:hover) {\n opacity: 1;\n /* transition: 0.5s;*/\n /* -webkit-transition: 0.5s; */\n}\n.passage a {\n\t/* This affects passage links */\n\tcolor:white;\n\n}\n\n\t\n}\n\n.talk-bubble.player.decision{\nwidth: 450px;\n}\n\n.choice {\n font-size: 12pt;\n padding: 10px;\n text-align: left;\n line-height: 1.2em;\n width: 300px;\n border: 5px #b2bcbe solid;\n border-radius: 25px;\n background-color: #b2bcbe;\n margin-bottom: 10px;\n left: 40px;\n position: relative;\n top: 10px;\n\tdisplay: block;\n\topacity: 0.80;\n\nanimation-duration: 0.20s; animation-name: slidein_choice;}\n@keyframes slidein_choice\n{ \nfrom \n{ opacity: 0; top: 25px; } to \n{ opacity: 1; top: 10px; }\n}\n\n@media (max-width: 450px){\n.choice {\nz-index: 1;\nwidth: 300px;\n\n}\n}\n\n\n\n.disabled{\ndisplay: none;\n}\n\n.content a {\nfont-weight: normal;\ntext-decoration: underline;\n}\n.passage a:hover {\n\t/* This affects links while the cursor is over them */\n\tcolor: white;\n\t}\n\n.pos-right{\n float:right;\n}\n\n.pos-left{\n position: fixed;\n left: 50px;\n}\n\n\n/* General CSS Setup */\nbody{\n\n}\n\n\n\n/* portraits */\n\nimg.portrait {\n width: 50px;\n height: 50px;\n display: block;\n position: relative;\n float: left;\n\tleft: 5px;\n /*left: -20;\n top: -40px;*/\n bottom: 20px;\n margin: 0;\n display: inline-block;\n padding: 3px;\n}\n\nimg.player-portrait {\n width: 50px;\n height: 50px;\n display: block;\n position: relative;\n float: right;\n right: 5px;\n bottom: 20px;\n margin: 0;\n display: inline-block;\n padding: 3px;\n}\n\n#char2b{\n background-image: url("smsportraits/bott.png");\n width: 50px;\n height: 50px;\n display: block;\n position: relative;\n float: left;\n /*left: -20;\n top: -40px;*/\n\tright: 10px;\n bottom: 20px;\n margin: 0;\n display: inline-block;\n padding: 3px;\n}\n\n.text-object{\ndisplay: block;\nwidth: 450px;\nposition: left;\nmargin-right:5px;\n/*margin-bottom: 60px;*/\n/*margin-top: -100px;*/\n\n\n/*animation-duration: 3s; animation-name: slidein;}\n@keyframes slidein \n{ \nfrom \n{ margin-left: 100%; height: 300%; } to \n{ margin-left: 0%; height: 100%; }*/\n\nanimation-duration: 0.50s; animation-name: slidein;}\n@keyframes slidein \n{ \nfrom \n{ opacity: 0; top: 25px; } to \n{ opacity: 1; top: 0px; }\n}\n\n@media (max-width: 450px){\n.text-object {\n\tpadding-right: 5%;\n width: 350px;\n\n}\n\n\n}\n\n\n.text-object.player\n{\ntext-align: right;\n}\n\n@media (max-width: 450px){\n.text-object.player {\n\nwidth: 350px;\n\n\n}\n}\n\n.bubble-object{\ndisplay: inline-block;\n/*float: left; */\nposition: left;\nleft: 25px;\npadding-right:10px;\n/*bottom: 20px;\nleft: 10px;*/\n}\n@media (max-width: 350px){\n.bubble-object {\n\nwidth: 200px;\n\n\n}\n}\n\n\n.bubble-object.player{\nleft: -25px;\n/*display: inline-block;\nfloat: right;\nposition: relative;\nbottom: 20px;\nright: 10px; trying to fix style today */\n}\n\n.talk-bubble.player > .talktext > p{\npadding-right: 3em\n}\n\n#char9s{\n background-image: url("smsportraits/9s.png");\n width: 50px;\n height: 50px;\n display: block;\n position: relative;\n float: right;\n right: 10px;\n bottom: 20px;\n margin: 0;\n display: inline-block;\n padding: 3px;\n}\n\n.timestamp{\n padding: 1em;\n font-size: 0.8em;\n opacity: 0.75;\n display: block;\n margin-bottom: -55px;\n}\n\ndiv.player > .talktext > span.timestamp{\n\n font-weight: bold;\n opacity: 0.50\n}\n\n/* container */\n.container {\n padding: 5% 5%;\n}\n\n/* CSS talk bubble */\n.talk-bubble {\n\tdisplay: inline-block;\n\tposition: relative;\n\tmin-width: 150px;\n\theight: auto;\n\tbackground-color: #78d3e7;\n\topacity: 0.80;\n\tcolor: white;\n\tfont-size: 12pt;\n}\n\n.talk-bubble.player {\nbackground-color: #b2bcbe;\nopacity: 0.80;\n/*color: black;*/\n}\n@media (max-width: 450px){\n.talk-bubble.player {\n\nwidth: 300px;\n\n\n}\n}\n\n\n.border{\n border: 8px solid #666;\n}\n.round{\n border-radius: 30px;\n\t-webkit-border-radius: 30px;\n\t-moz-border-radius: 30px;\n\n}\n\n\n\n/* Right triangle placed top left flush. \n.tri-right.border.left-top:before {\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n left: -40px;\n\tright: auto;\n top: -8px;\n\tbottom: auto;\n\tborder: 32px solid;\n\tborder-color: orange transparent transparent transparent;\n}\n.tri-right.left-top:after{\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n left: -15px;\n\tright: auto;\n top: 0px;\n\tbottom: auto;\n\tborder: 22px solid;\n\tborder-color: orange transparent transparent transparent;\n}\n\n/* Right triangle, left side slightly down \n.tri-right.border.left-in:before {\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n left: -40px;\n\tright: auto;\n top: 30px;\n\tbottom: auto;\n\tborder: 20px solid;\n\tborder-color: #666 #666 transparent transparent;\n}\n.tri-right.left-in:after{\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n left: -20px;\n\tright: auto;\n top: 38px;\n\tbottom: auto;\n\tborder: 12px solid;\n\tborder-color: lightyellow lightyellow transparent transparent;\n}\n\n/*Right triangle, placed bottom left side slightly in\n.tri-right.border.btm-left:before {\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n\tleft: -8px;\n right: auto;\n top: auto;\n\tbottom: -40px;\n\tborder: 32px solid;\n\tborder-color: transparent transparent transparent #666;\n}\n.tri-right.btm-left:after{\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n\tleft: 0px;\n right: auto;\n top: auto;\n\tbottom: -20px;\n\tborder: 22px solid;\n\tborder-color: transparent transparent transparent lightyellow;\n}\n\n/*Right triangle, placed bottom left side slightly in\n.tri-right.border.btm-left-in:before {\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n\tleft: 30px;\n right: auto;\n top: auto;\n\tbottom: -40px;\n\tborder: 20px solid;\n\tborder-color: #666 transparent transparent #666;\n}\n.tri-right.btm-left-in:after{\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n\tleft: 38px;\n right: auto;\n top: auto;\n\tbottom: -20px;\n\tborder: 12px solid;\n\tborder-color: lightyellow transparent transparent lightyellow;\n}\n\n/*Right triangle, placed bottom right side slightly in\n.tri-right.border.btm-right-in:before {\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n left: auto;\n\tright: 30px;\n\tbottom: -40px;\n\tborder: 20px solid;\n\tborder-color: #666 #666 transparent transparent;\n}\n.tri-right.btm-right-in:after{\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n left: auto;\n\tright: 38px;\n\tbottom: -20px;\n\tborder: 12px solid;\n\tborder-color: lightyellow lightyellow transparent transparent;\n}\n/*\n\tleft: -8px;\n right: auto;\n top: auto;\n\tbottom: -40px;\n\tborder: 32px solid;\n\tborder-color: transparent transparent transparent #666;\n\tleft: 0px;\n right: auto;\n top: auto;\n\tbottom: -20px;\n\tborder: 22px solid;\n\tborder-color: transparent transparent transparent lightyellow;\n\n/*Right triangle, placed bottom right side slightly in\n.tri-right.border.btm-right:before {\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n left: auto;\n\tright: -8px;\n\tbottom: -40px;\n\tborder: 20px solid;\n\tborder-color: #666 #666 transparent transparent;\n}\n.tri-right.btm-right:after{\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n left: auto;\n\tright: 0px;\n\tbottom: -20px;\n\tborder: 12px solid;\n\tborder-color: lightyellow lightyellow transparent transparent;\n}\n\n/* Right triangle, right side slightly down\n.tri-right.border.right-in:before {\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n left: auto;\n\tright: -40px;\n top: 30px;\n\tbottom: auto;\n\tborder: 20px solid;\n\tborder-color: #orange transparent transparent #666;\n}\n.tri-right.right-in:after{\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n left: auto;\n\tright: -20px;\n top: 38px;\n\tbottom: auto;\n\tborder: 12px solid;\n\tborder-color: lightyellow transparent transparent lightyellow;\n}\n\n/* Right triangle placed top right flush. \n.tri-right.border.right-top:before {\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n left: auto;\n\tright: -40px;\n top: -8px;\n\tbottom: auto;\n\tborder: 32px solid;\n\tborder-color: #white transparent transparent transparent;\n}\n\n/*PLAYER TRIANGLE \n.tri-right.right-top:after{\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n left: auto;\n\tright: -13px;\n top: 0px;\n\tbottom: auto;\n\tborder: 25px solid;\n\tborder-color: #1ca0d5 transparent transparent transparent;\n}\n\n/* talk bubble contents */\n.talktext{\n\tpadding: 0.8em;\n\ttext-align: left;\n\tline-height: 1.2em;\n\tmargin-top: -0.5em\n}\n.talktext p{\n /* remove webkit p margins */\n -webkit-margin-before: -1.8em;\n -webkit-margin-after: -1.8em;\n margin-left: 15px;\n word-wrap: break-word;\n max-width: 270px\n\n}\n#footer{\nvisibility: hidden;\n\n}\n\n#footer a.externalLink {\ncolor: white;\n}\n@media (max-width: 500px){\n#footer {\n\n position: absolute;\n top: 70px;\n z-index: -1;\ncolor: black;\n}\n\n#footer a.externalLink {\ncolor: black;\n}\n}\n#sidebar {\ndisplay: none;\n}\n#storyTitle {\ndisplay: none;\n}\n#storyAuthor {\ndisplay: none;\n}\n#storyMenu {\ndisplay: none;\n}\n#restart {\ndisplay: none;\n}
<<nobr>>\n\n<<friend_char "CONNECTION TIMED OUT" "13.05.2088|23:59">> \n\n<<endnobr>>
<<nobr>>\n\n<<friend_char "CONNECTION TIMED OUT" "13.05.2088|23:59">> \n\n<<endnobr>>
[[@shindags|http://www.twitter.com/shindags/]]
<<nobr>>\n\n<<friend_char "That simulation is currently unavailable" "13.05.2088|23:59">> \n\n<<timedreplace 2s>>\n<<friend_char "Please select another option" "13.05.2088|23:59">> \n<<endtimedreplace>>\n\n<<timedreplace 6s>>\n<<choice [[Full service synth simulation]]>>\n<<choice [[Organic simulation]]>>\n<<endtimedreplace>>\n\n<<endnobr>>