2718.us blog » stylish http://2718.us/blog Miscellaneous Technological Geekery Tue, 18 May 2010 02:42:55 +0000 en hourly 1 http://wordpress.org/?v=3.0.4 shrinking gcal http://2718.us/blog/2008/04/07/shrinking-gcal/ http://2718.us/blog/2008/04/07/shrinking-gcal/#comments Mon, 07 Apr 2008 22:45:45 +0000 2718.us http://2718.us/blog/?p=7 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);
  1.  
  2. @-moz-document url-prefix("http://www.google.com/calendar/"),
  3.                url-prefix("https://www.google.com/calendar/") {
  4.   #topBar > table > tbody > tr:first-child > td:first-child,
  5.   #ft {
  6.     display: none !important;
  7.   }
  8.   #cornerBookmarks {
  9.     width: 1em !important;
  10.     overflow: hidden !important;
  11.   }
  12.   #cornerBookmarks:hover {
  13.     overflow: visible !important;
  14.   }
  15.   #cornerBookmarks > .bookmarks {
  16.     padding: 4px !important;
  17.   }
  18.   #cornerBookmarks > .bookmarks > tbody > tr > td::before {
  19.     content: "\bb\a0\a0";
  20.     font-weight: bold;
  21.   }
  22.   #tc_top > table {
  23.     background-color: transparent !important;
  24.   }
  25.   #topBar {
  26.     margin-left: 1em !important;
  27.   }
  28.   #s {
  29.     padding-bottom: 0 !important;
  30.    /* margin-top: -5px !important; **ILG */
  31.     margin-top: 4px !important;
  32.   }
  33.   #s > input, #s > button {
  34.     font-size: 80% !important;
  35.     vertical-align: middle !important;
  36.   }
  37.   #nt1 {
  38.     margin-bottom: -2ex !important;
  39.   }
  40.   #nt1 > div {
  41.     padding-top: 4px !important;
  42.   }
  43.   #mt1 > .s > div {
  44.     margin-top: 1em !important;
  45.   }
  46. }

Here’s my more-shrinking thing:

@namespace url(http://www.w3.org/1999/xhtml);
  1.  
  2. @-moz-document url-prefix(http://www.google.com/calendar) {
  3. body {
  4. font-size: 8pt !important;
  5. }
  6. div#gbar {
  7. display: none !important;
  8. }
  9. div#guser {
  10. font-size: 8pt !important;
  11. }
  12. span#todrawfav table {
  13. margin-top: 1px !important;
  14. }
  15. span#todrawfav font {
  16. font-size: 8pt !important;
  17. }
  18. td.chip div label {
  19. font-size: 6pt !important;
  20. }
  21. div#nt_0 div {
  22. height: 13px !important;
  23. }
  24. div#nt_0 {
  25. height: 15px !important;
  26. font-size: 7pt !important;
  27. }
  28. div#addPT {
  29. border-bottom: 1pt solid #999 !important;
  30. height: 14px !important;
  31. }
  32. div#nt_0 div#addPT,div#nt_0 div#addPT div {
  33. height: 14px !important;
  34. }
  35. }
]]> http://2718.us/blog/2008/04/07/shrinking-gcal/feed/ 0