table.js/table.css

25 lines
1.3 KiB
CSS

/* License CC0 */
textarea { width: 100%; border: none; resize: none; }
td { vertical-align: top; border: thin solid gray; height: 4em; }
table { border-collapse: collapse; }
col.user-column-col { width: 15em; }
col.delete-row-col { width: 2em; }
col.insert-column-col { width: 2em; }
table { margin-right: 1em; margin-bottom: 1em; }
.insert-delete-column, .insert-delete-row { position: relative; border: none; min-width: 1.9em; height: 1.9em; }
.delete-button, .insert-button { cursor: pointer; }
.delete-button { text-decoration: none; color: red; }
.insert-button { text-decoration: none; color: darkgreen; }
.fuse-button a { text-decoration: none; color: blue; }
.fuse-button { border: thin solid lightblue; background: lightcyan; min-width: 1.5em; min-height: 1.5em; text-align: center;
border-radius: 1em; opacity: 0.5; position: absolute; }
.fuse-button:hover { opacity: 1; }
.column-button.insert-button { position: absolute; bottom: 0.5em; right: 0; transform: translateX(50%); }
.row-button.insert-button { position: absolute; right: 0.5em; bottom: 0; transform: translateY(50%); }
.column-button.delete-button { position: absolute; bottom: 0.5em; left: 50%; transform: translateX(-50%); }
.row-button.delete-button { position: absolute; right: 0.5em; top: 50%; transform: translateY(-50%); }