cr lobilles notepad tabs

<style type="text/css">

mark {
color: white;
font-family: roman;
-webkit-filter: drop-shadow(0px 0px 4px #f2a8dc);
text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000, 0 0;
font-size: 2em;
background: none;
}

#tab {
width: 100px;
z-index: 9999999999;
}

#tab .sp {
height: 14px;
width: 165px;
margin: -17px 0 0 -10px;
overflow: hidden;
background: url(https://31.media.tumblr.com/89d0a73dbfd39d6e6dfcd157efacf73a/tumblr_inline_nc4ltugMJI1rh7826.png);
}

#tab .nb {
text-align: left;
width: 160px;
margin-bottom: 20px;
padding: 5px;
background: url(https://31.media.tumblr.com/905e072082d7e170a96e198cf24af6d9/tumblr_inline_nc4ltqDhD21rh7826.png);
border: 1px solid rgba(0, 0, 0, 0.1);
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
z-index: 999999;
box-shadow: rgba(0, 0, 0, 0.07) 5px 5px;
font-size: 11px;
line-height: 13px;
}

</style>

<div id="tab">
<div class="nb"><div class="sp"></div>
<br>
<mark>.Warning.</mark>
<br>
info info info info info info info info info info info info info info info info info info info info info
</div>

<div class="nb"><div class="sp"></div>
<br>
<mark>.Criteria.</mark>
<br>
info info info info info info info info info info info info info info info info info info info info info
</div>

<div class="nb"><div class="sp"></div>
<br>
<mark>.Credits.</mark>
<br>
cr lobilles for the carrd layout.
</div>

</div>