diff --git a/examples/simple/css/browseralert.css b/examples/simple/css/browseralert.css index 431ca01..6d3e47e 100644 --- a/examples/simple/css/browseralert.css +++ b/examples/simple/css/browseralert.css @@ -65,13 +65,15 @@ .browser-overlay { display: none; - background: black; + width: 100%; height: 100%; + position: absolute; top: 0px; left: 0px; - background: rgba(0,0,0,0.8); + + background: rgba(0,0,0,.7); z-index: 5000; @@ -84,16 +86,17 @@ -moz-animation: fadeout 0.4s ease-in-out both; } - .browser-overlay .wrapper { - width: 480px; +.browser-overlay .wrapper { + width: 400px; padding: 40px; - box-sizing: border-box; + border-radius: 4px; position: absolute; top: 50%; left: 50%; - margin-left: -210px; - margin-top: -201px; + margin-left: -240px; + margin-top: -240px; + box-shadow: rgba(0,0,0,0.4) 0px 0px 200px inset; -webkit-animation: bounceInDown 0.6s ease both; diff --git a/examples/simple/index.html b/examples/simple/index.html index 46549db..f532961 100644 --- a/examples/simple/index.html +++ b/examples/simple/index.html @@ -24,12 +24,12 @@

You are using an outdated browser. Upgrade your browser today or install Google Chrome Frame to better experience this site.

-
+

This experiment works in webkit based browsers only!

-

This means we cannot guarantee that everything would be properly displayed on your browser. Sorry.

- Close +

This means we cannot guarantee that everything will be displayed properly on your browser. Sorry.

+ Continue anyway >
@@ -43,6 +43,18 @@

This experiment works in webkit based browsers only!