Fixed a CSS issue in Safari.

This commit is contained in:
Scott Wallace 2014-05-15 08:18:14 +01:00
parent 81db9ff948
commit 6c70615653

View file

@ -12,6 +12,8 @@
background: url("macarons.jpg"); background: url("macarons.jpg");
background-size: 100%; background-size: 100%;
color: #fff; color: #fff;
width: 100%;
height: 100%;
} }
a { a {
@ -23,7 +25,8 @@
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
top: 25%; top: 25%;
position: relative; left: 35%;
position: absolute;
font-family: 'Niconne', cursive; font-family: 'Niconne', cursive;
font-size: 600%; font-size: 600%;
width: 2.5em; width: 2.5em;
@ -36,7 +39,7 @@
} }
#contact { #contact {
position: fixed; position: absolute;
width: 16em; width: 16em;
left: 3em; left: 3em;
top:85%; top:85%;
@ -50,10 +53,9 @@
#rightmenu { #rightmenu {
background-color: rgba(128,0,128,0.4); background-color: rgba(128,0,128,0.4);
color: #fff; color: #fff;
width: 16em;
border-left: 3px solid purple; border-left: 3px solid purple;
position: absolute; position: absolute;
left: 100%; margin-left: 100%;
top: 0; top: 0;
width: 15em; width: 15em;
height: 100%; height: 100%;
@ -96,7 +98,6 @@
function openMenu() { function openMenu() {
$(function(){ $(function(){
if ( $("#rightmenu").attr("data-open") != "true" ) { if ( $("#rightmenu").attr("data-open") != "true" ) {
//alert($("#rightmenu").css("width"));
$("#rightmenu").animate({left: "-=" + $("#rightmenu").css("width")}, 1000); $("#rightmenu").animate({left: "-=" + $("#rightmenu").css("width")}, 1000);
$("#rightmenu").attr("data-open", "true"); $("#rightmenu").attr("data-open", "true");
} }