2718.us blog » css 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 Best Reference Tools Ever http://2718.us/blog/2008/04/17/best-reference-tools-ever/ http://2718.us/blog/2008/04/17/best-reference-tools-ever/#comments Thu, 17 Apr 2008 20:33:03 +0000 2718.us http://2718.us/blog/?p=23 If, like me, you find yourself doing lots of random web stuff, particularly with all the HTML, CSS, MySQL, and PHP that go along with it, you may find yourself looking for a good reference book so you can quickly check the syntax of that one thing you only use like once a year and for which you can never remember the order of the arguments.  For a longtime, for me, this meant that I programmed with a whole separate browser window on a separate monitor devoted just to having up the reference manuals for PHP and MySQL as well as the W3C pages giving the full specs on HTML and CSS, all in whatever versions I happened to be using that day.  It worked, but not well.  (Which is to say, it worked well enough that I haven’t spent the $10-$20 for a nutshell pocket reference guide in a few years, but I’d still look at them every time I was in a bookstore and think about buying them.)

Then I discovered Bob Stein and VisiBone.  For months now, I’ve had the card collection and MySQL cards.  I’ve still had to have the PHP manual up.  That is, until now, with the new PHP products.  With luck, I should have my PHP+MySQL book by the beginning of next week (since he’s updated the MySQL cards since I bought mine, but the card collection is still up to date, so I didn’t get the everything book).  I keep trying to put my VisiBone reference stuff away, since it’s always out in the middle of my desk, but it never stays put away even for a day before I find myself pulling it out to use again.

]]> http://2718.us/blog/2008/04/17/best-reference-tools-ever/feed/ 0 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