From 5a323d7170f11ca3132d354a19d3dfb11173f9a1 Mon Sep 17 00:00:00 2001 From: deepend-tildeclub <58404188+deepend-tildeclub@users.noreply.github.com> Date: Sun, 3 Sep 2023 19:14:59 -0600 Subject: [PATCH] Create dark.css --- guestbook/example/dark.css | 83 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 83 insertions(+) create mode 100644 guestbook/example/dark.css diff --git a/guestbook/example/dark.css b/guestbook/example/dark.css new file mode 100644 index 0000000..3cb77e4 --- /dev/null +++ b/guestbook/example/dark.css @@ -0,0 +1,83 @@ +/* Reset some default styles */ +body, h1, p, form { + margin: 0; + padding: 0; +} + +body { + font-family: 'Arial', sans-serif; + background-color: #2c3e50; + color: #ecf0f1; + padding: 20px; +} + +h1, h2 { + font-size: 2em; + margin-bottom: 20px; + text-align: center; +} + +p { + margin-bottom: 20px; + line-height: 1.5; +} + +form { + background-color: #34495e; + padding: 20px; + border-radius: 5px; + margin-bottom: 20px; +} + +input[type="text"], textarea { + width: 100%; + padding: 10px; + margin-bottom: 10px; + border: 1px solid #7f8c8d; + border-radius: 5px; + background-color: #ecf0f1; + color: #2c3e50; + font-size: 1em; +} + +input[type="submit"] { + background-color: #e74c3c; + color: #ecf0f1; + padding: 10px 20px; + border: none; + border-radius: 5px; + cursor: pointer; + transition: background-color 0.3s; + font-size: 1em; +} + +input[type="submit"]:hover { + background-color: #c0392b; +} + +/* Styles for the guestbook entries */ +.entry { + background-color: #34495e; + padding: 15px; + margin-bottom: 20px; + border-radius: 5px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); +} + +.entry-name { + font-weight: bold; + font-size: 1.1em; + color: #e74c3c; +} + +.entry-email { + font-style: italic; + color: #95a5a6; + margin-left: 10px; +} + +.entry-message { + margin-top: 10px; + font-size: 1.1em; + color: #ecf0f1; +}