-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Initial commit, completed stage 1 of project.
- Loading branch information
Kate Lovett
committed
Aug 12, 2018
1 parent
6da8d5b
commit e1299f0
Showing
50 changed files
with
1,489 additions
and
0 deletions.
There are no files selected for viewing
Validating CODEOWNERS rules …
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 |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| * @forbiddenvoid @richardkalehoff @asparr |
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 |
|---|---|---|
| @@ -0,0 +1,353 @@ | ||
| @charset "utf-8"; | ||
| /* CSS Document */ | ||
|
|
||
| body,td,th,p{ | ||
| font-family: Arial, Helvetica, sans-serif; | ||
| font-size: 12pt; | ||
| color: #333; | ||
| line-height: 1.5em; | ||
| } | ||
| body { | ||
| background-color: #fdfdfd; | ||
| margin: 0; | ||
| position:relative; | ||
| } | ||
| ul, li { | ||
| font-family: Arial, Helvetica, sans-serif; | ||
| font-size: 12pt; | ||
| color: #333; | ||
| } | ||
| a { | ||
| color: orange; | ||
| text-decoration: none; | ||
| } | ||
| a:hover, a:focus { | ||
| color: #3397db; | ||
| text-decoration: underline; | ||
| } | ||
| a img{ | ||
| border: none 0px #fff; | ||
| } | ||
| h1, h2, h3, h4, h5, h6 { | ||
|
|
||
| font-family: Arial, Helvetica, sans-serif; | ||
| margin: 0px; | ||
| } | ||
| hr { | ||
| width:80%; | ||
| } | ||
| /*article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section { | ||
| display: block; | ||
| }*/ | ||
| #maincontent { | ||
| /*background-color: #f3f3f3;*/ | ||
| min-height: 100%; | ||
| } | ||
| #footer { | ||
| max-width: 100%; | ||
| background-color: #252831; | ||
| color: #aaa; | ||
| font-size: 10pt; | ||
| letter-spacing: 1px; | ||
| padding: 25px; | ||
| text-align: center; | ||
| text-transform: uppercase; | ||
| } | ||
| /* ====================== Navigation ====================== */ | ||
| nav { | ||
| line-height: 2em; | ||
| background-color: #252831; | ||
| text-align:center; | ||
| /*max-width:900px;*/ | ||
| } | ||
| nav h1 { | ||
| margin: auto; | ||
| padding: 15px; | ||
| /*max-width:900px;*/ | ||
| } | ||
| nav h1 a { | ||
| color: #fff; | ||
| font-size: 14pt; | ||
| font-weight: 200; | ||
| letter-spacing: 10px; | ||
| text-transform: uppercase; | ||
| } | ||
| #breadcrumb { | ||
| padding: 10px 40px 16px; | ||
| list-style: none; | ||
| background-color: #eee; | ||
| font-size: 14px; | ||
| margin: 0; | ||
| /*max-width: 900px*/ | ||
| } | ||
|
|
||
| /* Display list items side by side */ | ||
| #breadcrumb li { | ||
| display: inline; | ||
| } | ||
|
|
||
| /* Add a slash symbol (/) before/behind each list item */ | ||
| #breadcrumb li+li:before { | ||
| padding: 8px; | ||
| color: black; | ||
| content: "/\00a0"; | ||
| } | ||
|
|
||
| /* Add a color to all links inside the list */ | ||
| #breadcrumb li a { | ||
| color: #0275d8; | ||
| text-decoration: none; | ||
| } | ||
|
|
||
| /* Add a color on mouse-over */ | ||
| #breadcrumb li a:hover { | ||
| color: #01447e; | ||
| text-decoration: underline; | ||
| } | ||
| /* ====================== Map ====================== */ | ||
| #map { | ||
| height: 400px; | ||
| width: 100%; | ||
| background-color: #ccc; | ||
| } | ||
| /* ====================== Restaurant Filtering ====================== */ | ||
| .filter-options { | ||
| width: 100%; | ||
| /*height: 50px;*/ | ||
| background-color: #252831; | ||
| align-items: center; | ||
| } | ||
| .filter-options h2 { | ||
| color: white; | ||
| /*font-size: 1rem;*/ | ||
| font-weight: normal; | ||
| line-height: 1.5em; | ||
| margin: 0 20px; | ||
| } | ||
| .filter-options select { | ||
| background-color: white; | ||
| border: 1px solid #fff; | ||
| font-family: Arial,sans-serif; | ||
| font-size: 12pt; | ||
| height: 35px; | ||
| letter-spacing: 0; | ||
| margin: 10px; | ||
| padding: 0 10px; | ||
| width: 200px; | ||
| } | ||
|
|
||
| .aria-label { | ||
| display: none; | ||
| } | ||
|
|
||
| /* ====================== Restaurant Listing ====================== */ | ||
| #restaurants-list { | ||
| background-color: #f3f3f3; | ||
| list-style: outside none none; | ||
| margin: 0; | ||
| padding: 30px 15px 60px; | ||
| text-align: center; | ||
| /*display: flex; | ||
| flex-direction: row; | ||
| flex-wrap: wrap; | ||
| justify-content: center;*/ | ||
| } | ||
| #restaurants-list li { | ||
| background-color: #fff; | ||
| border: 1px solid #ccc; | ||
| font-family: Arial,sans-serif; | ||
| margin: 16px; | ||
| min-height: 380px; | ||
| padding: 10px; | ||
| max-width: 310px; | ||
| /*display: inline-flex; | ||
| /*flex-direction:column;*/ | ||
| display:inline-block; | ||
| text-align: center; | ||
| } | ||
| #restaurants-list .restaurant-img { | ||
| background-color: #ccc; | ||
| display: block; | ||
| margin: 0; | ||
| max-width: 100%; | ||
| min-height: 100%; | ||
| min-width: 100%; | ||
| } | ||
| #restaurants-list li h3 { | ||
| color: #f18200; | ||
| font-family: Arial,sans-serif; | ||
| font-size: 14pt; | ||
| font-weight: 200; | ||
| letter-spacing: 0; | ||
| line-height: 1.3em; | ||
| margin: 20px 0 10px; | ||
| text-transform: uppercase; | ||
| } | ||
| #restaurants-list p { | ||
| margin: 0; | ||
| font-size: 12pt; | ||
| } | ||
| #restaurants-list li a { | ||
| background-color: #252831; | ||
| border-bottom: 3px solid #eee; | ||
| color: #fff; | ||
| display: inline-block; | ||
| font-size: 12pt; | ||
| margin: 15px 0 10px; | ||
| padding: 8px 30px 10px; | ||
| text-align: center; | ||
| text-decoration: none; | ||
| text-transform: uppercase; | ||
| } | ||
|
|
||
| /* ====================== Restaurant Details ====================== */ | ||
| .inside header { | ||
| /*position: fixed;*/ | ||
| top: 0; | ||
| max-width: 100%; | ||
| /*z-index: 1000;*/ | ||
| } | ||
| .inside #map-container { | ||
| background: blue none repeat scroll 0 0; | ||
| /*height: 87%; | ||
| position: fixed; | ||
| right: 0; | ||
| top: 80px;*/ | ||
| max-width: 100%; | ||
| } | ||
| /*.inside #map { | ||
| background-color: #ccc; | ||
| height: 100%; | ||
| width: 100%; | ||
| }*/ | ||
| .inside #footer { | ||
| bottom: 0; | ||
| /*position: absolute;*/ | ||
| } | ||
| #restaurant-name { | ||
| color: #f18200; | ||
| font-family: Arial,sans-serif; | ||
| font-size: 22pt; | ||
| font-weight: 200; | ||
| letter-spacing: 0; | ||
| margin: 20px 0 20px; | ||
| text-transform: uppercase; | ||
| line-height: 1.1; | ||
| } | ||
| #restaurant-img { | ||
| width: 90%; | ||
| padding-bottom: 10px; | ||
| max-width: 960px; | ||
| border-radius: 20px 0px 20px 0px; | ||
| } | ||
| #restaurant-address { | ||
| font-size: 14pt; | ||
| margin: 10px 0px; | ||
| } | ||
| #restaurant-container { | ||
| text-align: center; | ||
| } | ||
| #restaurant-cuisine { | ||
| background-color: #333; | ||
| color: #ddd; | ||
| font-size: 14pt; | ||
| font-weight: 300; | ||
| letter-spacing: 10px; | ||
| margin: 0 0 20px; | ||
| padding: 2px 0; | ||
| text-align: center; | ||
| text-transform: uppercase; | ||
| width: 100%; | ||
| } | ||
| #restaurant-hours { | ||
| margin-left: auto; | ||
| margin-right: auto; | ||
| text-align: left; | ||
| padding-bottom:15px; | ||
| /*max-width: 80%;*/ | ||
| } | ||
| #restaurant-hours th { | ||
| line-height: 1.2em; | ||
| } | ||
| #restaurant-container, #reviews-container { | ||
| border-bottom: 1px solid #d9d9d9; | ||
| border-top: 1px solid #fff; | ||
| /*padding-bottom:30px; | ||
| padding: 140px 40px 30px;*/ | ||
| /*width: 50%;*/ | ||
| } | ||
| /*#reviews-container { | ||
| padding: 30px 40px; | ||
| }*/ | ||
| #reviews-container h3 { | ||
| color: #f58500; | ||
| font-size: 24pt; | ||
| font-weight: 300; | ||
| text-align: center; | ||
| /*letter-spacing: -1px;*/ | ||
| padding-bottom: 5px; | ||
| padding-top: 5px; | ||
| line-height:1.5em; | ||
| } | ||
| /*#reviews-list { | ||
| margin: 0; | ||
| padding: 0; | ||
| }*/ | ||
|
|
||
| #reviews-list { | ||
| padding:0px; | ||
| } | ||
| #reviews-list li { | ||
| background-color: #fff; | ||
| border: 2px solid #f3f3f3; | ||
| display: block; | ||
| list-style-type: none; | ||
| padding:0px; | ||
| /*margin: 0 0 30px;*/ | ||
| overflow: hidden; | ||
| /*padding: 0 20px 20px;*/ | ||
| position: relative; | ||
| width: 85%; | ||
| max-width:600px; | ||
| margin-left:auto; | ||
| margin-right:auto; | ||
| margin-bottom:20px; | ||
| border-radius: 0px 0px 10px 0px; | ||
| } | ||
| #reviews-list li p { | ||
| text-indent:10px; | ||
| } | ||
| #restaurant-hours td { | ||
| color: #666; | ||
| } | ||
|
|
||
| #reviewer-name { | ||
| background-color: #333; | ||
| color: #ddd; | ||
| font-size: 14pt; | ||
| font-weight: 300; | ||
| margin: 0px; | ||
| width: 100%; | ||
| border-radius: 10px 0px 0px 0px; | ||
| } | ||
|
|
||
| #reviewer-comments { | ||
| padding-left: 15px; | ||
| padding-right: 15px; | ||
| } | ||
|
|
||
| /* Media Queries | ||
| @media screen and (min-width: 834px) { | ||
| li { | ||
| max-width: 350px; | ||
| } | ||
| }*/ | ||
|
|
||
| /*@media screen and (min-width: 900px) { | ||
| body { | ||
| width: 1200px; | ||
| margin-left: auto; | ||
| margin-right: auto; | ||
| } | ||
| }*/ |
Oops, something went wrong.