Commit a999afde authored by Renfred Harper's avatar Renfred Harper
Browse files

Add base structure for info drop-down

parent 4d31b9bf
/*Bootstrap*/ /*Bootstrap*/
.navbar-default { .navbar-default {
background-color: rgba(252,252,255,0.96); background-color: rgba(252,252,255,0.96);
margin-bottom: 0;
} }
.navbar-toggle { .navbar-toggle {
background-color: white; background-color: white;
...@@ -31,7 +32,7 @@ a:visited{ ...@@ -31,7 +32,7 @@ a:visited{
body { body {
background: url(/static/img/southside.jpg) center top no-repeat; background: url(/static/img/southside.jpg) center top no-repeat;
background-size: cover; background-size: cover;
padding-top: 70px; padding-top: 50px;
} }
.title{ .title{
...@@ -51,6 +52,7 @@ body { ...@@ -51,6 +52,7 @@ body {
.grid-box{ .grid-box{
font-size:160%; font-size:160%;
margin: 10px 0px; margin: 10px 0px;
cursor: pointer;
} }
.grid-box .restaurant{ .grid-box .restaurant{
text-align:center; text-align:center;
...@@ -94,6 +96,7 @@ ul.ui-autocomplete { ...@@ -94,6 +96,7 @@ ul.ui-autocomplete {
} }
.main-container{ .main-container{
padding-bottom: 200px; padding-bottom: 200px;
margin-top: 20px
} }
#footer{ #footer{
background-color: rgba(252,252,255,0.96); background-color: rgba(252,252,255,0.96);
...@@ -117,6 +120,22 @@ ul.ui-autocomplete { ...@@ -117,6 +120,22 @@ ul.ui-autocomplete {
#footer-line { #footer-line {
display: none; display: none;
} }
#info-body {
width: 100%;
background-color: #FFF;
padding-top: 10px;
padding-bottom: 10px;
cursor: pointer;
display: none;
}
#info-name {
font-size: 22px;
margin-bottom: 5px;
}
#info-close {
position: absolute;
right: 15px;
}
/* Custom Responsive Classes */ /* Custom Responsive Classes */
/* xs */ /* xs */
@media (min-width: 480px) { @media (min-width: 480px) {
......
...@@ -51,6 +51,15 @@ ...@@ -51,6 +51,15 @@
</div> </div>
</div> </div>
</nav> </nav>
<div id="info-body">
<div class="container" id="info-container">
<div class="row">
<div class="col-md-12" id="info-name"></div>
<div class="col-md-3">Status:</div>
<div class="col-md-3">Open Till:</div>
</div>
</div>
</div>
<div class="container main-container"> <div class="container main-container">
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment