[newclass=.ayab-container]--be-accent: #64bccc;[/newclass]
[nospaces]
[newclass=.ayab-border] padding: 10px; background: #ececec; border: 1px solid #ddd; margin: auto; width: 450px; [/newclass]
[newclass=.ayab-container] width: 400px; border: 1px solid #fcfcfc; outline: 1px solid #ddd; padding: 10px; background: #f1f1f1; margin:auto;[/newclass]
[newclass=.ayab-header] width: 350px; background: #333; display: flex; align-items: center; justify-content: space-between; padding: 25px;margin:auto; [/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; 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 !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; 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; 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;[/newclass]
[nospaces]
[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"]JANUARY FEATURED POSTS
[attr="class","ayab-tagged"]2020
[attr="class","ayab-body"]
[attr="class","ayab-shape"]
[attr="class","ayab-text"]
We are thrilled to announce this Month's featured works! Check out what's happening around the site below and don't forget to tip your waitress.[break][break][break]
(1) IN CHARACTER ROLEPLAY[break][break]
FANTASTIC: AN URBAN FANTASY - authors - Kitti Icarus, SmogWitch, DrKori, Script, Zammi06[break][break][break]
(2) SOLO WORKS[break][break]
A LITTLE ARMAGEDDON (THAT ONE TIME I MISSED THE APOCALYPSE) - author - CrimsonGekitou[break][break][break]
(3) FACTIONS[break][break]
[O] FESTIVAL [THE CITADEL] - authors - Selene, Script, Glmstr, Krysis[break][break][break]
(4) WRITING PROMPT[break][break]
THREE TRUTHS - Now live and ready![break][break][break][break][break]
Congratulations to all our members featured in this month's FEATURED WORKS and stay tuned for FEBRUARY!
We are thrilled to announce this Month's featured works! Check out what's happening around the site below and don't forget to tip your waitress.[break][break][break]
(1) IN CHARACTER ROLEPLAY[break][break]
FANTASTIC: AN URBAN FANTASY - authors - Kitti Icarus, SmogWitch, DrKori, Script, Zammi06[break][break][break]
(2) SOLO WORKS[break][break]
A LITTLE ARMAGEDDON (THAT ONE TIME I MISSED THE APOCALYPSE) - author - CrimsonGekitou[break][break][break]
(3) FACTIONS[break][break]
[O] FESTIVAL [THE CITADEL] - authors - Selene, Script, Glmstr, Krysis[break][break][break]
(4) WRITING PROMPT[break][break]
THREE TRUTHS - Now live and ready![break][break][break][break][break]
Congratulations to all our members featured in this month's FEATURED WORKS and stay tuned for FEBRUARY!
[attr="class","ayab-credit"]SELKIE
[newclass=.ayab-border] padding: 10px; background: #ececec; border: 1px solid #ddd; margin: auto; width: 450px; [/newclass]
[newclass=.ayab-container] width: 400px; border: 1px solid #fcfcfc; outline: 1px solid #ddd; padding: 10px; background: #f1f1f1; margin:auto;[/newclass]
[newclass=.ayab-header] width: 350px; background: #333; display: flex; align-items: center; justify-content: space-between; padding: 25px;margin:auto; [/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; 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 !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; 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; 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;[/newclass]