{"id":137,"date":"2009-08-19T00:49:37","date_gmt":"2009-08-19T05:49:37","guid":{"rendered":"http:\/\/factormystic.net\/blog\/?p=137"},"modified":"2010-01-08T14:50:41","modified_gmt":"2010-01-08T19:50:41","slug":"gmail-loading-screen-hack","status":"publish","type":"post","link":"https:\/\/factormystic.net\/blog\/gmail-loading-screen-hack","title":{"rendered":"Gmail Loading Screen hack"},"content":{"rendered":"<p>Here&#8217;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>\n<p>It&#8217;s takes you from boring&#8230;<\/p>\n<div id=\"attachment_150\" style=\"width: 641px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-150\" class=\"size-full wp-image-150\" title=\"Gmail Loading Screen (Before)\" src=\"https:\/\/factormystic.net\/blog\/wp-content\/uploads\/2009\/08\/gmail-loading-screen-hack-before.png\" alt=\"Gmail Loading Screen (Before)\" width=\"631\" height=\"335\" srcset=\"https:\/\/factormystic.net\/blog\/wp-content\/uploads\/2009\/08\/gmail-loading-screen-hack-before.png 631w, https:\/\/factormystic.net\/blog\/wp-content\/uploads\/2009\/08\/gmail-loading-screen-hack-before-300x159.png 300w\" sizes=\"auto, (max-width: 631px) 100vw, 631px\" \/><p id=\"caption-attachment-150\" class=\"wp-caption-text\">Gmail Loading Screen (Before)<\/p><\/div>\n<p>&#8230;to moderately less boring!<\/p>\n<div id=\"attachment_153\" style=\"width: 641px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-153\" class=\"size-full wp-image-153\" title=\"Gmail Loading Screen (After)\" src=\"https:\/\/factormystic.net\/blog\/wp-content\/uploads\/2009\/08\/gmail-loading-screen-hack-after.png\" alt=\"Gmail Loading Screen (After)\" width=\"631\" height=\"335\" srcset=\"https:\/\/factormystic.net\/blog\/wp-content\/uploads\/2009\/08\/gmail-loading-screen-hack-after.png 631w, https:\/\/factormystic.net\/blog\/wp-content\/uploads\/2009\/08\/gmail-loading-screen-hack-after-300x159.png 300w\" sizes=\"auto, (max-width: 631px) 100vw, 631px\" \/><p id=\"caption-attachment-153\" class=\"wp-caption-text\">Gmail Loading Screen (After)<\/p><\/div>\n<p>It&#8217;s cool how just centering the info and adding a logo spruces things up. Take the hint, Google!<\/p>\n<p>Here&#8217;s the code:<\/p>\n<blockquote>\n<pre>@namespace url(http:\/\/www.w3.org\/1999\/xhtml);\r\n\r\n@-moz-document domain(\"mail.google.com\") {\r\n  #loading {\r\n    position: absolute;\r\n    left: 50%;\r\n    width: 400px;\r\n    margin-left: -200px;\r\n  }\r\n  #loading .cmsg:first-child {\r\n    background-image: url(https:\/\/mail.google.com\/mail\/images\/2\/5\/logo1.png);\r\n    background-position: left top;\r\n    background-repeat: no-repeat;\r\n\r\n    padding-top: 70px;\r\n  }\r\n  #stb {\r\n    left:0px;\r\n  }\r\n}<\/pre>\n<\/blockquote>\n<p>Ideas to make it cooler? Leave a comment!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here&#8217;s a quick userstyle for the Gmail loading screen. You and apply it via Stylish. Edit: And a Chrome\/Chromium extension! It&#8217;s takes you from boring&#8230; &#8230;to moderately less boring! It&#8217;s cool how just centering the info and adding a logo spruces things up. Take the hint, Google! Here&#8217;s the code: @namespace url(http:\/\/www.w3.org\/1999\/xhtml); @-moz-document domain(&#8220;mail.google.com&#8221;) { [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23,5,12],"tags":[],"class_list":["post-137","post","type-post","status-publish","format-standard","hentry","category-better-gmail-loading-screen","category-release","category-web-stuff"],"_links":{"self":[{"href":"https:\/\/factormystic.net\/blog\/wp-json\/wp\/v2\/posts\/137","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/factormystic.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/factormystic.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/factormystic.net\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/factormystic.net\/blog\/wp-json\/wp\/v2\/comments?post=137"}],"version-history":[{"count":18,"href":"https:\/\/factormystic.net\/blog\/wp-json\/wp\/v2\/posts\/137\/revisions"}],"predecessor-version":[{"id":190,"href":"https:\/\/factormystic.net\/blog\/wp-json\/wp\/v2\/posts\/137\/revisions\/190"}],"wp:attachment":[{"href":"https:\/\/factormystic.net\/blog\/wp-json\/wp\/v2\/media?parent=137"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/factormystic.net\/blog\/wp-json\/wp\/v2\/categories?post=137"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/factormystic.net\/blog\/wp-json\/wp\/v2\/tags?post=137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}