MM074.- Clippo (baúl)

<div class="MM074"><div class="MM074-tt"><div>baúl de<b>Clippo</b></div></div>
<div class="MM074-img"><div style="background-image: url(https://i.postimg.cc/wByy1sbk/01.png);"></div></div>

<div class="MM074-dd"><div>
<a href="URL"><i class="ion-ios-person"></i>Expediente</a>
<a href="URL"><i class="ion-ios-calendar"></i>Cronología</a>
<a href="URL"><i class="ion-ios-heart"></i>Relaciones</a>
<a href="URL"><i class="ion-ios-phone-portrait"></i>Móvil</a>
<a href="URL"><i class="ion-ios-camera"></i>Galería</a>
</div></div>

</div><a href="https://emmescodes.tumblr.com/" class="miMM">emme</a><link href="//dl.dropbox.com/s/hw1euzwqm52r3bk/IonCSS.css" rel="stylesheet"><style>@font-face { font-family: NewYork; src: url(https://dl.dropbox.com/s/esbjyrst1kgq99e/NewYork.otf); } .MM074, .MM074 * { box-sizing: border-box; transition: .3s; --mm-1: #a12a54; --mm-2: #999; --mm-3: #333; --mm-4: #131313; --mm-5: #202020; } .MM074 br { display: none; } .MM074 { width: 450px; margin: 10px auto; border: 1px solid; padding: 0 10px; text-align: center; font: 12px Calibri; color: var(--mm-1); } .MM074 > div { background: repeating-linear-gradient(35deg, var(--mm-4) 0px, var(--mm-4) 6px, var(--mm-5) 6px, var(--mm-5) 7px); border: 1px solid var(--mm-3); padding: 30px; } .MM074 > div ~ div { border-top: none; } .MM074 > div > div { border: 1px solid var(--mm-3); background-color: var(--mm-4); } .MM074-tt { margin-top: -11px; color: var(--mm-2); } .MM074-tt > div { padding: 20px; } .MM074-tt > div > b { display: block; font: 22px NewYork; color: var(--mm-1); letter-spacing: 2px; padding-left: 2px; } .MM074-img { position: relative; } .MM074-img > div { height: 300px; background-position: center; background-size: cover; margin: -30px; border: 5px solid var(--mm-4) !important; box-shadow: inset 0 0 0 1px var(--mm-3); } .MM074-img::before { content: ""; position: absolute; border: 1px solid var(--mm-1); top: -11px; left: -12px; right: -12px; bottom: -11px; } .MM074-dd { margin-bottom: -11px; } .MM074-dd > div { display: flex; flex-wrap: wrap; padding: 2.5px; } .MM074-dd a { border: 1px solid var(--mm-3); margin: 2.5px; flex-grow: 1; padding: 15px 13px 15px 15px; min-width: 100px; color: var(--mm-2) !important; text-transform: uppercase; font-size: 10px; letter-spacing: 2px; } .MM074-dd i { display: block; color: var(--mm-1); font-size: 20px; margin-bottom: 5px; } .MM074-dd a:hover i { transform: scale(1.3); } .MM074-dd a:hover { border-color: var(--mm-1); } .miMM { display: block; font: bold 10px Calibri; letter-spacing: 2px; text-align: center; transition: 0.5s; text-transform: uppercase; padding: 3px; color: #444; } .miMM:hover { letter-spacing: 3px; }</style>