Heavenchi
✧"a wondering mind."✧
Evan Peters looks slightly similar to your OC.Not a good one :/ but I'll try again
Follow along with the video below to see how to install our site as a web app on your home screen.
Note: This feature currently requires accessing the site using the built-in Safari browser.
Evan Peters looks slightly similar to your OC.Not a good one :/ but I'll try again
[class=container] --bg-color: #000; --color-g-1: #84E4F2; --color-g-2: #AD85D0; --icon: url('https://i.pinimg.com/736x/45/11/45/4511453f8c004d63949059b26bd57d31.jpg'); --name-title: #fff; --txt: #fff; --img1: url('https://handthatfeeds.files.wordpress.com/2016/04/1461549297_1_1_2a4018c99f3f60c3ea9093bb66cf59e4.jpg?w=470'); --img2: url('https://i.pinimg.com/736x/dd/20/eb/dd20eb2292c0bad205263c883b0cc707--cv-people.jpg'); --gimg1: url('http://images.8tracks.com/cover/i/009/039/038/shouta-7548.jpg?rect=0,0,1176,1176&q=98&fm=jpg&fit=max'); --gimg2: url('https://78.media.tumblr.com/avatar_138ad5ed4087_512.png'); --gimg3: url('http://img1.ak.crunchyroll.com/i/spire3/88a61f5a8c5d9f79a1f7e8029a0765c11506562725_full.jpg'); --gimg4: url('http://www.generasia.com/w/images/thumb/2/2a/Aoi_Shouta_-_UNLIMITED_LE_A.jpg/250px-Aoi_Shouta_-_UNLIMITED_LE_A.jpg'); --gimg5: url('https://78.media.tumblr.com/f60f16052a041890d97680b2a6228e9c/tumblr_nrjefeJgXB1rmkef5o1_400.gif'); --gimg6: url('https://img.animatetimes.com/news/visual/2018/1526888152/1526890060060.jpg'); height: 400px; width: 550px; background-color: var(--bg-color); margin: auto; -webkit-filter: grayscale(100%); transition: 1s; overflow: hidden; [/class] [class name=container state=hover] -webkit-filter: grayscale(0%); transition: 1s; cursor: url('https://78.media.tumblr.com/tumblr_m2wj9k9UPt1qfamg6.png'), auto !important; [/class] [class=sidetitle] height: 50px; width: 400px; position: absolute; margin-left: 10px; margin-top: 400px; transform: rotate(-90deg); transform-origin: 0% 0%; [/class] [class=title] text-align: center; font-family: 'Muli' , sans-serif; font-size: 40px; font-weight: bold; letter-spacing: 8px; text-transform: uppercase; background: -webkit-linear-gradient(0deg, var(--color-g-1), var(--color-g-2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: 1s; [/class] [class=icon] height: 110px; width: 110px; border-radius: 50%; position: absolute; margin-left: 100px; margin-top: 40px; background-image: var(--icon); background-size: cover; background-position: center center; border: 3px solid var(--color-g-1); transition: 0.5s; [/class] [class name=icon state=hover] border: 3px solid var(--color-g-2); transition: 0.5s; [/class] [class=nametitle] height: 24px; background-color: transparent; position: absolute; margin-left: 120px; margin-top: 170px; border-bottom: 1px solid var(--color-g-1); [/class] [class=nametxt] font-family: 'Ubuntu' , sans-serif; font-size: 14px; text-align: center; letter-spacing: 2px; font-weight: normal; text-transform: uppercase; color: var(--name-title); [/class] [class=quote] width: 180px; position: absolute; margin-left: 67px; margin-top: 205px; background-color: transparent; [/class] [class=quotetxt] font-family: 'Muli' , sans-serif; font-size: 11.5px; text-align: center; letter-spacing: 1.2px; font-weight: normal; color: var(--txt); transition: 0.8s; [/class] [class name=quotetxt state=hover] color: var(--color-g-2); transition: 0.8s; [/class] [class=linkbox1] height: 17px; width: 60px; background-color: transparent; position: absolute; margin-top: 270px; margin-left: 90px; border: 1px solid var(--color-g-1); z-index: 1; opacity: 0.9; [/class] [class=linkbox1bg] height: 18px; width: 00px; background-color: var(--color-g-2); position: absolute; margin-top: 271px; margin-left: 91px; z-index: -1; transition: 0.7s; opacity: 0.8; [/class] [class=linkbox2] height: 17px; width: 60px; background-color: transparent; position: absolute; margin-top: 270px; margin-left: 160px; border: 1px solid var(--color-g-1); z-index: 1; opacity: 0.9; [/class] [class=linkbox2bg] height: 18px; width: 00px; background-color: var(--color-g-2); position: absolute; margin-top: 271px; margin-left: 161px; z-index: -1; transition: 0.7s; opacity: 0.8; [/class] [class=linkbox3] height: 17px; width: 60px; background-color: transparent; position: absolute; margin-top: 297px; margin-left: 90px; border: 1px solid var(--color-g-1); z-index: 1; opacity: 0.9; [/class] [class=linkbox3bg] height: 18px; width: 00px; background-color: var(--color-g-2); position: absolute; margin-top: 298px; margin-left: 91px; z-index: -1; transition: 0.7s; opacity: 0.8; [/class] [class=linkbox4] height: 17px; width: 60px; background-color: transparent; position: absolute; margin-top: 297px; margin-left: 160px; border: 1px solid var(--color-g-1); z-index: 1; opacity: 0.9; [/class] [class=linkbox4bg] height: 18px; width: 00px; background-color: var(--color-g-2); position: absolute; margin-top: 298px; margin-left: 161px; z-index: -1; transition: 0.7s; opacity: 0.8; [/class] [class=linkanim] width: 61px; transition: 0.7s; [/class] [class=linktxt] font-family: 'Muli' , sans-serif; font-size: 10px; text-align: center; letter-spacing: 1.2px; padding-top: -1px; font-weight: normal; color: var(--txt); [/class] [class=heart] font-family: 'Muli' , sans-serif; font-size: 13px; text-align: center; letter-spacing: 1.2px; color: var(--color-g-2); text-decoration: none; position: absolute; margin-top: 350px; margin-left: 150px; opacity: 0.8; [/class] [class=page1] height: 400px; width: 290px; background-color: transparent; position: absolute; margin-left: 260px; overflow-y: scroll; opacity: 0; transition: 0.4s; z-index: -10; [/class] [class=page2] height: 400px; width: 290px; background-color: transparent; position: absolute; margin-left: 260px; overflow: hidden; opacity: 0; transition: 0.4s; z-index: -10; [/class] [class=page3] height: 400px; width: 290px; background-color: transparent; position: absolute; margin-left: 260px; overflow: hidden; opacity: 0; transition: 0.4s; z-index: -10; [/class] [class=page4] height: 400px; width: 290px; background-color: transparent; position: absolute; margin-left: 260px; overflow: hidden; opacity: 0; transition: 0.4s; z-index: -10; [/class] [class=txt] font-family: 'Muli' , sans-serif; font-size: 11px; text-align: justify; letter-spacing: 1.1px; color: var(--txt); [/class] [class=show] z-index: 1; opacity: 1; transition: 0.4s 0.2s; [/class] [class=h1] height: 40px; width: 270px; border-bottom: 2px solid var(--color-g-2); position: absolute; margin-top: 10px; margin-left: 10px; [/class] [class=h1txt] font-family: 'Muli' , sans-serif; font-size: 24px; color: var(--txt); opacity: 0.95; text-align: right; text-transform: uppercase; letter-spacing: 2px; [/class] [class=outer] height: 400px; width: 290px; overflow-y: scroll; position: absolute; padding-right: 30px; background-color: transparent; z-index: 1; [/class] [class=imgpost] height: 270px; width: 230px; margin-left: 25px; background-color: transparent; position: relative [/class] [class=img1] border: 2px solid var(--color-g-1); background-image: var(--img1); background-size: cover; background-position: center center; transition: 0.5s; [/class] [class name=img1 state=hover] border: 2px solid var(--color-g-2); transition: 0.5s; [/class] [class=img2] border: 2px solid var(--color-g-1); background-image: var(--img2); background-size: cover; background-position: center center; transition: 0.5s; [/class] [class name=img2 state=hover] border: 2px solid var(--color-g-2); transition: 0.5s; [/class] [class=caption] width: 230px; border-bottom: 1px solid var(--color-g-2); position: relative; margin-top: 5px; margin-left: 25px; text-align: right; padding-bottom: 5px; font-family: 'Muli' , sans-serif; font-size: 10px; color: var(--txt); transition: 0.5s; [/class] [class name=caption state=hover] color: var(--color-g-2); transition: 0.5s; [/class] [class=blankspace] margin-bottom: 40px; [/class] [class=textbox] width: 270px; background-color: transparent; margin-top: 10px; margin-left: 10px; position: relative; opacity: 0.9; z-index: 1; [/class] [class=h2] display: inline; font-size: 13px; line-height: 25px; border-bottom: solid 1px var(--color-g-2); [/class] [class=listtxt] margin-top: 5px; margin-left: 5px; font-size: 11px; [/class] [class=bulletpoint] display: inline; color: var(--color-g-1); font-size: 12px; [/class] [class=h3] display: inline; line-height: 18px; padding-bottom: 2px; text-transform: uppercase; color: var(--color-g-1); [/class] [class=txtouter] height: 340px; width: 270px; margin-top: 55px; overflow-y: scroll; position: absolute; padding-right: 40px; background-color: transparent; z-index: 1; [/class] [class=galleryimg] height: 110px; width: 110px; background-color: transparent; margin-left: 18px; margin-top: 25px; -webkit-filter: grayscale(10%); [/class] [class=gimg1] border: 2px solid var(--color-g-1); background-image: var(--gimg1); background-size: cover; background-position: center center; transition: 0.5s; [/class] [class name=gimg1 state=hover] border: 2px solid var(--color-g-2); transition: 0.5s; [/class] [class=gimg2] border: 2px solid var(--color-g-1); background-image: var(--gimg2); background-size: cover; background-position: center center; transition: 0.5s; [/class] [class name=gimg2 state=hover] border: 2px solid var(--color-g-2); transition: 0.5s; [/class] [class=gimg3] border: 2px solid var(--color-g-1); background-image: var(--gimg3); background-size: cover; background-position: center center; transition: 0.5s; [/class] [class name=gimg3 state=hover] border: 2px solid var(--color-g-2); transition: 0.5s; [/class] [class=gimg4] border: 2px solid var(--color-g-1); background-image: var(--gimg4); background-size: cover; background-position: center center; transition: 0.5s; [/class] [class name=gimg4 state=hover] border: 2px solid var(--color-g-2); transition: 0.5s; [/class] [class=gimg5] border: 2px solid var(--color-g-1); background-image: var(--gimg5); background-size: cover; background-position: center center; transition: 0.5s; [/class] [class name=gimg5 state=hover] border: 2px solid var(--color-g-2); transition: 0.5s; [/class] [class=gimg6] border: 2px solid var(--color-g-1); background-image: var(--gimg6); background-size: cover; background-position: center center; transition: 0.5s; [/class] [class name=gimg6 state=hover] border: 2px solid var(--color-g-2); transition: 0.5s; [/class] [script class=linkbox1 on=mouseenter] addClass linkanim linkbox1bg [/script] [script class=linkbox1 on=mouseleave] removeClass linkanim linkbox1bg [/script] [script class=linkbox2 on=mouseenter] addClass linkanim linkbox2bg [/script] [script class=linkbox2 on=mouseleave] removeClass linkanim linkbox2bg [/script] [script class=linkbox3 on=mouseenter] addClass linkanim linkbox3bg [/script] [script class=linkbox3 on=mouseleave] removeClass linkanim linkbox3bg [/script] [script class=linkbox4 on=mouseenter] addClass linkanim linkbox4bg [/script] [script class=linkbox4 on=mouseleave] removeClass linkanim linkbox4bg [/script] [script class=page1 on=init] addClass show [/script] [script class=linkbox1 on=click] addClass show page1 removeClass show page2 removeClass show page3 removeClass show page4 [/script] [script class=linkbox2 on=click] addClass show page2 removeClass show page1 removeClass show page3 removeClass show page4 [/script] [script class=linkbox3 on=click] addClass show page3 removeClass show page1 removeClass show page2 removeClass show page4 [/script] [script class=linkbox4 on=click] addClass show page4 removeClass show page1 removeClass show page2 removeClass show page3 [/script] [div style="display: none;"]..[/div] [div class=container] [div class="sidetitle title"]森 歩夢[/div] [div class=icon][/div] [div class="nametitle nametxt"]ayumu mori[/div] [div class="quote quotetxt"]森の夢に歩いてた,
« 外人 »[/div] [div class="linkbox1 linktxt"]home[/div][div class=linkbox1bg][/div] [div class="linkbox2 linktxt"]persona[/div][div class=linkbox2bg][/div] [div class="linkbox3 linktxt"]history[/div][div class=linkbox3bg][/div] [div class="linkbox4 linktxt"]gallery[/div][div class=linkbox4bg][/div] [div class=heart][div style="display: inline; color: var(--color-g-2);"][/div][/div] [div class="page1 txt"] [div class=outer] [div class="imgpost img1" style="margin-top: 40px;"][/div] [div class=caption]cast;
shouta aoi[/div] [div class="imgpost img2" style="margin-top: 130px;"][/div] [div class=caption]note;
images do not include attire, for the most part[/div] [div class=blankspace][/div] [/div] [/div] [div class="page2 txt"] [div class="h1 h1txt"]persona[/div] [div class=txtouter] [div class="textbox txt" style="margin-top: 0px;"]A young, bisexual (he believes he is more into boys than girls though in part due to his past), normal human boy of 20, Ayumu is a rather awkward person on the outside; however, he is also quite particularly expressive when done in a more artful fashion, such as painting or singing. Normally, he is unable to be honest with people around him and himself, for that matter. (Ayumu tends to keep his true feelings locked. Therefore, he may be kind, but whether it reflects his true feelings is questionable.) Ayumu is clumsy and clueless when it comes to romance, so in that sense, he could be considered "innocent" or a "cinnamon roll". He can be a little comparable to a cat: Ayumu does what he wants, especially with the arts, and he secretly likes it when someone praises him, usually becoming quite modest then.[/div] [div class="textbox txt"][/div] [div class=textbox][div class=h2]other[/div][div class=h2]likes[/div][div class=listtxt][div class=bulletpoint]›[/div] the arts
[div class=bulletpoint]›[/div] sharing cultural tidbits
[div class=bulletpoint]›[/div] tea. . .no sugar [/div][div class=h2]dislikes[/div][div class=listtxt][div class=bulletpoint]›[/div] chocolate
[div class=bulletpoint]›[/div] nitpicky people
[div class=bulletpoint]›[/div] the English language [/div]
[div class=h3]he is bad luck with cooking[/div] His extremely high spice tolerance becomes of little wonder when one counts how many times the cap to the spice bottle fell when he cooked.
[div class=h3]still learning english[/div] English is Ayumu's second language, so he's not at a native speaker's level. He can hold a conversation if it's not too complicated or full of jargon though. He complains about how difficult English is, but still tries his best to learn anyway.
[div class=h3]he is 5' 5'' / 165 cm[/div] He weighs 129 lbs / 58 kg.[/div] [/div] [/div] [div class="page3 txt"] [div class="h1 h1txt"]history[/div] [div class=txtouter] [div class="textbox txt" style="margin-top: 0px;"]Born in a small village in Japan, Ayumu was born with an older sister. His parents were somehow desperate though because they were very poor. As a result, they ended up selling Ayumu to the theatre as a 10 year contract when he was 8. At the time, his sister was 12. He worked at the theatre as an onnagata (a young male playing female roles) kabuki actor and a prostitute, where he seemed to receive more male clients. This is mostly why he is closed off; he couldn’t let personal feelings get in the way of his work.
Life in the kabuki theatre wasn’t completely bad though. He made a few friends that helped him through the stress of being in the kabuki stage industry. When Ayumu turned 18, when his 10 year contract was completed, he was released. The general experience still had him traumatized though, having to do countless erotica acting for kabuki and being a prostitute, never getting off easily if he made a single mistake.
After his contract was done, he decided to pursue the arts, like painting, a much more mild kind of hobby he could pick up without worrying about punishment. He continued honing his skill while being somewhat of a wanderer. Eventually, he decided to go overseas, where he struggled with the language barrier, though it has gotten better as he stayed for 2 years. Although he feels like he has a new start and “story” overseas and in a different place than Japan, he also still feels kind of chained to and haunted by his past.[/div] [/div] [/div] [div class="page4 txt"] [div class="h1 h1txt"]gallery[/div] [div class=txtouter][div class="galleryimg gimg1"][/div] [div class="galleryimg gimg3"][/div] [div class="galleryimg gimg5"][/div][div class="galleryimg gimg2"][/div] [div class="galleryimg gimg4"][/div] [div class="galleryimg gimg6"][/div]
[/div] [/div] [/div]
ElectricDandellion ~ is this good enough. . .?
[class=container] --bg-color: #000; --color-g-1: #84E4F2; --color-g-2: #AD85D0; --icon: url('https://i.pinimg.com/736x/45/11/45/4511453f8c004d63949059b26bd57d31.jpg'); --name-title: #fff; --txt: #fff; --img1: url('https://handthatfeeds.files.wordpress.com/2016/04/1461549297_1_1_2a4018c99f3f60c3ea9093bb66cf59e4.jpg?w=470'); --img2: url('https://i.pinimg.com/736x/dd/20/eb/dd20eb2292c0bad205263c883b0cc707--cv-people.jpg'); --gimg1: url('http://images.8tracks.com/cover/i/009/039/038/shouta-7548.jpg?rect=0,0,1176,1176&q=98&fm=jpg&fit=max'); --gimg2: url('https://78.media.tumblr.com/avatar_138ad5ed4087_512.png'); --gimg3: url('http://img1.ak.crunchyroll.com/i/spire3/88a61f5a8c5d9f79a1f7e8029a0765c11506562725_full.jpg'); --gimg4: url('http://www.generasia.com/w/images/thumb/2/2a/Aoi_Shouta_-_UNLIMITED_LE_A.jpg/250px-Aoi_Shouta_-_UNLIMITED_LE_A.jpg'); --gimg5: url('https://78.media.tumblr.com/f60f16052a041890d97680b2a6228e9c/tumblr_nrjefeJgXB1rmkef5o1_400.gif'); --gimg6: url('https://img.animatetimes.com/news/visual/2018/1526888152/1526890060060.jpg'); height: 400px; width: 550px; background-color: var(--bg-color); margin: auto; -webkit-filter: grayscale(100%); transition: 1s; overflow: hidden; [/class] [class name=container state=hover] -webkit-filter: grayscale(0%); transition: 1s; cursor: url('https://78.media.tumblr.com/tumblr_m2wj9k9UPt1qfamg6.png'), auto !important; [/class] [class=sidetitle] height: 50px; width: 400px; position: absolute; margin-left: 10px; margin-top: 400px; transform: rotate(-90deg); transform-origin: 0% 0%; [/class] [class=title] text-align: center; font-family: 'Muli' , sans-serif; font-size: 40px; font-weight: bold; letter-spacing: 8px; text-transform: uppercase; background: -webkit-linear-gradient(0deg, var(--color-g-1), var(--color-g-2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: 1s; [/class] [class=icon] height: 110px; width: 110px; border-radius: 50%; position: absolute; margin-left: 100px; margin-top: 40px; background-image: var(--icon); background-size: cover; background-position: center center; border: 3px solid var(--color-g-1); transition: 0.5s; [/class] [class name=icon state=hover] border: 3px solid var(--color-g-2); transition: 0.5s; [/class] [class=nametitle] height: 24px; background-color: transparent; position: absolute; margin-left: 120px; margin-top: 170px; border-bottom: 1px solid var(--color-g-1); [/class] [class=nametxt] font-family: 'Ubuntu' , sans-serif; font-size: 14px; text-align: center; letter-spacing: 2px; font-weight: normal; text-transform: uppercase; color: var(--name-title); [/class] [class=quote] width: 180px; position: absolute; margin-left: 67px; margin-top: 205px; background-color: transparent; [/class] [class=quotetxt] font-family: 'Muli' , sans-serif; font-size: 11.5px; text-align: center; letter-spacing: 1.2px; font-weight: normal; color: var(--txt); transition: 0.8s; [/class] [class name=quotetxt state=hover] color: var(--color-g-2); transition: 0.8s; [/class] [class=linkbox1] height: 17px; width: 60px; background-color: transparent; position: absolute; margin-top: 270px; margin-left: 90px; border: 1px solid var(--color-g-1); z-index: 1; opacity: 0.9; [/class] [class=linkbox1bg] height: 18px; width: 00px; background-color: var(--color-g-2); position: absolute; margin-top: 271px; margin-left: 91px; z-index: -1; transition: 0.7s; opacity: 0.8; [/class] [class=linkbox2] height: 17px; width: 60px; background-color: transparent; position: absolute; margin-top: 270px; margin-left: 160px; border: 1px solid var(--color-g-1); z-index: 1; opacity: 0.9; [/class] [class=linkbox2bg] height: 18px; width: 00px; background-color: var(--color-g-2); position: absolute; margin-top: 271px; margin-left: 161px; z-index: -1; transition: 0.7s; opacity: 0.8; [/class] [class=linkbox3] height: 17px; width: 60px; background-color: transparent; position: absolute; margin-top: 297px; margin-left: 90px; border: 1px solid var(--color-g-1); z-index: 1; opacity: 0.9; [/class] [class=linkbox3bg] height: 18px; width: 00px; background-color: var(--color-g-2); position: absolute; margin-top: 298px; margin-left: 91px; z-index: -1; transition: 0.7s; opacity: 0.8; [/class] [class=linkbox4] height: 17px; width: 60px; background-color: transparent; position: absolute; margin-top: 297px; margin-left: 160px; border: 1px solid var(--color-g-1); z-index: 1; opacity: 0.9; [/class] [class=linkbox4bg] height: 18px; width: 00px; background-color: var(--color-g-2); position: absolute; margin-top: 298px; margin-left: 161px; z-index: -1; transition: 0.7s; opacity: 0.8; [/class] [class=linkanim] width: 61px; transition: 0.7s; [/class] [class=linktxt] font-family: 'Muli' , sans-serif; font-size: 10px; text-align: center; letter-spacing: 1.2px; padding-top: -1px; font-weight: normal; color: var(--txt); [/class] [class=heart] font-family: 'Muli' , sans-serif; font-size: 13px; text-align: center; letter-spacing: 1.2px; color: var(--color-g-2); text-decoration: none; position: absolute; margin-top: 350px; margin-left: 150px; opacity: 0.8; [/class] [class=page1] height: 400px; width: 290px; background-color: transparent; position: absolute; margin-left: 260px; overflow-y: scroll; opacity: 0; transition: 0.4s; z-index: -10; [/class] [class=page2] height: 400px; width: 290px; background-color: transparent; position: absolute; margin-left: 260px; overflow: hidden; opacity: 0; transition: 0.4s; z-index: -10; [/class] [class=page3] height: 400px; width: 290px; background-color: transparent; position: absolute; margin-left: 260px; overflow: hidden; opacity: 0; transition: 0.4s; z-index: -10; [/class] [class=page4] height: 400px; width: 290px; background-color: transparent; position: absolute; margin-left: 260px; overflow: hidden; opacity: 0; transition: 0.4s; z-index: -10; [/class] [class=txt] font-family: 'Muli' , sans-serif; font-size: 11px; text-align: justify; letter-spacing: 1.1px; color: var(--txt); [/class] [class=show] z-index: 1; opacity: 1; transition: 0.4s 0.2s; [/class] [class=h1] height: 40px; width: 270px; border-bottom: 2px solid var(--color-g-2); position: absolute; margin-top: 10px; margin-left: 10px; [/class] [class=h1txt] font-family: 'Muli' , sans-serif; font-size: 24px; color: var(--txt); opacity: 0.95; text-align: right; text-transform: uppercase; letter-spacing: 2px; [/class] [class=outer] height: 400px; width: 290px; overflow-y: scroll; position: absolute; padding-right: 30px; background-color: transparent; z-index: 1; [/class] [class=imgpost] height: 270px; width: 230px; margin-left: 25px; background-color: transparent; position: relative [/class] [class=img1] border: 2px solid var(--color-g-1); background-image: var(--img1); background-size: cover; background-position: center center; transition: 0.5s; [/class] [class name=img1 state=hover] border: 2px solid var(--color-g-2); transition: 0.5s; [/class] [class=img2] border: 2px solid var(--color-g-1); background-image: var(--img2); background-size: cover; background-position: center center; transition: 0.5s; [/class] [class name=img2 state=hover] border: 2px solid var(--color-g-2); transition: 0.5s; [/class] [class=caption] width: 230px; border-bottom: 1px solid var(--color-g-2); position: relative; margin-top: 5px; margin-left: 25px; text-align: right; padding-bottom: 5px; font-family: 'Muli' , sans-serif; font-size: 10px; color: var(--txt); transition: 0.5s; [/class] [class name=caption state=hover] color: var(--color-g-2); transition: 0.5s; [/class] [class=blankspace] margin-bottom: 40px; [/class] [class=textbox] width: 270px; background-color: transparent; margin-top: 10px; margin-left: 10px; position: relative; opacity: 0.9; z-index: 1; [/class] [class=h2] display: inline; font-size: 13px; line-height: 25px; border-bottom: solid 1px var(--color-g-2); [/class] [class=listtxt] margin-top: 5px; margin-left: 5px; font-size: 11px; [/class] [class=bulletpoint] display: inline; color: var(--color-g-1); font-size: 12px; [/class] [class=h3] display: inline; line-height: 18px; padding-bottom: 2px; text-transform: uppercase; color: var(--color-g-1); [/class] [class=txtouter] height: 340px; width: 270px; margin-top: 55px; overflow-y: scroll; position: absolute; padding-right: 40px; background-color: transparent; z-index: 1; [/class] [class=galleryimg] height: 110px; width: 110px; background-color: transparent; margin-left: 18px; margin-top: 25px; -webkit-filter: grayscale(10%); [/class] [class=gimg1] border: 2px solid var(--color-g-1); background-image: var(--gimg1); background-size: cover; background-position: center center; transition: 0.5s; [/class] [class name=gimg1 state=hover] border: 2px solid var(--color-g-2); transition: 0.5s; [/class] [class=gimg2] border: 2px solid var(--color-g-1); background-image: var(--gimg2); background-size: cover; background-position: center center; transition: 0.5s; [/class] [class name=gimg2 state=hover] border: 2px solid var(--color-g-2); transition: 0.5s; [/class] [class=gimg3] border: 2px solid var(--color-g-1); background-image: var(--gimg3); background-size: cover; background-position: center center; transition: 0.5s; [/class] [class name=gimg3 state=hover] border: 2px solid var(--color-g-2); transition: 0.5s; [/class] [class=gimg4] border: 2px solid var(--color-g-1); background-image: var(--gimg4); background-size: cover; background-position: center center; transition: 0.5s; [/class] [class name=gimg4 state=hover] border: 2px solid var(--color-g-2); transition: 0.5s; [/class] [class=gimg5] border: 2px solid var(--color-g-1); background-image: var(--gimg5); background-size: cover; background-position: center center; transition: 0.5s; [/class] [class name=gimg5 state=hover] border: 2px solid var(--color-g-2); transition: 0.5s; [/class] [class=gimg6] border: 2px solid var(--color-g-1); background-image: var(--gimg6); background-size: cover; background-position: center center; transition: 0.5s; [/class] [class name=gimg6 state=hover] border: 2px solid var(--color-g-2); transition: 0.5s; [/class] [script class=linkbox1 on=mouseenter] addClass linkanim linkbox1bg [/script] [script class=linkbox1 on=mouseleave] removeClass linkanim linkbox1bg [/script] [script class=linkbox2 on=mouseenter] addClass linkanim linkbox2bg [/script] [script class=linkbox2 on=mouseleave] removeClass linkanim linkbox2bg [/script] [script class=linkbox3 on=mouseenter] addClass linkanim linkbox3bg [/script] [script class=linkbox3 on=mouseleave] removeClass linkanim linkbox3bg [/script] [script class=linkbox4 on=mouseenter] addClass linkanim linkbox4bg [/script] [script class=linkbox4 on=mouseleave] removeClass linkanim linkbox4bg [/script] [script class=page1 on=init] addClass show [/script] [script class=linkbox1 on=click] addClass show page1 removeClass show page2 removeClass show page3 removeClass show page4 [/script] [script class=linkbox2 on=click] addClass show page2 removeClass show page1 removeClass show page3 removeClass show page4 [/script] [script class=linkbox3 on=click] addClass show page3 removeClass show page1 removeClass show page2 removeClass show page4 [/script] [script class=linkbox4 on=click] addClass show page4 removeClass show page1 removeClass show page2 removeClass show page3 [/script] [div style="display: none;"]..[/div] [div class=container] [div class="sidetitle title"]森 歩夢[/div] [div class=icon][/div] [div class="nametitle nametxt"]ayumu mori[/div] [div class="quote quotetxt"]森の夢に歩いてた,
« 外人 »[/div] [div class="linkbox1 linktxt"]home[/div][div class=linkbox1bg][/div] [div class="linkbox2 linktxt"]persona[/div][div class=linkbox2bg][/div] [div class="linkbox3 linktxt"]history[/div][div class=linkbox3bg][/div] [div class="linkbox4 linktxt"]gallery[/div][div class=linkbox4bg][/div] [div class=heart][div style="display: inline; color: var(--color-g-2);"][/div][/div] [div class="page1 txt"] [div class=outer] [div class="imgpost img1" style="margin-top: 40px;"][/div] [div class=caption]cast;
shouta aoi[/div] [div class="imgpost img2" style="margin-top: 130px;"][/div] [div class=caption]note;
images do not include attire, for the most part[/div] [div class=blankspace][/div] [/div] [/div] [div class="page2 txt"] [div class="h1 h1txt"]persona[/div] [div class=txtouter] [div class="textbox txt" style="margin-top: 0px;"]A young, bisexual (he believes he is more into boys than girls though in part due to his past), normal human boy of 20, Ayumu is a rather awkward person on the outside; however, he is also quite particularly expressive when done in a more artful fashion, such as painting or singing. Normally, he is unable to be honest with people around him and himself, for that matter. (Ayumu tends to keep his true feelings locked. Therefore, he may be kind, but whether it reflects his true feelings is questionable.) Ayumu is clumsy and clueless when it comes to romance, so in that sense, he could be considered "innocent" or a "cinnamon roll". He can be a little comparable to a cat: Ayumu does what he wants, especially with the arts, and he secretly likes it when someone praises him, usually becoming quite modest then.[/div] [div class="textbox txt"][/div] [div class=textbox][div class=h2]other[/div][div class=h2]likes[/div][div class=listtxt][div class=bulletpoint]›[/div] the arts
[div class=bulletpoint]›[/div] sharing cultural tidbits
[div class=bulletpoint]›[/div] tea. . .no sugar [/div][div class=h2]dislikes[/div][div class=listtxt][div class=bulletpoint]›[/div] chocolate
[div class=bulletpoint]›[/div] nitpicky people
[div class=bulletpoint]›[/div] the English language [/div]
[div class=h3]he is bad luck with cooking[/div] His extremely high spice tolerance becomes of little wonder when one counts how many times the cap to the spice bottle fell when he cooked.
[div class=h3]still learning english[/div] English is Ayumu's second language, so he's not at a native speaker's level. He can hold a conversation if it's not too complicated or full of jargon though. He complains about how difficult English is, but still tries his best to learn anyway.
[div class=h3]he is 5' 5'' / 165 cm[/div] He weighs 129 lbs / 58 kg.[/div] [/div] [/div] [div class="page3 txt"] [div class="h1 h1txt"]history[/div] [div class=txtouter] [div class="textbox txt" style="margin-top: 0px;"]Born in a small village in Japan, Ayumu was born with an older sister. His parents were somehow desperate though because they were very poor. As a result, they ended up selling Ayumu to the theatre as a 10 year contract when he was 8. At the time, his sister was 12. He worked at the theatre as an onnagata (a young male playing female roles) kabuki actor and a prostitute, where he seemed to receive more male clients. This is mostly why he is closed off; he couldn’t let personal feelings get in the way of his work.
Life in the kabuki theatre wasn’t completely bad though. He made a few friends that helped him through the stress of being in the kabuki stage industry. When Ayumu turned 18, when his 10 year contract was completed, he was released. The general experience still had him traumatized though, having to do countless erotica acting for kabuki and being a prostitute, never getting off easily if he made a single mistake.
After his contract was done, he decided to pursue the arts, like painting, a much more mild kind of hobby he could pick up without worrying about punishment. He continued honing his skill while being somewhat of a wanderer. Eventually, he decided to go overseas, where he struggled with the language barrier, though it has gotten better as he stayed for 2 years. Although he feels like he has a new start and “story” overseas and in a different place than Japan, he also still feels kind of chained to and haunted by his past.[/div] [/div] [/div] [div class="page4 txt"] [div class="h1 h1txt"]gallery[/div] [div class=txtouter][div class="galleryimg gimg1"][/div] [div class="galleryimg gimg3"][/div] [div class="galleryimg gimg5"][/div][div class="galleryimg gimg2"][/div] [div class="galleryimg gimg4"][/div] [div class="galleryimg gimg6"][/div]
[/div] [/div] [/div]
ElectricDandellion ~ is this good enough. . .?
Name
Marvel Crimson Black
Age
975 years of age, appears to be in her mid twenties 25
Sexuality
Bisexual
Species
Vampire
Royalty
Normal, Entertainer; Pianist.
Appearance
Height
6'2
Weight
63kg
Personality
Though she says little, her body language says plenty. Marvel's smile, posture, and relaxed appearance screams approachable. Not one for drama, Marvel isn't the type to go on the offense, she prefers to ignore petty jabs and remarks. Though she'll let a backhanded complement slip once or twice towards those she dislikes. When she's in a dress you'd think she was noble born, when it's exactly the opposite. Born in the "slums" Marvel learned humility, to take pleasure in the little things. Always seen with a smile and nothing more, it's safe to say she's quite indifferent to a bit of things. Especially issues concerning humans. When around other vampires she appears to zone out, mindlessly nodding, emitting a distant atmosphere less they spark her attention. When interested in someone she shows her charisma in full force, sometimes coming off flirtatious. In short Marvel is a level-headed, free-spirited vampire who isn't easily tamed.
History
Likes
Type O Blood, Playing with her Hair, Pianos, Submissive Humans
Dislikes
Humans, Dramatic People, Type A Blood, Dogs, Torture
View attachment 466102
Name
Emer
Age
At the very least a few hundred thousand, though she looks to be in her late teens or early adulthood.
Sexuality
No particular preference (so probably pan)
Species
Vampire
Royalty
Questionable. She sells cool stuff though.
Appearance
Emer is (like most vampires) fair-skinned, though more than often she’s sunburnt. Her eyes are blue. She keeps her curly red hair in a long, thick braid. Emer dresses herself in what’s comfortable, so more than often she’s mistaken for a human because she doesn’t like wearing the stiff dresses of the current era. Emer’s also often mistaken for a child because of a combination of her short height and her flatness.
Personality
Emer is a free spirit who lives mostly in the interest of her own amusement. She’s chill and liked to just do what she pleases, often completely disregarding rules or consequences or other people. She comes across as childish, really. Rarely does she act serious, and when she says something wise, it comes as a surprise. While, in her opinion, most people are the same and therefore kind of boring, she still likes to mess with their affairs and does enjoy teaching them about the many things she’s learned (she knows everything). Her morals seem questionable, but really at heart she’s a good person who will gladly help people if they come to her. No matter how much she hates it, she’ll come to care for you at some point.
History
Emer remembers the days when she lived in a village. She remembers being chased by “vampire hunters” or sometimes blending in with these fools. She remembers caring too much about mortals and feeling the devastation of losing them. She remembers the anger of seeing her whole family dead, yet the uncomfortable relief of seeing some of them that way. She remembers a lot of shit. Though, it’s been so long ago, and time keeps going on. Emer will never forget, but she’ll let go of the anger and upset.
Likes
messing with people
F O O D
freedom
nature
small children
felines
Dislikes
those who insult the few she cares for
dealing with idiots
unnessecary violence
politics
drama (unless she’s watching from the outside)
Things on this CS are subject to change