[nospaces]
[attr="class","da-cerbwrap ryotolupin"]
[attr="class","da-cerbheader"]
[attr="class","da-cerbheadimg"]
[attr="class","da-cerbheadbox"]
[attr="class","da-cerbheadicon"]
[attr="class","da-cerbheadbord"]
[attr="class","da-cerbheadline"]
[break]
[attr="class","da-cerbmidtop"] |
[attr="class","da-cerbpost"] Write Post Here. [break][break]This is bold, this is underscore and this is italic. [break][break]in ".name" replace 'name' with your character's name. Be sure to replace name up at the top as well. [break][break]Then replace hexcode with the colour of your choice. [break][break] [attr="class","da-cerbnotes"]NOTES [break] [break] | |
[attr="class","da-cerbcredit"]
˚ʚ♡ɞ˚[break]
[attr="class","da-cerbfooter"]
[attr="class","da-cerbfootimg"]
[attr="class","da-cerbfootbord"]
[attr="class","da-cerbfootline"]
[attr="class","da-cerbpoke"]
[attr="class","da-cerbpoke"]
[attr="class","da-cerbpoke"]
[attr="class","da-cerbpoke"]
[attr="class","da-cerbpoke"]
[attr="class","da-cerbpoke"]
[break][break][break][break][break]
[googlefont=Rubik][googlefont=Ysabeau Infant]
[newclass=".ryotolupin"] --accent:#4A78A7!important; [/newclass]
[newclass=.da-cerbwrap]position:relative; box-sizing:border-box; width:547px; background:#1B1B1B; border-radius:4px; margin:auto[/newclass]
[newclass=.da-cerbheader]position:relative; box-sizing:border-box; width:547px; height:177px; background-color:#333234; border:solid 1px #1B1B1B; overflow:hidden; border-radius:4px 4px 0px 0px;[/newclass]
[newclass=.da-cerbheadimg]position:relative; box-sizing:border-box; width:545px; height:175px; background-color:#333234; filter: grayscale(1); background-blend-mode: multiply;background-size:cover;[/newclass]
[newclass=.da-cerbheadline]position:absolute; top:14px; left:14px; box-sizing:border-box; width:505px; height:162px; border-top:solid 1px var(--accent);border-left:solid 1px var(--accent);[/newclass]
[newclass=.da-cerbheadbox]position:absolute; top:-21px; right:40px; box-sizing:border-box; width:185px; height:220px; border-left:solid 5px var(--accent); border-right:solid 5px var(--accent);transform: rotate(10deg); overflow:hidden;[/newclass]
[newclass=.da-cerbheadicon]position:absolute; top:21px; left:-17px; box-sizing:border-box; width:210px; height:180px; mix-blend-mode: multiply; background-size:cover; transform: rotate(-10deg); filter: grayscale(1);[/newclass]
[newclass=.da-cerbheadbord]position:absolute; bottom:0px; left:0px; box-sizing:border-box; width:545px; height:36px; background-color:black; opacity:33%;[/newclass]
[newclass=.da-cerbheader table]position:absolute; top:24px; left:28px; box-sizing:border-box; width:503px; height:133px; text-transform:uppercase; font: 800 38px Poppins; line-height:45px; color:#EEEDEF; text-align:left; opacity:80%;vertical-align:middle;[/newclass]
[newclass=.da-cerbpost]border-radius:5px; border: solid 1px #232323; background:#2B2B2B; padding:24px 34px 44px 34px; background-image:url(https://i.imgur.com/BsHYgAE.png); background-repeat:no-repeat; background-position:bottom right; background-blend-mode: multiply; color:#AAAAAA; font:300 12px 'Rubik'; letter-spacing:0px; line-height:18px;[/newclass]
[newclass=.da-cerbpost a]color:var(--accent);[/newclass]
[newclass=.da-cerbpost b]color:var(--accent);font-weight:600;[/newclass]
[newclass=.da-cerbpost i]color:var(--accent);[/newclass]
[newclass=.da-cerbpost u]color:var(--accent); transform:uppercase;[/newclass]
[newclass=.da-cerbfooter]position:relative; box-sizing:border-box; width:547px; height:102px; background-color:#333234; border:solid 1px #1B1B1B; border-radius:0px 0px 5px 5px;[/newclass]
[newclass=.da-cerbfootimg]position:relative; box-sizing:border-box; width:545px; height:100px; background-color:#333234; filter: grayscale(1); background-blend-mode: multiply;background-size:cover; background-position:center bottom; background-image:url(https://i.imgur.com/2s9Elde.png);border-radius:0px 0px 5px 5px;[/newclass]
[newclass=.da-cerbfootline]position:absolute; bottom:14px; left:14px; box-sizing:border-box; width:526px; height:103px; border-bottom:solid 1px var(--accent);border-left:solid 1px var(--accent);[/newclass]
[newclass=.da-cerbfootbord]position:absolute; top:0px; left:0px; box-sizing:border-box; width:545px; height:25px; background-color:black; opacity:33%;[/newclass]
[newclass=.da-cerbpoke]position:absolute; bottom:-5px; right:5px; box-sizing:border-box; width:40px; height:40px; background-color:#333234; border-radius:40px; overflow:hidden; border:solid 1px var(--accent); transition-duration:0.5s;[/newclass]
[newclass=.da-cerbpoke:hover]background-color:var(--accent); transition-duration:0.5s;[/newclass]
[newclass=.da-cerbpoke img]width:40px;[/newclass]
[newclass=.da-cerbfooter table]position:absolute; bottom:24px; left:28px; box-sizing:border-box; width:503px; height:65px; text-transform:uppercase; font: 100 15px Poppins; line-height:22px; color:#C4C4C4; text-align:left; opacity:90%; vertical-align:top!important; letter-spacing:1px;mix-blend-mode: lighten;opacity:80%;[/newclass]
[newclass=.da-cerbfooter table a]text-transform:uppercase; font: 400 19px Poppins; line-height:22px; letter-spacing:2px; [/newclass]
[newclass=.da-cerbmidtop]position:absolute; top:176px; left:15px; background:var(--accent); width:1px; height:20px;[/newclass]
[newclass=.da-cerbcredit]margin-top:-16px; margin-right:4px; float:right;transform: rotate(-45deg);[/newclass]
[newclass=.da-cerbcredit a]color:var(--accent);[/newclass]
[newclass=.da-cerbnotes]width:75%; height:1px; background:var(--accent); color:var(--accent); opacity:90%; font: 400 20px Poppins;[/newclass]