From cdf43b0f816250d54a19544ecdfd2255e5e368e3 Mon Sep 17 00:00:00 2001 From: encrypt Date: Thu, 30 Nov 2023 00:05:03 +0100 Subject: [PATCH] =?UTF-8?q?il=20form=20iniziale=20=C3=A8=20presentabile?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- static/style.css | 70 ++++++++++++++++++++++++++++++++++++++++++++ templates/index.html | 20 +++++-------- 2 files changed, 78 insertions(+), 12 deletions(-) create mode 100644 static/style.css diff --git a/static/style.css b/static/style.css new file mode 100644 index 0000000..1d1e5cc --- /dev/null +++ b/static/style.css @@ -0,0 +1,70 @@ +body { + background: #232323; + font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;b3 +} + +body { + margin-top: 30px; + color: #ccc; + max-width: 80%; + margin: 0 auto; + margin-top: 30px; +} + +/* +form > input[type=checkbox] { + width: 20px; + height: 20px; + border-radius: 50%; + appearance: none; + -webkit-appearance: none; + background-color: white; + vertical-align: middle; + cursor: pointer; +} + +form > input[type=checkbox]:checked { + background-color: #ff6e40; + +} +*/ +form > input[type=checkbox] { + width: 20px; + height: 20px; + accent-color: #fff; + cursor: pointer; + border: none; +} + +form > input[type=checkbox]:checked { + accent-color: #ff6e40; +} + +form > input[type=submit] { + background-color: #ff6e40; + border: none; + border-radius: 10px; + font-size:20px; + color: #fff; + padding: 5px; + white-space: normal; +} + +#template { + background-color: #ff6e40; + border: none; + border-radius: 10px; + width: 15%; + height: 20pt; + font-size: 19px; + color: #fff +} + + + +label, input { + font-size: inherit; + padding: 0.2em; + margin: 0.1em 0.2em; + box-sizing: content-box; +} diff --git a/templates/index.html b/templates/index.html index 6a7e085..b8dd011 100644 --- a/templates/index.html +++ b/templates/index.html @@ -1,18 +1,12 @@ - Generatore di volantini -

Generatore di volantini per balotta.org

+ + + gancio flyers + + +

Generatore di volantini per balotta.org

Scegli gli eventi che vuoi mettere nel volantino e premi genera.
@@ -51,3 +45,5 @@ L'attuale layout può contenere fino a eventi. document.querySelector("#template").value = "{{default_template}}" templateSelected("{{default_template}}") + +