-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
2 changed files
with
123 additions
and
120 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,217 +1,219 @@ | ||
| * { | ||
| box-sizing: border-box; | ||
| box-sizing: border-box; | ||
| } | ||
|
|
||
| #map { | ||
| height: 500px; | ||
| border: 5px solid #87A8A0; | ||
| height: 500px; | ||
| border: 5px solid #87a8a0; | ||
| } | ||
| .item-map { | ||
| height: 500px; | ||
| margin: 10px; | ||
| height: 500px; | ||
| margin: 10px; | ||
| } | ||
|
|
||
| body{ | ||
| background-color: #B8F5E5; | ||
| width: 70%; | ||
| margin: 20px auto; | ||
| font-family: 'Livvic', sans-serif; | ||
| font-size: 12pt; | ||
| body { | ||
| background-color: #b8f5e5; | ||
| width: 70%; | ||
| margin: 20px auto; | ||
| font-family: 'Livvic', sans-serif; | ||
| font-size: 12pt; | ||
| } | ||
|
|
||
| header { | ||
| display: grid; | ||
| grid-template-rows: 1fr 1fr; | ||
| display: grid; | ||
| grid-template-rows: 1fr 1fr; | ||
| } | ||
|
|
||
| .header-title { | ||
| display: grid; | ||
| grid-template-columns: 3fr 1fr; | ||
| font-weight: 600; | ||
| font-size: 2em; | ||
| display: grid; | ||
| grid-template-columns: 3fr 1fr; | ||
| font-weight: 600; | ||
| font-size: 2em; | ||
| } | ||
|
|
||
| .user-name { | ||
| font-weight: 400; | ||
| font-size: 0.5em; | ||
| font-weight: 400; | ||
| font-size: 0.5em; | ||
| } | ||
|
|
||
| nav { | ||
| display: grid; | ||
| grid-template-columns: repeat(3, 1fr); | ||
| font-weight: 500; | ||
|
|
||
| display: grid; | ||
| grid-template-columns: repeat(3, 1fr); | ||
| font-weight: 500; | ||
| } | ||
|
|
||
| .nav-item { | ||
| display: inline; | ||
| text-align: center; | ||
| display: inline; | ||
| text-align: center; | ||
| } | ||
|
|
||
| .page-nav { | ||
| margin: 40px auto; | ||
| margin: 40px auto; | ||
| } | ||
|
|
||
| a { | ||
| text-decoration: none; | ||
| color: black; | ||
| text-decoration: none; | ||
| color: black; | ||
| } | ||
|
|
||
| button { | ||
| background-color: #F1D0F5; | ||
| border-radius: 5px; | ||
| border: 2px solid #A47EA8; | ||
| color: black; | ||
| margin: 20px; | ||
| background-color: #f1d0f5; | ||
| border-radius: 5px; | ||
| border: 2px solid #a47ea8; | ||
| color: black; | ||
| margin: 20px; | ||
| } | ||
|
|
||
| /* Item Details Display Box */ | ||
| .description-of-item { | ||
| margin: 30px 0px; | ||
| border: 5px solid #87A8A0; | ||
| width: 100%; | ||
| display: grid; | ||
| grid-template-columns: 1fr 2fr; | ||
| background-color :#F5E5B8; | ||
| margin: 30px 0px; | ||
| border: 5px solid #87a8a0; | ||
| width: 100%; | ||
| display: grid; | ||
| grid-template-columns: 1fr 2fr; | ||
| background-color: #f5e5b8; | ||
| } | ||
| .description-of-item div { | ||
| margin: 10px; | ||
| margin: 10px; | ||
| } | ||
|
|
||
| .item-image{ | ||
| width: 100%; | ||
| margin: auto 0px; | ||
| .item-image { | ||
| width: 100%; | ||
| margin: auto 0px; | ||
| } | ||
|
|
||
| .image-of-item { | ||
| width: 100%; | ||
| padding: 0px 10px; | ||
| width: 100%; | ||
| padding: 0px 10px; | ||
| } | ||
|
|
||
|
|
||
| /* sign-up.ejs css */ | ||
| .signup-box{ | ||
| background-color: white; | ||
| width: 50%; | ||
| border: solid 1px grey; | ||
| border-radius: 10px; | ||
| margin: 0 auto; | ||
| .signup-box { | ||
| background-color: white; | ||
| width: 50%; | ||
| border: solid 1px grey; | ||
| border-radius: 10px; | ||
| margin: 0 auto; | ||
| } | ||
|
|
||
| .input-box form{ | ||
| display: grid; | ||
| width: 70%; | ||
| margin: 10px auto; | ||
| .input-box form { | ||
| display: grid; | ||
| width: 70%; | ||
| margin: 10px auto; | ||
| } | ||
|
|
||
| .input-box label, input{ | ||
| margin: 5px; | ||
| .input-box label, | ||
| input { | ||
| margin: 5px; | ||
| } | ||
|
|
||
| .input-box input{ | ||
| padding: 5px; | ||
| .input-box input { | ||
| padding: 5px; | ||
| } | ||
|
|
||
| .input-box button{ | ||
| width: 30%; | ||
| margin: 5px auto; | ||
| padding: 5px; | ||
| border: 1px solid black; | ||
| background-color: aquamarine; | ||
| .input-box button { | ||
| width: 30%; | ||
| margin: 5px auto; | ||
| padding: 5px; | ||
| border: 1px solid black; | ||
| background-color: aquamarine; | ||
| } | ||
|
|
||
| .text-in-signup{ | ||
| text-align: center; | ||
| .text-in-signup { | ||
| text-align: center; | ||
| } | ||
|
|
||
| .create-form-div, .update-form-div { | ||
| border: 1px solid grey; | ||
| border-radius: 10px; | ||
| text-align: center; | ||
| margin: 50px; | ||
| .create-form-div, | ||
| .update-form-div { | ||
| border: 1px solid grey; | ||
| border-radius: 10px; | ||
| text-align: center; | ||
| margin: 50px; | ||
| } | ||
|
|
||
| .create-form, .update-form { | ||
| margin: 20px; | ||
| padding: 20px auto; | ||
| .create-form, | ||
| .update-form { | ||
| margin: 20px; | ||
| padding: 20px auto; | ||
| } | ||
|
|
||
| .create-form label, .update-form label { | ||
| display: inline-block; | ||
| width: 300px; | ||
| text-align: right; | ||
| .create-form label, | ||
| .update-form label { | ||
| display: inline-block; | ||
| width: 300px; | ||
| text-align: right; | ||
| } | ||
|
|
||
| .create-form input, .update-form input { | ||
| width: 300px; | ||
| .create-form input, | ||
| .update-form input { | ||
| width: 300px; | ||
| } | ||
|
|
||
| .form-h1 { | ||
| text-align: center; | ||
| text-align: center; | ||
| } | ||
| /* log-in.ejs css */ | ||
|
|
||
|
|
||
| /* log-in.ejs css */ | ||
| .login-box{ | ||
| width: 40%; | ||
| border: 1px solid grey; | ||
| margin: 30px auto; | ||
| background-color: white; | ||
| .login-box { | ||
| width: 40%; | ||
| border: 1px solid grey; | ||
| margin: 30px auto; | ||
| background-color: white; | ||
| } | ||
|
|
||
| .login-box h1{ | ||
| text-align: center; | ||
| .login-box h1 { | ||
| text-align: center; | ||
| } | ||
|
|
||
| .login-input-box form{ | ||
| display: grid; | ||
| width: 70%; | ||
| grid-gap: 5px; | ||
| margin: 0 auto; | ||
| .login-input-box form { | ||
| display: grid; | ||
| width: 70%; | ||
| grid-gap: 5px; | ||
| margin: 0 auto; | ||
| } | ||
|
|
||
| .login-input-box input{ | ||
| padding: 5px; | ||
| .login-input-box input { | ||
| padding: 5px; | ||
| } | ||
|
|
||
| .login-input-box button{ | ||
| width: 50%; | ||
| padding: 5px; | ||
| margin: 0 auto 10px; | ||
| border: 1px solid black; | ||
| .login-input-box button { | ||
| width: 50%; | ||
| padding: 5px; | ||
| margin: 0 auto 10px; | ||
| border: 1px solid black; | ||
| } | ||
|
|
||
| /* view-my-items.ejs css */ | ||
| .my-items-box{ | ||
| border: 1px solid grey; | ||
| width: 80%; | ||
| margin: 10px auto; | ||
| .my-items-box { | ||
| border: 1px solid grey; | ||
| width: 80%; | ||
| margin: 10px auto; | ||
| } | ||
|
|
||
| .my-items-box img{ | ||
| width: 30%; | ||
| float: left; | ||
| .my-items-box img { | ||
| width: 30%; | ||
| float: left; | ||
| } | ||
|
|
||
| .item-box-text{ | ||
| width: 40%; | ||
| display: inline; | ||
| float: left; | ||
| margin-left: 40px; | ||
| .item-box-text { | ||
| width: 40%; | ||
| display: inline; | ||
| float: left; | ||
| margin-left: 40px; | ||
| } | ||
|
|
||
| .my-items-box::after { | ||
| content: ""; | ||
| clear: both; | ||
| display: table; | ||
| content: ''; | ||
| clear: both; | ||
| display: table; | ||
| } | ||
|
|
||
| .nav-icon { | ||
| width: 50px; | ||
| width: 50px; | ||
| } | ||
|
|
||
| .reserved { | ||
| background-color: aqua; | ||
| background-color: aqua; | ||
| } | ||
| /* login signup logout button */ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters