Once broken, it will never be the same again.
ALIAS
Frost
OCCUPATION
Thief
EVENT TOKENS
0
QUIRK
Glass Body
Archived
|
Post by Faith Glazier on Jul 19, 2024 7:00:52 GMT
[nospaces] [attr="class","sidebar"] [attr="class","icon"] [attr="class","text-area"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet dui non velit ullamcorper placerat vitae ut ipsum. Vestibulum eleifend diam a purus euismod, a rutrum turpis imperdiet. Quisque luctus fermentum dui at efficitur. Vestibulum pretium nisi ante, elementum sollicitudin justo vulputate quis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque sodales feugiat nibh eu luctus. Maecenas ultrices dolor in mi maximus mattis. Sed finibus auctor erat vitae tincidunt. [break][break]
"Bolding applies color automatically."[break][break]
[attr="class","ooc-area"]a little note here — tag1, tag2[googlefont=Fira Sans:400,500,600,700][newclass=.sidebar]margin: 20px auto; width: 420px; border: 0px solid black; font: 400 12px/16px 'Fira Sans', arial; display: grid; grid-template-columns: 100px 1fr; grid-template-rows: 1fr auto; grid-template-areas: 'icon text' 'ooc text'; grid-column-gap: 16px; margin: 20px auto; width: 420px; border: 0px solid black; font: 400 12px/16px 'Fira Sans', arial; [/newclass][newclass=.sidebar .icon]width: 100px; grid-area: icon; position: relative;[/newclass][newclass=.sidebar .icon img]width: 100%; filter: brightness(100%) contrast(100%); transition: filter 0.3s; -webkit-transition: filter 0.3s, -webkit-filter 0.3s;[/newclass][newclass=.sidebar .icon img:hover]filter: brightness(110%) contrast(110%); transition: filter 0.3s; -webkit-transition: filter 0.3s, -webkit-filter 0.3s;[/newclass][newclass=.sidebar .text-area]grid-area: text; text-align: justify;[/newclass][newclass=.sidebar .text-area b]font-weight: 500; color: #6ce5ff; text-decoration: none; [/newclass][newclass=.sidebar .ooc-area]padding: 8px 0; border: 1px dotted #6ce5ff; border-left: 0; border-right: 0; font-size: 10px; line-height: 14px; grid-area: ooc; align-self: flex-end[/newclass][newclass=.sidebar .ooc-area a]letter-spacing: .6px; font: 500 10px/15px 'Fira Sans',arial; text-decoration: none; color: #6ce5ff; text-transform: uppercase;[/newclass]
|
|
Naps are more important than most things in life.
ALIAS
Naptime
OCCUPATION
Student
EVENT TOKENS
0
QUIRK
Cloud Nine
Archived
|
Post by Luna de Lune on Jul 25, 2024 9:16:12 GMT
[nospaces] [attr="class","sidebar"] [attr="class","icon"] [attr="class","text-area"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet dui non velit ullamcorper placerat vitae ut ipsum. Vestibulum eleifend diam a purus euismod, a rutrum turpis imperdiet. Quisque luctus fermentum dui at efficitur. Vestibulum pretium nisi ante, elementum sollicitudin justo vulputate quis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque sodales feugiat nibh eu luctus. Maecenas ultrices dolor in mi maximus mattis. Sed finibus auctor erat vitae tincidunt. [break][break]
"Bolding applies color automatically."[break][break]
[attr="class","ooc-area"]a little note here — tag1, tag2[googlefont=Fira Sans:400,500,600,700][newclass=.sidebar]margin: 20px auto; width: 420px; border: 0px solid black; font: 400 12px/16px 'Fira Sans', arial; display: grid; grid-template-columns: 100px 1fr; grid-template-rows: 1fr auto; grid-template-areas: 'icon text' 'ooc text'; grid-column-gap: 16px; margin: 20px auto; width: 420px; border: 0px solid black; font: 400 12px/16px 'Fira Sans', arial; [/newclass][newclass=.sidebar .icon]width: 100px; grid-area: icon; position: relative;[/newclass][newclass=.sidebar .icon img]width: 100%; filter: brightness(100%) contrast(100%); transition: filter 0.3s; -webkit-transition: filter 0.3s, -webkit-filter 0.3s;[/newclass][newclass=.sidebar .icon img:hover]filter: brightness(110%) contrast(110%); transition: filter 0.3s; -webkit-transition: filter 0.3s, -webkit-filter 0.3s;[/newclass][newclass=.sidebar .text-area]grid-area: text; text-align: justify;[/newclass][newclass=.sidebar .text-area b]font-weight: 500; color: #de9d46; text-decoration: none; [/newclass][newclass=.sidebar .ooc-area]padding: 8px 0; border: 1px dotted #de9d46; border-left: 0; border-right: 0; font-size: 10px; line-height: 14px; grid-area: ooc; align-self: flex-end[/newclass][newclass=.sidebar .ooc-area a]letter-spacing: .6px; font: 500 10px/15px 'Fira Sans',arial; text-decoration: none; color: #de9d46; text-transform: uppercase;[/newclass]
|
|