Cleaned-up white space in index.html.

This commit is contained in:
Scott Wallace 2014-06-11 20:37:02 +01:00
parent 2650d30063
commit dd18d4449c

View file

@ -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>