Aeon's Templates

Aeon's Templates Oct 20, 2019 21:22:18 GMT -5

Quote

Post by Alistair Blaidddrwg on Oct 20, 2019 21:22:18 GMT -5

[nospaces]

[attr=id,aliPost]

[attr=class,postHead]Header

[attr=class,postSpace]

[attr=class,postBody]Body

[attr=class,postSpace]

[attr=class,postFoot]Footer

[var name=accent value=#C3A1C2]
[var name=accentDark value=#946784]
[var name=light1 value=rgba(255,255,255,.5)]
[var name=light2 value=rgba(255,255,255,.25)]
[newclass=#aliPost]background: [var=accent]; box-sizing: border-box; display: grid; margin: 0 auto; position: relative; width: 400px;[/newclass]
[newclass=#aliPost > *]position: relative; z-index: 1;[/newclass]
[newclass=#aliPost .postSpace]display: grid; grid-template-columns: 1fr 10px 10px 1fr; margin: -10px 0; place-items: center; z-index: 5;[/newclass]
[newclass=#aliPost .postSpace div:nth-child(1)]border-color: transparent [var=accent]; border-style: solid; border-width: 3px 200px 3px 0; grid-column-start: 1; grid-column-end: span 2; grid-row-start: 1; grid-row-end: span 2;[/newclass]
[newclass=#aliPost .postSpace div:nth-child(2)]border-color: transparent [var=accent]; border-style: solid; border-width: 3px 0 3px 200px; grid-column-start: 3; grid-column-end: span 2; grid-row-start: 1; grid-row-end: span 2;[/newclass]
[newclass=#aliPost .postSpace div:nth-child(3)]border-color: [var=accentDark] transparent; border-style: solid; border-width: 10px 10px 0; grid-column-start: 2; grid-column-end: span 2; grid-row: 2;[/newclass]
[newclass=#aliPost .postSpace div:nth-child(4)]border-color: [var=accentDark] transparent; border-style: solid; border-width: 0 10px 10px; grid-column-start: 2; grid-column-end: span 2; grid-row: 1;[/newclass]
[newclass=#aliPost .postHead]background: [var=light1]; padding: 10px;[/newclass]
[newclass=#aliPost .postBody]background: #FFF; padding: 10px 25px; text-align: justify;[/newclass]
[newclass=#aliPost .postFoot]background: [var=light2]; padding: 10px;[/newclass]

Aeon's Templates Oct 21, 2019 3:32:48 GMT -5

Quote

Post by Alistair Blaidddrwg on Oct 21, 2019 3:32:48 GMT -5

[nospaces]

[attr=id,chatShenanigans]

[attr=class,postShen]

[attr=class,avatarShen]

[attr=class,usernameShen]Oberon

[attr=class,messageShen]I'm not?

[attr=class,messageShen]You sit right in front of me and it takes all my spare concentration to block out the auras of everyone else in the room

[attr=class,messageShen]Yours is so ostentatious I can only dull it slightly

[attr=class,postShen]

[attr=class,avatarShen]

[attr=class,usernameShen]Umbra Riot

[attr=class,messageShen]WHAT THE FUCK??? ARE YOU CALLING ME DISTRACTING???

[attr=class,postShen]

[attr=class,avatarShen]

[attr=class,usernameShen]Oberon

[attr=class,messageShen]Darling

[attr=class,messageShen]You are extremely distracting for a whole slew of reasons

[attr=class,postShen]

[attr=class,avatarShen]

[attr=class,usernameShen]Umbra Riot

[attr=class,messageShen]WHAT?

[attr=class,postShen]

[attr=class,avatarShen]

[attr=class,usernameShen]Oberon

[attr=class,messageShen]...that... I was flirting again Kato

[attr=class,postShen]

[attr=class,avatarShen]

[attr=class,usernameShen]Umbra Riot

[attr=class,messageShen]OH.... YOUR HAIR IS LONG!

[attr=class,postShen]

[attr=class,avatarShen]

[attr=class,usernameShen]Oberon

[attr=class,messageShen]...an A for effort

thank you

[attr=class,postShen]

[attr=class,avatarShen]

[attr=class,usernameShen]Umbra Riot

[attr=class,messageShen]... AND FLUFFY...AND SOFT... AND HAS A WEIRD BUT NICE SMELL TO IT....

[newclass=#chatShenanigans]background: #2C303A; color: #DEDEEF; display: grid; font-family: Verdana; font-size: 11px; margin: 0 auto; padding: 0 10px; text-align: justify; width: 500px;[/newclass]
[newclass=#chatShenanigans .postShen]border-color: rgba(255,255,255,.25); border-style: solid; border-width: 1px 0 0; display: grid; grid-gap: 3px 10px; grid-template-columns: 50px auto; padding: 10px 0; place-items: start;[/newclass]
[newclass=#chatShenanigans .postShen:first-child]border-width: 0;[/newclass]
[newclass=#chatShenanigans .postShen .avatarShen]border-radius: 100%; grid-column: 1; grid-row-start: 1; grid-row-end: span 4; height: 50px; overflow: hidden; width: 50px;[/newclass]
[newclass=#chatShenanigans .postShen .avatarShen img]height: 50px; width: 50px;[/newclass]
[newclass=#chatShenanigans .postShen .usernameShen]color: #FFF; font-weight: bold; grid-column: 2; letter-spacing: 1px;[/newclass]
[newclass=#chatShenanigans .postShen .messageShen]grid-column: 2;[/newclass]
[newclass=#chatShenanigans .postShen .messageShen img]height: 15px; margin: -2px 0; width: 15px;[/newclass]

Post by Alistair Blaidddrwg on Oct 20, 2019 21:22:18 GMT -5

Post by Alistair Blaidddrwg on Oct 21, 2019 3:32:48 GMT -5

Quick Reply