Google Apps Hacks

182 GOOGLE APPS HACKS



Creating a custom stylesheet takes time, development skills, and an eye for design. Part of the

challenge is to determine the right CSS selectors so that your style will be applied to the correct

parts of the underlying HTML page. However, there’s help: http://userstyles.org is a directory where

you can nd ready-made stylesheets to grab and run.

The easiest way to access Google Calendar styles in this directory is to just click the Stylish button

and select “Find Styles for this Page” while viewing your calendar. You may not always nd all

the styles available for a given page, so an additional search at http://userstyles.org for “google

calendar” will also retrieve good results.

For example, suppose you’ve located the style named “Slate Series.” In its details page, scroll down

an click the “Load into Stylish” button. You’ll probably want to amend this stylesheet by adding

support for non-HTTPS calendar connections; all this takes is a minor tweak to the URL prex

syntax. Click the Stylish icon, select Manage Styles, then select Google Calendar (“Slate Series”)

and click Edit. Change the following line:

@-moz-document url-prefix(https://www.google.com/calendar),

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

to:

@-moz-document url-prefix(https://www.google.com/calendar),

url-prefix(https://www.google.ca/calendar),