Sample css and tempalte for Pivy-print (https://github.com/sudodoki/pivy-print) Screenshot: https://github.com/sudodoki/pivy-print/blob/images/sir_template.jpg

pivy-print.css

@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster'), url(http://themes.googleusercontent.com/static/fonts/lobster/v5/vAXzwlQm5f2XqUwV0l0P2w.woff) format('woff');
}

@font-face {
  font-family: 'Goudy Bookletter 1911';
  font-style: normal;
  font-weight: 400;
  src: local('Goudy Bookletter 1911'), local('GoudyBookletter1911'), url(http://themes.googleusercontent.com/static/fonts/goudybookletter1911/v3/l5lwlGTN3pEY5Bf-rQEuIMvsW7MYFVYsuLRj6jSUyb0.woff) format('woff');
}

#print-area .card h4 {
  font-family: 'Lobster';
  max-height: 2em;
  margin: 0;
  padding-bottom: 0.5em;
  overflow: hidden;
  text-overflow: ellipsis;
}

#print-area div.card {
  margin: 4px;
  padding: 4px;
  font-family: 'Goudy Bookletter 1911';
  font-size: 25px;
  width: 200px;
  min-height: 200px;
  float: left;
  border-radius: 10px;
  box-shadow: 5px 5px 10px #A0A0A0;
}

#print-area div.card div {
  overflow: hidden;
}

#print-area div.task.background {
  border: 1px solid #8DA404;
  background-color: #F2F5A9;
  background: -webkit-gradient(linear, left top, left bottom, from(#F2F5A9),
    to(#D2D589) );
}

#print-area div.task div {
  margin: 0px;
  padding: 2px;
}

#print-area div.task .story-identifier {
  text-align: center;
  min-height: 20px;
}

#print-area div.task.normal.background .story-identifier {
  border-bottom: 1px solid #D2D589;
}

#print-area div.task.normal.foreground .story-identifier {
  border-bottom: 1px solid #FEAE00;
}

#print-area div.task .tags {
  min-height: 20px;
  text-align: center;
  font-size: .9em;
  font-style: italic;
}

#print-area div.task.normal.background .tags {
  border-top: 1px solid #B2B569;
}

#print-area div.task.normal.foreground .tags {
  border-top: 1px solid #FEAE00;
}

#print-area div.task .description {
  min-height: 154px;
  padding: 2px;
}

pivy-print.mustache.html

<div id='{{print_id}}' class='card task normal background'> 
  <div class='story-identifier'>#{{id}}</div>
  <h4>{{name}}</h4>
  <div class='description'>Sir {{ requested_by }} says about this {{story_type}} and it's all about “{{description}}” <br></div>
  <div class='tags'>{{story_type}} {{story_points}}</div>
</div>