.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } body { margin: 0; font-family: Helvetica; } header { border-bottom: 1px solid rgba(0, 0, 0, 0.1); background: #fcfcfc; background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%); padding: 0.8rem; } header .logo { vertical-align: middle; width: 45px; height: 45px; } header h1 { display: inline-block; margin: 0 0 0 0.5rem; vertical-align: middle; font-weight: normal; font-size: 1.5rem; color: #666666; } header .right { float: right; font-size: .75rem; } header .right ul li { display: inline; margin: 0 0 0 .5rem; font-size: 1rem; } header .button { color: #ffffff; background-color: #4e064f; padding: 10px; border-radius: 5px; text-decoration: none; margin-left: 1rem; cursor: pointer; } table.file-list { width: 100%; margin: 0 auto; border-collapse: collapse; } table.file-list th { text-align: left; text-transform: uppercase; font-weight: normal; color: #666666; padding: 0.5rem; } table.file-list tr { border-bottom: 1px solid #e0e0e0; } table.file-list td { white-space: nowrap; padding: 0.5rem 10rem 0.5rem 0.8rem; } table.file-list td img { vertical-align: middle; margin-right: 0.5rem; } table.file-list td:last-child { width: 100%; }