[thewebdrifter]

[nospaces]
[googlefont=Oswald|Roboto:400,700]

[attr="class","sixShwhole"]

[attr="class","sixShimg"]

[attr="class","sixShoutline"]

[attr="class","sixShextra"]

[attr="class","sixShtiny"]TAGGED:

thewebdrifter naomi

[attr="class","sixShnotes"]NOTES:

Uses her quirk to protect herself and Amy with a literal meat shield, that could also protect one more person if needed

[attr="class","sixShlyric"]

the sinking abyss

[attr="class","sixShcred"]SELKIE

[attr="class","sixShright"]

[attr="class","sixShly"]
when you stare into the abyss

[attr="class","sixShpost"]“lorem ipsum dolor sit amet,” Bolding text in this code causes it to be colored. That's really neat.[break][break]

I have done my best to change this up as best as I can with my limited knowledge. I think I did a pretty decent job of it all things considered.

[break][break]

This here along with the double breaks are where you put the text

[attr="class","sixShly"]
the abyss stares back

[newclass=.sixShwhole:hover .sixShlyric]top:51px;[/newclass]

[newclass=.sixShpost b] color:#68228b; [/newclass]
[newclass=.sixShtiny b] color:#68228b; [/newclass]
[newclass=.sixShnotes b] color:#68228b; [/newclass]
[newclass=.sixShnotes::-webkit-scrollbar-thumb] background-color: #68228b;[/newclass]
[newclass=.sixShpost::-webkit-scrollbar-thumb] background-color: #68228b;[/newclass]

[newclass=.sixShwhole] width:475px; height:400px;padding:5px;background-color:#FAFAFA;border:1px solid #dadada; [/newclass]
[newclass=.sixShimg] float:left; width:200px; height:400px; background-image:url(http://placehold.it/200x400.png); overflow:hidden; [/newclass]
[newclass=.sixShoutline] position:absolute; margin-top:10px; margin-left:10px; height:378px; overflow:hidden; width:178px; border:1px solid #fff;[/newclass]
[newclass=.sixShextra] position:relative; top:378px; transition:1s all;[/newclass]
[newclass=.sixShtiny] background-color:#fff; position:relative;text-align:justify; font-family:roboto; font-size:9px; line-height:14px; height:13px; padding:2px 5px; overflow:hidden; border-bottom:1px solid #ccc;color:#5a5a5a; [/newclass]
[newclass=.sixShtiny a]font-size:9px!important;font-family:roboto!important;font-weight:normal!important;line-height:14px!important; [/newclass]
[newclass=.sixShnotes] background-color:#fff; position:relative; font-family:roboto; font-size:9px; line-height:13px; height:26px; overflow:auto; padding:3px 4px; text-align:justify;color:#5a5a5a; [/newclass]
[newclass=.sixShlyric] width:248px;height:35px;background-color:#222;color:#fff;font-size:20px;line-height:35px;letter-spacing:-.5px;font-family:oswald;text-transform:uppercase;position:relative;top:-35px;left:-25px;transition:1s all;transform:rotate(0deg); [/newclass]
[newclass=.sixShwhole:hover .sixShextra] top:328px; transition:1s all; transition-delay:.5s; [/newclass]
[newclass=.sixShaccent] color:#999; [/newclass]
[newclass=.sixShright] float:right; width:275px; [/newclass]
[newclass=.sixShpost] background-color:#FAFAFA;height:352px; overflow:auto; text-align:justify; font-family:roboto; font-size:11px; line-height:17px; padding:5px;color:#5a5a5a; [/newclass]
[newclass=.sixShly] background-color:#999; letter-spacing:.5px;font:700 7px roboto;text-transform:uppercase; height:13px; line-height:13px; padding:3px; color:#fff; [/newclass]

[newclass=.sixShnotes::-webkit-scrollbar-track] background-color: #fff; [/newclass]
[newclass=.sixShnotes::-webkit-scrollbar] width:2px; background-color: #fff;border:0px; [/newclass]
[newclass=.sixShnotes::-webkit-scrollbar-thumb]border:0px;[/newclass]
[newclass=.sixShpost::-webkit-scrollbar] width:5px;border:0px; [/newclass]
[newclass=.sixShpost::-webkit-scrollbar-thumb]border-top:1px solid #fafafa; border-bottom:1px solid #fafafa;border-left:0px;border-right:0px; [/newclass]
[newclass=.sixShpost::-webkit-scrollbar-track]background-color: #fafafa; [/newclass]
[newclass=.sixShcred] color:#fff; font:700 7px roboto; position:relative; top:355px;[/newclass]
[newclass=.sixShcred a] color:#fff!important;font:700 7px roboto!important;[/newclass]