Hacking Gmail

Chapter 4 — Skinning Gmail 37 Sent Mail Drafts All Mail Spam Trash Contacts Labels Edit labels Invite ...

38 Part II — Getting Inside Gmail You’ll notice when you read through this code that what look like links (the Inbox, Starred, S ...

Chapter 4 — Skinning Gmail 39 The central activity area is controlled by the code in Listing 4-3. Listing 4-3:The Central Activi ...

40 Part II — Getting Inside Gmail Listing 4-3(continued) “white-space: nowrap;”><b>1</b> - <b>1</b> o ...

Chapter 4 — Skinning Gmail 41 <div style=”padding: 0pt 20px;” class=”s c”> <img width=”9” height=”11” src=”/gmai ...

42 Part II — Getting Inside Gmail Listing 4-3(continued) ...</option> <option style=”color: rgb(119, 119, 119);” disabl ...

Chapter 4 — Skinning Gmail 43 Listing 4-4:The Bottom Section of the Screen in HTML <div style=”padding: 0ex 14ex;” id=”ft”> ...

44 Part II — Getting Inside Gmail So, now you have worked your way through each of the separate sections of the Gmail layout, an ...

Chapter 4 — Skinning Gmail 45 FIGURE4-10: Gmail Lite As you can see, it’s a much simpler page layout, with no images, a muted co ...

46 Part II — Getting Inside Gmail body#gmail-google-com span.lk, body#gmail-google-com a.lc, body#gmail-google-com a.lk { text-d ...

Chapter 4 — Skinning Gmail 47 } / both current and other / body#gmail-google-com table.cv td span.lk, body#gmail-google-com div. ...

48 Part II — Getting Inside Gmail active menu option in the normal view. It’s much simpler now. Having manipu- lated these eleme ...

Chapter 4 — Skinning Gmail 49 / mailbox contents / body#gmail-google-com div#co div#tbd { background: #ffffff !important; border ...

50 Part II — Getting Inside Gmail body#gmail-google-com table.tlc tr.ur:hover td span.ct, body#gmail-google-com table.tlc tr.rr: ...

Chapter 4 — Skinning Gmail 51 The rest of the code deals with the physical layout of the application area, espe- cially removing ...

52 Part II — Getting Inside Gmail should be confident now that Gmail is not an enormously complex and incompre- hensible applica ...

How Gmail Works B y now you’ve learned how to use Gmail with some flair, and you can change the way it looks to a certain extent ...

54 Part II — Getting Inside Gmail FIGURE5-1: The location of the Gmail JavaScript shown with the DOM inspector Back to the brows ...

Chapter 5 — How Gmail Works 55 FIGURE5-2: The main interface divs Introducing XMLHttpRequest I like to think of this as quite a ...

56 Part II — Getting Inside Gmail First, open up a directory on a website. You’ll need to access it via a proper domain, you see ...