From c5d377e8e1c907149327ba45c22e5e52b8cecf1f Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Mon, 10 Jun 2024 23:15:02 +0200 Subject: Only grayscale background image of hidden/disabled lord mats. --- images/lord_mat_150_gray.jpg | Bin 0 -> 19608 bytes images/lord_mat_150_gray.png | Bin 0 -> 88714 bytes images/lord_mat_75_gray.jpg | Bin 0 -> 10588 bytes images/lord_mat_75_gray.png | Bin 0 -> 27317 bytes play.css | 27 +++++++++++++++++++++++---- 5 files changed, 23 insertions(+), 4 deletions(-) create mode 100644 images/lord_mat_150_gray.jpg create mode 100644 images/lord_mat_150_gray.png create mode 100644 images/lord_mat_75_gray.jpg create mode 100644 images/lord_mat_75_gray.png diff --git a/images/lord_mat_150_gray.jpg b/images/lord_mat_150_gray.jpg new file mode 100644 index 0000000..2da80e5 Binary files /dev/null and b/images/lord_mat_150_gray.jpg differ diff --git a/images/lord_mat_150_gray.png b/images/lord_mat_150_gray.png new file mode 100644 index 0000000..57a3f4f Binary files /dev/null and b/images/lord_mat_150_gray.png differ diff --git a/images/lord_mat_75_gray.jpg b/images/lord_mat_75_gray.jpg new file mode 100644 index 0000000..9035a95 Binary files /dev/null and b/images/lord_mat_75_gray.jpg differ diff --git a/images/lord_mat_75_gray.png b/images/lord_mat_75_gray.png new file mode 100644 index 0000000..f1187f5 Binary files /dev/null and b/images/lord_mat_75_gray.png differ diff --git a/play.css b/play.css index 9e4a3f2..a8f2974 100644 --- a/play.css +++ b/play.css @@ -486,12 +486,31 @@ body.Lancaster #plan_actions .york { display: none } .mat.engaged .board { box-shadow: 0 0 0 1px #333, 0 0 0 4px indianred; } #court1 .mat.hidden .board, -#court2 .mat.hidden .board { - filter: grayscale(100%) +#court2 .mat.hidden .board, +.mat.ravine .board +{ + background-image: url(images/lord_mat_75_gray.jpg); + background-color: #999; + border-color: #aaa #666 #666 #aaa; +} + +.defender .att #court1 .mat.hidden .board, +.defender .att #court2 .mat.hidden .board, +.defender .att .mat.ravine .board, +.attacker .def #court1 .mat.hidden .board, +.attacker .def #court2 .mat.hidden .board, +.attacker .def .mat.ravine .board +{ + border-color: #666 #aaa #aaa #666; } -.mat.ravine .board { - filter: grayscale(100%) +@media (min-resolution: 97dpi) { + #court1 .mat.hidden .board, + #court2 .mat.hidden .board, + .mat.ravine .board + { + background-image: url(images/lord_mat_150_gray.jpg); + } } .mat .capabilities { -- cgit v1.2.3