[googlefont="roboto"]
[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: #555; padding: 40px; margin-top: 10px; text-align: justify; [/newclass]
[newclass=.ayab-text i] color: #aaa; [/newclass]
[newclass=.ayab-text b] font: 700 12px/16px;[/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]
[newclass=.ayab-container]--be-accent: #64bccc;[/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"]SPOTLIGHT
[attr="class","ayab-tagged"] AUGUST 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][break]
(1) IN CHARACTER ROLEPLAY - FANTASY[break][break]
SONGS FOR THE DEAD - authors - Mage, Orca, Chaoticanwriter, Bleu, Rick, Endgame, and Wicked.[break][break][break]
(2) SOLO WORKS[break][break]
||.BITE.|| - author - Verite[break][break][break]
(3) USER-CREATED ROLEPLAY[break][break]
FLICKERWORLD - moderators - Selene and Endgame [break][break][break]
(4) ARKADIA: FACTIONS[break][break]
(TAVERN RP - ALWAYS OPEN) RED'S BAR [THE CITADEL] - Now live and ready! [break][break][break]
(5) ART STUDIO[break][break]
RP ART JOURNAL. - authors - Patroklos [break][break][break]
(6) WRITING PROMPT[break][break]
THE TORTOISE AND THE HARE - Now live and ready![break][break][break]
(7) MEMBER BLOGS[break][break]
BOOKS OF MIND, BODY, AND SOUL - author - Lexizone[break][break][break][break][break]
Congratulations to all our members featured in this month's SPOTLIGHT and stay tuned for SEPTEMBER!
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][break]
(1) IN CHARACTER ROLEPLAY - FANTASY[break][break]
SONGS FOR THE DEAD - authors - Mage, Orca, Chaoticanwriter, Bleu, Rick, Endgame, and Wicked.[break][break][break]
(2) SOLO WORKS[break][break]
||.BITE.|| - author - Verite[break][break][break]
(3) USER-CREATED ROLEPLAY[break][break]
FLICKERWORLD - moderators - Selene and Endgame [break][break][break]
(4) ARKADIA: FACTIONS[break][break]
(TAVERN RP - ALWAYS OPEN) RED'S BAR [THE CITADEL] - Now live and ready! [break][break][break]
(5) ART STUDIO[break][break]
RP ART JOURNAL. - authors - Patroklos [break][break][break]
(6) WRITING PROMPT[break][break]
THE TORTOISE AND THE HARE - Now live and ready![break][break][break]
(7) MEMBER BLOGS[break][break]
BOOKS OF MIND, BODY, AND SOUL - author - Lexizone[break][break][break][break][break]
Congratulations to all our members featured in this month's SPOTLIGHT and stay tuned for SEPTEMBER!
[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: #555; padding: 40px; margin-top: 10px; text-align: justify; [/newclass]
[newclass=.ayab-text i] color: #aaa; [/newclass]
[newclass=.ayab-text b] font: 700 12px/16px;[/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]
wicked likes this