Sept 1, 2020 3:14:48 GMT -5
[newclass=.ayab-container]--be-accent: #BF9D3E;[/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 @tag
[attr="class","ayab-body"]
[attr="class","ayab-shape"]
[attr="class","ayab-text"]
Hero Outfit[break][break]
Kaiden was stuffing his face with one of his mom's signature breakfast subs when an emergency broadcast played on the tv.[break][break]
A young woman trying her best not to sound panicked spoke over a live-feed of UFOs descending from the sky. She was saying something about visitors from another planet. Which he hadn't thought was a bad thing until they started firing a laser at the city.[break][break]
Wide-eyed and almost choking on his food, Kaiden shot up from the couch as they continued to attack. There was barely any time for him to process what was going on. His cellphone vibrated in his pocket, and immediately he pulled it out to check it. It was Aegis, of course, and he knew what they wanted.[break][break]
It was hero time.[break][break]
------[break][break]
Aegis didn't tell Kaiden much about the invaders, but that was okay. What little they had told him was useful, and besides, he didn't need a detailed explanation about the Harmatites. They were putting the world at risk, and that's all that mattered at the moment.[break][break]
On his way to meet up with the rest of his team - Kaiden kept getting sidetracked helping civilians get to safety. While it slowed him down, it also gave him a chance to see some of the destruction first hand. It pissed him off, and that anger only grew the closer he got to his detestation. By the time he arrived at the rendezvous point Kaiden was fuming and it showed.[break][break]
He kicked the door to the roof off its hinges, "It's a fucking mess out there." he declared with gritted teeth. "These bastards have no empathy for the lives their taking. It's disgusting." and if they did Kaiden hadn't seen it.[break][break]
"Oh and whose bright idea was it to meet on a fucking roof? he continued, "Because they shouldn't be in charge picking the meeting spots anymore. Stairs are a bitch and not everyone can fly." he finished with a sigh.
Hero Outfit[break][break]
Kaiden was stuffing his face with one of his mom's signature breakfast subs when an emergency broadcast played on the tv.[break][break]
A young woman trying her best not to sound panicked spoke over a live-feed of UFOs descending from the sky. She was saying something about visitors from another planet. Which he hadn't thought was a bad thing until they started firing a laser at the city.[break][break]
Wide-eyed and almost choking on his food, Kaiden shot up from the couch as they continued to attack. There was barely any time for him to process what was going on. His cellphone vibrated in his pocket, and immediately he pulled it out to check it. It was Aegis, of course, and he knew what they wanted.[break][break]
It was hero time.[break][break]
------[break][break]
Aegis didn't tell Kaiden much about the invaders, but that was okay. What little they had told him was useful, and besides, he didn't need a detailed explanation about the Harmatites. They were putting the world at risk, and that's all that mattered at the moment.[break][break]
On his way to meet up with the rest of his team - Kaiden kept getting sidetracked helping civilians get to safety. While it slowed him down, it also gave him a chance to see some of the destruction first hand. It pissed him off, and that anger only grew the closer he got to his detestation. By the time he arrived at the rendezvous point Kaiden was fuming and it showed.[break][break]
He kicked the door to the roof off its hinges, "It's a fucking mess out there." he declared with gritted teeth. "These bastards have no empathy for the lives their taking. It's disgusting." and if they did Kaiden hadn't seen it.[break][break]
"Oh and whose bright idea was it to meet on a fucking roof? he continued, "Because they shouldn't be in charge picking the meeting spots anymore. Stairs are a bitch and not everyone can fly." he finished with a sigh.
[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]
