Skip to content

Commit

Permalink
Update Milehigh-world.css
Browse files Browse the repository at this point in the history
🚀
  • Loading branch information
Cirruslucent authored Mar 24, 2024
1 parent a25b4bc commit a0980cd
Showing 1 changed file with 134 additions and 0 deletions.
134 changes: 134 additions & 0 deletions Milehigh-world.css
Original file line number Diff line number Diff line change
@@ -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;
}

0 comments on commit a0980cd

Please sign in to comment.