[html]<div class="mando">
<input type="radio" id="mdcont1" name="mando" checked/>
<input type="radio" id="mdcont2" name="mando"/>
<input type="radio" id="mdcont3" name="mando"/>
<input type="radio" id="mdcont4" name="mando"/>
<input type="radio" id="mdcont5" name="mando"/>
<div class="mdheader" style="background-image:url(https://i.imgur.com/PFFl7Lx.gif);">
<div class="mdhtop">star wars based / other info here / i don't know, you name it</div>
<div class="mdhenv">
<div class="mdhleft">
<div class="mdhrombp"><em class="sf sf-sun-1-o"></em></div>
<div class="mdhrombg">
<strong>mandalorian</strong>
<span>this is the way</span>
</div>
</div>
<div class="mdhright">
<div class="mdhrenv">
<strong>Din Djarin</strong>
<span>I can bring you in warm… Or I can bring you in cold.</span>
</div>
</div>
</div>
</div>
<div class="mdbody">
<div class="mdsid">
<label for="mdcont1">
<em>01.</em><strong>name of tab</strong>
</label>
<label for="mdcont2">
<em>02.</em><strong>name of tab</strong>
</label>
<label for="mdcont3">
<em>03.</em><strong>name of tab</strong>
</label>
<label for="mdcont4">
<em>04.</em><strong>name of tab</strong>
</label>
<label for="mdcont5">
<em>05.</em><strong>name of tab</strong>
</label>
</div>
<div class="mdcont">
<div class="mdcont1">
Contenido 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultrices porta turpis nec rutrum. Nam venenatis dapibus orci a consequat. Nulla sollicitudin vestibulum faucibus. Donec lacus ipsum, molestie nec ligula vel, malesuada ultrices lectus. Quisque sed nunc in enim mattis scelerisque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed elit risus, lacinia sit amet congue id, ultrices sagittis lorem. Integer elementum sollicitudin nisi, sit amet commodo nibh pretium a. Phasellus ornare placerat tincidunt. Nulla porta enim pellentesque accumsan varius. Aliquam rutrum malesuada viverra. Maecenas tempor est vitae volutpat pharetra. Integer vehicula urna ut dui laoreet, vel dictum nisi auctor. Integer hendrerit nisl sed metus consequat, ut luctus augue pretium. Maecenas est erat, suscipit quis convallis eu, fermentum id elit. Aliquam malesuada porttitor sem, id mollis nibh viverra nec.
<br/><br/>
In sed commodo quam. Maecenas ut dui ac neque blandit lobortis ut quis risus. Vivamus ipsum tellus, efficitur eleifend mauris et, egestas feugiat arcu. Nullam efficitur vehicula lorem, eu pulvinar dui finibus at. Nulla nec mauris lacinia, consectetur mi nec, faucibus metus. Cras sapien odio, porta ac faucibus sit amet, condimentum a dui. Sed at convallis nunc. Curabitur vitae eleifend purus, sit amet aliquam sapien. Vestibulum efficitur viverra ultricies. Curabitur congue quam sed nulla ullamcorper, vel euismod arcu fringilla. Suspendisse potenti. Duis mollis mi at erat ornare, ac consectetur ligula pretium.
</div>
<div class="mdcont2">
Contenido 2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultrices porta turpis nec rutrum. Nam venenatis dapibus orci a consequat. Nulla sollicitudin vestibulum faucibus. Donec lacus ipsum, molestie nec ligula vel, malesuada ultrices lectus. Quisque sed nunc in enim mattis scelerisque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed elit risus, lacinia sit amet congue id, ultrices sagittis lorem. Integer elementum sollicitudin nisi, sit amet commodo nibh pretium a. Phasellus ornare placerat tincidunt. Nulla porta enim pellentesque accumsan varius. Aliquam rutrum malesuada viverra. Maecenas tempor est vitae volutpat pharetra. Integer vehicula urna ut dui laoreet, vel dictum nisi auctor. Integer hendrerit nisl sed metus consequat, ut luctus augue pretium. Maecenas est erat, suscipit quis convallis eu, fermentum id elit. Aliquam malesuada porttitor sem, id mollis nibh viverra nec.
<br/><br/>
In sed commodo quam. Maecenas ut dui ac neque blandit lobortis ut quis risus. Vivamus ipsum tellus, efficitur eleifend mauris et, egestas feugiat arcu. Nullam efficitur vehicula lorem, eu pulvinar dui finibus at. Nulla nec mauris lacinia, consectetur mi nec, faucibus metus. Cras sapien odio, porta ac faucibus sit amet, condimentum a dui. Sed at convallis nunc. Curabitur vitae eleifend purus, sit amet aliquam sapien. Vestibulum efficitur viverra ultricies. Curabitur congue quam sed nulla ullamcorper, vel euismod arcu fringilla. Suspendisse potenti. Duis mollis mi at erat ornare, ac consectetur ligula pretium.
</div>
<div class="mdcont3">
Contenido 3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultrices porta turpis nec rutrum. Nam venenatis dapibus orci a consequat. Nulla sollicitudin vestibulum faucibus. Donec lacus ipsum, molestie nec ligula vel, malesuada ultrices lectus. Quisque sed nunc in enim mattis scelerisque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed elit risus, lacinia sit amet congue id, ultrices sagittis lorem. Integer elementum sollicitudin nisi, sit amet commodo nibh pretium a. Phasellus ornare placerat tincidunt. Nulla porta enim pellentesque accumsan varius. Aliquam rutrum malesuada viverra. Maecenas tempor est vitae volutpat pharetra. Integer vehicula urna ut dui laoreet, vel dictum nisi auctor. Integer hendrerit nisl sed metus consequat, ut luctus augue pretium. Maecenas est erat, suscipit quis convallis eu, fermentum id elit. Aliquam malesuada porttitor sem, id mollis nibh viverra nec.
<br/><br/>
In sed commodo quam. Maecenas ut dui ac neque blandit lobortis ut quis risus. Vivamus ipsum tellus, efficitur eleifend mauris et, egestas feugiat arcu. Nullam efficitur vehicula lorem, eu pulvinar dui finibus at. Nulla nec mauris lacinia, consectetur mi nec, faucibus metus. Cras sapien odio, porta ac faucibus sit amet, condimentum a dui. Sed at convallis nunc. Curabitur vitae eleifend purus, sit amet aliquam sapien. Vestibulum efficitur viverra ultricies. Curabitur congue quam sed nulla ullamcorper, vel euismod arcu fringilla. Suspendisse potenti. Duis mollis mi at erat ornare, ac consectetur ligula pretium.
</div>
<div class="mdcont4">
Contenido 4. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultrices porta turpis nec rutrum. Nam venenatis dapibus orci a consequat. Nulla sollicitudin vestibulum faucibus. Donec lacus ipsum, molestie nec ligula vel, malesuada ultrices lectus. Quisque sed nunc in enim mattis scelerisque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed elit risus, lacinia sit amet congue id, ultrices sagittis lorem. Integer elementum sollicitudin nisi, sit amet commodo nibh pretium a. Phasellus ornare placerat tincidunt. Nulla porta enim pellentesque accumsan varius. Aliquam rutrum malesuada viverra. Maecenas tempor est vitae volutpat pharetra. Integer vehicula urna ut dui laoreet, vel dictum nisi auctor. Integer hendrerit nisl sed metus consequat, ut luctus augue pretium. Maecenas est erat, suscipit quis convallis eu, fermentum id elit. Aliquam malesuada porttitor sem, id mollis nibh viverra nec.
<br/><br/>
In sed commodo quam. Maecenas ut dui ac neque blandit lobortis ut quis risus. Vivamus ipsum tellus, efficitur eleifend mauris et, egestas feugiat arcu. Nullam efficitur vehicula lorem, eu pulvinar dui finibus at. Nulla nec mauris lacinia, consectetur mi nec, faucibus metus. Cras sapien odio, porta ac faucibus sit amet, condimentum a dui. Sed at convallis nunc. Curabitur vitae eleifend purus, sit amet aliquam sapien. Vestibulum efficitur viverra ultricies. Curabitur congue quam sed nulla ullamcorper, vel euismod arcu fringilla. Suspendisse potenti. Duis mollis mi at erat ornare, ac consectetur ligula pretium.
</div>
<div class="mdcont5">
Contenido 5. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultrices porta turpis nec rutrum. Nam venenatis dapibus orci a consequat. Nulla sollicitudin vestibulum faucibus. Donec lacus ipsum, molestie nec ligula vel, malesuada ultrices lectus. Quisque sed nunc in enim mattis scelerisque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed elit risus, lacinia sit amet congue id, ultrices sagittis lorem. Integer elementum sollicitudin nisi, sit amet commodo nibh pretium a. Phasellus ornare placerat tincidunt. Nulla porta enim pellentesque accumsan varius. Aliquam rutrum malesuada viverra. Maecenas tempor est vitae volutpat pharetra. Integer vehicula urna ut dui laoreet, vel dictum nisi auctor. Integer hendrerit nisl sed metus consequat, ut luctus augue pretium. Maecenas est erat, suscipit quis convallis eu, fermentum id elit. Aliquam malesuada porttitor sem, id mollis nibh viverra nec.
<br/><br/>
In sed commodo quam. Maecenas ut dui ac neque blandit lobortis ut quis risus. Vivamus ipsum tellus, efficitur eleifend mauris et, egestas feugiat arcu. Nullam efficitur vehicula lorem, eu pulvinar dui finibus at. Nulla nec mauris lacinia, consectetur mi nec, faucibus metus. Cras sapien odio, porta ac faucibus sit amet, condimentum a dui. Sed at convallis nunc. Curabitur vitae eleifend purus, sit amet aliquam sapien. Vestibulum efficitur viverra ultricies. Curabitur congue quam sed nulla ullamcorper, vel euismod arcu fringilla. Suspendisse potenti. Duis mollis mi at erat ornare, ac consectetur ligula pretium.
</div>
</div>
</div>
</div>
<a href="https://necromancercoding.tumblr.com/" class="ncredit">NC</a>
<style>.mando { --bckg1: #151515; --bckg2: #999; --border1: 1px solid #0a0a0a; --border2: 1px solid var(--border2-color); --border2-color: #fff; --text: #aaa; --title:#fff; --accent1: #00cccc; --accent2: #00aaaa; --slide-blend: multiply; }</style><link href="https://dl.dropbox.com/s/sw7fnif7p80g4j0/mando.css" rel="stylesheet"/><link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet"/><link href="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet"/>[/html]