Post by Aerith Gainsborough on Jun 24, 2020 16:43:32 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"]
Aerith had awoken on the outskirts of this city and so she had taken her chances of venturing in. It reminded her so much of the hustle and bustle of Midgar, but this was not the city she had called home her entire life. There were so very many things wrong with her current surroundings that it worried her greatly. She had been on her way to the City of the Ancients to pray for Holy. Her path had been set and she had been determined to do what she could to prevent the calamity that would be summoned forth: Meteor. But then she had gone to sleep within one of the abandoned houses of her people and had awoken to this cityscape. The White Materia was still with her as well, but it was hidden within the ribbon used to hold back her hair as it always was. Useless until prayed upon for the utilization of Holy. But that had not happened because she had not gotten the chance. [break][break]
Where were her friends? Cloud? Tifa? Barret? Flashes of the others' faces crossed her mind as she tried to get someone to tell her where she was. Some people simply brushed past her as if she were invisible and others simply scoffed at her question. Aerith bristled a little when the fourth person she asked had the gall to laugh at her before walking off. Well, that was just rude! She huffed in mild irritation as she realized that she was very much on her own this time. That was alright! She had survived in Midgar for quite a long while even if most of her childhood had been spent being watched by Shinra. No, she knew she could do this![break][break]
All of her travels had been quite intense with the foes she had faced and so many truths she had learned about herself and about the Planet. If only she could hear her mother's voice to simply give her the answers she desired. That was the most alarming thing about this place: she could not hear the voice of the Planet. The lifestream was completely absent from her attuned senses and she felt quite deafened by it. Even in Midgar, she had always sensed something even with the reactors going at full strength. A startled yelp escaped her as she found herself pushed onto the ground before her as she reached out with her hands to attempt to catch her fall. Someone had bumped into her without even the courtesy of an apology or trying to help her up. [break][break]
Another sigh escaped her as she slowly stood up and brushed off her dress with a shake of her head. "Yup, this city is just like Midgar. Even the people are the same. Always in a hurry without looking," she muttered to herself with a huff.
Aerith had awoken on the outskirts of this city and so she had taken her chances of venturing in. It reminded her so much of the hustle and bustle of Midgar, but this was not the city she had called home her entire life. There were so very many things wrong with her current surroundings that it worried her greatly. She had been on her way to the City of the Ancients to pray for Holy. Her path had been set and she had been determined to do what she could to prevent the calamity that would be summoned forth: Meteor. But then she had gone to sleep within one of the abandoned houses of her people and had awoken to this cityscape. The White Materia was still with her as well, but it was hidden within the ribbon used to hold back her hair as it always was. Useless until prayed upon for the utilization of Holy. But that had not happened because she had not gotten the chance. [break][break]
Where were her friends? Cloud? Tifa? Barret? Flashes of the others' faces crossed her mind as she tried to get someone to tell her where she was. Some people simply brushed past her as if she were invisible and others simply scoffed at her question. Aerith bristled a little when the fourth person she asked had the gall to laugh at her before walking off. Well, that was just rude! She huffed in mild irritation as she realized that she was very much on her own this time. That was alright! She had survived in Midgar for quite a long while even if most of her childhood had been spent being watched by Shinra. No, she knew she could do this![break][break]
All of her travels had been quite intense with the foes she had faced and so many truths she had learned about herself and about the Planet. If only she could hear her mother's voice to simply give her the answers she desired. That was the most alarming thing about this place: she could not hear the voice of the Planet. The lifestream was completely absent from her attuned senses and she felt quite deafened by it. Even in Midgar, she had always sensed something even with the reactors going at full strength. A startled yelp escaped her as she found herself pushed onto the ground before her as she reached out with her hands to attempt to catch her fall. Someone had bumped into her without even the courtesy of an apology or trying to help her up. [break][break]
Another sigh escaped her as she slowly stood up and brushed off her dress with a shake of her head. "Yup, this city is just like Midgar. Even the people are the same. Always in a hurry without looking," she muttered to herself with a huff.
[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]
