Syndicated RP In-Character code

[font=Yanone Kaffeesatz][div class=box][row][column=span2][div class=img style="margin-left: 10px; background-image: url(link here);"][div class=info][div class=text]"Quote here."

[right][i]- Name[/i][/right][/div][/div][/div][/column][column=span4][div class=main style="margin-left: -15px;"][div class=ID][center][url=link here][div class=name]Name here[/div][/url]
[div class=alias]a.k.a. "Alias here"[/div]
[div class=title]Role/title here[/div][/center][/div]

[div class=post][div=width: 100%; height: 100%; overflow-y: scroll; padding-right: 100px; margin: 10px;]text text text

[color=#2f2d2d][b]"talk talk talk"[/b][/color]

[color=#a1a1a1][i]think think think[/i][/color]

[/div][/div][/div][/column][column=span2][div class=img style="margin-left: 10px; background-image: url(link here);"][div class=info][div class=text][u]Location:[/u] [color=#a1a1a1][i]here[/i][/color]

[u]With:[/u] [color=#a1a1a1][i]here[/i][/color][/div][/div][/div][/column][/row][/div][/font]
[div=margin-top: 5px; line-height: 12px;][CENTER][SIZE=2][clickable name, hover tags & hidden scroll]
{coded by Ayama}[/SIZE][/CENTER][/div]
[nobr]

[class=box]
margin: auto;
width: 1000px;
height: 525px;
border: 4px groove #000000;
background: url(https://i.postimg.cc/1XvJmX5L/NLywaW.jpg);
[/class]

[class=img]
margin-top: 19px;
width: 200px;
height: 480px;
border: 4px groove #000000;
filter: grayscale(50%);
opacity: 0.8;
[/class]

[class=info]
width: 100%;
height: 100%;
opacity: 0;
display: flex;
flex-flow: column no wrap;
justify-content: center;
align-content: center;
[/class]

[class=hover]
opacity: 1;
[/class]

[script class=info version=2 on=mouseenter]
	(addClass "hover" "info")
[/script]

[script class=info version=2 on=mouseleave]
	(removeClass "hover" "info")
[/script]

[class=text]
margin: auto;
display: inline-block;
font-size: 18px;
color: #2f2d2d;
text-shadow: 2px 2px 4px #717070;
[/class]

[class=main]
margin-top: 19px;
margin-left: -50px;
width: 500px;
height: 480px;
[/class]

[class=ID]
width: 500px;
border: 4px groove #000000;
background-color: rgba(241, 241, 241, 0.8);
[/class]

[class=name]
display: inline-block;
font-size: 30px;
font-weight: bold;
color: #2f2d2d;
[/class]

[class name=name state=hover]
text-decoration: underline;
text-shadow: 2px 2px 4px #717070;
[/class]

[class=alias]
display: inline-block;
font-size: 25px;
font-style: italic;
color: #515151;
[/class]

[class=title]
display: inline-block;
font-size: 20px;
color: #a1a1a1;
[/class]

[class=post]
margin-top: -5px;
width: 500px;
height: 320px;
border: 4px groove #000000;
background-color: rgba(241, 241, 241, 0.8);
font-size: 15px;
color: #515151;
overflow: hidden;
[/class]

[/nobr]