table.css (1342B)
1 /* License CC0 */ 2 textarea { width: 100%; border: none; resize: none; } 3 4 td { vertical-align: top; border: thin solid gray; height: 4em; } 5 6 table { border-collapse: collapse; } 7 col.user-column-col { width: 15em; } 8 col.delete-row-col { width: 2em; } 9 col.insert-column-col { width: 2em; } 10 table { margin-right: 1em; margin-bottom: 1em; } 11 12 .insert-delete-column, .insert-delete-row { position: relative; border: none; min-width: 1.9em; height: 1.9em; } 13 .delete-button, .insert-button { cursor: pointer; } 14 .delete-button { text-decoration: none; color: red; } 15 .insert-button { text-decoration: none; color: darkgreen; } 16 .fuse-button a { text-decoration: none; color: blue; } 17 .fuse-button { border: thin solid lightblue; background: lightcyan; min-width: 1.5em; min-height: 1.5em; text-align: center; 18 border-radius: 1em; opacity: 0.5; position: absolute; } 19 .fuse-button:hover { opacity: 1; } 20 21 .column-button.insert-button { position: absolute; bottom: 0.5em; right: 0; transform: translateX(50%); } 22 .row-button.insert-button { position: absolute; right: 0.5em; bottom: 0; transform: translateY(50%); } 23 .column-button.delete-button { position: absolute; bottom: 0.5em; left: 50%; transform: translateX(-50%); } 24 .row-button.delete-button { position: absolute; right: 0.5em; top: 50%; transform: translateY(-50%); }