From c228886f0695209452524ba3bdffd7497bfdc44e Mon Sep 17 00:00:00 2001 From: Fudgerboy <91767657+Fudgerboy@users.noreply.github.com> Date: Fri, 5 Jul 2024 00:04:23 +0000 Subject: Thu, Jul 4, 2024, 5:04 PM -07:00 --- wk8/pset/trivia/index.html | 31 +++++++++++++++++++++++ wk8/pset/trivia/styles.css | 62 ++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 93 insertions(+) create mode 100644 wk8/pset/trivia/index.html create mode 100644 wk8/pset/trivia/styles.css (limited to 'wk8/pset') diff --git a/wk8/pset/trivia/index.html b/wk8/pset/trivia/index.html new file mode 100644 index 0000000..3555b91 --- /dev/null +++ b/wk8/pset/trivia/index.html @@ -0,0 +1,31 @@ + + + + + + + Trivia! + + + +
+

Trivia!

+
+ +
+
+

Part 1: Multiple Choice

+
+ +
+ +
+

Part 2: Free Response

+
+ +
+
+ + diff --git a/wk8/pset/trivia/styles.css b/wk8/pset/trivia/styles.css new file mode 100644 index 0000000..de7b706 --- /dev/null +++ b/wk8/pset/trivia/styles.css @@ -0,0 +1,62 @@ +body { + background-color: #fff; + color: #212529; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + margin: 0; + text-align: left; +} + +.container { + margin-left: auto; + margin-right: auto; + padding-left: 15px; + padding-right: 15px; +} + +.header { + background-color: #477bff; + color: #fff; + margin-bottom: 2rem; + padding: 2rem 1rem; + text-align: center; +} + +.section { + padding: 0.5rem 2rem 1rem 2rem; +} + +.section:hover { + background-color: #f5f5f5; + transition: color 2s ease-in-out, background-color 0.15s ease-in-out; +} + +h1 { + font-family: 'Montserrat', sans-serif; + font-size: 48px; +} + +button, input[type="submit"] { + background-color: #d9edff; + border: 1px solid transparent; + border-radius: 0.25rem; + font-size: 0.95rem; + font-weight: 400; + line-height: 1.5; + padding: 0.375rem 0.75rem; + text-align: center; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + vertical-align: middle; +} + + +input[type="text"] { + line-height: 1.8; + width: 25%; +} + +input[type="text"]:hover { + background-color: #f5f5f5; + transition: color 2s ease-in-out, background-color 0.15s ease-in-out; +} -- cgit v1.2.3