Post by Aerith Gainsborough on Oct 30, 2020 15:13:41 GMT -6
[newclass=.ayab-container]--be-accent: #f3a3a8;[/newclass]
[nospaces]
[googlefont=Playfair+Display:400,400i|Roboto:400,700|Vollkorn:400,400i]
[newclass=.ayab-border] padding: 10px; background: #ececec; border: 1px solid #ddd; margin: auto; width: 522px; [/newclass]
[newclass=.ayab-container] width: 500px; border: 1px solid #fcfcfc; outline: 1px solid #ddd; padding: 10px; background: #f1f1f1;[/newclass]
[newclass=.ayab-header] width: 450px; background: #333; display: flex; align-items: center; justify-content: space-between; padding: 25px; [/newclass]
[newclass=.ayab-icon img] display: block; border-radius: 100%; padding: 5px; background-color: #fafafa; border:10px solid #ccc; border: 10px solid var(--be-accent); [/newclass]
[newclass=.ayab-lyrics-hov] font: 400 24px/26px playfair display; font-style: italic; color: #888; flex-grow: 1; overflow: hidden; display: flex; margin-left: 25px; justify-content: center; align-items: center; text-align: center; position: relative; height: 130px; [/newclass]
[newclass=.ayab-lyrics-hov:after] content: ""; position: absolute; width: 50px; height: 3px; margin-top: 35px; background:#ccc; background: var(--be-accent); [/newclass]
[newclass=.ayab-lyrics] width: 100%; position: absolute; opacity: 1; transition: 0.75s; transition-delay: 0.5s; [/newclass]
[newclass=.ayab-container:hover .ayab-lyrics] opacity: 0; margin-left: 150px; transition: 0.75s; [/newclass]
[newclass=.ayab-tagged] opacity: 0; transition: 0.5s; [/newclass]
[newclass=.ayab-tagged a] font: 400 24px/26px playfair display !important; font-style: italic !important; color:#ccc; color: var(--be-accent) !important; [/newclass]
[newclass=.ayab-container:hover .ayab-tagged] opacity: 1; transition: 0.5s; transition-delay: 0.75s; [/newclass]
[newclass=.ayab-body] display: table-cell; [/newclass]
[newclass=.ayab-text] font: 400 13px/16px vollkorn; color: #888; padding: 40px; margin-top: 10px; text-align: justify; [/newclass]
[newclass=.ayab-text i] color: #aaa; [/newclass]
[newclass=.ayab-text b] font: 700 12px/16px roboto; color:#999; color: var(--be-accent); [/newclass]
[newclass=.ayab-shape] float: right; shape-outside: polygon(0 0, 100% 100%, 100% 0); width: 100px; height: 100px; clip-path: polygon(0 0, 101% 100%, 101% 0); background:#ccc; background: var(--be-accent); padding-top: 00px; margin-left: 50px; margin-bottom: 50px; [/newclass]
[newclass=.ayab-credit] text-align:center; margin:auto; margin-left:500px;[/newclass]
[newclass=.ayab-credit a] font:700 7px/7px roboto;[/newclass]
[nospaces]
[googlefont=Playfair+Display:400,400i|Roboto:400,700|Vollkorn:400,400i]
[attr="class","ayab-border"]
[attr="class","ayab-container"]
[attr="class","ayab-header"]
[attr="class","ayab-icon"]
[attr="class","ayab-lyrics-hov"]
[attr="class","ayab-lyrics"]be as you've always been
[attr="class","ayab-tagged"]for Cloud Strife
[attr="class","ayab-body"]
[attr="class","ayab-shape"]
[attr="class","ayab-text"]
Zack? Aerith felt her insides chill at the mention of her first love. He had always been in the back of her mind throughout their journey, and she had thought of him constantly for years after their parting. How many letters had she written him? How many of them had gone unanswered? Over time, she had simply believed he had found someone else and forgotten her. Why would he not? Aerith was no one special and he had been so full of life and adventure. And she had been stuck in the Slums with so many invisible ties chaining her to Shinra and her status as a Cetra. The company would never have willingly let her leave Midgar and she had escaped admist blood and smoke to find a form of freedom. And even then her heritage had haunted her. [break][break]
Aerith found herself curiously silent as Cloud began to explain more of his past and his own ties to Zack. In a way, she had known that Cloud had not been his true self. His mannerisms and words had been too much like Zack to be a coincidence. The way Tifa had acted at times whenever he spoke of stories that her friend seemed hesitant about. But she had never wished to push him too far, and she remembered what she had told him before. How she was searching for the true Cloud beneath the bravado and the flair. Before she could realize it, she found tears suddenly trailing down her cheeks as she laughed. A tremulous and fragile sound even to her own ears. [break][break]
"I wrote him eighty-nine letters over four years. He never responded to a single one, so I thought he had moved on. I kind of expected it, you know? He was so bright and full of life. I thought he was so above my reach that I was just so happy someone like him noticed me," she admitted quietly. Her lips were curled into a threadbare smile before she looked up at Cloud. "Thank you, Cloud. For letting me know. I-it means a lot to know he still thought of me." But she was not that young, naive girl anymore with the stars in her eyes and the world so far beyond her reach. [break][break]
"Buuuut~ That doesn't mean you aren't you! You're still Cloud to me whether you were really in SOLDIER or not!" Her smile was bright once more as her green eyes glittered with purpose. "I told you I wanted to know the real you, and I still very much do! All the things you are willing to share with me when you'd like to."
Zack? Aerith felt her insides chill at the mention of her first love. He had always been in the back of her mind throughout their journey, and she had thought of him constantly for years after their parting. How many letters had she written him? How many of them had gone unanswered? Over time, she had simply believed he had found someone else and forgotten her. Why would he not? Aerith was no one special and he had been so full of life and adventure. And she had been stuck in the Slums with so many invisible ties chaining her to Shinra and her status as a Cetra. The company would never have willingly let her leave Midgar and she had escaped admist blood and smoke to find a form of freedom. And even then her heritage had haunted her. [break][break]
Aerith found herself curiously silent as Cloud began to explain more of his past and his own ties to Zack. In a way, she had known that Cloud had not been his true self. His mannerisms and words had been too much like Zack to be a coincidence. The way Tifa had acted at times whenever he spoke of stories that her friend seemed hesitant about. But she had never wished to push him too far, and she remembered what she had told him before. How she was searching for the true Cloud beneath the bravado and the flair. Before she could realize it, she found tears suddenly trailing down her cheeks as she laughed. A tremulous and fragile sound even to her own ears. [break][break]
"I wrote him eighty-nine letters over four years. He never responded to a single one, so I thought he had moved on. I kind of expected it, you know? He was so bright and full of life. I thought he was so above my reach that I was just so happy someone like him noticed me," she admitted quietly. Her lips were curled into a threadbare smile before she looked up at Cloud. "Thank you, Cloud. For letting me know. I-it means a lot to know he still thought of me." But she was not that young, naive girl anymore with the stars in her eyes and the world so far beyond her reach. [break][break]
"Buuuut~ That doesn't mean you aren't you! You're still Cloud to me whether you were really in SOLDIER or not!" Her smile was bright once more as her green eyes glittered with purpose. "I told you I wanted to know the real you, and I still very much do! All the things you are willing to share with me when you'd like to."
[attr="class","ayab-credit"]SELKIE
[newclass=.ayab-border] padding: 10px; background: #ececec; border: 1px solid #ddd; margin: auto; width: 522px; [/newclass]
[newclass=.ayab-container] width: 500px; border: 1px solid #fcfcfc; outline: 1px solid #ddd; padding: 10px; background: #f1f1f1;[/newclass]
[newclass=.ayab-header] width: 450px; background: #333; display: flex; align-items: center; justify-content: space-between; padding: 25px; [/newclass]
[newclass=.ayab-icon img] display: block; border-radius: 100%; padding: 5px; background-color: #fafafa; border:10px solid #ccc; border: 10px solid var(--be-accent); [/newclass]
[newclass=.ayab-lyrics-hov] font: 400 24px/26px playfair display; font-style: italic; color: #888; flex-grow: 1; overflow: hidden; display: flex; margin-left: 25px; justify-content: center; align-items: center; text-align: center; position: relative; height: 130px; [/newclass]
[newclass=.ayab-lyrics-hov:after] content: ""; position: absolute; width: 50px; height: 3px; margin-top: 35px; background:#ccc; background: var(--be-accent); [/newclass]
[newclass=.ayab-lyrics] width: 100%; position: absolute; opacity: 1; transition: 0.75s; transition-delay: 0.5s; [/newclass]
[newclass=.ayab-container:hover .ayab-lyrics] opacity: 0; margin-left: 150px; transition: 0.75s; [/newclass]
[newclass=.ayab-tagged] opacity: 0; transition: 0.5s; [/newclass]
[newclass=.ayab-tagged a] font: 400 24px/26px playfair display !important; font-style: italic !important; color:#ccc; color: var(--be-accent) !important; [/newclass]
[newclass=.ayab-container:hover .ayab-tagged] opacity: 1; transition: 0.5s; transition-delay: 0.75s; [/newclass]
[newclass=.ayab-body] display: table-cell; [/newclass]
[newclass=.ayab-text] font: 400 13px/16px vollkorn; color: #888; padding: 40px; margin-top: 10px; text-align: justify; [/newclass]
[newclass=.ayab-text i] color: #aaa; [/newclass]
[newclass=.ayab-text b] font: 700 12px/16px roboto; color:#999; color: var(--be-accent); [/newclass]
[newclass=.ayab-shape] float: right; shape-outside: polygon(0 0, 100% 100%, 100% 0); width: 100px; height: 100px; clip-path: polygon(0 0, 101% 100%, 101% 0); background:#ccc; background: var(--be-accent); padding-top: 00px; margin-left: 50px; margin-bottom: 50px; [/newclass]
[newclass=.ayab-credit] text-align:center; margin:auto; margin-left:500px;[/newclass]
[newclass=.ayab-credit a] font:700 7px/7px roboto;[/newclass]
