#grid { border-collapse: collapse; border: 1px solid #ddd; } #grid.active { border: none; background: #ddd; } #grid td { width: 2em; height: 2em; display: inline-block; padding: 1px; text-align: center; line-height: 2em; } #grid.active td { cursor: pointer; } #grid.active td:hover { padding: 0; border: 1px dashed #aaa; } #grid td[class*="color"] { padding: 0; } #grid td.off { filter: invert(1); } #export > * { display: none; } #save.active, #share.active { display: initial; }