Cleaned-up white space in index.html.
This commit is contained in:
parent
2650d30063
commit
dd18d4449c
30
index.html
30
index.html
|
@ -19,12 +19,12 @@
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1#sticker {
|
h1#sticker {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -41,7 +41,7 @@
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border: 0.3em solid white;
|
border: 0.3em solid white;
|
||||||
}
|
}
|
||||||
|
|
||||||
#contact {
|
#contact {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 16em;
|
width: 16em;
|
||||||
|
@ -49,11 +49,11 @@
|
||||||
top:85%;
|
top:85%;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
#contact .icons {
|
#contact .icons {
|
||||||
padding: 0 0 0 1.5em;
|
padding: 0 0 0 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#rightmenu {
|
#rightmenu {
|
||||||
background-color: rgba(128,0,128,0.4);
|
background-color: rgba(128,0,128,0.4);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -66,11 +66,11 @@
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menutitle {
|
.menutitle {
|
||||||
font-size: 150%;
|
font-size: 150%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flavours {
|
.flavours {
|
||||||
line-height: 2em;
|
line-height: 2em;
|
||||||
font-size: 120%;
|
font-size: 120%;
|
||||||
|
@ -85,27 +85,27 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 85%;
|
top: 85%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#ordertext {
|
#ordertext {
|
||||||
display: none;
|
display: none;
|
||||||
font-size: 120%;
|
font-size: 120%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#footer {
|
#footer {
|
||||||
font-size: 70%;
|
font-size: 70%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 97%;
|
top: 97%;
|
||||||
width: 98%;
|
width: 98%;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (-webkit-device-pixel-ratio:2) {
|
@media only screen and (-webkit-device-pixel-ratio:2) {
|
||||||
h1#sticker {
|
h1#sticker {
|
||||||
font-size: 3em;
|
font-size: 3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menutitle, .flavours, .allergies {
|
.menutitle, .flavours, .allergies {
|
||||||
font-size: 80%;
|
font-size: 80%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -133,7 +133,7 @@
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function closeMenu() {
|
function closeMenu() {
|
||||||
$(function(){
|
$(function(){
|
||||||
if ( $("#rightmenu").css("display") != "none" ) {
|
if ( $("#rightmenu").css("display") != "none" ) {
|
||||||
|
@ -158,7 +158,7 @@
|
||||||
<div id="footer">
|
<div id="footer">
|
||||||
<span id="attribution">Photo by <a href="https://www.flickr.com/people/24576874@N00">Julien Haler</a> via Flickr</span>
|
<span id="attribution">Photo by <a href="https://www.flickr.com/people/24576874@N00">Julien Haler</a> via Flickr</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Menu -->
|
<!-- Menu -->
|
||||||
<div id="rightmenu" onclick="closeMenu();">
|
<div id="rightmenu" onclick="closeMenu();">
|
||||||
<p class="menutitle">Macaron Flavours</p>
|
<p class="menutitle">Macaron Flavours</p>
|
||||||
|
|
Loading…
Reference in a new issue