From a2090882e4df21534f660e15c617c2eff8fa2c83 Mon Sep 17 00:00:00 2001 From: JaumeBlond <46705356+JaumeBlond@users.noreply.github.com> Date: Tue, 16 Jan 2024 19:20:37 +0100 Subject: [PATCH] Add form and css --- iron-comments/index.html | 45 +++++++++++++++++++--------- iron-comments/styles/style.css | 54 +++++++++++++++++++++++++++++++++- 2 files changed, 84 insertions(+), 15 deletions(-) diff --git a/iron-comments/index.html b/iron-comments/index.html index 415101d..bf53d0e 100644 --- a/iron-comments/index.html +++ b/iron-comments/index.html @@ -1,19 +1,36 @@ - - - - - - Iron Comments - - - - + + + + + Iron Comments + + + +
- Name: Email: Comment: Receive email updates? Submit -
+ +
- - \ No newline at end of file + +
+ + +
+ +
+ + + + diff --git a/iron-comments/styles/style.css b/iron-comments/styles/style.css index 1a9004d..01dcf9e 100644 --- a/iron-comments/styles/style.css +++ b/iron-comments/styles/style.css @@ -1,11 +1,63 @@ +:root { + --Dark-Blue: rgb(25, 33, 41); + --Light-Blue: rgb(67, 163, 230); + --Text: rgb(255,255,255); + } + body { padding: 0; margin: 0; padding-top: 100px; width: 100vw; - + background-color: var(--Dark-Blue); + color: var(--Text); + text-decoration: solid; } #form-container { + padding-top: 1em; + padding-left: 1em; + padding-bottom: 1em; margin: auto; + width: 250px; + border-color: var(--Light-Blue); + border-style: solid; +} + +#from-container input{ + float: left; +} + +#femail, +#fname{ + width: 75%; + margin-bottom: 1%; +} + + +label { + width: 75%; + margin-bottom: 1%; +} + +.text-area { + width: 75%; + max-width: 95%; + height:175px; + margin-bottom: 1%; } + +label[for=fupdates] { + font-style: italic; + width: auto; +} + +button { + margin-top: 2%; + background-color: var(--Light-Blue); + color: var(--Text); + padding: 6px 6px; + border: none; + border-radius: 12px; + cursor: pointer; +} \ No newline at end of file