The Mandalorian Administrativo

<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(http://placehold.it/520x250/222.png);">
<div class="mdhtop">other info here / you can separate it like this / or leave it empty / your call</div>
<div class="mdhenv">
<div class="mdhleft">
<div class="mdhrombp"><em class="sf sf-sun-1-o"></em></div>
<div class="mdhrombg">
<strong>short title</strong>
<span>subtitle</span>
</div>
</div>
<div class="mdhright">
<div class="mdhrenv">
<strong>name of post</strong>
<span>another subtitle</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.
</div>
<div class="mdcont2">
Contenido 2.
</div>
<div class="mdcont3">
Contenido 3.
</div>
<div class="mdcont4">
Contenido 4.
</div>
<div class="mdcont5">
Contenido 5.
</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"/>