From 56ab0030bbd42d31b6ecee1723ff908800d08ab8 Mon Sep 17 00:00:00 2001 From: ben69uaq Date: Mon, 7 Jun 2021 19:36:25 +0200 Subject: [PATCH] ajout explications --- src/main/resources/static/index.html | 4 ++-- src/main/resources/static/rectangle.png | Bin 0 -> 16538 bytes src/main/resources/static/style.css | 18 +++++++++++++++++- 3 files changed, 19 insertions(+), 3 deletions(-) create mode 100644 src/main/resources/static/rectangle.png diff --git a/src/main/resources/static/index.html b/src/main/resources/static/index.html index 359c968..45f0673 100644 --- a/src/main/resources/static/index.html +++ b/src/main/resources/static/index.html @@ -22,13 +22,13 @@

- Layout :

-
+ +

?
diff --git a/src/main/resources/static/rectangle.png b/src/main/resources/static/rectangle.png new file mode 100644 index 0000000000000000000000000000000000000000..1f3cf541a12f7fb4d231d769c24b8035e2b0077d GIT binary patch literal 16538 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 literal 0 HcmV?d00001 diff --git a/src/main/resources/static/style.css b/src/main/resources/static/style.css index 7d9f018..df0bb86 100644 --- a/src/main/resources/static/style.css +++ b/src/main/resources/static/style.css @@ -70,13 +70,29 @@ body { } #rules { position: fixed; - padding: 20px; top: 40px; right: 25px; + width: 240px; + padding: 20px; background-color: darkgrey; box-shadow: 0 0 5px darkgrey; } #rules input[type=text] { width: 40px; margin-right: 5px; +} +#rules #help span { + cursor: help; + padding: 0px 4px; + border: 1px solid; + border-radius: 10px; + background-color: white; +} +#rules #help #explication { + display: none; + margin-top: 10px; + width: 210px; +} +#rules #help:hover #explication { + display: block; } \ No newline at end of file