HTML/CSS framework for case overlays on top of media cover art.

Fork on GitHub


Include the CSS:

<link rel="stylesheet" href="css/media.css" />

Sample Markup:
NOTE: replace ps4 with whatever case you want (see options below)

<ul class="media-shelf">
  <li tabindex="0"><a href="#" class="media-case media-ps4"><img src="..." /></a></li>


Popular console classes: prefix with media-case media-
Generic box classes: prefix with media-case media-box media-