.list-table { width: 815px; margin: 0 auto; border-collapse: collapse; border: none; } .list-table > tbody:nth-of-type(2n+1) { background-color: transparent; } .list-table > tbody { float: left; position: relative; margin: 0 0 4px 17px; width: 247px; height: 160px; } .list-table .list-table-data .data { position: absolute; display: block; left: 120px; width: 120px; text-align: left; border: none; } .list-table .list-table-data .data.status { display: none; } .list-table .list-table-data .data.image { left: 0; } .list-table .list-table-data .data.image a { display: inline-block; } .list-table .list-table-data .data.image .image { width: 96px; height: 130px; margin-left: 20px; } .list-table .list-table-data .data.score:before { content: 'Score: ';} .list-table .list-table-data .data.score { top: 88px; } .list-table .list-table-data .data.progress div:before { content: 'Progress: ';} .list-table .list-table-data .data.progress { top: 108px; } .list-table .list-table-data .data.title { top: 32px; padding: 0; text-align: center; word-wrap: break-word; } .list-table .list-table-data .data.title .add-edit-more { visibility: hidden; position: absolute; top: -26px; margin: 0; font-size: 0.9em; float: none; } .add, .edit, .more { visibility: visible; position: absolute; } .add, .edit { left: 0; } .more { right: -85px; } .list-table .more-info { position: absolute; display: none; left: -8px; top: 27px; width: 260px; height: 302px; border: none; z-index: 1; }