diff --git a/css/colors.css b/css/colors.css new file mode 100644 index 0000000..9f518c5 --- /dev/null +++ b/css/colors.css @@ -0,0 +1,31 @@ +.color0 { + background: #d9c7b0; +} + +.color1 { + background: #d5d5fb; +} + +.color2 { + background: #ffe6c0; +} + +.color3 { + background: #edffd3; +} + +.color4 { + background: #ffd0d0; +} + +.color5 { + background: #fcf; +} + +.color6 { + background: #adf; +} + +.color7 { + background: #fff89e; +} diff --git a/css/grid.css b/css/grid.css index 168b91e..8a5bcb5 100644 --- a/css/grid.css +++ b/css/grid.css @@ -1,48 +1,19 @@ -#grid td { +#grid { + border-collapse: collapse; background: #ddd; } -#grid td, #grid th { +#grid td { width: 2em; height: 2em; } -#grid tbody.ready td, #grid th { +#grid td { cursor: pointer; + padding: 1px; } -#grid .color0 { - background: #d9c7b0; -} - -#grid .color1 { - background: #d5d5fb; -} - -#grid .color2 { - background: #ffe6c0; -} - -#grid .color3 { - background: #edffd3; -} - -#grid .color4 { - background: #ffd0d0; -} - -#grid .color5 { - background: #fcf; -} - -#grid .color6 { - background: #adf; -} - -#grid .color7 { - background: #fff89e; -} - -#grid th.current { - border: 2px dashed #777; +#grid td:hover { + padding: 0; + border: 1px dashed #aaa; } diff --git a/css/main.css b/css/main.css index e2009d2..75d9471 100644 --- a/css/main.css +++ b/css/main.css @@ -1,3 +1,7 @@ #mode { list-style: none; } + +body { + cursor: default; +} diff --git a/css/toolbox.css b/css/toolbox.css new file mode 100644 index 0000000..52cdaad --- /dev/null +++ b/css/toolbox.css @@ -0,0 +1,28 @@ +#toolbox, #colors { + list-style: none; + padding: 0; +} + +#colors, #colors * { + width: 2em; + height: 2em; +} + +#colors * { + padding: 2px; + display: none; +} + +#colors.open *, #colors .current { + display: block; +} + +#colors.open li:hover { + border: 2px dashed #777; + padding: 0; +} + +#colors { + cursor: pointer; + display: inline-block; +} diff --git a/index.html b/index.html index 172308b..c8393fa 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,20 @@