Refreshing all the css on a page using jQuery

I have a client project where we let them customize some css attributes in the admin, show them the updates in a small preview area, then save the changes back to the server. The custom css attributes are in a small css file that is generated on pageload and then cached to the server. All of the admin functionality is done through ajax, so I wanted a good way to update the UI of the site without having to do a full pageload. The below function was a great help.

function reloadStylesheets() {
    var queryString = '?reload=' + new Date().getTime();
    $('link[rel="stylesheet"]').each(function () {
        this.href = this.href.replace(/\?.*|$/, queryString);
    });
}

Moving Gmail Gadgets to the Right Side

I started using Remember the Milk recently but didn't want the gmail gadget to be so far down on the left hand side of my screen.  There is no built in way to move gadgets to the right hand side with the exception of chat (labels used to do this but was removed in favor of drag in drop back in late 2009). If you don't have anything in the right hand column, enable Right-Side Chat from Gmail Labs.  We are going to add in some custom css to gmail so install either [Stylist ](https:// chrome.google.com/extensions/detail/pabfempgigicdjjlccdgnbmeggkbjdhd)for Chrome or Stylish for Firefox. Add the following style:

div.TZ:nth-child(8) {
position:absolute !important; 
right:0px; 
top:165px; 
width:164px; }

In chrome you can also restrict the domain to mail.google.com. For me, the Remember the Milk gadget was the 8th child. Play with this until it looks right for you. You may also have to play with the "top" element depending on how much room your chat gadget takes up