tag:dreamwidth.org,2024-09-20:4199284 Cloud Strife Cloud Strife 2024-09-23T03:32:13Z tag:dreamwidth.org,2024-09-20:4199284:605 2024-09-22T15:57:47Z 2024-09-22T15:57:47Z public 27 <div style="margin: 0 auto; box-sizing: content-box; width: 230px; height: 350px; padding: 15px; border: 1px solid #888888; color: white; font-family: arial; line-height: 120%; text-align: center;"> <div style="width: 230px; height: 350px; background-image: url(https://i.imgur.com/nvV4sWr.png); background-size: 350px;"> <div style="position: relative; box-sizing: content-box; top: 35px; margin: 0 auto; width: 170px; height: 280px; display: flex; align-items: center; justify-content: center;"> <div> <div style="margin: 0 auto; width: 100px; height: 100px; background: url(https://i.imgur.com/uxb0R6M.png) no-repeat top center; border-radius: 100px; border: 2px solid white; box-shadow: 1px 1px 2px #000000; -webkit-filter: grayscale(50%);"></div> <div style="margin-top: 20px; font-size: 25px; font-weight: bold; text-shadow: 1px 1px 2px #000000;">Cloud Strife</div> <div style="margin-top: 10px; font-size: 13px; text-shadow: 1px 1px 2px #000000; -webkit-font-smoothing: antialiased;">Action · Text· Media</div><br>Not Here. Leave a message. Or just leave. </div> </div> </div> </div> <div style="margin: -20px auto 0; width: 265px; padding-right: 10px; font-family: arial; text-align: right; font-size: 12px;"><a href="https://withnails.dreamwidth.org/5854.html" style="text-decoration: none;">©</a></div><br /><br /><img src="https://www.dreamwidth.org/tools/commentcount?user=relativefugue&ditemid=605" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/> comments tag:dreamwidth.org,2024-09-20:4199284:447 2024-09-22T15:42:06Z 2024-09-23T03:32:13Z public 0 <center> <div style="width: 600px"> <div style="width: 600px;height:200px;overflow:hidden;"> <div style="width: 600px; height: 200px;background: url(https://gh.cdn.sewest.net/assets/ident/news/4fde5f9e/ff7_remake_01-bkjj8vl90.jpg?quality=65), #e9f3f7; background-position:center;background-size:cover; -webkit-clip-path: polygon(0% 0%, 9% 0%, 0% 100%);clip-path: polygon(0% 0%, 9% 0%, 0% 100%);"></div> <a href="#about" style="text-decoration:none;"><div style="width: 600px; height: 200px;background: url(https://gh.cdn.sewest.net/assets/ident/news/4fde5f9e/ff7_remake_01-bkjj8vl90.jpg?quality=65), #e9f3f7; background-position:center;background-size:cover; -webkit-clip-path: polygon(10% 0%, 18% 0%, 9% 100%, 1% 100%);clip-path: polygon(10% 0%, 18% 0%, 9% 100%, 1% 100%);position:relative;top: -200px;"> <div style="-webkit-transform: rotate(-75deg);margin-left: -740px;padding-top: 230px;color: #fff;font-family:helvetica;font-variant:small-caps;font-weight:bold;font-size: 20px;text-shadow: -2px 1px 1px #737373;"> about </div> </div></a> <a href="#personality" style="text-decoration:none;"><div style="width: 600px; height: 200px;background: url(https://gh.cdn.sewest.net/assets/ident/news/4fde5f9e/ff7_remake_01-bkjj8vl90.jpg?quality=65), #e9f3f7; background-position:center;background-size:cover; -webkit-clip-path: polygon(19% 0%, 27% 0%, 18% 100%, 10% 100%);clip-path: polygon(19% 0%, 27% 0%, 18% 100%, 10% 100%);position:relative;top: -400px;"> <div style="-webkit-transform: rotate(-75deg);margin-left: -570px;padding-top: 185px;color: #fff;font-family:helvetica;font-variant:small-caps;font-weight:bold;font-size: 20px;text-shadow: -2px 1px 1px #737373;"> personality </div> </div></a> <a href="#appearance" style="text-decoration:none;"><div style="width: 600px; height: 200px;background: url(https://gh.cdn.sewest.net/assets/ident/news/4fde5f9e/ff7_remake_01-bkjj8vl90.jpg?quality=65), #e9f3f7; background-position:center;background-size:cover; -webkit-clip-path: polygon(28% 0%, 36% 0%, 27% 100%, 19% 100%);clip-path: polygon(28% 0%, 36% 0%, 27% 100%, 19% 100%);position:relative;top: -600px;"> <div style="-webkit-transform: rotate(-75deg);margin-left: -465px;padding-top: 185px;color: #fff;font-family:helvetica;font-variant:small-caps;font-weight:bold;font-size: 20px;text-shadow: -2px 1px 1px #737373;"> appearance </div> </div></a> <a href="#history" style="text-decoration:none;"><div style="width: 600px; height: 200px;background: url(https://gh.cdn.sewest.net/assets/ident/news/4fde5f9e/ff7_remake_01-bkjj8vl90.jpg?quality=65), #e9f3f7; background-position:center;background-size:cover; -webkit-clip-path: polygon(37% 0%, 45% 0%, 36% 100%, 28% 100%);clip-path: polygon(37% 0%, 45% 0%, 36% 100%, 28% 100%);position:relative;top: -800px;"> <div style="-webkit-transform: rotate(-75deg);margin-left: -400px;padding-top: 220px;color: #fff;font-family:helvetica;font-variant:small-caps;font-weight:bold;font-size: 20px;text-shadow: -2px 1px 1px #737373;"> history </div> </div></a> <a href="#abilities" style="text-decoration:none;"><div style="width: 600px; height: 200px;background: url(https://gh.cdn.sewest.net/assets/ident/news/4fde5f9e/ff7_remake_01-bkjj8vl90.jpg?quality=65), #e9f3f7; background-position:center;background-size:cover; -webkit-clip-path: polygon(46% 0%, 54% 0%, 45% 100%, 37% 100%);clip-path: polygon(46% 0%, 54% 0%, 45% 100%, 37% 100%);position:relative;top: -1000px;"> <div style="-webkit-transform: rotate(-75deg);margin-left: -285px;padding-top: 210px;color: #fff;font-family:helvetica;font-variant:small-caps;font-weight:bold;font-size: 20px;text-shadow: -2px 1px 1px #737373;"> abilities </div> </div></a> <a href="#relationships" style="text-decoration:none;"><div style="width: 600px; height: 200px;background: url(https://gh.cdn.sewest.net/assets/ident/news/4fde5f9e/ff7_remake_01-bkjj8vl90.jpg?quality=65), #e9f3f7; background-position:center;background-size:cover; -webkit-clip-path: polygon(55% 0%, 63% 0%, 54% 100%, 46% 100%);clip-path: polygon(55% 0%, 63% 0%, 54% 100%, 46% 100%);position:relative;top: -1200px;"> <div style="-webkit-transform: rotate(-75deg);margin-left: -125px;padding-top: 170px;color: #fff;font-family:helvetica;font-variant:small-caps;font-weight:bold;font-size: 20px;text-shadow: -2px 1px 1px #737373;"> relationships </div> </div></a> <a href="#visualosities" style="text-decoration:none;"><div style="width: 600px; height: 200px;background: url(https://gh.cdn.sewest.net/assets/ident/news/4fde5f9e/ff7_remake_01-bkjj8vl90.jpg?quality=65), #e9f3f7; background-position:center;background-size:cover; -webkit-clip-path: polygon(64% 0%, 72% 0%, 63% 100%, 55% 100%);clip-path: polygon(64% 0%, 72% 0%, 63% 100%, 55% 100%);position:relative;top: -1400px;"> <div style="-webkit-transform: rotate(-75deg);margin-left: -20px;padding-top: 175px;color: #fff;font-family:helvetica;font-variant:small-caps;font-weight:bold;font-size: 20px;text-shadow: -2px 1px 1px #737373;"> visualosities </div> </div></a> <a href="#soundtrack" style="text-decoration:none;"><div style="width: 600px; height: 200px;background: url(https://gh.cdn.sewest.net/assets/ident/news/4fde5f9e/ff7_remake_01-bkjj8vl90.jpg?quality=65), #e9f3f7; background-position:center;background-size:cover; -webkit-clip-path: polygon(73% 0%, 81% 0%, 72% 100%, 64% 100%);clip-path: polygon(73% 0%, 81% 0%, 72% 100%, 64% 100%);position:relative;top: -1600px;"> <div style="-webkit-transform: rotate(-75deg);margin-left: 75px;padding-top: 185px;color: #fff;font-family:helvetica;font-variant:small-caps;font-weight:bold;font-size: 20px;text-shadow: -2px 1px 1px #737373;"> soundtrack </div> </div></a> <a href="#extra" style="text-decoration:none;"><div style="width: 600px; height: 200px;background: url(https://gh.cdn.sewest.net/assets/ident/news/4fde5f9e/ff7_remake_01-bkjj8vl90.jpg?quality=65), #e9f3f7; background-position:center;background-size:cover; -webkit-clip-path: polygon(82% 0%, 90% 0%, 81% 100%, 73% 100%);clip-path: polygon(82% 0%, 90% 0%, 81% 100%, 73% 100%);position:relative;top: -1800px;"> <div style="-webkit-transform: rotate(-75deg);margin-left: 120px;padding-top: 235px;color: #fff;font-family:helvetica;font-variant:small-caps;font-weight:bold;font-size: 20px;text-shadow: -2px 1px 1px #737373;"> extra </div> </div></a> <a href="#meta" style="text-decoration:none;"><div style="width: 600px; height: 200px;background: url(https://gh.cdn.sewest.net/assets/ident/news/4fde5f9e/ff7_remake_01-bkjj8vl90.jpg?quality=65), #e9f3f7; background-position:center;background-size:cover; -webkit-clip-path: polygon(91% 0%, 99% 0%, 90% 100%, 82% 100%);clip-path: polygon(91% 0%, 99% 0%, 90% 100%, 82% 100%);position:relative;top: -2000px;overflow:hidden;"> <div style="-webkit-transform: rotate(-75deg);margin-left: 215px;padding-top: 240px;color: #fff;font-family:helvetica;font-variant:small-caps;font-weight:bold;font-size: 20px;text-shadow: -2px 1px 1px #737373;"> meta </div> </div></a> <div style="width: 600px; height: 200px;background: url(https://gh.cdn.sewest.net/assets/ident/news/4fde5f9e/ff7_remake_01-bkjj8vl90.jpg?quality=65), #e9f3f7; background-position:center;background-size:cover; -webkit-clip-path: polygon(100% 0%, 100% 100%, 91% 100%);clip-path: polygon(100% 0%, 100% 100%, 91% 100%);position:relative;top: -2200px;"></div> </div> <div style="border: 10px solid #b8b8b8;margin-top: 5px;width: 580px;height: 400px;overflow:hidden;background: #fff;"> <div style="width: 580px;height: 400px;margin-top: -10px;"> <a name="about" style="display:block;height:10px;"></a> <div style="height: 200px;width: 580px;background-image: url(https://i.imgur.com/drFBnC7.png);background-position:center;background-size:cover;border-bottom: 5px solid #b8b8b8;"> <div style="padding-top: 80px;color: #fff;text-shadow: 2px 2px 2px #999;font-family: helvetica;font-variant:small-caps;font-weight:bold;font-size: 20px;letter-spacing: 10px;"> Cloud Strife </div> <div style="color: #fff;text-shadow: 2px 2px 2px #999;font-family: helvetica;font-variant:small-caps;font-weight:bold;letter-spacing: 10px;font-size: 12px;"> Final Fantasy VII: Remake Series </div> </div> <div style="overflow-y: scroll;height: 195px;"> <table style="width:500px;margin-top: 10px;"><tbody style="align:center;text-align:center;font-family: helvetica;font-variant:small-caps;font-size: 14px;"><tr><td style="width: 250px;"> <b>Role:</b> Ex-SOLDIER </td><td style="width: 250px;"> <b>age:</b> 21 </td></tr><tr><td> <b>species:</b> Human (SOLDIER) </td><td> <b>gender:</b> Male </td></tr><tr><td> <b>sexuality:</b> ???? </td><td> <b>voice:</b> <a href="https://www.youtube.com/watch?v=4AL-uSpZlyY" style="color:#000;text-decoration:none;"> Voice Link </a> </td></tr></tbody></table> <div style="width: 90%;height: 2px;background: linear-gradient(90deg, rgba(0,0,0,0), #b8b8b8, rgba(0,0,0,0));margin: 15px 0px;"></div> <div style="width: 90%;font-family:helvetica;font-size: 12px;text-align:justify;margin-bottom: 10px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lorem velit, aliquet ut scelerisque sed, blandit eu lacus. Vestibulum blandit ipsum pretium urna molestie, et aliquet eros feugiat. Aliquam ut nibh et ex dapibus semper. Phasellus eleifend vel purus eget pretium. Nunc venenatis non sem vel egestas. Phasellus volutpat posuere eros faucibus convallis. Nullam dapibus dolor ac massa interdum scelerisque. Quisque sed dolor vulputate, egestas erat in, egestas felis. Sed feugiat vitae risus sit amet mattis. Cras tempus sagittis eros, id dapibus odio tincidunt sed. Nulla pretium nisl at lacus consectetur bibendum. Nulla viverra tempus odio vitae aliquam. Nulla facilisi. Cras at diam vitae justo facilisis viverra. Duis sed est accumsan, blandit leo et, feugiat augue..<br /><br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lorem velit, aliquet ut scelerisque sed, blandit eu lacus. Vestibulum blandit ipsum pretium urna molestie, et aliquet eros feugiat. Aliquam ut nibh et ex dapibus semper. Phasellus eleifend vel purus eget pretium. Nunc venenatis non sem vel egestas. Phasellus volutpat posuere eros faucibus convallis. Nullam dapibus dolor ac massa interdum scelerisque. Quisque sed dolor vulputate, egestas erat in, egestas felis. Sed feugiat vitae risus sit amet mattis. Cras tempus sagittis eros, id dapibus odio tincidunt sed. Nulla pretium nisl at lacus consectetur bibendum. Nulla viverra tempus odio vitae aliquam. Nulla facilisi. Cras at diam vitae justo facilisis viverra. Duis sed est accumsan, blandit leo et, feugiat augue. </div> </div></div> <br /><br /><br /> <div style="width: 580px;height: 400px;margin-top: -10px;"> <a name="personality" style="display:block;height: 10px;"></a> <table style="margin-top: 20px;"><tbody style="text-align:center;align:center;font-family:helvetica;font-variant:small-caps;"><tr><td style="text-align:right;"> EXTROVERSION </td><td> <div style="width: 250px;height: 10px;border: 1px solid #9e9e9e;border-radius: 50px;"> <div style="background: #38a9a9; width: 25%;height: 10px;float: right;border-radius: 0 50px 50px 0;"></div></div> </td><td style="text-align:left;"> INTROVERSION </td></tr> <tr><td style="text-align:right;"> SENSING </td><td> <div style="width: 250px;height: 10px;border: 1px solid #9e9e9e;border-radius: 50px;"> <div style="background: #38a9a9; width: PERCENT%;height: 10px;float: left;border-radius: 50px 0 0 50px;"></div></div> </td><td style="text-align:left;"> INTUITION </td></tr> <tr><td style="text-align:right;"> THINKING </td><td> <div style="width: 250px;height: 10px;border: 1px solid #9e9e9e;border-radius: 50px;"> <div style="background: #38a9a9; width: PERCENT%;height: 10px;float: right;border-radius: 0 50px 50px 0;"></div></div> </td><td style="text-align:left;"> FEELING </td></tr> <tr><td style="text-align:right;"> JUDGMENT </td><td> <div style="width: 250px;height: 10px;border: 1px solid #9e9e9e;border-radius: 50px;"> <div style="background: #38a9a9; width: 55%;height: 10px;float: right;border-radius: 0 50px 50px 0;"></div></div> </td><td style="text-align:left;"> PERCEPTION </td></tr> <tr><td style="text-align:right;"> ASSERTIVE </td><td> <div style="width: 250px;height: 10px;border: 1px solid #9e9e9e;border-radius: 50px;"> <div style="background: #38a9a9; width: 40%;height: 10px;float: right;border-radius: 0 50px 50px 0;"></div></div> </td><td style="text-align:left;"> TURBULENT </td></tr></tbody></table> <div style="width: 90%;height: 2px;background: linear-gradient(90deg, rgba(0,0,0,0), #b8b8b8, rgba(0,0,0,0));margin: 15px 0px;"></div> <div style="overflow-y: scroll;height: 228px;"> <div style="font-family:helvetica;font-variant:small-caps;font-size: 25px;"> PERSONALITY <div style="font-size: 13px;letter-spacing: 5px;"> INFP-t (INFJ at heart) <br /><br /></div></div> <div style="text-align:justify;font-family:helvetica;font-size: 12px;width: 60%"> Lorem ipsum </div> <div style="width: 90%;height: 2px;background: linear-gradient(90deg, rgba(0,0,0,0), #b8b8b8, rgba(0,0,0,0));margin: 15px 0px;"></div> <div style="width: 90%;text-align:justify;margin-bottom: 10px;"> <font style="font-family:helvetica;font-variant:small-caps;font-size: 15px;"> <b>Six Traits:</b> <font style="font-size: 12px;font-variant:normal;"> Lorem ipsum. </font></font> <br /><br /> <font style="font-family:helvetica;font-variant:small-caps;font-size: 15px;"> <b>Motivations:</b> <font style="font-size: 12px;font-variant:normal;"> Lorem ipsum. </font></font> <br /><br /> <font style="font-family:helvetica;font-variant:small-caps;font-size: 15px;"> <b>Handling Conflict:</b> <font style="font-size: 12px;font-variant:normal;"> Lorem ipsum. </font></font> </div></div></div> <br /><br /><br /> <div style="width: 580px;height: 400px;margin-top: 10px;"> <a name="appearance" style="display:block;height:10px;"></a> <div style="height: 200px;border-bottom: 5px solid #b8b8b8;margin-top:-10px;"> <div style="background: url(https://i.imgur.com/v8SppyY.png); background-position:center; background-size: cover; width: 200px; height: 200px;float: right;border-left: 5px solid #b8b8b8;"></div> <table style="width: 300px;float: left;margin-left: 30px;margin-top: 50px;"><tbody style="font-family: helvetica;font-variant:small-caps;font-size: 14px;text-align:center;"><tr><td> <b>height:</b> Lorem Ipsum </td><td> <b>hair:</b> Lorem Ipsum </td></tr><tr><td> <b>build:</b> Lorem Ipsum </td><td> <b>eyes:</b> Lorem Ipsum </td></tr><tr><td colspan="2" style="text-align:justify;padding: 15px;"> <b>features:</b> Lorem Ipsum </td></tr></tbody></table> </div> <div style="overflow-y:scroll; height: 195px;"> <div style="text-align:justify;width: 90%;margin: 15px 0 10px 0;"> <font style="font-family:helvetica;font-variant:small-caps;font-size: 15px;"> <b>Description:</b> <font style="font-size: 12px;font-variant:normal;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tortor nibh, sodales efficitur lobortis vitae, consectetur et ante. Proin euismod odio at neque commodo volutpat. Phasellus a molestie ante, vel ornare eros. Maecenas elit tortor, venenatis eget quam ac, suscipit euismod risus. </font></font><br /><br /> <font style="font-family:helvetica;font-variant:small-caps;font-size: 15px;"> <b>First Impressions:</b> <font style="font-size: 12px;font-variant:normal;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tortor nibh, sodales efficitur lobortis vitae, consectetur et ante. Proin euismod odio at neque commodo volutpat. Phasellus a molestie ante, vel ornare eros. Maecenas elit tortor, venenatis eget quam ac, suscipit euismod risus. Curabitur et ultrices magna. </font></font></div></div></div> <br /><br /><br /> <div style="width: 580px;height: 400px;margin-top: -10px;"> <a name="history" style="display:block;height:10px;"></a> <div style="height: 100px;text-align:center;font-family:helvetica;font-variant:small-caps;font-size: 30px;font-weight: bold; font-style:italic;color: #2d8e8e; text-shadow: 2px 2px 2px #333;padding-top: 15px;margin-top:-10px;"> " Not <font style="color: #38a9a9"> Interested </font> . " </div> <div style="overflow-y:scroll;height: 285px;"> <div style="text-align:justify;width: 90%;margin: 15px 0 10px 0;font-family:helvetica;font-size: 12px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tortor nibh, sodales efficitur lobortis vitae, consectetur et ante. Proin euismod odio at neque commodo volutpat. Phasellus a molestie ante, vel ornare eros. Maecenas elit tortor, venenatis eget quam ac, suscipit euismod risus. Curabitur et ultrices magna. Phasellus sed tincidunt nisl, gravida bibendum elit. Quisque ac est id nisi tempor convallis. Vestibulum et mi at leo mattis congue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur malesuada tempus mauris eu dignissim. Ut arcu dolor, bibendum nec lacinia in, malesuada sed mi. Donec rutrum malesuada enim sit amet volutpat.<br /><br /> eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee<br /><br /> <div style="width: 150px;height: 200px;background: url(https://i.imgur.com/AjnWJhx.png); background-position:center;background-size: cover;float: left;border: 5px solid #b8b8b8;margin: 5px 10px 5px 5px;"></div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tortor nibh, sodales efficitur lobortis vitae, consectetur et ante. Proin euismod odio at neque commodo volutpat. Phasellus a molestie ante, vel ornare eros. Maecenas elit tortor, venenatis eget quam ac, suscipit euismod risus. Curabitur et ultrices magna. Phasellus sed tincidunt nisl, gravida bibendum elit. Quisque ac est id nisi tempor convallis. Vestibulum et mi at leo mattis congue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur malesuada tempus mauris eu dignissim. Ut arcu dolor, bibendum nec lacinia in, malesuada sed mi. Donec rutrum malesuada enim sit amet volutpat.<br /><br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tortor nibh, sodales efficitur lobortis vitae, consectetur et ante. Proin euismod odio at neque commodo volutpat. </div></div></div> <br /><br /><br /> <div style="width: 580px;height: 400px;overflow-y: scroll;margin-top: -10px;"> <a name="abilities" style="display:block;height: 10px;"></a> <div style="width: 90%;margin: 15px 0 10px 0;"> <div style="width: 120px;border: 5px solid #b8b8b8;float: left;margin: 5px 10px 5px 5px;padding: 2px;font-family:helvetica;font-variant:small-caps;font-size: 15px;font-weight:bold;line-height: 25px;"> Power<br /> Power<br /> Power<br /> Power<br /> Power </div> <div style="text-align:justify;padding-top: 10px;"> <font style="font-family:helvetica;font-variant:small-caps;font-size: 15px;"> <b>Power:</b> <font style="font-size: 12px;font-variant:normal;"> Lorem ipsum </font></font><br /><br /> <font style="font-family:helvetica;font-variant:small-caps;font-size: 15px;"> <b>Power:</b> <font style="font-size: 12px;font-variant:normal;"> Lorem ipsum </font></font><br /><br /> <div style="width: 150px;height: 200px;background: url(ABIL_IMG); background-position:center;background-size: cover;float: right;border: 5px solid #b8b8b8;margin: 5px 5px 5px 10px;"></div> <font style="font-family:helvetica;font-variant:small-caps;font-size: 15px;"> <b>Power:</b> <font style="font-size: 12px;font-variant:normal;"> Lorem ipsum </font></font><br /><br /> <font style="font-family:helvetica;font-variant:small-caps;font-size: 15px;"> <b>Power:</b> <font style="font-size: 12px;font-variant:normal;"> Lorem ipsum </font></font><br /><br /> <font style="font-family:helvetica;font-variant:small-caps;font-size: 15px;"> <b>Power:</b> <font style="font-size: 12px;font-variant:normal;"> Lorem ipsum </font></font> </div></div></div> <br /><br /><br /> <div style="width: 580px;height: 400px;overflow-y: scroll;margin-top: -10px;"> <a name="relationships" style="display:block;height:10px;"></a> <div style="height: 200px;border-bottom: 5px solid #b8b8b8;margin-top: -11px;"> <div style="border-right: 5px solid #b8b8b8;width: 150px; height:200px;float: left;background: url(REL_IMG);background-position:center;background-size:cover;margin-right: 10px;"></div> <div style="float:left;font-family:helvetica;font-variant:small-caps;font-size: 25px;font-weight:bold;text-shadow: 2px 2px 2px #333;color: #c6a1c9;margin: 10px 0 0 35px;"> R_Character </div> <div style="font-family:helvetica;font-size: 12px;text-align:justify;width: 380px;height: 140px;overflow:hidden;padding-top: 10px;"> <b>Descriptor.</b> Lorem ipsum </div></div> <div style="height: 200px;border-bottom: 5px solid #b8b8b8;"> <div style="border-right: 5px solid #b8b8b8;width: 150px; height:200px;float: left;background: url(REL_IMG);background-position:center;background-size:cover;margin-right: 10px;"></div> <div style="float:left;font-family:helvetica;font-variant:small-caps;font-size: 25px;font-weight:bold;text-shadow: 2px 2px 2px #333;color: #c6a1c9;margin: 10px 0 0 35px;"> R_Character </div> <div style="font-family:helvetica;font-size: 12px;text-align:justify;width: 380px;height: 140px;overflow:hidden;padding-top: 10px;"> <b>Descriptor.</b> Lorem ipsum </div></div> <div style="height: 200px;"> <div style="border-right: 5px solid #b8b8b8;width: 150px; height:200px;float: left;background: url(REL_IMG);background-position:center;background-size:cover;margin-right: 10px;"></div> <div style="float:left;font-family:helvetica;font-variant:small-caps;font-size: 25px;font-weight:bold;text-shadow: 2px 2px 2px #333;color: #c6a1c9;margin: 10px 0 0 35px;"> R_Character </div> <div style="font-family:helvetica;font-size: 12px;text-align:justify;width: 380px;height: 140px;overflow:hidden;padding-top: 10px;"> <b>Descriptor.</b> Lorem ipsum </div></div> </div> <br /><br /><br /> <div style="width: 580px;height: 400px;overflow-y: scroll;margin-top: -10px;"> <a name="visualosities" style="display:block;height:10px;"></a> <div style="margin: 15px 0;"> <div style="display:inline-block;background: url(VISUAL_IMG); background-position:center;background-size:cover;width:170px;height:170px;margin: 2px;"></div> <div style="display:inline-block;background: url(VISUAL_IMG); background-position:center;background-size:cover;width:170px;height:170px;margin: 2px;"></div> <div style="display:inline-block;background: url(VISUAL_IMG); background-position:center;background-size:cover;width:170px;height:170px;margin: 2px;"></div> <div style="display:inline-block;background: url(VISUAL_IMG); background-position:center;background-size:cover;width:170px;height:170px;margin: 2px;"></div> <div style="display:inline-block;background: url(VISUAL_IMG); background-position:center;background-size:cover;width:170px;height:170px;margin: 2px;"></div> <div style="display:inline-block;background: url(VISUAL_IMG); background-position:center;background-size:cover;width:170px;height:170px;margin: 2px;"></div> </div></div> <br /><br /><br /> <div style="width: 580px;height: 400px;overflow-y: scroll;margin-top: -10px;"> <a name="soundtrack" style="display:block;height:10px;"></a> <div style="margin-bottom: 10px;"> <div style="margin-top: 15px;"> <a href="https://www.youtube.com/watch?v=h0AcvqihLgM" style="font-family:helvetica;font-variant:small-caps;font-size: 20px;text-decoration:none;color: #38a9a9;font-weight:bold;text-shadow: 2px 1px 2px #2d8e8e;letter-spacing: 8px;"> Hollow <br /> Yosh </a> <fieldset style="border:5px solid #b8b8b8;width: 80%;padding-bottom: 10px;"> <legend style="text-align:right;font-family:helvetica;font-variant:small-caps;font-size: 20px;color: #2d8e8e;"> ♫ </legend> <font style="font-family:helvetica;font-variant:small-caps;color: #b8b8b8;font-style:italic;"> But I, I know<br /> That you're long gone<br /> But I, I will<br /> Go on howling, and hollow </font> </fieldset> </div> <div style="margin-top: 15px;"> <a href="SONG_URL" style="font-family:helvetica;font-variant:small-caps;font-size: 20px;text-decoration:none;color: #ccc8cc;font-weight:bold;text-shadow: 2px 1px 2px #a57ea8;letter-spacing: 8px;"> song name <br /> song artist </a> <fieldset style="border:5px solid #b8b8b8;width: 80%;padding-bottom: 10px;"> <legend style="text-align:right;font-family:helvetica;font-variant:small-caps;font-size: 20px;color: #b8b8b8;"> ♫ </legend> <font style="font-family:helvetica;font-variant:small-caps;color: #b8b8b8;font-style:italic;"> Lyric<br /> Lyric<br /> Lyric<br /> Lyric </font> </fieldset> </div> <div style="margin-top: 15px;"> <a href="SONG_URL" style="font-family:helvetica;font-variant:small-caps;font-size: 20px;text-decoration:none;color: #ccc8cc;font-weight:bold;text-shadow: 2px 1px 2px #a57ea8;letter-spacing: 8px;"> song name <br /> song artist </a> <fieldset style="border:5px solid #b8b8b8;width: 80%;padding-bottom: 10px;"> <legend style="text-align:right;font-family:helvetica;font-variant:small-caps;font-size: 20px;color: #b8b8b8;"> ♫ </legend> <font style="font-family:helvetica;font-variant:small-caps;color: #b8b8b8;font-style:italic;"> Lyric<br /> Lyric<br /> Lyric<br /> Lyric </font> </fieldset> </div> </div></div> <br /><br /><br /> <div style="width: 580px;height: 400px;overflow-y: scroll;margin-top: -10px;"> <a name="extra" style="display:block;height:10px"></a> <div style="margin: 15px 0 10px 0;"> <div style="font-family:helvetica;font-size: 20px;font-variant:small-caps;"> here's a header </div> <br /> <div style="text-align:justify;font-family:helvetica;font-size: 12px;width: 60%;margin-bottom: 10px;"> <b>Bold text in a paragraph.</b> The width of this paragraph is very small, like in the live preview. </div> <div style="height: 200px;border-top: 5px solid #b8b8b8;border-bottom: 5px solid #b8b8b8;background: url(EXTRA_IMG);background-position:center;background-size:cover;margin-bottom: 10px;"></div> <div style="width: 90%; text-align:justify;margin-bottom: 10px;"> <font style="font-family:helvetica;font-variant:small-caps;font-size: 15px;"> <b>A list?:</b> <font style="font-size: 12px;font-variant:normal;"> A paragraph for the listed item.<br /><br /> <div style="width: 150px;height: 200px;background: url(EXTRA_IMG_2); background-position:center;background-size: cover;float: right;border: 5px solid #b8b8b8;margin: 5px 5px 5px 10px;"></div> Oh look another paragraph to that listed item.</font></font><br /><br /> <font style="font-family:helvetica;font-variant:small-caps;font-size: 15px;"> <b>Another item on the list:</b> <font style="font-size: 12px;font-variant:normal;"> Yet another paragraph.</font></font> </div> </div></div> <br /><br /><br /> <div style="width: 580px;height: 400px;margin-top: -10px;"> <a name="meta" style="display:block;height:10px;"></a> <div style="padding-top: 70px;"> <div style="display:inline-block;width: 100px;height: 100px;border: 10px solid #38a9a9; background: url(META_IMG);"></div> <div style="display:inline-block;font-family:helvetica;font-variant:small-caps;width: 120px; height: 120px;position: relative;right: 5px;vertical-align: 20px;"> <font style="font-weight: bold;text-shadow: 1px 1px 2px #38a9a9;font-size: 20px;letter-spacing: 5px;color: #38a9a9;"> Marz </font> <br /> <div style="background: #b8b8b8;margin: 2px 0;"> <a href="PLURK_URL" style="font-family:helvetica;font-variant:small-caps;color: #fff;text-decoration:none;font-weight:bold;text-shadow: 1px 1px 1px #555;"> They/Them </a></div> <div style="background: #b8b8b8;margin: 2px 0;font-family:helvetica;font-variant:small-caps;color: #fff;font-weight:bold;text-shadow: 1px 1px 1px #555;"> Dm for Discord </div> <div style="background: #b8b8b8;margin: 2px 0;font-family:helvetica;font-variant:small-caps;color: #fff;font-weight:bold;text-shadow: 1px 1px 1px #555;"> EST </div> <div style="background: #b8b8b8;margin: 2px 0;"> <a href="MUN_URL" style="font-family:helvetica;font-variant:small-caps;color: #fff;text-decoration:none;font-weight:bold;text-shadow: 1px 1px 1px #555;"> ??? </a></div> </div> <br /><br /> <table style="background-color: #b8b8b8;width: 240px; height: 120px;"><tbody style="font-family:helvetica;font-variant:small-caps;color: #fff;font-weight:bold;text-shadow: 1px 1px 1px #555;font-size: 12px;text-align:center;"><tr><td style="width: 120px;padding: 25px 0 0 10px;"> pb <br /><br /> image credit <br /> [<a href="CRED_URL" style="font-family:helvetica;font-variant:small-caps;color: #fff;font-weight:bold;text-shadow: 1px 1px 1px #555;font-size: 12px;text-decoration:none;">x</a>] [<a href="CRED_URL" style="font-family:helvetica;font-variant:small-caps;color: #fff;font-weight:bold;text-shadow: 1px 1px 1px #555;font-size: 12px;text-decoration:none;">x</a>] [<a href="CRED_URL" style="font-family:helvetica;font-variant:small-caps;color: #fff;font-weight:bold;text-shadow: 1px 1px 1px #555;font-size: 12px;text-decoration:none;">x</a>] </td><td><br /> code by <br /> <a href="https://killthecake.dreamwidth.org/" style="font-family:helvetica;font-variant:small-caps;color: #555;font-weight:bold;text-shadow: 1px 1px 1px #ebebeb;font-size: 15px;text-decoration:none;"> killthecake </a> </td></tr></tbody></table> </div></div></div></div></center><br /><br /><img src="https://www.dreamwidth.org/tools/commentcount?user=relativefugue&ditemid=447" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/> comments