<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Factor Mystic &#187; better-gmail-loading-screen</title>
	<atom:link href="http://factormystic.net/blog/category/better-gmail-loading-screen/feed" rel="self" type="application/rss+xml" />
	<link>http://factormystic.net/blog</link>
	<description></description>
	<lastBuildDate>Mon, 05 Jul 2010 18:27:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Gmail Loading Screen hack</title>
		<link>http://factormystic.net/blog/gmail-loading-screen-hack</link>
		<comments>http://factormystic.net/blog/gmail-loading-screen-hack#comments</comments>
		<pubDate>Wed, 19 Aug 2009 05:49:37 +0000</pubDate>
		<dc:creator>Factor Mystic</dc:creator>
				<category><![CDATA[better-gmail-loading-screen]]></category>
		<category><![CDATA[release]]></category>
		<category><![CDATA[web stuff]]></category>

		<guid isPermaLink="false">http://factormystic.net/blog/?p=137</guid>
		<description><![CDATA[Here's a quick userstyle for the Gmail loading screen. You and apply it via Stylish. Edit: And a Chrome/Chromium extension! It's takes you from boring... ...to moderately less boring! It's cool how just centering the info and adding a logo spruces things up. Take the hint, Google! Here's the code: @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("mail.google.com") { [...]]]></description>
			<content:encoded><![CDATA[<p>Here's a quick userstyle for the Gmail loading screen. You and apply it via <a href="https://addons.mozilla.org/en-US/firefox/addon/2108">Stylish</a>. <strong>Edit</strong>: <a href="http://factormystic.net/sa/extensions">And a Chrome/Chromium extension</a>!</p>
<p>It's takes you from boring...</p>
<div id="attachment_150" class="wp-caption alignnone" style="width: 641px"><img class="size-full wp-image-150" title="Gmail Loading Screen (Before)" src="http://factormystic.net/blog/wp-content/uploads/2009/08/gmail-loading-screen-hack-before.png" alt="Gmail Loading Screen (Before)" width="631" height="335" /><p class="wp-caption-text">Gmail Loading Screen (Before)</p></div>
<p>...to moderately less boring!</p>
<div id="attachment_153" class="wp-caption alignnone" style="width: 641px"><img class="size-full wp-image-153" title="Gmail Loading Screen (After)" src="http://factormystic.net/blog/wp-content/uploads/2009/08/gmail-loading-screen-hack-after.png" alt="Gmail Loading Screen (After)" width="631" height="335" /><p class="wp-caption-text">Gmail Loading Screen (After)</p></div>
<p>It's cool how just centering the info and adding a logo spruces things up. Take the hint, Google!</p>
<p>Here's the code:</p>
<blockquote>
<pre>@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("mail.google.com") {
  #loading {
    position: absolute;
    left: 50%;
    width: 400px;
    margin-left: -200px;
  }
  #loading .cmsg:first-child {
    background-image: url(https://mail.google.com/mail/images/2/5/logo1.png);
    background-position: left top;
    background-repeat: no-repeat;

    padding-top: 70px;
  }
  #stb {
    left:0px;
  }
}</pre>
</blockquote>
<p>Ideas to make it cooler? Leave a comment!</p>
]]></content:encoded>
			<wfw:commentRss>http://factormystic.net/blog/gmail-loading-screen-hack/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (enhanced) (user agent is rejected)
Database Caching 17/26 queries in 0.007 seconds using disk

Served from: factormystic.net @ 2010-09-08 18:30:30 -->