Create a gist now

Instantly share code, notes, and snippets.

Embed
What would you like to do?
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