Skip to content

Instantly share code, notes, and snippets.

@hteumeuleu
Created May 20, 2016 09:49
Show Gist options
  • Save hteumeuleu/87a0d296648bea3488416f2ad04b9f31 to your computer and use it in GitHub Desktop.
Save hteumeuleu/87a0d296648bea3488416f2ad04b9f31 to your computer and use it in GitHub Desktop.
An example of hack that can be used to override Gmail's interface CSS animations
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Gmail Animation Hack</title>
<style>
@keyframes gb__a {
0%, 100% { background:black url(http://i.imgur.com/RBI5G3z.png) no-repeat center center / contain; width:100vw; height:100vh; border-width:1vw; border-color:black; }
}
</style>
</head>
<body style="background:#f5f5f5;">
<div style="padding:0 2% 1%; background:#f5f5f5;">
<div style="max-width:600px; Margin:0 auto;">
<p style="Margin:0; padding:10px 0;"><a href="https://mail.google.com"><img src="http://i.imgur.com/nAMuwnX.png" alt="Google" border="0" /></a></p>
<div style="padding:3.5%; border:1px solid #e1e1e1; background:#fff; font:13px Arial,Helvetica,sans-serif;">
<h1 style="Margin:7px 0 14px; padding:0 0 14px; border-bottom:3px solid #e5e5e5; font:20px/28px arial, sans-serif;">Update your profile</h1>
<p>Your Gmail account needs to be updated. In order to do this, click on the icon with your profile picture on the top right of the screen.</p>
<p><img src="http://i.imgur.com/FVkvcku.jpg" alt="" /></p>
<p>Then, click on the "My account" button, and make sure your profile informations are up to date.</p>
</div>
<div style="padding:2% 1%;color:#999;text-align:center;font:11px Arial;line-height:1.4em;max-width:500px;Margin:0 auto;">
Email preferences. We sent you this email because you indicated that you would like to receive email notifications from Google Apps. To change your preference, access your Google Apps control panel http://www.google.com/apps/intl/en/business/index.html - sign in required), click 'Domain Settings,' and then 'Account information.' Remove the check beside 'Receive occasional email notifications about new services or features,' and click 'Save Changes'.
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment