tag:dreamwidth.org,2011-12-24:1247868 Seraphine ☆˙⟡The Starry-Eyed Songstress⟡˙☆ Seraphine ☆˙⟡The Starry-Eyed Songstress⟡˙☆ 2024-06-12T01:36:27Z tag:dreamwidth.org,2011-12-24:1247868:938 2024-06-12T01:35:14Z 2024-06-12T01:36:27Z public 0 <div style="width: 600px; margin: auto; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; letter-spacing: 1px;"> <div style="background: center/cover url(&#39;https://64.media.tumblr.com/746a401cd0738f296f581e3987864a70/9fe1cfc7fd84544e-5f/s500x750/ecd015eb460678ce6c7846c2b44533073b1a5d44.gifv&#39;), #722e6e; width: 100%; height: 400px; margin-bottom: 8px;"></div> <div style="width: 100%; height: 25px; display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 8px;"> <div style="background: #db6f96; width: 24%; height: 100%;"></div> <div style="background: #722e6e; width: 24%; height: 100%;"></div> <div style="background: #db6f96; width: 24%; height: 100%;"></div> <div style="background: #722e6e; width: 24%; height: 100%;"></div> </div> <div style="width: 100%; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; text-align: center;"> <a href="https://empatheticsong.dreamwidth.org/417.html" style="display: block; width: 49%; background: #db6f96; color: #fff; text-decoration: none; padding: 6px 0; margin-bottom: 8px; border: 2px solid #722e6e; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> Permissions </a> <a href="URL" style="display: block; width: 49%; background: #db6f96; color: #fff; text-decoration: none; padding: 6px 0; margin-bottom: 8px; border: 2px solid #722e6e; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> Link </a> <a href="URL" style="display: block; width: 49%; background: #db6f96; color: #fff; text-decoration: none; padding: 6px 0; margin-bottom: 8px; border: 2px solid #722e6e; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> Link </a> <a href="URL" style="display: block; width: 49%; background: #db6f96; color: #fff; text-decoration: none; padding: 6px 0; margin-bottom: 8px; border: 2px solid #722e6e; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> Link </a> <a href="URL" style="display: block; width: 49%; background: #db6f96; color: #fff; text-decoration: none; padding: 6px 0; margin-bottom: 8px; border: 2px solid #722e6e; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> Link </a> <a href="URL" style="display: block; width: 49%; background: #db6f96; color: #fff; text-decoration: none; padding: 6px 0; margin-bottom: 8px; border: 2px solid #722e6e; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> Link </a> </div> <details style="background: #db6f96; color: #fff; padding: 6px 0; margin-bottom: 8px; border: 2px solid #722e6e; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> <summary style="text-align: center; list-style: none; cursor: pointer;"> Game / Header </summary> <div style="width: 95%; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; text-align: center; margin: auto;"> <a href="URL" style="display: block; width: 49%; background: #722e6e; color: #fff; text-decoration: none; padding: 6px 0; margin: 4px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> Link </a> <a href="URL" style="display: block; width: 49%; background: #722e6e; color: #fff; text-decoration: none; padding: 6px 0; margin: 4px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> Link </a> <a href="URL" style="display: block; width: 49%; background: #722e6e; color: #fff; text-decoration: none; padding: 6px 0; margin: 4px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> Link </a> <a href="URL" style="display: block; width: 49%; background: #722e6e; color: #fff; text-decoration: none; padding: 6px 0; margin: 4px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> Link </a> <a href="URL" style="display: block; width: 49%; background: #722e6e; color: #fff; text-decoration: none; padding: 6px 0; margin: 4px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> Link </a> <a href="URL" style="display: block; width: 49%; background: #722e6e; color: #fff; text-decoration: none; padding: 6px 0; margin: 4px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> Link </a> </div> </details> <div style="background: linear-gradient(90deg, #db6f96, #722e6e, #db6f96, #722e6e); width: 100%; height: 15px; margin-bottom: 8px;"></div> <div style="background: center/cover url(&#39;IMAGE_URL&#39;), #722e6e; width: 100%; height: 15px; margin-bottom: 8px;"></div> <div style="width: 100%; margin: 8px 0; text-align: center; font-size: 10px;"> <a href="https://killthecake.dreamwidth.org/" style="color: #bbb; text-decoration: none;"> code </a> </div> </div><br /><br /><img src="https://www.dreamwidth.org/tools/commentcount?user=empatheticsong&ditemid=938" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/> comments tag:dreamwidth.org,2011-12-24:1247868:711 2024-06-12T01:26:29Z 2024-06-12T01:27:31Z public 0 <div style="width: 500px; height: 550px; display: flex; margin: auto; font-family: Arial, Helvetica, sans-serif; font-size: 10px;"> <div style="width: 50px; font-size: 16px;"> <a href="#home" style="display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; border: 1px solid #ddd; border-right: none; margin-bottom: 15px; background: #f7f7f7;" title="Home"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512" style="width: 1em; height: 1em;"><path fill="#333" d="M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z"></path></svg> </a> <a href="#history" style="display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; border: 1px solid #ddd; border-right: none; margin-bottom: 15px; background: #f7f7f7;" title="History"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" style="width: 1em; height: 1em;"><path fill="#333" d="M96 0C43 0 0 43 0 96V416c0 53 43 96 96 96H384h32c17.7 0 32-14.3 32-32s-14.3-32-32-32V384c17.7 0 32-14.3 32-32V32c0-17.7-14.3-32-32-32H384 96zm0 384H352v64H96c-17.7 0-32-14.3-32-32s14.3-32 32-32zm32-240c0-8.8 7.2-16 16-16H336c8.8 0 16 7.2 16 16s-7.2 16-16 16H144c-8.8 0-16-7.2-16-16zm16 48H336c8.8 0 16 7.2 16 16s-7.2 16-16 16H144c-8.8 0-16-7.2-16-16s7.2-16 16-16z"></path></svg> </a> <a href="#personality" style="display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; border: 1px solid #ddd; border-right: none; margin-bottom: 15px; background: #f7f7f7;" title="Personality"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 640 512" style="width: 1em; height: 1em;"><path fill="#333" d="M74.6 373.2c41.7 36.1 108 82.5 166.1 73.7c6.1-.9 12.1-2.5 18-4.5c-9.2-12.3-17.3-24.4-24.2-35.4c-21.9-35-28.8-75.2-25.9-113.6c-20.6 4.1-39.2 13-54.7 25.4c-6.5 5.2-16.3 1.3-14.8-7c6.4-33.5 33-60.9 68.2-66.3c2.6-.4 5.3-.7 7.9-.8l19.4-131.3c2-13.8 8-32.7 25-45.9C278.2 53.2 310.5 37 363.2 32.2c-.8-.7-1.6-1.4-2.4-2.1C340.6 14.5 288.4-11.5 175.7 5.6S20.5 63 5.7 83.9C0 91.9-.8 102 .6 111.8L24.8 276.1c5.5 37.3 21.5 72.6 49.8 97.2zm87.7-219.6c4.4-3.1 10.8-2 11.8 3.3c.1 .5 .2 1.1 .3 1.6c3.2 21.8-11.6 42-33.1 45.3s-41.5-11.8-44.7-33.5c-.1-.5-.1-1.1-.2-1.6c-.6-5.4 5.2-8.4 10.3-6.7c9 3 18.8 3.9 28.7 2.4s19.1-5.3 26.8-10.8zM261.6 390c29.4 46.9 79.5 110.9 137.6 119.7s124.5-37.5 166.1-73.7c28.3-24.5 44.3-59.8 49.8-97.2l24.2-164.3c1.4-9.8 .6-19.9-5.1-27.9c-14.8-20.9-57.3-61.2-170-78.3S299.4 77.2 279.2 92.8c-7.8 6-11.5 15.4-12.9 25.2L242.1 282.3c-5.5 37.3-.4 75.8 19.6 107.7zM404.5 235.3c-7.7-5.5-16.8-9.3-26.8-10.8s-19.8-.6-28.7 2.4c-5.1 1.7-10.9-1.3-10.3-6.7c.1-.5 .1-1.1 .2-1.6c3.2-21.8 23.2-36.8 44.7-33.5s36.3 23.5 33.1 45.3c-.1 .5-.2 1.1-.3 1.6c-1 5.3-7.4 6.4-11.8 3.3zm136.2 15.5c-1 5.3-7.4 6.4-11.8 3.3c-7.7-5.5-16.8-9.3-26.8-10.8s-19.8-.6-28.7 2.4c-5.1 1.7-10.9-1.3-10.3-6.7c.1-.5 .1-1.1 .2-1.6c3.2-21.8 23.2-36.8 44.7-33.5s36.3 23.5 33.1 45.3c-.1 .5-.2 1.1-.3 1.6zM530 350.2c-19.6 44.7-66.8 72.5-116.8 64.9s-87.1-48.2-93-96.7c-1-8.3 8.9-12.1 15.2-6.7c23.9 20.8 53.6 35.3 87 40.3s66.1 .1 94.9-12.8c7.6-3.4 16 3.2 12.6 10.9z"></path></svg> </a> <a href="#appearance" style="display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; border: 1px solid #ddd; border-right: none; margin-bottom: 15px; background: #f7f7f7;" title="Appearance"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" style="width: 1em; height: 1em;"><path fill="#333" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM164.1 325.5C182 346.2 212.6 368 256 368s74-21.8 91.9-42.5c5.8-6.7 15.9-7.4 22.6-1.6s7.4 15.9 1.6 22.6C349.8 372.1 311.1 400 256 400s-93.8-27.9-116.1-53.5c-5.8-6.7-5.1-16.8 1.6-22.6s16.8-5.1 22.6 1.6zM144.4 208a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm192-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"></path></svg> </a> <a href="#relationships" style="display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; border: 1px solid #ddd; border-right: none; margin-bottom: 15px; background: #f7f7f7;" title="Relationships"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" style="width: 1em; height: 1em;"><path fill="#333" d="M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z"></path></svg> </a> <a href="#powers" style="display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; border: 1px solid #ddd; border-right: none; margin-bottom: 15px; background: #f7f7f7;" title="Abilities &amp; Powers"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 640 512" style="width: 1em; height: 1em;"><path fill="#333" d="M320 0c17.7 0 32 14.3 32 32V240c0 8.8 7.2 16 16 16s16-7.2 16-16V64c0-17.7 14.3-32 32-32s32 14.3 32 32V240c0 8.8 7.2 16 16 16s16-7.2 16-16V128c0-17.7 14.3-32 32-32s32 14.3 32 32V323.1c-11.9 4.8-21.3 14.9-25 27.8l-8.9 31.2L478.9 391C460.6 396.3 448 413 448 432c0 18.9 12.5 35.6 30.6 40.9C448.4 497.4 409.9 512 368 512H348.8c-59.6 0-116.9-22.9-160-64L76.4 341c-16-15.2-16.6-40.6-1.4-56.6s40.6-16.6 56.6-1.4l60.5 57.6c0-1.5-.1-3.1-.1-4.6V64c0-17.7 14.3-32 32-32s32 14.3 32 32V240c0 8.8 7.2 16 16 16s16-7.2 16-16V32c0-17.7 14.3-32 32-32zm-7.3 326.6c-1.1-3.9-4.7-6.6-8.7-6.6s-7.6 2.7-8.7 6.6L288 352l-25.4 7.3c-3.9 1.1-6.6 4.7-6.6 8.7s2.7 7.6 6.6 8.7L288 384l7.3 25.4c1.1 3.9 4.7 6.6 8.7 6.6s7.6-2.7 8.7-6.6L320 384l25.4-7.3c3.9-1.1 6.6-4.7 6.6-8.7s-2.7-7.6-6.6-8.7L320 352l-7.3-25.4zM104 120l48.3 13.8c4.6 1.3 7.7 5.5 7.7 10.2s-3.1 8.9-7.7 10.2L104 168 90.2 216.3c-1.3 4.6-5.5 7.7-10.2 7.7s-8.9-3.1-10.2-7.7L56 168 7.7 154.2C3.1 152.9 0 148.7 0 144s3.1-8.9 7.7-10.2L56 120 69.8 71.7C71.1 67.1 75.3 64 80 64s8.9 3.1 10.2 7.7L104 120zM584 408l48.3 13.8c4.6 1.3 7.7 5.5 7.7 10.2s-3.1 8.9-7.7 10.2L584 456l-13.8 48.3c-1.3 4.6-5.5 7.7-10.2 7.7s-8.9-3.1-10.2-7.7L536 456l-48.3-13.8c-4.6-1.3-7.7-5.5-7.7-10.2s3.1-8.9 7.7-10.2L536 408l13.8-48.3c1.3-4.6 5.5-7.7 10.2-7.7s8.9 3.1 10.2 7.7L584 408z"></path></svg> </a> <a href="#visuals" style="display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; border: 1px solid #ddd; border-right: none; margin-bottom: 15px; background: #f7f7f7;" title="Visualosities"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512" style="width: 1em; height: 1em;"><path fill="#333" d="M160 32c-35.3 0-64 28.7-64 64V320c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H160zM396 138.7l96 144c4.9 7.4 5.4 16.8 1.2 24.6S480.9 320 472 320H328 280 200c-9.2 0-17.6-5.3-21.6-13.6s-2.9-18.2 2.9-25.4l64-80c4.6-5.7 11.4-9 18.7-9s14.2 3.3 18.7 9l17.3 21.6 56-84C360.5 132 368 128 376 128s15.5 4 20 10.7zM192 128a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zM48 120c0-13.3-10.7-24-24-24S0 106.7 0 120V344c0 75.1 60.9 136 136 136H456c13.3 0 24-10.7 24-24s-10.7-24-24-24H136c-48.6 0-88-39.4-88-88V120z"></path></svg> </a> <a href="#soundtrack" style="display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; border: 1px solid #ddd; border-right: none; margin-bottom: 15px; background: #f7f7f7;" title="Soundtrack"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" style="width: 1em; height: 1em;"><path fill="#333" d="M256 80C149.9 80 62.4 159.4 49.6 262c9.4-3.8 19.6-6 30.4-6c26.5 0 48 21.5 48 48V432c0 26.5-21.5 48-48 48c-44.2 0-80-35.8-80-80V384 336 288C0 146.6 114.6 32 256 32s256 114.6 256 256v48 48 16c0 44.2-35.8 80-80 80c-26.5 0-48-21.5-48-48V304c0-26.5 21.5-48 48-48c10.8 0 21 2.1 30.4 6C449.6 159.4 362.1 80 256 80z"></path></svg> </a> <a href="#credits" style="display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; border: 1px solid #ddd; border-right: none; margin-bottom: 15px; background: #f7f7f7;" title="Credits"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" style="width: 1em; height: 1em;"><path fill="#333" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM199.4 312.6c31.2 31.2 81.9 31.2 113.1 0c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9c-50 50-131 50-181 0s-50-131 0-181s131-50 181 0c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0c-31.2-31.2-81.9-31.2-113.1 0s-31.2 81.9 0 113.1z"></path></svg> </a> </div> <div style="width: 450px; border: 1px solid #ddd; background: #f7f7f7; overflow: hidden;"> <a name="home" style="display: block; height: 0px;"></a> <div style="background: linear-gradient(90deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)), center/cover url(&#39;https://i.imgur.com/l8ndYTO.jpeg&#39;); width: 450px; height: 550px; display: flex; align-items: center; justify-content: center;text-align: center; color: #F8F4EC; font-weight: bold; letter-spacing: 5px; text-shadow: 1px 1px 0 #FF9BD2, 2px 2px 0 #D63484, 3px 3px 0 #402B3A; cursor: default;"> <div> <div style="font-size: 70px; font-family: Georgia, &#39;Times New Roman&#39;, Times, serif; font-style: italic;"> Seraphine </div> <div style="font-size: 15px; font-variant: small-caps;"> League of Legends </div> </div> </div> <a name="history" style="display: block; height: 0px;"></a> <div style="background: #f7f7f7; width: 450px; height: 550px; overflow-y: auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 20px; text-align: justify;"> <div style="font-size: 35px; font-family: Georgia, &#39;Times New Roman&#39;, Times, serif; font-style: italic; color: #402B3A; font-weight: bold; letter-spacing: 3px; text-shadow: 1px 1px 0 #D63484, 2px 2px 0 #FF9BD2, 3px 3px 0 #F8F4EC; cursor: default;"> history </div> <div style="width: 100%; margin: 10px auto; height: 2px; background: #402B3A; box-shadow: 1px 1px 0 #D63484, 2px 2px 0 #FF9BD2, 3px 3px 0 #F8F4EC;"></div> <div style="background: center/cover url(&#39;IMAGE_URL&#39;); border: 1px solid #ddd; width: 200px; height: 150px; float: right; margin: 5px 0 5px 5px;"></div> <p style="color: #333;">Lorem ipsum dolor sit amet</p> <div style="background: center/cover url(&#39;IMAGE_URL&#39;); border: 1px solid #ddd; width: 150px; height: 200px; float: left; margin: 5px 5px 5px 0;"></div> <p style="color: #333;">Lorem ipsum dolor sit amet</p> <div style="font-size: 25px; font-family: Georgia, &#39;Times New Roman&#39;, Times, serif; font-style: italic; color: #402B3A; font-weight: bold; letter-spacing: 1px; text-shadow: 1px 1px 0 #D63484, 2px 2px 0 #FF9BD2, 3px 3px 0 #F8F4EC; cursor: default;"> subheader </div> <p style="color: #333;">Lorem ipsum dolor sit amet</p> </div> <a name="personality" style="display: block; height: 0px;"></a> <div style="background: #f7f7f7; width: 450px; height: 550px; overflow-y: auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 20px; text-align: justify;"> <div style="font-size: 35px; font-family: Georgia, &#39;Times New Roman&#39;, Times, serif; font-style: italic; color: #402B3A; font-weight: bold; letter-spacing: 3px; text-shadow: 1px 1px 0 #D63484, 2px 2px 0 #FF9BD2, 3px 3px 0 #F8F4EC; cursor: default;"> personality </div> <div style="width: 100%; margin: 10px auto; height: 2px; background: #402B3A; box-shadow: 1px 1px 0 #D63484, 2px 2px 0 #FF9BD2, 3px 3px 0 #F8F4EC;"></div> <p style="color: #333;"><b>MBTI Personality:</b> Lorem ipsum dolor sit amet</p> <div style="width: 100%; margin-bottom: 15px; font-weight: bold; border-bottom: 1px solid #402B3A;"> <div style="width: 00%; height: 5px; background: #402B3A; box-shadow: 1px 1px 0 #D63484; color: #fff;"></div> <div style="float: right; font-variant: small-caps;">intuitive</div> </div> <div style="width: 100%; margin-bottom: 15px; font-weight: bold; border-bottom: 1px solid #402B3A;"> <div style="width: 00%; height: 5px; background: #402B3A; box-shadow: 1px 1px 0 #D63484; color: #fff;"></div> <div style="float: right; font-variant: small-caps;">observant</div> </div> <div style="width: 100%; margin-bottom: 15px; font-weight: bold; border-bottom: 1px solid #402B3A;"> <div style="width: 00%; height: 5px; background: #402B3A; box-shadow: 1px 1px 0 #D63484; color: #fff;"></div> <div style="float: right; font-variant: small-caps;">feeling</div> </div> <div style="width: 100%; margin-bottom: 15px; font-weight: bold; border-bottom: 1px solid #402B3A;"> <div style="width: 00%; height: 5px; background: #402B3A; box-shadow: 1px 1px 0 #D63484; color: #fff;"></div> <div style="float: right; font-variant: small-caps;">judging</div> </div> <div style="width: 100%; margin-bottom: 15px; font-weight: bold; border-bottom: 1px solid #402B3A;"> <div style="width: 00%; height: 5px; background: #402B3A; box-shadow: 1px 1px 0 #D63484; color: #fff;"></div> <div style="float: right; font-variant: small-caps;">assertive</div> </div> <p style="color: #333;">Lorem ipsum dolor sit amet</p> </div> <a name="appearance" style="display: block; height: 0px;"></a> <div style="background: #f7f7f7; width: 450px; height: 550px; overflow-y: auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 20px; text-align: justify;"> <div style="font-size: 35px; font-family: Georgia, &#39;Times New Roman&#39;, Times, serif; font-style: italic; color: #402B3A; font-weight: bold; letter-spacing: 3px; text-shadow: 1px 1px 0 #D63484, 2px 2px 0 #FF9BD2, 3px 3px 0 #F8F4EC; cursor: default;"> appearance </div> <div style="width: 100%; margin: 10px auto; height: 2px; background: #402B3A; box-shadow: 1px 1px 0 #D63484, 2px 2px 0 #FF9BD2, 3px 3px 0 #F8F4EC;"></div> <div style="background: center/cover url(&#39;IMAGE_URL&#39;); border: 1px solid #ddd; width: 150px; height: 200px; float: right; margin: 5px 0 5px 5px;"></div> <p style="color: #333;">Lorem ipsum dolor sit amet</p> <div style="border: 1px solid #ddd; width: 150px; float: left; margin: 5px 5px 5px 0; text-align: center; font-weight: bold; font-variant: small-caps; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 5px;"> eye color: blank <br /><br /> hair color: blank <br /><br /> height: blank <br /><br /> weight: blank </div> <p style="color: #333;">Lorem ipsum dolor sit amet</p> </div> <a name="relationships" style="display: block; height: 0px;"></a> <div style="background: #f7f7f7; width: 450px; height: 550px; overflow-y: auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 20px; text-align: justify;"> <div style="font-size: 35px; font-family: Georgia, &#39;Times New Roman&#39;, Times, serif; font-style: italic; color: #402B3A; font-weight: bold; letter-spacing: 3px; text-shadow: 1px 1px 0 #D63484, 2px 2px 0 #FF9BD2, 3px 3px 0 #F8F4EC; cursor: default;"> relationships </div> <div style="width: 100%; margin: 10px auto; height: 2px; background: #402B3A; box-shadow: 1px 1px 0 #D63484, 2px 2px 0 #FF9BD2, 3px 3px 0 #F8F4EC;"></div> <fieldset style="border: 1px solid #ddd; margin-bottom: 10px; padding: 0 10px;"> <legend style="font-weight: bold; font-variant: small-caps; letter-spacing: 1px;">tidus</legend> <div style="background: center/cover url(&#39;IMAGE_URL&#39;); border: 1px solid #ddd; width: 100px; height: 100px; float: left; margin: 5px 5px 5px 0;"></div> <p style="color: #333;">Lorem ipsum dolor sit amet</p> </fieldset> <fieldset style="border: 1px solid #ddd; margin-bottom: 10px; padding: 0 10px;"> <legend style="font-weight: bold; font-variant: small-caps; letter-spacing: 1px;">lulu</legend> <div style="background: center/cover url(&#39;IMAGE_URL&#39;); border: 1px solid #ddd; width: 100px; height: 100px; float: left; margin: 5px 5px 5px 0;"></div> <p style="color: #333;">Lorem ipsum dolor sit amet</p> </fieldset> </div> <a name="powers" style="display: block; height: 0px;"></a> <div style="background: #f7f7f7; width: 450px; height: 550px; overflow-y: auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 20px; text-align: justify;"> <div style="font-size: 35px; font-family: Georgia, &#39;Times New Roman&#39;, Times, serif; font-style: italic; color: #402B3A; font-weight: bold; letter-spacing: 3px; text-shadow: 1px 1px 0 #D63484, 2px 2px 0 #FF9BD2, 3px 3px 0 #F8F4EC; cursor: default;"> powers </div> <div style="width: 100%; margin: 10px auto; height: 2px; background: #402B3A; box-shadow: 1px 1px 0 #D63484, 2px 2px 0 #FF9BD2, 3px 3px 0 #F8F4EC;"></div> <fieldset style="border: 1px solid #ddd; margin-bottom: 10px; padding: 0 10px;"> <legend style="font-weight: bold; font-variant: small-caps; letter-spacing: 1px;">summoning</legend> <div style="background: center/cover url(&#39;IMAGE_URL&#39;); border: 1px solid #ddd; width: 100px; height: 100px; float: right; margin: 5px 0 5px 5px;"></div> <p style="color: #333;">Lorem ipsum dolor sit amet</p> </fieldset> <fieldset style="border: 1px solid #ddd; margin-bottom: 10px; padding: 0 10px;"> <legend style="font-weight: bold; font-variant: small-caps; letter-spacing: 1px;">healing</legend> <div style="background: center/cover url(&#39;IMAGE_URL&#39;); border: 1px solid #ddd; width: 100px; height: 100px; float: right; margin: 5px 0 5px 5px;"></div> <p style="color: #333;">Lorem ipsum dolor sit amet</p> </fieldset> </div> <a name="visuals" style="display: block; height: 0px;"></a> <div style="background: #f7f7f7; width: 450px; height: 550px; overflow-y: auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 20px; text-align: justify;"> <div style="font-size: 35px; font-family: Georgia, &#39;Times New Roman&#39;, Times, serif; font-style: italic; color: #402B3A; font-weight: bold; letter-spacing: 3px; text-shadow: 1px 1px 0 #D63484, 2px 2px 0 #FF9BD2, 3px 3px 0 #F8F4EC; cursor: default;"> visuals </div> <div style="width: 100%; margin: 10px auto; height: 2px; background: #402B3A; box-shadow: 1px 1px 0 #D63484, 2px 2px 0 #FF9BD2, 3px 3px 0 #F8F4EC;"></div> <div style="-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; width: 97%;"> <img src="IMAGE_URL" style="width: 100%; margin-bottom: 5px; border: 1px solid #ddd;"> <img src="IMAGE_URL" style="width: 100%; margin-bottom: 5px; border: 1px solid #ddd;"> <img src="IMAGE_URL" style="width: 100%; margin-bottom: 5px; border: 1px solid #ddd;"> </div> </div> <a name="soundtrack" style="display: block; height: 0px;"></a> <div style="background: #f7f7f7; width: 450px; height: 550px; overflow-y: auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 20px; text-align: justify;"> <div style="font-size: 35px; font-family: Georgia, &#39;Times New Roman&#39;, Times, serif; font-style: italic; color: #402B3A; font-weight: bold; letter-spacing: 3px; text-shadow: 1px 1px 0 #D63484, 2px 2px 0 #FF9BD2, 3px 3px 0 #F8F4EC; cursor: default;"> soundtrack </div> <div style="width: 100%; margin: 10px auto; height: 2px; background: #402B3A; box-shadow: 1px 1px 0 #D63484, 2px 2px 0 #FF9BD2, 3px 3px 0 #F8F4EC;"></div> <fieldset style="border: 1px solid #ddd; margin-bottom: 10px; padding: 0 10px;"> <legend style="font-weight: bold; font-variant: small-caps; letter-spacing: 1px;"> <a href="LINK_URL" style="color: #333;">song</a> - artist </legend> <div style="color: #333; text-align: center; font-style: italic;"> <br /> Lyric<br /><br /> Lyric<br /><br /> Lyric<br /><br /> Lyric<br /><br /> </div> </fieldset> <fieldset style="border: 1px solid #ddd; margin-bottom: 10px; padding: 0 10px;"> <legend style="font-weight: bold; font-variant: small-caps; letter-spacing: 1px;"> <a href="LINK_URL" style="color: #333;">song</a> - artist </legend> <div style="color: #333; text-align: center; font-style: italic;"> <br /> Lyric<br /><br /> Lyric<br /><br /> Lyric<br /><br /> Lyric<br /><br /> </div> </fieldset> </div> <a name="credits" style="display: block; height: 0px;"></a> <div style="background: #f7f7f7; width: 450px; height: 550px; overflow-y: auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 20px; text-align: justify;"> <div style="font-size: 35px; font-family: Georgia, &#39;Times New Roman&#39;, Times, serif; font-style: italic; color: #402B3A; font-weight: bold; letter-spacing: 3px; text-shadow: 1px 1px 0 #D63484, 2px 2px 0 #FF9BD2, 3px 3px 0 #F8F4EC; cursor: default;"> meta </div> <div style="width: 100%; margin: 10px auto; height: 2px; background: #402B3A; box-shadow: 1px 1px 0 #D63484, 2px 2px 0 #FF9BD2, 3px 3px 0 #F8F4EC;"></div> <div style="color: #333; font-weight: bold; font-size: 16px; font-family: Georgia, &#39;Times New Roman&#39;, Times, serif; font-style: italic;"> <div style="font-size: 28px; font-family: Georgia, &#39;Times New Roman&#39;, Times, serif; font-style: italic; color: #402B3A; font-weight: bold; letter-spacing: 1px; text-shadow: 1px 1px 0 #D63484, 2px 2px 0 #FF9BD2, 3px 3px 0 #F8F4EC; cursor: default;"> alias </div> <a href="URL" style="color: #333; text-decoration: none;">• plurk</a><br /> • discord<br /> • utc<br /><br /> • pb<br /> • image source [<a href="URL" style="color: #333; text-decoration: none;">x</a>] [<a href="URL" style="color: #333; text-decoration: none;">x</a>] [<a href="URL" style="color: #333; text-decoration: none;">x</a>] </div> </div> </div> </div> <div style="width: 500px; margin: 5px auto; font-size: 8px; font-family: monospace; font-weight: bold; letter-spacing: 2px; text-align: right;"> <a href="https://killthecake.dreamwidth.org/" style="color: #333; text-decoration: none;"> .CODE </a> </div><br /><br /><img src="https://www.dreamwidth.org/tools/commentcount?user=empatheticsong&ditemid=711" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/> comments tag:dreamwidth.org,2011-12-24:1247868:417 2024-06-11T02:17:28Z 2024-06-11T02:17:28Z public 0 Hi there!<br /><br />So, Seraphine here has Empathetic Sound Magic. What this means is that Seraphine can magically hear the thoughts and emotions of others through an intense form of empathy. Her hearing is so intense and acute that she initially had to use a dampening device to keep from hearing all of the discordant emotions of the place where she lived. Eventually, Seraphine began to embrace her magic and is now capable of hearing the thoughts, feelings and memories of individuals and entire crowds. Along with that, she can create her own music to influence others' emotions, most notably singing songs of unity and compassion.<br /><br />Obviously... that's a little too much for RP. So I'm going to mostly dial it back to impressions of emotions and the like. Because I don't think it's right to just... deep dive into people's heads all the time. Any actual thought reading will be done only on a case by case situation and with mun permission exclusively.<br /><br />But hey, on the bright side, this means you can pick a theme song to represent your character and I can make a fun playlist out of it for everyone? I think that'd be neat.<br /><br /><img src="https://www.dreamwidth.org/tools/commentcount?user=empatheticsong&ditemid=417" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/> comments