Buzón de Michael Davis

Michael Davis

¡Hola! Mi nombre es Michael. Actualmente resido en Londres y me dedico a trabajarn en el Ministerio de Magia. Envíame tu Lechuza

Código [Seleccionar] Expandir

Código de la carta
<link href="https://fonts.googleapis.com/css?family=Allura|Playfair+Display" rel="stylesheet"> <div class="absolute-tablilla"> <div class="triangulo-tablilla"></div> <div class="rombo"> <img src="https://mw-assets.ams3.cdn.digitaloceanspaces.com/hi-res/MW1584VB.jpg"> </div> <div class="triangulo-izquierdo"></div> <div class="triangulo-derecho"></div> <div class="carta-en-si"> <p>
Texto aquí
</p> </div> <div class="sello"> <h1>C</h1>
</div> </div>

<style>.absolute-tablilla {background: #f9ead9; height: 350px; width: 480px; margin: 270px auto 20px auto; position: relative;} .rombo { position: absolute; top: 14px; left: 50%; width: 320px; height: 320px; margin-top: -160px; /* Half the height */ margin-left: -160px; /* Half the width */ transform: rotate(45deg); overflow: hidden; } .rombo img { margin: -100px -110px; transform: rotate(-45deg)!important; } .triangulo-tablilla {width: 0; height: 0; border-style: solid; border-width: 0 240px 240px 240px; border-color: transparent transparent #f9ead9 transparent; position: absolute; top: -240px} .triangulo-izquierdo {width: 0; height: 0; border-style: solid; border-width: 350px 0 0 350px; border-color: transparent transparent transparent #F5ECE2; position: absolute; z-index: 2; left: 0; bottom: 0; } .triangulo-derecho {width: 0; height: 0; border-style: solid; border-width: 0 0 350px 350px; border-color: transparent transparent #EFE3D4 transparent; position: absolute; z-index: 2; right: 0; bottom: 0;} .carta-en-si {background: #E3D8CB; height: 480px; width: 380px; z-index: 1; position: absolute; left: 50px; bottom: 50px; box-shadow: 0px 0px 20px rgba(0,0,0,0.1); transition: all 0.5s ease-in-out;padding:10px} .carta-en-si:hover {height: 630px; #000;transition: all 0.5s ease-in-out;} .sello {background: linear-gradient(45deg, #5E400A, #684E29, #C7BD89, #9B8A4A, #685A29); height: 100px; width: 100px; position: absolute; z-index: 3; border-radius: 100%; border: 15px solid #BA9F45; bottom: 60px; left: 170px;} .sello h1 {font-family: 'Allura', cursive; font-size: 45px; color: rgba(255,255,255,1); line-height: 73px; text-align: center; margin-left: -7px;} .carta-en-si p {margin:0; padding: 5px; font-size: 10px; font-family: Playfair Display, sans-serif; text-align: justify; overflow: auto; max-height: 300px; color: #333;} .carta-en-si p::-webkit-scrollbar { width: 4px; } .carta-en-si p::-webkit-scrollbar-track { background: rgba(0,0,0,0.0); } .carta-en-si p::-webkit-scrollbar-thumb { background: #990033;} #cyala-sign {font-size: 6px; text-transform: uppercase; letter-spacing: 2px; margin:0; font-family: arial; margin-top: 10px;} #cyala-sign a { text-decoration: none!important;}</style>