RFA Plotter

[nospaces]

[newclass="#CHAR1"]--color:#d60c0c; --image:url(https://i.imgur.com/kaD3qlx.jpg);[/newclass]
[newclass="#CHAR2"]--color:#d60c0c; --image:url(https://i.imgur.com/riBb9Nm.png);[/newclass]
[newclass="#CHAR3"]--color:#d60c0c; --image:url(https://i.imgur.com/Ynh7p8y.jpg);[/newclass]

[attr="class","hudwrap"]

[attr="class","hudcharacter"][attr="id","CHAR1"]

[attr="class","hudinfo"]

[attr="class","hudbar"]


[attr="class","th th-agenda"]

[attr="class","th th-hourglass"]
[attr="class","th th-users"]
[attr="class","th th-heart-1"]
[attr="class","th th-briefcase"]

[attr="class","hudentry"]


text here

IVAN[break] STANE

[attr="class","hudpicture"]

[attr="class","hudtriangle"]

[attr="class","hudcharacter"][attr="id","CHAR2"]

[attr="class","hudinfo"]

[attr="class","hudbar"]


[attr="class","th th-agenda"]

[attr="class","th th-hourglass"]
[attr="class","th th-users"]
[attr="class","th th-heart-1"]
[attr="class","th th-briefcase"]

[attr="class","hudentry"]

text here

SCOTT[break] STANE

[attr="class","hudpicture"]

[attr="class","hudtriangle"]

[attr="class","hudcharacter"][attr="id","CHAR3"]

[attr="class","hudinfo"]

[attr="class","hudbar"]


[attr="class","th th-agenda"]

[attr="class","th th-hourglass"]
[attr="class","th th-users"]
[attr="class","th th-heart-1"]
[attr="class","th th-briefcase"]

[attr="class","hudentry"]

text here

LISA[break] STANE

[attr="class","hudpicture"]

[attr="class","hudtriangle"]

[attr="class","dcred"]★ dijit

[googlefont=PT+Sans|Passion+One&display=swap]

[newclass=".hudwrap"]margin-top:20px;width:650px; display:flex; flex-direction:row; flex-wrap:wrap; margin-left:auto; margin-right:auto; font-family: 'PT Sans', sans-serif;[/newclass]
[newclass=".hudcharacter"]width:200px; height:245px; box-shadow:0px 0px 4px #242424; margin-left:10px; margin-bottom:10px; overflow:hidden; border-radius:10px;[/newclass]
[newclass=".hudinfo"]width:200px; height:200px; background-color:#fafafa; display:flex; flex-direction:column; flex-wrap:wrap; align-content:center; margin-top:-155px; transition:.4s;[/newclass]
[newclass=".hudinfo h2"]margin:0px; height:30px; line-height:19px; font-size:30px; padding:5px; text-transform:uppercase; color:#2D2D2D; margin-top:2px; font-family: 'Passion One', cursive;[/newclass]
[newclass=".hudinfo b"]color:var(--color);[/newclass]
[newclass=".hudentry"]height:100px; overflow:auto; text-align:justify; font-size:10px; margin:5px 10px; padding:5px; border:1px solid var(--color); line-height:12px;[/newclass]
[newclass=".hudbar"]height:20px; background-color:var(--color); width:184px; padding-left:8px; padding-right:8px; margin-top:10px; margin-bottom:5px; font-size:13px; line-height:20px; color:#2D2D2D; text-shadow:0px 0px 2px rgba(45, 45, 45,.5);[/newclass]
[newclass=".hudbar a"]color:#2d2d2d!important;text-decoration:none;[/newclass]
[newclass=".hudpicture"]width:200px; height:200px; background-size:200px; background-image:var(--image); background-color:var(--color); background-blend-mode:luminosity; background-position:center; transition:.4s;[/newclass]
[newclass=".hudtriangle"]width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 15px solid #fafafa; float:right; margin-right:10px;[/newclass]
[newclass=".hudentry::-webkit-scrollbar-track"]-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); background-color: #F5F5F5;[/newclass]
[newclass=".hudentry::-webkit-scrollbar"]width: 6px; background-color: #F5F5F5;[/newclass]
[newclass=".hudentry::-webkit-scrollbar-thumb"]background-color: #2d2d2d;[/newclass]
[newclass=".hudcharacter:hover .hudinfo"]margin-top:0px;transition:.5s;[/newclass]
[newclass=".hudcharacter:hover .hudpicture"]height:50px;transition:.5s;[/newclass]
[newclass=".dcred"]width:100%;text-align:center;font-size:8px;text-transform:uppercase;[/newclass]
[newclass=".decred a"]color:#ADADAD!important;text-decoration:none;[/newclass]

[newclass=".th-agenda:before"]content:"\e942";[/newclass]
[newclass=".th-briefcase:before"]content:"\e960";[/newclass]
[newclass=".th-heart-1:before"]content:"\ea54";[/newclass]
[newclass=".th-hourglass:before"]content:"\ea60";[/newclass]
[newclass=".th-users:before"]content:"\eb9b";[/newclass]
[newclass="nullelem"]} @font-face {font-family: "honeybee";src:url("//dl.dropbox.com/s/7v31tyaf53kmcv7/honeybee.eot");src:url("//dl.dropbox.com/s/7v31tyaf53kmcv7/honeybee.eot?#iefix") format("embedded-opentype"),url("//dl.dropbox.com/s/awr1gt01c87aaxi/honeybee.woff") format("woff"),url("//dl.dropbox.com/s/hru9ka6dgfcgjg1/honeybee.ttf") format("truetype"),url("//dl.dropbox.com/s/xylorgamsf6fthx/honeybee.svg#honeybee") format("svg");font-weight: normal;font-style: normal;} [class*=" th-"]:before {font-family: "honeybee" !important;font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} [class*=" th-"] {display:inline-grid;[/newclass]

[newclass="#CHAR3"]--color:#d60c0c; --image:url(IMAGE HERE);[/newclass]


[div][attr="class","hudcharacter"][attr="id","CHAR3"]
   [div][attr="class","hudinfo"]
     [div][attr="class","hudbar"]
       
       [a href=""]
       [span title="application"][attr="class","th th-agenda"][/span]
       [/a]
       [span title="## years old"][attr="class","th th-hourglass"][/span]
       [span title="masculine"][attr="class","th th-users"][/span]
       [span title="sexuality"][attr="class","th th-heart-1"][/span]
       [span title="occupation"][attr="class","th th-briefcase"][/span]
       
     [/div]
     
     [div][attr="class","hudentry"]

       [font color="000000"]text here[/font]
       
     [/div]
     
     [h2]FIRSTNAME[break] [b]LASTNAME[/b][/h2]
   [/div]
   
   [div][attr="class","hudpicture"]
     [div][attr="class","hudtriangle"][/div]
   [/div]
 [/div]