I’ve started to get really into using Google Calendar and it works all fine and dandy on my desktop (multiple large monitors), but when I get to my smaller laptop screen it’s hrd to see more than an event or two per day in the 4-week view (especially since I keep my browser window small-ish). This led me (through various googling) to the Stylish plugin for Firefox (I think it’s available for other browsers, too), and a few styles: Shrink Sidebar, colorize Saturday & Sunday, and Compact Header. These were a good start, but just not enough for me, so I hacked up my own version of Compact Header and added another style to do some more shrinking.
Here’s my version of Compact Header:
@namespace url(http://www.w3.org/1999/xhtml);
-
-
@-moz-document url-prefix("http://www.google.com/calendar/"),
-
url-prefix("https://www.google.com/calendar/") {
-
#topBar > table > tbody > tr:first-child > td:first-child,
-
#ft {
-
display: none !important;
-
}
-
#cornerBookmarks {
-
width: 1em !important;
-
overflow: hidden !important;
-
}
-
#cornerBookmarks:hover {
-
overflow: visible !important;
-
}
-
#cornerBookmarks > .bookmarks {
-
padding: 4px !important;
-
}
-
#cornerBookmarks > .bookmarks > tbody > tr > td::before {
-
content: "\bb\a0\a0";
-
font-weight: bold;
-
}
-
#tc_top > table {
-
background-color: transparent !important;
-
}
-
#topBar {
-
margin-left: 1em !important;
-
}
-
#s {
-
padding-bottom: 0 !important;
-
/* margin-top: -5px !important; **ILG */
-
margin-top: 4px !important;
-
}
-
#s > input, #s > button {
-
font-size: 80% !important;
-
vertical-align: middle !important;
-
}
-
#nt1 {
-
margin-bottom: -2ex !important;
-
}
-
#nt1 > div {
-
padding-top: 4px !important;
-
}
-
#mt1 > .s > div {
-
margin-top: 1em !important;
-
}
-
}
Here’s my more-shrinking thing:
@namespace url(http://www.w3.org/1999/xhtml);
-
-
@-moz-document url-prefix(http://www.google.com/calendar) {
-
body {
-
font-size: 8pt !important;
-
}
-
div#gbar {
-
display: none !important;
-
}
-
div#guser {
-
font-size: 8pt !important;
-
}
-
span#todrawfav table {
-
margin-top: 1px !important;
-
}
-
span#todrawfav font {
-
font-size: 8pt !important;
-
}
-
td.chip div label {
-
font-size: 6pt !important;
-
}
-
div#nt_0 div {
-
height: 13px !important;
-
}
-
div#nt_0 {
-
height: 15px !important;
-
font-size: 7pt !important;
-
}
-
div#addPT {
-
border-bottom: 1pt solid #999 !important;
-
height: 14px !important;
-
}
-
div#nt_0 div#addPT,div#nt_0 div#addPT div {
-
height: 14px !important;
-
}
-
}
