Google Apps Hacks

181

HaCK 72:



Bored by the same old Google Calendar layout, day in and day

out? Don’t despair: you can create a custom skin or download

third-party skins.

You can skin any web site with user stylesheets, home-made CSS (Cascading Style Sheets) les that

override the default layout options for any web site. You can manage these les yourself for most

browsers. But if you’re browsing with Firefox, you can also get a little help in the form of a

Firefox extension called Stylish.



To install Stylish, point Firefox to https://addons.mozilla.org/en-US/refox/addon/2108. Click the

Install Now button, conrm the setup, and restart your browser.

You will now see an icon in the bottom right of Firefox. Now sign in to Google Calendar, click the

Stylish icon, and select Manage Styles from the menu. In the dialog that opens, click the Write

button. You can now enter a description, like “My Calendar Skin.” In the code eld, enter the

following CSS for your user stylesheet (the rst line is split to t here):

@-moz-documenturl-prefix(http://www.google.com/calendar),

url-prefix(https://www.google.com/calendar) {

body {

background-color: gray !important;

}

}

This URL prex syntax restricts your style to Google Calendar only. Within that scope, you dened

a gray background color for the whole page (pretty, this may not be—but it’s just an example!). ...