Based on code from pen from dmac37 http://codepen.io/dmac37/details/cfArp
Intended use to display recent posts thumbnails in a wordpress theme.
A Pen by Josh Howenstine on CodePen.
Based on code from pen from dmac37 http://codepen.io/dmac37/details/cfArp
Intended use to display recent posts thumbnails in a wordpress theme.
A Pen by Josh Howenstine on CodePen.
.model-container-wrapper{ | |
width: 100%; | |
display: inline-block; | |
position: relative; | |
cursor: pointer; | |
&:after{ | |
padding-top: 56.25%; /*16:9 ratio*/ | |
display: block; | |
content: ''; | |
} |
<ul id="treeview-collapse"> | |
<li><span class="icon icon-folder2"></span>level 1 | |
<ul> | |
<li>level 2 | |
<ul> | |
<li>level 3</li> | |
<li>level 3 | |
<ul> | |
<li>level 4</li> | |
<li>level 4</li> |
<div class="timer-group"> | |
<div class="timer hour"> | |
<div class="hand"><span></span></div> | |
<div class="hand"><span></span></div> | |
</div> | |
<div class="timer minute"> | |
<div class="hand"><span></span></div> | |
<div class="hand"><span></span></div> | |
</div> | |
<div class="timer second"> |
<div class="container"> | |
<ul id="nav"> | |
<li><a href="#" class="icon-home"></a></li> | |
<li class="active"><a href="#" class="icon-camera"></a></li> | |
<li><a href="#" class="icon-mail"></a></li> | |
<li><a href="#" class="icon-comment"></a></li> | |
<li><a href="#" class="icon-user"></a></li> | |
<li><a href="#" class="icon-cog"></a></li> | |
</ul> | |
</div> |