Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Revert "fixed version error" #20

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
+142 −162
Open

Revert "fixed version error" #20

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
300 changes: 140 additions & 160 deletions assets/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,219 +1,196 @@
html {background-color: black}
body {
background-color: black !important;
background-color: black;
}

h2 {
color: white !important;
color: white;
}
h3 {
color: white !important;
color: white;
}

p {
color: white !important;
color: white;
}

* {
font-family: 'Raleway', sans-serif;
}

.hero.has-background {
position: relative;
overflow: hidden;
position: relative;
overflow: hidden;
}

.hero-background {
background-image: url('/assets/images/hero-bg.jpg');
position: absolute;
object-fit: cover;
object-position: center center;
width: 100%;
height: 100%;
background-image: url('/assets/images/hero-bg.jpg');
position: absolute;
object-fit: cover;
object-position: center center;
width: 100%;
height: 100%;
}

.hero-background.is-transparent {
opacity: 0.3;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.3;
}

.hero img {
height: 300px;
width:auto;
height: 300px;
width:auto;
}

.title, .subtitle {
text-align: center;
text-align: center;
}

header nav ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
list-style: none;
}

ul {
list-style-type: none;
justify-content: space-between;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
list-style-type: none;
justify-content: space-between;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}

li {
display: inline-block;
text-align: justify;
margin: 0 50px;
float: left;
}

li a {
display: block;
color: white;
text-align: center;
padding: 5px 5px;
text-decoration: none;
display: block;
color: white;
text-align: center;
padding: 5px 5px;
text-decoration: none;
}

li a:hover {
color: #111;
background-color: #111;
}



/*ul li {
display: inline;
;
display: inline;
;
}*/
/* Set a style for all buttons */
button {
background-color: #f0df93;
color: black;
padding: 14px 20px;
margin: 8px 0;
border: none;
cursor: pointer;
width: 20%;
opacity: 0.9;
}

button:hover {
opacity:1;
}

.button.is-info.m-3{
background-color: #f0df93;
color: black;
}

.field {
margin: 50px 50px;
align-items: center;
text-align: center;
padding-right: 20%;
padding-left: 20%;
}

/* Float cancel and delete buttons and add an equal width */
.cancelbtn, .deletebtn {
float: left;
width: 50%;
}

/* Add a color to the cancel button */
.cancelbtn {
background-color: rgb(32, 177, 32);
color: black;
}

/* Add a color to the delete button */
.deletebtn {
background-color: #f44336;
color: black;
}

/* Add padding and center-align text to the container */
.container {
padding: 16px;
text-align: center;
}

/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: black;
padding-top: 50px;
}

/* Modal Content/Box */
.modal-content {
background-color: #fefefe;
margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
border: 1px solid #888;
width: 80%; /* Could be more or less, depending on screen size */
}

/* Style the horizontal ruler */
hr {
border: 1px solid #f1f1f1;
margin-bottom: 25px;
}

/* The Modal Close Button (x) */
.close {
position: absolute;
right: 35px;
top: 15px;
font-size: 40px;
font-weight: bold;
color: #f1f1f1;
}

.close:hover,
.close:focus {
color: #f44336;
cursor: pointer;
}

/* Clear floats */
.clearfix::after {
content: "";
clear: both;
display: table;
}
background-color: #04AA6D;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
cursor: pointer;
width: 20%;
opacity: 0.9;
}

/* Change styles for cancel button and delete button on extra small screens */
@media screen and (max-width: 300px) {
button:hover {
opacity:1;
}

/* Float cancel and delete buttons and add an equal width */
.cancelbtn, .deletebtn {
width: 100%;
float: left;
width: 50%;
}

/* Add a color to the cancel button */
.cancelbtn {
background-color: rgb(32, 177, 32);
color: black;
}

/* Add a color to the delete button */
.deletebtn {
background-color: #f44336;
color: black;
}

/* Add padding and center-align text to the container */
.container {
padding: 16px;
text-align: center;
}

/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: #474e5d;
padding-top: 50px;
}

/* Modal Content/Box */
.modal-content {
background-color: #fefefe;
margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
border: 1px solid #888;
width: 80%; /* Could be more or less, depending on screen size */
}

/* Style the horizontal ruler */
hr {
border: 1px solid #f1f1f1;
margin-bottom: 25px;
}

/* The Modal Close Button (x) */
.close {
position: absolute;
right: 35px;
top: 15px;
font-size: 40px;
font-weight: bold;
color: #f1f1f1;
}

.close:hover,
.close:focus {
color: #f44336;
cursor: pointer;
}

/* Clear floats */
.clearfix::after {
content: "";
clear: both;
display: table;
}

/* Change styles for cancel button and delete button on extra small screens */
@media screen and (max-width: 300px) {
.cancelbtn, .deletebtn {
width: 100%;
}
}
}


#searchHistory {
color: black;
background-color: #f0df93;
color: #fff;
background-color: #3488ce;
}
.map-div {
height:500px;
width: 500px;
display:none;
height:500px;
width: 500px;
display:none;
}

.carousel-inner {
width: auto;
height: 700px;
width: 50%;
height: auto;
}

/* Mobile up to 768px*/
Expand All @@ -240,3 +217,6 @@ height: 700px;
@include fullhd {

}



4 changes: 2 additions & 2 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -169,13 +169,13 @@ <h3 id="us" class="contributors is-size-2">Contributors</h3>
</div>

<!-- footer -->
<section class="m-5">
<footer class="m-5">
<h2 class="is-size-3">Drink responsibly.</h2>
<div class="content has-text-white">
<a href="contactpage.html">Contact Us</a></br>
&copy; 2022 BrewberEats, Inc.
</div>
</section>
</footer>

<script src="./assets/js/breweryubery.js"></script>
<script async
Expand Down