From 8c672a568ad096f28d4c3a2ba95b01ecc30cc3ce Mon Sep 17 00:00:00 2001 From: Cristiano Magro <cristiano.magro@vola.it> Date: Thu, 26 Dec 2024 23:51:23 +0100 Subject: [PATCH] draw bar healt after attack --- 03 - lists conditional/lists-cond-06-lists-keys/styles.css | 80 ++++++++++++++++++++++++++++++++++++++++ 1 files changed, 80 insertions(+), 0 deletions(-) diff --git a/03 - lists conditional/lists-cond-06-lists-keys/styles.css b/03 - lists conditional/lists-cond-06-lists-keys/styles.css new file mode 100644 index 0000000..fd51300 --- /dev/null +++ b/03 - lists conditional/lists-cond-06-lists-keys/styles.css @@ -0,0 +1,80 @@ +* { + box-sizing: border-box; +} + +html { + font-family: 'Jost', sans-serif; +} + +body { + margin: 0; +} + +header { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26); + margin: 3rem; + border-radius: 10px; + padding: 1rem; + background-color: #1b995e; + color: white; + text-align: center; +} + +#user-goals { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26); + margin: 3rem; + border-radius: 10px; + padding: 1rem; + text-align: center; +} + +#user-goals h2 { + font-size: 2rem; + border-bottom: 4px solid #ccc; + color: #1b995e; + margin: 0 0 1rem 0; +} + +#user-goals ul { + list-style: none; + margin: 1rem 0; + padding: 0; +} + +#user-goals li { + margin: 1rem 0; + font-size: 1.25rem; + font-weight: bold; + background-color: #8ddba4; + padding: 0.5rem; + color: #1f1f1f; + border-radius: 25px; +} + +#user-goals input { + font: inherit; + border: 1px solid #ccc; +} + +#user-goals input:focus { + outline: none; + border-color: #1b995e; + background-color: #d7fdeb; +} + +#user-goals button { + font: inherit; + cursor: pointer; + border: 1px solid #ff0077; + background-color: #ff0077; + color: white; + padding: 0.05rem 1rem; + box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.26); +} + +#user-goals button:hover, +#user-goals button:active { + background-color: #ec3169; + border-color: #ec3169; + box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.26); +} -- Gitblit v1.8.0