Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
<!doctype html>
<meta charset="utf-8">
<link href=',700,400italic,700italic' rel='stylesheet' type='text/css'>
<link href=',700' rel='stylesheet' type='text/css'>
body {
line-height: 1;
margin: 50px;
div {
background: rgba(0, 0, 0, .1);
border-radius: 5px;
box-sizing: border-box;
padding: 15px;
width: 220px;
header {
overflow: clear;
position: relative;
h2 {
font-family: 'PT Sans Narrow', sans-serif;
font-size: 18px;
font-weight: 700;
margin: 0 0 10px;
text-align: center;
button {
position: absolute;
top: -4px;
button:first-child {
left: 0;
button:last-child {
right: 0;
table {
background: #fff;
border-collapse: collapse;
color: #222;
font-family: 'PT Sans', sans-serif;
font-size: 13px;
width: 100%;
td {
border: 1px solid #ccc;
color: #444;
line-height: 22px;
text-align: center;
tr:first-child td {
color: #222;
font-weight: 700;
.selected {
background: #f0951d;
border: 0;
box-shadow: 0 2px 6px rgba(0, 0, 0, .5) inset;
<h2>July 2013</h2>
<td class="selected">17</td>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.