commit 586e3c28f6349b460ee92da5c86bbbed4b1e997f
parent 12795fb41ecc2e0497eaf55f57a6277c92efc7fc
Author: Florian Dold <florian.dold@gmail.com>
Date: Wed, 2 Mar 2016 05:05:05 +0100
fading
Diffstat:
2 files changed, 18 insertions(+), 8 deletions(-)
diff --git a/examples/blog/essay_cc-form.html b/examples/blog/essay_cc-form.html
@@ -1,6 +1,6 @@
<html>
<head>
- <link rel="stylesheet" type="text/css" href="../style.css">
+ <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body style="display:none;" lang="en" bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#800080" alink="#FF0000">
<header>
@@ -80,20 +80,15 @@
function handleTimeout() {
walletNotPresent = true;
document.body.style.display = "";
+ document.body.classList.add("fade");
}
document.addEventListener("taler-wallet-present",
has_taler_wallet_cb,
false);
- window.setTimeout(handleTimeout, 200);
+ window.setTimeout(handleTimeout, 300);
- // Register event to be triggered by the wallet when it gets enabled while
- // the user is on the payment page
- document.addEventListener("taler-load",
- signal_taler_wallet_onload,
- false);
-
function executePayment(H_contract, pay_url, offering_url) {
var detail = {
H_contract: H_contract,
diff --git a/examples/blog/style.css b/examples/blog/style.css
@@ -119,3 +119,18 @@ h4, h5, h6 {
}
+.fade {
+ -webkit-animation: fade 0.7s;
+ animation: fade 0.7s;
+ opacity: 1;
+}
+
+@-webkit-keyframes fade {
+ from {opacity: 0}
+ to {opacity: 1}
+}
+@keyframes fade {
+ from {opacity: 0}
+ to {opacity: 1}
+ }
+
