Post by Ryne on Feb 6, 2021 14:47:26 GMT -6
[newclass=.ayab-container]--be-accent: #80E6FF;[/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 @irisamicitia
[attr="class","ayab-body"]
[attr="class","ayab-shape"]
[attr="class","ayab-text"]
This was the sort of thing girls her age did, right? Ryne was still getting used to being more social and comfortable in her own skin. In all honesty, she was sure that this would be like all those outings she had had with Gaia! The young girl was already excited to see if this city offered good tea biscuits! Or she was quite tempted to try that ice rink, too! Even though she did feel terrible about how her venture with Eden had gone, she enjoyed the memory of both Alexander and Cassandra sliding about around all that ice she had summoned. Was it mean of her to find it a little amusing? The rest of that scenario would have been quite dangerous and bad if Gaia hadn't intervened, but she could admit to herself a little bit of mischief in seeing such great heroes slip about gracelessly. [break][break]
To be fair, Cassandra had done better than Alexander at least. Being a Dancer was much more graceful than sticking a giant sword into the ice and holding on for dear life. Ryne wondered how her two friends were, or if there were even in this world! Oh, she sincerely hoped someone familiar to her was. Being here on her own was quite intimidating and lonely. Sighing just a little softly, Ryne began to play with the golden strands of her hair bound back by her ribbon. The fact that the strands had reverted back to their previous color still worried her greatly. Did it mean anything or was it just an odd occurrence from this world? She really wished her hair would go back to normal, but she didn't know how to beyond dying it. And she just had too much hair to do that by herself. [break][break]
The strands slid through her fingers slowly before she shook herself out of her thoughts. Her date would be here soon and she should be excited right now! A familiar hum of nervousness swept through her at the thought. Did Ryne look alright? Would she embarrass herself? Would her date like her and have a fun evening with her? Oh, Ryne just wanted this evening to go well so she could make a new friend for herself. Having someone she could spend time with in this world would be quite nice to have.
This was the sort of thing girls her age did, right? Ryne was still getting used to being more social and comfortable in her own skin. In all honesty, she was sure that this would be like all those outings she had had with Gaia! The young girl was already excited to see if this city offered good tea biscuits! Or she was quite tempted to try that ice rink, too! Even though she did feel terrible about how her venture with Eden had gone, she enjoyed the memory of both Alexander and Cassandra sliding about around all that ice she had summoned. Was it mean of her to find it a little amusing? The rest of that scenario would have been quite dangerous and bad if Gaia hadn't intervened, but she could admit to herself a little bit of mischief in seeing such great heroes slip about gracelessly. [break][break]
To be fair, Cassandra had done better than Alexander at least. Being a Dancer was much more graceful than sticking a giant sword into the ice and holding on for dear life. Ryne wondered how her two friends were, or if there were even in this world! Oh, she sincerely hoped someone familiar to her was. Being here on her own was quite intimidating and lonely. Sighing just a little softly, Ryne began to play with the golden strands of her hair bound back by her ribbon. The fact that the strands had reverted back to their previous color still worried her greatly. Did it mean anything or was it just an odd occurrence from this world? She really wished her hair would go back to normal, but she didn't know how to beyond dying it. And she just had too much hair to do that by herself. [break][break]
The strands slid through her fingers slowly before she shook herself out of her thoughts. Her date would be here soon and she should be excited right now! A familiar hum of nervousness swept through her at the thought. Did Ryne look alright? Would she embarrass herself? Would her date like her and have a fun evening with her? Oh, Ryne just wanted this evening to go well so she could make a new friend for herself. Having someone she could spend time with in this world would be quite nice to have.
[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]
