Fandom 𝒶𝓂𝒶𝓂𝒶𝓉𝓈𝓊 𝓈𝑜𝓊𝓁𝓂𝒶𝓉𝑒𝓈

[loachina]

/// one on one thread for me and karenamy97

 

[karenamy97]

[class=container] --accent-1: #A0C9C9; --image: url(https://i.imgur.com/uetyeVT.jpg); --time: 15s; [/class] [div class=credit][/div][div class=credit2 style="display: none;"]code + design by constellation [/div] [class=credit]position: absolute; top: 0px; left: 0px; font-size: 15px; color: #b2e0e0; transition: 1s;[/class] [class=credit2]position: absolute; z-index: 2; top: 5px; left: 15px; max-width: 160px; margin: 15px; font-size: 10px; letter-spacing: 3px; text-align: center; font-weight: 500; text-transform: lowercase; padding: 25px 30px; color: #333; border: 1px solid #e2e2e2; background: white;[/class] [class name="credit" state="hover"]cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; color: #A0C9C9; transitions: 1s;[/class] [script class=credit on=mouseenter]fadeIn 1000 credit2[/script][script class=credit on=mouseleave]fadeOut 1000 credit2[/script]

[div class=container][div class=border][div class=name]Akane Akamatsu

[div class=role]The Ultimate Pianist[/div] [div class=image][/div] [div class=textbox][div class=scroll] Kaede always felt the sense of accomplishment after a piano’s performance. Piano was something she loved, and the thundering applaud after she finished playing her songs always made her heart sour with happiness for a job well-done. She did not play for popularity or fame, but rather the ability to convey the message through her music. There was no one to support her behind the curtain of the backstage this time, her manager busy with another work for the day. At the very least, the manager had called for a delivery, and Kaede looked around for her coffee. Someone with green hair would be there. Violet eyes looked around, stopping at a green mop of hair. The light color was noticeable in sight. Somehow, she felt a sense of familiarity towards that person, even though she had not met him before. How strange. If her manager was there, the older woman would have told her that she was blinded by the fashionable look of the delivery man. It was not wrong, since the person before her had a charming presence and drew her attention. [/div][/div] [div class=info][div class=text]MOOD: Happy. LOCATON: Backstage. TAGS: @ loachina .[/div][/div][/div][/div][/div] [class=container] width: 450px; height: 630px; margin: auto; cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important; [/class] [class=border] position: absolute; width: 450px; height: 630px; background: #f1f1f1; margin: 0 auto; border: 1px solid #ccc; [/class] [class=name] position: relative; top: 20px; line-height: 80%; margin: 0 auto; text-align: center; font: 27px Abril Fatface; color: #333; text-transform: uppercase; [/class] [class=role] display: inline-block; position: relative; top: 15px; left: 50%; transform: translateX(-50%); line-height: 80%; margin: 0 auto; text-align: center; font: 9px Verdana; background: var(--accent-1); padding: 5px; color: #fff; text-transform: uppercase; [/class] [class=image] position: absolute; top: 90px; left: 0; height: 160px; width: 450px; background: var(--image); background-size: cover; background-position: center; -webkit-clip-path: polygon(100% 0, 100% 100%, 0% 100%, 0 0, 50% 12%); clip-path: polygon(100% 0, 100% 100%, 0% 100%, 0 0, 50% 12%); [/class] [class=info] position: absolute; bottom: 0; left: 0; height: 30px; width: 440px; padding: 0px 5px; font: 11px Verdana; background: var(--accent-1); color: #fff; text-transform: uppercase; line-height: 28px; white-space: nowrap; overflow: hidden; [/class] [class=text] display: inline-block; padding-left: calc(100% + 5px); animation: {post_id}marquee var(--time) linear infinite; [/class] [class=textbox] position: absolute; left: 0; top: 250px; width: 433px; height: 316px; overflow-x: hidden; font-size: 12px; white-space: pre-line; line-height: 125%; padding: 17px 0px 17px 17px; [/class] [class=scroll] width: 100%; height: 100%; overflow-y: scroll; padding-right: 17px; text-align: justify; color: #333; [/class] [animation=marquee] [keyframe=0] transform: translate(0, 0); [/keyframe] [keyframe=100] transform: translate(-100%, 0); [/keyframe] [/animation]