write a reply

Hogwarts letter template

aliasRelu
pronounsshe/her
154written posts
alcoveearned bits
offlinecurrently
alcove
Full Member
alcove Avatar
ask not for whom the bell tolls

rules

1. Don't remove the credit.
[break]
2. Edit whatever you want, except the credit.
[break]
3. Tell me where you are using this template.
I figured it'd be nice to have a little letter template for people to use on certain sites *cough*
[googlefont=Roboto:400,400i,700,700i][break][break][break]








[nospaces]
[attr="class","nd-container"]
[attr="class","nd-inside"]
[attr="class","nd-trap"]
[attr="class","nd-sides"]
[attr="class","nd-seal"]
[attr="class","nd-initals"]
[attr="class","nd-initals2"]


N.D.


[attr="class","nd-flap"]
[attr="class","nd-letter"]
[attr="class","nd-write"]




Dear Mr/Ms. [Surname],

[break][break]

We are pleased to inform you that you have been accepted at Hogwarts School of Witchcraft and Wizardry.

[break][break]

[attr="class","nd-bgnone"]Yours sincerely,

[attr="class","nd-sig"]Minerva McGonagall





[attr="class","nd-credits"]alcove
[googlefont="Dancing+Script|La Belle Aurore|Damion|Roboto:400,700"][newclass=".nd-container"] height:300px; margin:auto; padding-top:0; overflow:hidden; transition:.8s .8s; [/newclass][newclass=".nd-credits a"]font:700 10px roboto;letter-spacing:1px;text-transform:uppercase;[/newclass][newclass=".nd-container:hover"] padding-top:200px; transition:.8s; [/newclass][newclass=".nd-container div"] margin-left:auto; margin-right:auto; background: url(https://www.toptal.com/designers/subtlepatterns/patterns/ricepaper.png); [/newclass][newclass=".nd-inside"] box-shadow: inset 0 50px 200px #643a1f; height:300px; width:450px; [/newclass][newclass=".nd-trap"] -webkit-clip-path: polygon(20% 40%, 80% 40%, 100% 100%, 0% 100%); clip-path: polygon(20% 40%, 80% 40%, 100% 100%, 0% 100%); height:300px; width:450px; box-shadow: inset 0 0 400px #643a1f; position:relative; z-index:2; [/newclass][newclass=".nd-sides"] -webkit-clip-path: polygon(0 100%, 0 0, 20% 40%, 80% 40%, 100% 0, 100% 100%); clip-path: polygon(0 100%, 0 0, 20% 40%, 80% 40%, 100% 0, 100% 100%); width:450px; height:300px; position:relative; z-index:1; margin-top:-300px; box-shadow: inset 0 0 100px #643a1f; [/newclass][newclass=".nd-write"] padding:40px; background:none!important; font:20px/25px 'La Belle Aurore';color:#000 [/newclass][newclass=".nd-letter"] position:relative; z-index:0; width:400px; top:-170px; box-shadow: inset 0 0 400px #b68d5e, 0 0 20px #000; transition-duration:.4s; background: url(https://www.toptal.com/designers/subtlepatterns/patterns/handmadepaper.png)!important; [/newclass][newclass=".nd-container:hover .nd-letter"] top:-370px; transition-delay:.4s; transition-duration:.4s; [/newclass][newclass=".nd-flap"]-webkit-clip-path: polygon(0 35%, 100% 35%, 90% 70%, 49% 100%, 10% 70%); clip-path: polygon(0 35%, 100% 35%, 90% 70%, 49% 100%, 10% 70%); box-shadow: inset 0 0 400px #643a1f; height:300px; width:450px; margin-top:-405px; position:relative; z-index:3; transition: clip-path .4s .4s, z-index 0s .5s; [/newclass][newclass=".nd-container:hover .nd-flap"] -webkit-clip-path: polygon(0 35%, 100% 35%, 90% 15%, 50% 0, 10% 15%); clip-path: polygon(0 35%, 100% 35%, 90% 15%, 50% 0, 10% 15%); z-index:0; transition: clip-path .4s .1s, z-index 0s .5s; [/newclass][newclass=".nd-seal"] background:#900!important; height:300px; width:450px; position:relative; z-index:11; margin-top:-300px; top:0; transition:.5s .8s; -webkit-clip-path: circle(10% at 50% 50%); clip-path: circle(10% at 50% 60%); [/newclass][newclass=".nd-container:hover .nd-seal"] top:-100px; opacity:0; transition:.1s; [/newclass][newclass=".nd-initals"] background:none!important; padding-top:145px; padding-left:190px; [/newclass][newclass=".nd-initals2"] font:30px/25px 'Damion'; letter-spacing:-2px; background: radial-gradient(#c00 10px, #900, #700, #900 45px)!important; text-shadow:1px 1px 9px #300; color:#c00; width:70px; height:70px; border-radius:50%; text-align:center; line-height:70px; overflow:hidden; margin:0!important; [/newclass][newclass=".nd-sig"]font:30px 'Dancing Script';background:none!important[/newclass][newclass=".nd-bgnone"]background:none!important[/newclass]
last edit on Sept 28, 2019 7:28:32 GMT by alcove