From a0980cd498b116d18ccc0e1c2669f242a588fe64 Mon Sep 17 00:00:00 2001 From: Evan Michael Wilson <160220662+Cirruslucent@users.noreply.github.com> Date: Sun, 24 Mar 2024 16:28:03 -0700 Subject: [PATCH] Update Milehigh-world.css MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 🚀 --- Milehigh-world.css | 134 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 134 insertions(+) create mode 100644 Milehigh-world.css diff --git a/Milehigh-world.css b/Milehigh-world.css new file mode 100644 index 0000000..22f5c24 --- /dev/null +++ b/Milehigh-world.css @@ -0,0 +1,134 @@ +/* Reset */ +*, +*::before, +*::after { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +body { + font-family: 'Arial', sans-serif; + line-height: 1.6; + color: #333; + padding: 20px; + background-color: #f4f4f4; +} + +/* Grid System */ +.container { + width: 100%; + max-width: 1200px; + margin: 0 auto; + padding: 0 15px; +} + +.row { + display: flex; + flex-wrap: wrap; + margin: 0 -15px; +} + +.col, +.col-1, +.col-2, +.col-3, +.col-4, +.col-5, +.col-6, +.col-7, +.col-8, +.col-9, +.col-10, +.col-11, +.col-12 { + padding: 0 15px; +} + +.col-1 { width: 8.33%; } +.col-2 { width: 16.66%; } +.col-3 { width: 25%; } +.col-4 { width: 33.33%; } +.col-5 { width: 41.66%; } +.col-6 { width: 50%; } +.col-7 { width: 58.33%; } +.col-8 { width: 66.66%; } +.col-9 { width: 75%; } +.col-10 { width: 83.33%; } +.col-11 { width: 91.66%; } +.col-12 { width: 100%; } + +/* Typography */ +h1, h2, h3, h4, h5, h6 { + margin-bottom: 20px; +} + +p { + margin-bottom: 10px; +} + +/* Buttons */ +.btn { + display: inline-block; + background: #007bff; + color: #ffffff; + padding: 10px 20px; + cursor: pointer; + border: none; + border-radius: 5px; + transition: background-color 0.3s; +} + +.btn:hover { + background-color: #0056b3; +} + +/* Navigation */ +.navbar { + background-color: #333; + overflow: hidden; +} + +.navbar a { + float: left; + display: block; + color: white; + text-align: center; + padding: 14px 20px; + text-decoration: none; +} + +.navbar a:hover { + background-color: #ddd; + color: black; +} + +/* Forms */ +input[type="text"], +input[type="email"], +input[type="password"], +select, +textarea { + width: 100%; + padding: 10px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; +} + +input[type="submit"] { + width: 100%; + background-color: #4CAF50; + color: white; + padding: 14px 20px; + margin: 8px 0; + border: none; + border-radius: 4px; + cursor: pointer; +} + +input[type="submit"]:hover { + background-color: #45a049; +} \ No newline at end of file