Fixed a CSS issue in Safari.
This commit is contained in:
parent
81db9ff948
commit
6c70615653
11
index.html
11
index.html
|
@ -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");
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue